@charset "utf-8";

@media screen and (min-width: 641px){

img{
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align:bottom;
}

.dn_pc{display: none;}
.dn_sp{display: inline;}



/* all
------------------------------------------------*/
*{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

img {
 border:none;
}

ul,dl,ol,li{
 list-style-type:none;
}

.clear{
	clear:both;
	height: 0px;
	border: 0px;
	line-height: 0;
	visibility:hidden;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

.clearfix { display:inline-table; }

/* Mac OS */
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


html{
	height:100%;
}


/* --------------------------
	Base
----------------------------*/
body {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: url(../../images/bg-main.jpg) no-repeat center top;
	-webkit-text-size-adjust: 100%;
 }

#container{
	background: #b5cd0f url(../../images/bg-container.jpg) no-repeat center top;
}

a {
	text-decoration: none;
	font-style: italic;
}


/* --------------------------
	Header
----------------------------*/
#header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 999999;
}
	#header #gnav{
	position: absolute;
	top: 0;
	right: 0;
}
	#header #gnav ul li{
		display: inline-block;
}

/* --------------------------
	Footer
----------------------------*/
div#wrap-footer {
	background-color: #FFF;
	width: 100%;
}

/* div#footer */
div#footer {
	margin: 0 auto;
	padding: 15px 0 13px;
	width: 960px;
}

div#footer a {
	color: #545454;
}
div#footer a:hover{
	color: #999;
}

table.table_footer_menu{
	margin: 0px;
	padding: 0px;
	float: left;
}

table.table_footer_menu td{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5;
}

table.table_footer_menu td.aeon{
	width: 140px;
	line-height: 1.0;
}

table.table_footer_menu td.home{
	width: 92px;
	text-align: center;
	border-left: 5px solid #676765;
}

table.table_footer_menu td ul.footer_aeon_menu{
	margin: 0px 0px 0px 3px;
	padding: 0px;
	list-style: none;
}

table.table_footer_menu td ul.footer_aeon_menu li{
	margin: 0px;
	padding: 0px 10px 0px 9px;
	display: inline;
	background: url("../images/sep_footer_aeon_navi.gif") center right no-repeat;
}

table.table_footer_menu td ul.footer_aeon_menu li.footer_aeon_menu_last{
	padding-right: 0px;
	background: none;
}

img.img_tree{
	margin: 0px 10px 0 0;
	padding: 0px;
	float: right;
}

/* p#footer_copyright */
div#footer p#footer_copyright {
	margin: 0;
	padding: 30px 0 0px;
	font-size: 10px;
	text-align: center;
	clear: both;
}

/* --------------------------
	Content
----------------------------*/
#headtree{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 116px;
	background: url(../../images/bg-header.png) no-repeat center top;
	z-index: 9999;
}

#content-area{
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 30px;
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

#content-area h2.ttl-page{
	margin: 8px 0 0 8px;
}

p#bread {
	color: #724C02;
	font-size: 12px;
	margin-left: 18px;
}
p#bread a{
	color: #724C02;
}
	p#bread a:hover{
	text-decoration: underline;
}


/* event
------------------------------------------------*/
.event_frame{
	margin: 0 30px 20px 30px;
}

.event_box{
	padding: 20px;

	background: url("../images/event_frame_in.gif") 0 0 repeat-y;
	overflow: auto;
}

.event_img{
	max-width:320px;
	float: left;
	margin: 0 34px 0 0;
}
.event_info{
	overflow: auto;
}

h3.event{
	font-size: 26px;
	color: #15a136;
	text-shadow: 1px 1px 0px #fff,
	-1px -1px 0px #fff,
	2px 2px 10px #50be65;
	margin: 0 0 24px 0;
}
.event_period{
	color: #ff8400;
	margin: 0 0 20px 0;
}
.event_detail{
	margin: 0 0 30px 0;
}

.event_link ul li{
	padding-left: 1.0em;
	text-indent: -1.0em;

	margin: 0 0 10px 0;
}
.event_link ul li a{
	background: url("../images/arrow_b.gif") 0 50% no-repeat;
	padding-left: 1.0em;
}



}