@charset "utf-8";

/*BODY
==================================================*/
body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
}


/*A
==================================================*/
a{
	overflow: hidden;
}

/*WRAPPER
==================================================*/
#wrapper{
	width: 798px;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	margin: 0px auto;
	padding: 0px;
}

#contents{
	clear: both;
 	background: url(../img/wrapper_bg_side.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}

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

/*HEADER
==================================================*/
#header h1{
	font-size: 75%;
	font-weight: normal;
	margin: 0px;
	padding: 8px 9px 0px;
}

#header #logomark{
	float: left;
	margin: 8px 0px 5px 10px;
	padding: 0px;
}

/*FOOTER
==================================================*/
#footer{
	clear: both;
	font-size: 75%;
	text-align: center;
	border-top: 1px solid #D0D0D0;
	margin: 0px;
	padding: 15px 0px 20px 0px;
}

/*SITE MENU
==================================================*/
#header #site-menu{
	font-size: 75%;
	float: right;
	margin: 20px 0px 0px;
}

#header #site-menu li{
	float: left;
	list-style: none;
	background: url(../img/icon_site_menu.gif) no-repeat 0px 4px;
	margin: 0px 10px 0px 5px;
	padding: 0px 0px 0px 8px;
}

#header #site-menu li a{
	color: #000000;
	text-decoration: none;
}

/*ROOT NAVI
==================================================*/
#root-navi{
	clear: both;
	list-style: none;
	width: 798px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}

#root-navi li{
	float: left;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

#root-navi a{
	display: block;
	height: 29px;
}

#root-navi #rn-product a{
	background: url(../img/root_navi.jpg) no-repeat 0px 0px;
	width: 131px;
}

#root-navi #rn-business a{
	background: url(../img/root_navi.jpg) no-repeat -131px 0px;
	width: 134px;
}

#root-navi #rn-company a{
	background: url(../img/root_navi.jpg) no-repeat -265px 0px;
	width: 133px;
}

#root-navi #rn-eco a{
	background: url(../img/root_navi.jpg) no-repeat -398px 0px;
	width: 133px;
}

#root-navi #rn-employ a{
	background: url(../img/root_navi.jpg) no-repeat -531px 0px;
	width: 134px;
}

#root-navi #rn-inquiry a{
	background: url(../img/root_navi.jpg) no-repeat -665px 0px;
	width: 133px;
}

/*ON------------------------------*/
#root-navi #rn-product-on{
	background: url(../img/root_navi.jpg) no-repeat 0px -29px;
	width: 131px;
}

#root-navi #rn-business-on{
	background: url(../img/root_navi.jpg) no-repeat -131px -29px;
	width: 134px;
}

#root-navi #rn-company-on{
	background: url(../img/root_navi.jpg) no-repeat -265px -29px;
	width: 133px;
}

#root-navi #rn-eco-on{
	background: url(../img/root_navi.jpg) no-repeat -398px -29px;
	width: 133px;
}

#root-navi #rn-employ-on{
	background: url(../img/root_navi.jpg) no-repeat -531px -29px;
	width: 134px;
}

#root-navi #rn-inquiry-on{
	background: url(../img/root_navi.jpg) no-repeat -665px -29px;
	width: 133px;
}

/*ROLLOVER------------------------------*/
#root-navi #rn-product a:hover{
	background: url(../img/root_navi.jpg) no-repeat 0px -29px;
	width: 131px;
}

#root-navi #rn-business a:hover{
	background: url(../img/root_navi.jpg) no-repeat -131px -29px;
	width: 134px;
}

#root-navi #rn-company a:hover{
	background: url(../img/root_navi.jpg) no-repeat -265px -29px;
	width: 133px;
}

#root-navi #rn-eco a:hover{
	background: url(../img/root_navi.jpg) no-repeat -398px -29px;
	width: 133px;
}

#root-navi #rn-employ a:hover{
	background: url(../img/root_navi.jpg) no-repeat -531px -29px;
	width: 134px;
}

#root-navi #rn-inquiry a:hover{
	background: url(../img/root_navi.jpg) no-repeat -665px -29px;
	width: 133px;
}

/*SIDE NAVI
==================================================*/
#side-navi{
	float: left;
	width: 146px;
	padding: 0px 0px 20px;
}

#side-navi dl{
	margin: 0px;
	padding: 0px;
}

#side-navi dd{
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

#side-navi dd a{
	display: block;
}

/*MENU------------------------------*/
dl#side-navi01{
	width: 146px;
	background: #FFFFFF url(../img/side_navi_bg.gif) repeat-y;
	padding: 0px 0px 8px;
}

#side-navi01 a{
	widht: 146px;
	height: 24px;
}

dl#side-navi02{
	width: 146px;
	background: #FFFFFF url(../img/side_navi_bg.gif) repeat-y;
	margin: 0px 0px 4px;
	padding: 0px 0px 8px;
}

#side-navi02 a{
	widht: 146px;
	height: 24px;
}

dl#side-navi03{
	width: 146px;
	background: #FFFFFF url(../img/side_navi_bg.gif) repeat-y;
	margin: 0px 0px 4px;
	padding: 0px 0px 8px;
}

#side-navi03 a{
	widht: 146px;
	height: 24px;
}

dl#side-navi01 dt{
	margin: 0px 0px 10px;
	padding: 0px;
}

dl#side-navi01 dt img{
	vertical-align: bottom;
}

dl#side-navi02 dt{
	margin: 0px 0px 10px;
	padding: 0px;
}

dl#side-navi02 dt img{
	vertical-align: bottom;
}

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

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

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

#side-navi01 .navi01-on{
	background: url(../img/side_gas01_on.gif) no-repeat 11px 3px;
}

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

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

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

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


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

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

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

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


/*MENU 会社情報------------------------------*/
#side-navi03 .navi01{
	background: url(../img/side_company01.gif) no-repeat 11px 3px;
}

#side-navi03 .navi02{
	background: url(../img/side_company02.gif) no-repeat 11px 3px;
}

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

#side-navi03 .navi04{
	background: url(../img/side_company04.gif) no-repeat 11px 3px;
}

#side-navi03 .navi05{
	background: url(../img/side_company05.gif) no-repeat 11px 3px;
}

#side-navi03 .navi06{
	background: url(../img/side_company06.gif) no-repeat 11px 3px;
}

#side-navi03 .navi07{
	background: url(../img/side_company07.gif) no-repeat 11px 3px;
}

#side-navi03 .navi08{
	background: url(../img/side_company08.gif) no-repeat 11px 3px;
}

#side-navi03 .navi09{
	background: url(../img/side_company09.gif) no-repeat 11px 3px;
}

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

#side-navi03 .navi02-on{
	background: url(../img/side_company02_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi03-on{
	background: url(../img/side_company03_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi04-on{
	background: url(../img/side_company04_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi05-on{
	background: url(../img/side_company05_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi06-on{
	background: url(../img/side_company06_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi07-on{
	background: url(../img/side_company07_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi08-on{
	background: url(../img/side_company08_on.gif) no-repeat 11px 3px;
}

#side-navi03 .navi09-on{
	background: url(../img/side_company09_on.gif) no-repeat 11px 3px;
}

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

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

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

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

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

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

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

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

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

/*SIDE NAVI BUMON------------------------------*/
dl#side-navi-bumon{
	width: 137px;
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 4px;
}

#side-navi-bumon a{
	display: block;
}

#side-navi-bumon dt{
	text-indent: -9999px;
	background: url(../img/side_bumon_title.gif) no-repeat 0px 0px;
	margin: 0px 0px 3px;
	padding: 0px;
}

#side-navi-bumon dt a{
	width: 137px;
	height: 21px;
}

#side-navi-bumon dd a{
	width: 130px;
	height: 22px;
}

#side-navi-bumon .navi01{
	background: url(../img/side_bumon01.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi02{
	background: url(../img/side_bumon02.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi03{
	background: url(../img/side_bumon03.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi04{
	background: url(../img/side_bumon04.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi05{
	background: url(../img/side_bumon05.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi06{
	background: url(../img/side_bumon06.gif) no-repeat 0px 0px;
}

#side-navi-bumon dt.on{
	background: url(../img/side_bumon_title_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi01-on{
	background: url(../img/side_bumon01_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi02-on{
	background: url(../img/side_bumon02_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi03-on{
	background: url(../img/side_bumon03_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi04-on{
	background: url(../img/side_bumon04_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi05-on{
	background: url(../img/side_bumon05_on.gif) no-repeat 0px 0px;
}
#side-navi-bumon .navi06-on{
	background: url(../img/side_bumon06_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon dt a:hover{
	background: url(../img/side_bumon_title_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi01 a:hover{
	background: url(../img/side_bumon01_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi02 a:hover{
	background: url(../img/side_bumon02_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi03 a:hover{
	background: url(../img/side_bumon03_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi04 a:hover{
	background: url(../img/side_bumon04_on.gif) no-repeat 0px 0px;
}

#side-navi-bumon .navi05 a:hover{
	background: url(../img/side_bumon05_on.gif) no-repeat 0px 0px;
}
#side-navi-bumon .navi06 a:hover{
	background: url(../img/side_bumon06_on.gif) no-repeat 0px 0px;
}

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

*html #side-navi ul.banner{
	margin: 2px 0px 0px 0px;
}

#side-navi ul.banner li{
	text-align: center;
	margin: 0px 0px 2px;
	padding: 0px;
}

#side-navi ul.banner img{
	vertical-align: bottom;
}

/*CONTENTS MENU------------------------------*/
ul#side-menu-ban{
	list-style: none;
	text-indent: -9999px;
	margin: 0px 0px 0px 3px;
	padding: 4px 0px 0px;
}

#side-menu-ban li{
	margin: 0px 0px 4px;
}

#side-menu-ban a{
	display: block;
	width: 139px;
	height: 47px;
}

ul#side-menu-ban .navi01{
	background: url(../img/side_menu_ban01.gif) no-repeat;
}

ul#side-menu-ban .navi02{
	background: url(../img/side_menu_ban02.gif) no-repeat;
}

ul#side-menu-ban .navi01-on{
	background: url(../img/side_menu_ban01_on.gif) no-repeat;
}

ul#side-menu-ban .navi02-on{
	background: url(../img/side_menu_ban02_on.gif) no-repeat;
}

ul#side-menu-ban .navi01 a:hover{
	background: url(../img/side_menu_ban01_on.gif) no-repeat;
}

ul#side-menu-ban .navi02 a:hover{
	background: url(../img/side_menu_ban02_on.gif) no-repeat;
}

/*SIDE SITE NAVI------------------------------*/
#side-navi .site-navi{
	list-style: none;
	text-indent: -9999px;
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 0px;
}

#side-navi .site-navi li{
	margin: 0px;
	padding: 0px;
}

#side-navi .site-navi a{
	display: block;
	width: 131px;
	height: 19px;
}

#side-navi .site-navi .navi01{
	background: url(../img/side_site_navi01.gif) no-repeat;
}

#side-navi .site-navi .navi02{
	background: url(../img/side_site_navi02.gif) no-repeat;
}

#side-navi .site-navi .navi03{
	background: url(../img/side_site_navi03.gif) no-repeat;
}

#side-navi .site-navi .navi01-on{
	background: url(../img/side_site_navi01_on.gif) no-repeat;
}

#side-navi .site-navi .navi02-on{
	background: url(../img/side_site_navi02_on.gif) no-repeat;
}

#side-navi .site-navi .navi03-on{
	background: url(../img/side_site_navi03_on.gif) no-repeat;
}

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

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

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

/*MAIN BOX
==================================================*/
#main-box{
	float: left;
	width: 652px;
	padding: 0px 0px 20px;
}

.page-top{
	font-size: 75%;
	text-align: right;
}

.middle-bottom{
	padding-bottom: 20px;
}

/*TABLE------------------------------*/
table.no-border{
	font-size: 90%;
	margin: 0px 0px 20px;
}

table.no-border th,table.no-border td{
	border: 1px solid #FFFFFF;;
	padding: 5px;
}

table.no-border th{
	font-weight: normal;
	background: #ABCFFF;
	width: 100px;
	vertical-align: top;
}

table.no-border ol{
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 14px;
}