@charset "utf-8";

/**************************************************
*
* BASE
*
**************************************************/ 

* {
	margin: 0;
	padding: 0;
}
body, div, ul, ol, li, dl, dt, dd, p, th, td, h1, h2, h3, h4, h5, h6, form, input, textarea, select {
    margin: 0;
    padding: 0;
}
body {
	font-size: 13px;
	color: #303030;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap {
	overflow: hidden;
}

a {
	border: none;
	outline: none;
}
a, a:link {
	color: #0066CC;
	overflow: hidden;
	text-decoration: underline;
}
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
    color: #5A2680;
    text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}
a:active {
	color: #0066CC;
	text-decoration: underline;
}
img {
    border: 0 none;
}
li img {
    display: block;
}
.clear {
	clear:both;
}
.lst_none{
	list-style-type: none;
}

/**************************************************
*
* DIS
*
**************************************************/ 
#dis {
	width: 100%;
	text-align: center;
	padding: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}
#dis h1 {
	margin: 0px auto 0px auto;
	font-size: 10px;
	text-align:left;
	width: 960px;
	font-weight: normal;
}
/**************************************************
*
* HEADER
*
**************************************************/ 
/*--------------------------------------------
* HEADER
---------------------------------------------*/ 
#header {
	width: 100%;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	overflow: hidden;
	background-image: url(../images/common/head_gd.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
/*-----------------------------
* HEAD_01
------------------------------*/ 
#head01 {
	width: 960px;
	margin: 0px auto 0px auto;
}
#head01 ul{
	height: 25px;
	background-image: url(../images/common/head_m_link_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width: 245px;
	margin-left: 715px;
	overflow: hidden;
}
#head01 ul li {
	float: left;
	color: #FFF;
	list-style-type: none;
	font-size: 12px;
	background-repeat: no-repeat;
	text-indent: -9999em;
	height: 30px;
}
#head01 ul .li_01 a {
	background-image: url(../images/common/head_m_link_01.gif);
	width: 70px;
	height: 25px;
	display: block;
}
#head01 ul .li_02 a {
	background-image: url(../images/common/head_m_link_02.gif);
	width: 79px;
	height: 25px;
	display: block;
}
#head01 ul .li_03 a {
	background-image: url(../images/common/head_m_link_03.gif);
	width: 96px;
	height: 25px;
	display: block;
}
/*-----------------------------
* HEAD_02
------------------------------*/ 
#head02 {
	width: 960px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#h02_l {
	float: left;
	width: 590px;
	text-align: left;
	overflow: hidden;
	height: 65px;
}
#h02_l #logo a {
	background-image: url(../images/common/logo.gif);
	float: left;
	height: 65px;
	width: 330px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	display:block;
}
#h02_l #enehol a {
	background-image: url(../images/common/enehol_fc.jpg);
	height: 65px;
	width: 260px;
	float: left;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center;
	display:block;
}
#h02_r {
	float: left;
	width: 250px;
	text-align: right;
	height: 65px;
	padding-left: 120px;
}
/*
#h02_r #tel {
	background-image: url(../images/common/tel.gif);
	background-repeat: no-repeat;
	height: 40px;
	text-indent: -9999em;
	width: 250px;
	text-align: left;
	background-position: right;
}
*/
#h02_r #tel02 {
	background-image: url(../images/common/tel02.gif);
	background-repeat: no-repeat;
	height: 40px;
	text-indent: -9999em;
	width: 250px;
	text-align: left;
	background-position: right;
}
#h02_r #time {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 250px;
	text-align: center;
}

/**************************************************
*
* GNAVI
*
**************************************************/ 
#gnavi {
	background-image: url(../images/common/g_navi_bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
#gnavi ul {
	width: 980px;
	margin: 0px auto 0px auto;
	text-align: left;
	list-style-type: none;
	overflow: hidden;
}
#gnavi ul li{
	float: left;
}
#gnavi ul li a{
	list-style-type: none;
	background-repeat: no-repeat;
	text-indent: -9999em;
	display: block;
	height: 50px;
}

#gnavi ul #gn01 a {
	background-image: url(../images/common/g_navi_01_off.jpg);
	width: 202px;
}
#gnavi ul #gn01 a:hover,#gnavi ul #select01 a{
	background-image: url(../images/common/g_navi_01_on.jpg);
	width: 202px;
}
#gnavi ul #gn02 a {
	background-image: url(../images/common/g_navi_02_off.jpg);
	width: 192px;
}
#gnavi ul #gn02 a:hover,#gnavi ul #select02 a{
	background-image: url(../images/common/g_navi_02_on.jpg);
	width: 192px;
}
#gnavi ul #gn03 a {
	background-image: url(../images/common/g_navi_03_off.jpg);
	width: 192px;
}
#gnavi ul #gn03 a:hover,#gnavi ul #select03 a{
	background-image: url(../images/common/g_navi_03_on.jpg);
	width: 192px;
}
#gnavi ul #gn04 a {
	background-image: url(../images/common/g_navi_04_off.jpg);
	width: 192px;
}
#gnavi ul #gn04 a:hover,#gnavi ul #select04 a{
	background-image: url(../images/common/g_navi_04_on.jpg);
	width: 192px;
}
#gnavi ul #gn05 a {
	background-image: url(../images/common/g_navi_05_off.jpg);
	width: 202px;
}
#gnavi ul #gn05 a:hover,#gnavi ul #select05 a{
	background-image: url(../images/common/g_navi_05_on.jpg);
	width: 202px;
}
/**************************************************
*
* CONTENTS_AREA
*
**************************************************/ 

#contents_area {
	width: 100%;
}

/*--------------------------------------------
* CONTENTS
---------------------------------------------*/ 
#contents {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #FFF;
}
*html #contents {
	width:975px;
}
#contents02 {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	padding-bottom: 20px;
	background-color: #FFF;
}
*html #contents02 {
	width:975px;
}
/*--------------------------------------------
* MAIN
---------------------------------------------*/ 

#main {
	float: right;
	width: 730px;
	text-align: left;
}

/*--------------------------------------------
* SIDE
---------------------------------------------*/ 

#side {
	width: 220px;
	float: left;
}

/*-----------------------------
* SIDE_NAVI
------------------------------*/ 

#side_navi {
	list-style-type: none;
	font-size: 12px;
	background-image: url(../images/lower/side_navi_04.jpg);
	background-repeat: repeat-y;
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#side_navi li {
	display: block;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 5px;
	background-image: url(../images/lower/side_navi_02.jpg);
	background-repeat: repeat-y;
}
#side_navi .ctg {
	height: 40px;
	text-indent: -9999em;
	background-repeat: no-repeat;
}



#side_navi li a {
	display: block;
	text-align: left;
	color: #303030;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: normal;
	zoom: 1;
	margin: 0px;
	background-color: #FFF;
	width: 183px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
#side #side_navi li a:hover,#side #side_navi .selected a{
	zoom: 1;
	background-color: #EEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-left-color: #FFF;
}
#side #side_navi .last a{
	border-bottom-style: none;
	zoom: 1;
}
*html #side_navi li a {
	width: 200px;
}
/*-----------------------------
* S_INFO
------------------------------*/ 
#s_info {
	text-align: left;
	list-style-type: none;
}
#s_info li {
	list-style-type: none;
}
#si_01,#si_02,#si_03,#si_04,#si_est,#si_cnt {
	background-repeat: no-repeat;
	text-indent: -9999em;
	
}
#si_01 {
	background-image: url(../images/common/side_info_01.jpg);
	height: 50px;
}
#si_02 {
	background-image: url(../images/common/side_info_02.jpg);
	height: 20px;
}
#si_03 {
	background-image:url(../images/common/side_tel2.jpg);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height: 56px;
	width: 215px;
}
#si_04 {
	background-image: url(../images/common/side_time.jpg);
	height: 44px;
}
#si_05 {
	background-image: url(../images/common/side_info_03.jpg);
	height: 95px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#si_05 ul, #si_05 ul li{
	list-style-type: none;
}

#si_est {
	margin-left: 7px;
}
#si_est a {
	background-image: url(../images/common/side_estimate.jpg);
	display: block;
	height: 40px;
	width: 201px;
}
#si_cnt {
	margin-left: 7px;
	margin-top: 7px;
}
#si_cnt a {
	background-image: url(../images/common/side_contact.jpg);
	display: block;
	height: 40px;
	width: 201px;
}
#comp_data {
	border: 1px solid #CCC;
	background-color: #EEEEEE;
	padding: 10px;
	text-align: left;
	margin-top: 10px;
	width: 193px;
}
#comp_data .dis {
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 5px;
}
#comp_data h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#comp_data .add {
	line-height: 1.3em;
	font-size: 11px;
}
/*-----------------------------
* BANNER
------------------------------*/ 
#banner {
	list-style-type: none;
}
#banner li {
	padding-top: 8px;
	line-height: 0;
	vertical-align:bottom;
	font-size: 0;
}
#banner li a {
}
#enehol_bn a {
	display: block;
	width: 210px;
	height: 80px;
	background-image: url(../images/common/enehol_bn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
}
#works_bn a {
	display: block;
	width: 210px;
	height: 80px;
	background-image: url(../images/common/works_bn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
}
#battery_bn a {
	display: block;
	width: 210px;
	height: 160px;
	background-image: url(../images/common/side_battery.jpg);
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#f_link {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 10px;
}
#f_link h3 {
	text-align: left;
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/common/vec.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	padding-top: 2px;
}

#f_link li {
	list-style-type: none;
	float: left;
	margin-left: 10px;
}
/**************************************************
*
* FOOTER
*
**************************************************/ 
#footer {
	clear: both;
}
/*-----------------------------
* TO_TOP
------------------------------*/ 
.to_top {
	height: 25px;
	
}

.to_top_in {
	width: 960px;
	text-align: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.to_top_in img {
	vertical-align:bottom;
}	
/*-----------------------------
* SITE_MAP
------------------------------*/ 
#f_sitemap {
	background-image: url(../images/common/footer_bg_rep.jpg);
	background-repeat: repeat-x;
}

#f_sitemap_in {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/common/footer_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 170px;
	padding-top: 10px;
}
.f_sm01 a, .f_sm01 a:link {
	color: #FFF;
}
.f_sm01 a:visited {
	color: #99CCCC;
}
.f_sm01 a:hover {
	color: #99CCCC;
}
.f_sm01 a:active {
	color: #99CCCC;
}
.f_sm01 {
	float: left;
	color: #FFF;
	width: 192px;
	text-align: left;
}
.f_sm01 h3 {
	font-size: 13px;
	font-weight: normal;
	background-image: url(../images/common/f_sm_h3.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 13px;
	height: 20px;
	padding-bottom: 5px;
}
.f_sm01 ul {
	padding-left: 1px;
	padding-bottom: 5px;
}
.f_sm01 ul li {
	list-style-type: none;
	font-size: 11px;
	background-image: url(../images/common/f_sm_li.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	height: 22px;
}

/*-----------------------------
* F_COPY
------------------------------*/ 
#f_copy {
	background-color: #036;
	color: #FFF;
}
#f_copy_in {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#f_copy_in h2 {
	font-size: 11px;
	font-weight: normal;
}
#copyright {
	font-size: 10px;
}
.to_link {
	background-image: url(../images/common/to_link.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: 1px;
	margin-top: 5px;
	border: 1px solid #999;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EEE;
}
