/* common
----------------------------------------*/
*{
	padding:0;
	margin:0;
}
img{
	border:0px;
}
li{
	list-style-type: none;
}

a{
	color:#339900;
}

a:hover{
	color:#66cc33;
	text-decoration:none;
}

.clear{
	clear:both;
	font-size:1px;
	color:#ffffff;
}
.hidden{
	display:none;
}

/*---clearfix---*/

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

.clearfix {
display: inline-block;
zoom: 1;
}
.clearfix {
display: block;
}

/* margin */
.box_L{float:left;}
.box_R{float:right;}
.boc_C{clear:both;}

.magl0 {margin-left:0px !important;}
.magl10{margin-left:10px !important;}
.magl15{margin-left:10px !important;}
.magl20{margin-left:20px !important;}
.magl72{margin-left:72px !important;_margin-left:36px !important;}

.magr0{margin-right:0px !important;}
.magr10{margin-right:10px !important;}
.magr15{margin-right:15px !important;}
.magr20{margin-right:20px !important;}
.magr30{margin-right:30px !important;}

.magt0 {margin-top:0px !important;}
.magt10{margin-top:10px !important;}
.magt15{margin-top:15px !important;}
.magt20{margin-top:20px !important;}

.magb0 {margin-bottom:0px !important;}
.magb3 {margin-bottom:3px !important;}
.magb5 {margin-bottom:5px !important;}
.magb10{margin-bottom:10px !important;}
.magb15{margin-bottom:15px !important;}
.magb20{margin-bottom:20px !important;}
.magb30{margin-bottom:30px !important;}

/* padding */
.padl0 {padding-left:0px !important;}
.padl5 {padding-left:5px !important;}
.padl10{padding-left:10px !important;}
.padl15{padding-left:10px !important;}
.padl20{padding-left:20px !important;}

.padr0{padding-right:0px !important;}
.padr5{padding-right:5px !important;}
.padr10{padding-right:10px !important;}
.padr15{padding-right:15px !important;}
.padr20{padding-right:20px !important;}

.padt0 {padding-top:0px !important;}
.padt5 {padding-top:5px !important;}
.padt10{padding-top:10px !important;}
.padt15{padding-top:15px !important;}
.padt20{padding-top:20px !important;}

.padb0 {padding-bottom:0px !important;}
.padb5 {padding-bottom:5px !important;}
.padb10{padding-bottom:10px !important;}
.padb15{padding-bottom:15px !important;}
.padb20{padding-bottom:20px !important;}

.co2small{
	font-size:0.8em;
}


/* レイアウト
========================================*/
/* INDEX
========================================*/
body{
	background:#D5EAD9;
	color:#333333;
	font-size:0.83em;
	line-height:1.4em;
	font-family: "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
	text-align:center;
}

/* safari only \*/

html:not(:only-child:only-child) body{font-size:11px; }

.wrap{
	width:748px;
	border-left:1px solid #005D30;
	border-right:1px solid #005D30;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#FFFFFF;
}

#headerBtn{
	background-color:#005D30;
	padding:7px 10px;
	text-align:right;
}
#header{
	width:748px;
	text-align:left;
}
	#header .header_L{
	float:left;
	width:449px;
	}
		#header .header_L .header_txt{
		margin:0;
		}
		#header .header_L h1{
		margin:0;
		}
	#header .header_R{
		float:right;
		width:299px;
		height:168px;
		background-color:#F7F7F7;
	}
		#header .header_R .day{
		margin-top:35px;
		}
		#header .header_R .place{
		margin-top:12px;
		}
		
/*   NAVI
----------------------------------------*/
#navi{
	width:748px;
	height:50px;
	clear:both;
	background:url(../img/naviback.gif) repeat-x left top;
}
	#navi li{
		float:left;
		text-indent:-99999px;
		font-size:1px;
		color:#ffffff;
	}
	#navi li a{
		display:block;
		height:50px;
	}
	#navi li.navi01 a{
		/*width:149px;*/
		width:148px;
		border-left:1px solid #FFF;
		background:url(../img/navi1.gif) no-repeat left top;
	}
	#navi li.navi01 a:hover{
		/*width:149px;*/
		width:148px;
		border-left:1px solid #FFF;
		background:url(../img/navi1.gif) no-repeat left bottom;
	}
	#navi li.navi02 a{
		width:149px;
		background:url(../img/navi2.gif) no-repeat left top;
	}
	#navi li.navi02 a:hover{
		width:149px;
		background:url(../img/navi2.gif) no-repeat left bottom;
	}
	#navi li.navi03 a{
		width:149px;
		background:url(../img/navi3.gif) no-repeat left top;
	}
	#navi li.navi03 a:hover{
		width:149px;
		background:url(../img/navi3.gif) no-repeat left bottom;
	}
	#navi li.navi04 a{
		width:150px;
		background:url(../img/navi4.gif) no-repeat left top;
	}
	#navi li.navi04 a:hover{
		width:150px;
		background:url(../img/navi4.gif) no-repeat left bottom;
	}
	#navi li.navi05 a{
		width:150px;
		border-right:1px solid #FFF;
		background:url(../img/navi5.gif) no-repeat left top;
	}
	#navi li.navi05 a:hover{
		width:150px;
		border-right:1px solid #FFF;
		background:url(../img/navi5.gif) no-repeat left bottom;
	}

/* CONTENTS
----------------------------------------*/
/* mainimgBox
----------------------------------------*/
.mainimgBox{
	width:748px;
	height:350px;
	background:url(../img/header_img_bg.jpg) no-repeat left top;
	padding:0;
	position:relative;
}
	.mainimgBox .jizentouroku{
		position:absolute;
		top:30px;
		left:515px;
	}
	.mainimgBox .ecoexpo{
		position:absolute;
		top:145px;
		left:515px;
	}
	.mainimgBox .solar{
		position:absolute;
		top:245px;
		left:519px;
	}
	
/* 共通
----------------------------------------*/
#contents{
	width:710px;
	text-align:left;
	margin:18px;
}
#contents h2{
	margin-bottom:12px;
	clear:both;
}

#prlist,
#news{
	width:710px;
}
	#prlist li{
		float:left;
		margin-right:10px;
	}
	#news li{
		padding:8px 0 5px 110px;
		text-indent:-90px;
		background:url(../img/icon1.gif) no-repeat 8px 15px;
		border-bottom:1px solid #CCCCCC;
	}
	#news li span{
		font-weight:bold;
	}
	
.summary_tbl{
border-collapse:collapse;
float:left;
}
.summary_tbl th{
background:#F7F7F7;
font-weight:bold;
text-align:center;
vertical-align:middle;
width:89px;
height:50px;
border-bottom:2px solid #CCCCCC;
}
.summary_tbl td{
vertical-align:middle;
border-bottom:2px solid #CCCCCC;
padding:0 25px;
}
.shop_L{
float:left;
width:350px;
}
.shop_R{
float:right;
width:350px;
}
.shop_L h3{
color:#006AB0;
font-weight:bold;
font-size:0.9em;
}
.shop_R h3{
color:#2BA738;
font-weight:bold;
font-size:0.9em;
}
.shop_L dt{
background:#006AB0;
color:#fff;
padding:1px 7px;
font-weight:bold;
margin-bottom:5px;
}
.shop_R dt{
background:#2BA738;
color:#fff;
padding:1px 7px;
font-weight:bold;
margin-bottom:5px;
}
.shop_L dd,
.shop_R dd{
margin-bottom:15px;
}
.pavilion_L{
float:left;
width:310px;
border:#E5E5E5 5px solid;
padding:8px 15px 0;
height:285px;
}
.pavilion_R{
float:right;
width:310px;
border:#E5E5E5 5px solid;
padding:8px 15px 0;
height:285px;
}
.pavilion_L h4{
margin-left:40px;
}
.pavilion_R h4{
margin-left:55px;
}
p.pavilion01{
background-color:#F9F3CD;
padding:7px 0;
margin:5px 0;
text-align:center;
}
p.pavilion02{
margin-bottom:24px;
}
.fair{
margin:5px 0 30px;
}
.visitor_01{
float:left;
border:1px solid #CBCBCB;
width:334px;
padding:9px 7px 0;
height:210px;

}
.visitor_01 .pic,
.visitor_02 .pic{
float:right;
}
.visitor_04 .pic,
.visitor_05 .pic{
float:right;
margin-left:7px;
}
.visitor_01 dt,
.visitor_02 dt,
.visitor_03 dt,
.visitor_04 dt,
.visitor_05 dt{
margin-bottom:3px;
}
.visitor_02{
float:right;
border:1px solid #CBCBCB;
width:334px;
padding:9px 7px 0;
height:210px;
}
.visitor_03{
clear:both;
border:1px solid #CBCBCB;
width:694px;
padding:9px 7px 0;
height:160px;
margin-bottom:10px;
}
.visitor_03 .pic{
float:right;
margin-left:8px;
}
.visitor_04{
float:left;
border:1px solid #CBCBCB;
width:334px;
padding:9px 7px 0;
height:190px;
}
.visitor_05{
float:right;
border:1px solid #CBCBCB;
width:334px;
padding:9px 7px 0;
height:190px;
}
.link{
clear:both;
text-align:center;
margin:30px 0 70px;
}
.link img{
margin:0 5px;
}



.footer{
text-align:center;
background-color:#005D30;
padding:15px 0 0;
height:35px;
}
.footer p{
color:#fff;
font-size:0.78em;
}

/* 来場のご案内
========================================*/
#guide{
	width:710px;
	text-align:center;
}

#merit{
	width:710px;
	text-align:left;
}
	#merit li{
		width:710px;
		min-height:40px;
		height:auto;
		height:40px;
		padding:5px 0;
		text-align:left;
		background:url(../img/pointline.gif) repeat-x left bottom;
	}
		#merit li img{
			float:left;
			display:block;
			margin-right:10px;
			margin-bottom:auto;
		}
		#merit li span{
			display:block;
			float:right;
			width:660px;
			padding-top:10px;
		}
		
#merit_img{
	width:650px;
	padding:30px;
}
	#merit_img il{
		width:293px;
	}

