@charset "utf-8";

/*MAIN BOX
==================================================*/
#main-box h2{
	width: 652px;
	margin: 0px;
	padding: 0px;
}

/*MAIN IMAGE HOVER
==================================================*/
#side-navi01 .navi01 a:hover{
	background: url(../img/side_gas01_top_on.gif) no-repeat 11px 3px;
}

#side-navi01 .navi02 a:hover{
	background: url(../img/side_gas02_top_on.gif) no-repeat 11px 3px;
}

#side-navi01 .navi03 a:hover{
	background: url(../img/side_gas03_top_on.gif) no-repeat 11px 3px;
}

#side-navi02 .navi01 a:hover{
	background: url(../img/side_water01_top_on.gif) no-repeat 11px 3px;
}

/*MAIN BOX CONTENTS
==================================================*/
#main-box-contents{
	float: left;
	width: 398px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#information{
	background: url(../img/title_line.gif) no-repeat bottom;
	zoom: 1;
}

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

/*INFORMATION------------------------------*/
#information h3{
	float: left;
	width: 52px;
	margin: 0px;
	padding: 0px 0px 3px;
}

#information p{
	float: right;
	width: 122px;
	margin: 0px;
	padding: 0px 0px 4px;
}

#main-box-contents dl{
	font-size: 75%;
	line-height: 1.2;
	background: url(../img/border_dot.gif) repeat-x bottom;
	padding: 0px 0px 10px 8px;
}

#main-box-contents dl dt{
	background: url(../img/icon_top_information.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 12px;
}

#main-box-contents dl dd{
	margin: 0px;
	padding: 0px 0px 0px 12px;
}

/*MAIN BOX SIDE
==================================================*/
#main-box-side{
	float: right;
	width: 212px;
	margin: 10px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
}

/*BANNER------------------------------*/
#main-box-side ul.banner{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#main-box-side ul.banner li{
	margin: 0px 0px 5px;
	padding: 0px;
}

#main-box-side ul.banner li img{
	vertical-align: bottom;
}

/*SITE NAVI------------------------------*/
ul.site-navi{
	text-indent: -9999px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

ul.site-navi a{
	display: block;
	width: 190px;
	height: 20px;
}

ul.site-navi li{
	list-style: none;
}

ul.site-navi .navi01{
	background: url(../img/top_site_navi01.gif) no-repeat;
}

ul.site-navi .navi02{
	background: url(../img/top_site_navi02.gif) no-repeat;
}

ul.site-navi .navi03{
	background: url(../img/top_site_navi03.gif) no-repeat;
}

ul.site-navi .navi01 a:hover{
	background: url(../img/top_site_navi01_on.gif) no-repeat;
}

ul.site-navi .navi02 a:hover{
	background: url(../img/top_site_navi02_on.gif) no-repeat;
}

ul.site-navi .navi03 a:hover{
	background: url(../img/top_site_navi03_on.gif) no-repeat;
}

/*QR CODE------------------------------*/
#qr{
	border: 1px solid #D0D0D0;
	margin: 0px 0px 8px;
	padding: 8px 8px 4px;
	zoom: 1;
}

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

#qr h3{
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 6px;
	padding: 0px;
}

#qr p{
	float: left;
	font-size: 65%;
	width: 125px;
	margin: 2px 0px 4px 0px;
	padding: 0px;
}

#qr p#qrimg{
	float: left;
	width: 68px;
	margin: 0px 0px 4px;
}

#qr img{
	padding: 4px 0px;
}