html{
	background:#d8f8fd;
}
header{
	width:960px;
	height:80px;
	margin:0 auto;
}
header h1{
	width:265px;
	height:59px;
	float:left;
	margin:10px 0 0 0px;
	background:url('../images/common/logo.png') no-repeat;
}
header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#htel{
	width:208px;
	margin:30px 0 0 0;
	float:right;
}
#gnav{
	height:104px;
	padding:16px 0 0 0;
	background:url('../images/common/bg_nav.png') repeat-x;
}
#gnav ul{
	width:961px;
	margin:0 auto;
	border-right: 1px solid #f00;

}
#gnav ul li{
	width:136px;
	height:88px;
	float:left;
	border-left: 1px solid #f00;
}
#gnav ul li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	background:url('../images/common/nav.png') no-repeat;
}

#nav01 a:link,
#nav01 a:visited{ background-position: 0    0; }
.page-id-9 #nav01 a { background-position: 0 -180px; }
#nav01 a:hover  { background-position: 0  -90px; }
#nav01 a:active { background-position: 0 -180px; }

#nav02 a:link,
#nav02 a:visited{ background-position: -137px    0; }
.page-id-11 #nav02 a { background-position: -137px -180px; }
#nav02 a:hover  { background-position: -137px  -90px; }
#nav02 a:active { background-position: -137px -180px; }

#nav03 a:link,
#nav03 a:visited{ background-position: -274px    0; }
.page-id-13 #nav03 a { background-position: -274px -180px; }
#nav03 a:hover  { background-position: -274px  -90px; }
#nav03 a:active { background-position: -274px -180px; }

#nav04 a:link,
#nav04 a:visited{ background-position: -411px    0; }
.page-id-15 #nav04 a { background-position: -411px -180px; }
#nav04 a:hover  { background-position: -411px  -90px; }
#nav04 a:active { background-position: -411px -180px; }

#nav05 a:link,
#nav05 a:visited{ background-position: -548px    0; }
.page-id-17 #nav05 a { background-position: -548px -180px; }
#nav05 a:hover  { background-position: -548px  -90px; }
#nav05 a:active { background-position: -548px -180px; }

#nav07 a:link,
#nav07 a:visited{ background-position: -685px    0; }
.page-id-19 #nav07 a { background-position: -685px -180px; }
#nav07 a:hover  { background-position: -685px  -90px; }
#nav07 a:active { background-position: -685px -180px; }

#nav06 a:link,
#nav06 a:visited{ background-position: -822px    0; }
.page-id-21 #nav06 a { background-position: -822px -180px; }
#nav06 a:hover  { background-position: -822px  -90px; }
#nav06 a:active { background-position: -822px -180px; }

#wrapper{
	background:url('../images/common/bg_footer.png') repeat-x bottom center;
}
#main{
	width:960px;
	margin:0 auto;
	padding:20px 0 40px 0;
}
#contents{
	width:700px;
	padding:0 10px;
	float:left;
}
#side{
	width:220px;
	float:right;
}
#sidebanner1{
	list-style:none;
}
#sidebanner1 li{
	background:#fff;
	height:150px;
	margin:0 0 20px 0;
}
#sidebanner2{
	width:195px;
	height:102px;
	padding:70px 12px 10px 13px;
	list-style:none;
	background:#fff url('../images/common/sidebanner04.png') no-repeat;
}
#sidebanner2 li{
	padding:0 0 0 0px;
	border-bottom:1px dotted #000;
}
#sidebanner2 a{
	color:#586a3c;
	display:block;
	padding:1px 0;
	text-decoration:none;
}
#fnav{
	width:960px;
	margin:0 auto;
}
footer{
	background:#efb614;
}
#fnav li{
	float:left;
	display:inline-box;
	margin:0 20px 0 0;
}
#fnav li a{
	color:#fff;
	text-decoration:none;
}
#fnav li a:hover{
	text-decoration:underline;
}
#footer_ad{
	padding:10px 0;
	background:url('../images/common/bg_nav.png') repeat-x;
}
#footer_ad_inner{
	width:410px;
	padding:0 0 0 550px;
	margin:0 auto;
}
section{
	margin:0 0 50px 0;
}
#contents h2{
	margin:0 0 20px 0;
}
#contents h3{
	width:598px;
	height:35px;
	padding:25px 0 0 35px;
	margin:0 0 15px 0;
	font-size:18px;
	letter-spacing:0.3em;
}
#contents article{
	padding:0 70px 0 45px;
}
#contents h4{
	font-size:16px;
	padding:0 0 0 10px;
	margin:0 0 10px 0;

}
#contents h5{

}
p.justifyleft{
	text-align:left;
}
p.justifyright{
	text-align:right;
}
img.justifyleft{
	float:left;
	margin:0 10px 10px 0;
}
img.justifyright{
	float:right;
	margin:0 0px 10px 10px;
}

#cat_bx{
	position: relative;
	width: 570px;
	height: 278px;
	margin: 20px auto 20px;
	background: url(http://www.hanapro.net/media/gas/cat_map.png);
}

.catbtn{
	position: absolute;
	/*background: rgba(125,255,123,0.6);*/
}

.catbtn a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.catbtn a:link,
.catbtn a:visited{
	background: rgba(125,255,123,0);
}

.catbtn a:hover{
	background: rgba(125,255,123,0.6);
}

#cat1{
	width: 501px;
	height: 42px;
	top: 8px;
	left: 8px;
}

#cat2{
	width: 194px;
	height: 115px;
	top: 58px;
	left: 8px;
}

#cat3{
	width: 229px;
	height: 112px;
	top: 58px;
	left: 236px;
}

#cat3{
	width: 229px;
	height: 112px;
	top: 58px;
	left: 236px;
}

#cat4{
	width: 194px;
	height: 91px;
	top: 179px;
	left: 8px;
}

#cat5{
	width: 52px;
	height: 72px;
	top: 92px;
	left: 518px;
}


#cat6{
	width: 58px;
	height: 53px;
	top: 217px;
	left: 304px;
}

#cat7{
	width: 142px;
	height: 53px;
	top: 217px;
	left: 368px;
}

.tac{
	text-align: center;
}

#cat_title{
	border: 1px solid #fd6b70;
	border-radius: 4px;
	padding: 5px !important;
	margin: 30px 0 !important;
	text-align: center;
	color: #fd6b70;
}

.choice{
		color: #fd6b70;
	font-weight: bold;
}
#contents img{
max-width:100%;
height:auto;
}