/* All
-------------------------------------------------*/
@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}

fieldset,img{
	border: 0;
}

abbr,acronym{
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
	font-weight: normal;
}

ol,ul,li 		{ list-style-type: none; }

/* new clearfix */
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/**//*　　共通：回り込みクリア　　*//**/
.Clear 		{ clear:both; }



/*基本*/
body{
	font-size:62.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-	serif!Important;,}

#Container{
	width: 100%;
	text-align:center;
	height:100%;
	background:#ffffff;
	color: #231916;}
#SiteWidth {
	width: 100%;
	margin:auto;background:#D6E5A0;}border:1px solid #000000;
#Header{
	width: 100%;
	height:auto;
	text-align: center;
	margin: auto;
	background:#ffffff;}
#HeaderContents{
	width: 100%;
	height:auto;
	margin: auto;
	background:#ffffff;}
div.HederLine{
	width: 100%;
	height:27px;;
	margin: auto;
	background:url(../images/headerline_bg.gif);}
div.HeaderMenu{
	width: 100%;
	height:33px;;
	margin: auto;
	z-index:100;
	background:url(../images/headermenu_bg.gif);}
#ContentsSet{
	width: 900px;
	margin: 0 auto;
	padding-bottom:1px;
	background:#ffffff;
	}

/* コンテンツ　右に配置 */
#Contents{
	margin: 0 auto;
	text-align:left;
	font-size: 130%;
	line-height:1.7;
	padding: 5px 0 10px 0;
	background:#ffffff;
	}

/* コンテンツ各TOP用 */
div.index#Contents,
div.HE#Contents{
	width: 870px;
	}

#Contents p{
	margin-left:5px;
	margin-right:5px;
	}
#Contents img{
	}


/*▼〓〓〓リンク〓〓〓▼*/

a:link {color: #5AB914;
		text-decoration: none;}
a:visited {color: #5AB914;
		text-decoration: none;}
a:hover,a:active {color: #5AB914;
		text-decoration: none;}


/*▼〓〓〓ヘッダー〓〓〓▼*/
div.HeaderImg{
	width: 900px;
	height: 80px;
	margin: auto;
	background:url(../images/header_bg.jpg) no-repeat;}
.HeaderLogo a{
	display:block;
	width: 400px;
	height: 80px;
	float:left;}
.HeaderContact a{
	display:block;
	width: 300px;
	height: 80px;
	float:right;}
.HeaderLogo strong { position:relative; z-index:-1; }
.HeaderContact strong { position:relative; z-index:-1; }
div.HeaderMenu ul{
	width: 900px;
	margin: auto;}
div.HeaderMenu li{
	float:left;}


/*▼〓〓〓パンくず〓〓〓▼*/
#Pan{
	width: 850px;
	text-align:left;
	margin:0 auto;
	padding: 2px 0 0 15px;
	background:url(../images/Pan_arrow.gif) no-repeat left center;}
div.index div#Pan,
div.HE div#Pan,
div.index_BS div#Pan,
div.index_CS div#Pan{
	margin: 0 auto ;}

#Pan a{
	color: #231916;
	font-size:80%;}

/*▼〓〓〓コンテンツイメージ〓〓〓▼*/
#ContentsTopImage{
	width: 900px;
	margin: auto;}
#ContentsTopImage img{
	width: 900px;
	margin: 0;}

/*▼〓〓〓ページトップへ〓〓〓▼*/
#pageTop{
	bottom:0;
	position:fixed;
	text-align:right;
	clear: both;
	right: 10px;
}

#pageTop a {
	display: block;
	padding: 3px;
	background: #ffffff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	opacity:0.6;
	color: #696969;
	float: right;
	text-decoration: none;


	/* IE */
	filter: alpha(opacity=60);
}

#pageTop a:link {
}

#pageTop a:hover {
	opacity:0.8;
	/* IE */
	filter: alpha(opacity=80);}


/*▼〓〓〓メインメニュー〓〓〓▼*/
#MainMenu{font-size:100%; clear:both;}
.MainMenu_HE{
	width:210px;
	height:240px;
	float:left;
	margin: 5px 6px 10px 6px;
	text-align:left;
	background:url(../images/MainMenu_HE_bg.jpg) no-repeat;}
.MainMenu_CS{
	width:210px;
	height:240px;
	float:left;
	margin: 5px 6px 20px 0;
	text-align:left;
	background:url(../images/MainMenu_CS_bg.jpg) no-repeat;}
.MainMenu_BS{
	width:210px;
	height:240px;
	float:left;
	margin: 5px 6px 20px 0;
	text-align:left;
	background:url(../images/MainMenu_BS_bg.jpg) no-repeat;}
.MainMenu_CI{
	width:210px;
	height:240px;
	float:left;
	margin: 5px 6px 10px 0;
	text-align:left;
	background:url(../images/MainMenu_CI_bg.jpg) no-repeat;}
.MainMenu_Main_btn{margin:5px 0 0 10px;}
.MainMenu_Sub_btn{
	line-height: 1.7;
	margin:70px 0 0 15px;}
.MainMenu_Sub_btn a{
	font-weight: 500;
	color:#231F20;}
.MainMenu_Sub_btn a:hover{color:#5AB914;}
.HEColor{color:#FABE00;}
.CSColor{color:#8FC31F;}
.BSColor{color:#3E62AD;}
.CIColor{color:#00A73C;}
.SubMenu{
	width:400px;
	position:absolute;
	top:230px;
	padding: 0 0 0 15px;
	font-size:100%;}
.SubMenu a{color: #ffffff;}
.SubMenu a:hover{color:#5AB914;}
.SubMenu h2{ color:#FFFFFF; font-size:120%; font-weight:300;}
/* BS/CSのTOP用 */
div.index_BS#Contents div.SubMenu h2,
div.index_CS#Contents div.SubMenu h2{
	color:#FFFFFF; font-size:120%; font-weight:300; margin-left:0px; }
	}


/*▼〓〓〓新着情報〓〓〓▼*/
#News{
	width: 416px;
	height: 150px;
	margin: 0 0 0 6px!important;
	font-size: 90%;
	background:url(../images/News_ttl_bg.gif) no-repeat;
	}

.NewsList_btn{
	position:absolute;
	padding-top: 3px;
	margin: 2px 0 0 10px;
	width:400px;
	color:#FFFFFF;
	margin-top:-3px;
	}
div.NewsList_btn div{
	color:#FFFFFF;
	margin-top:3px;
	float:right;
	}
div.NewsList_btn div a{
	color:#FFFFFF!important;
	text-decoration:none
	margin-top:10px;
	font-size:0.9em;
	}
div.NewsList_btn div a:link{ #FFFFFF; }
div.NewsList_btn div a:hover{ #FFFFFF; }
div.NewsList_btn div a:visited{ #FFFFFF; }



#News dl {
 	width: 425px;
 	height: 160px;
 	line-height: 1.5;
 	margin: 5px 0 0 5px;
 	overflow: auto;
 	border-top:1.7em solid #3E62AD;
 	border-bottom:1px solid #3E62AD;
 	 }
#News dt {
 	width:80px;
 	margin:0 0 0 5px;
 	padding:5px 0 3px 3px;
 	font-weight: 100;
 	border-top:1px dotted #000000;}
#News dd {
 	width:285px;
 	margin-top:-2.2em;
 	margin-left:88px;
 	padding:5px 0 3px 18px;
 	border-top:1px dotted #000000;
	background:url(../images/news_arrow.gif) no-repeat left top;
	background-position:1px 7px;}
#News a{
	color: #3E62AD;}
.TitleMain{
	font-weight:200;
	height:42px;
	margin:10px 0px 10px -10px;
	padding-left:10px;
	clear:both;
	background:url(../images/CI_Main_ttl_bg.gif) no-repeat;}
div.newinfo div.TitleMain{
	font-weight:200;
	height:42px;
	margin:10px 0px 10px 0;
	padding-left:10px;
	clear:both;
	background:url(../images/CI_Main_ttl_bg.gif) no-repeat;}
.TitleMain h1{
	text-align:left;
	color:#ffffff;
	font-size:150%;
	margin: 10px 0 0 15px;
	padding: 8px 0;
	letter-spacing: 1px;}
h3.Newsttl {
	width:872px;
	height:28px;
	margin:10px 0 0 -10px;
	padding: 4px 0 4px 10px;
	clear:both;
	color:#231916;
	text-align:left;
	font-size:100%;
	font-weight:300;
	background:url(../images/CI_Sub_ttl_bg.gif) no-repeat;}
h3.Newsttl span.UpDate{
	float:right;
	margin-right:30px;
	}

#NewinfoList {
	margin-left:10px;
	margin-bottom:30px;
	}
#NewinfoList li{
	margin-bottom:30px;
	}

/*▼〓〓〓キャラクター、一言、リンク〓〓〓▼*/
#hitokoto_Top{
	width: 426px;
	margin: 4px 5px 0 6px;
	height: 180px;
	overflow: hidden;
	float: right;
	background:url(../images/Word_bg.gif) no-repeat;
	}
.hitokotoText{
	width: 230px;
	margin:25px 0 0 5px;
	float:left;}
#hitokoto_Top h3{
	float:left;
	margin:0 0 0 5px;
	font-size:100%;}
#hitokotoDateTop{
	float:left;
	margin:0 0 0 5px;}
#hitokotoMsgTop{
	width: 230px;
	height:110px;
	overflow:auto;
	clear: both;
	float:left;
	margin:0 0 0 5px;
	text-align: justify;
	text-indent: 1em;}
#hitokoto_Top img{
	float:right;
	height: 130px;
	margin:25px 5px 0 5px;}

#Link{
	width: 580px;
	margin:10px 0;
	float:left;
	text-align: left;}
#Link li{
	display:inline;
	margin: 0 5px;}


/*▼〓〓〓メールフォーム〓〓〓▼*/
#FormArea a{
	display: block;
	width:730px;
	height:28px;
	float: left;
	margin:10px 0 5px 30px;
	padding: 4px 10px;
	clear:both;
	color:#ffffff;
	text-align:left;
	font-size:100%;
	background:url(../images/Con_detail_btn.gif) no-repeat;}
.ListText{
	float: left;
	margin: 15px 0 0 0;}
.Formttl{
	width:872px;
	height:28px;
	margin:10px 0 5px 0;
	padding: 4px 10px;
	clear:both;
	color:#231916;
	text-align:left;
	font-size:120%;
	font-weight:300;
	background:url(../images/CI_Sub_ttl_bg.gif) no-repeat;}
table.Mailform{
	float:left;
	width:600px;
	border-collapse:collapse;
	margin:5px;
	padding: 5px;
	border: 1px #e5e5e7 solid;
	background: #f9f8fd;
	line-hight:1.2em;}
table.Mailform th
	,td{
	padding-right:10px;}

caption {
	color:#696969;
	text-align: left;}
.FC{font-size: 120%;}
.Mailform th{
	display: block;
	float:left;
	width:160px;
	margin:5px;
	min-height: 25px;
	font-size: 110%;
	color:#696969;
	text-align:right;}
.Mailform td{
	display: block;
	float:left;
	margin:5px;
	text-align:left;}
.error{
	font-size: 90%;
	color:#ff0000;
	display: block;}
#ButtonArea{
	margin:10px;
	clear: both;}
#ButtonArea input.ClearButton{
        border:3px solid #78C497;
        background-color:#78C497;
        color:#ffffff;
        font-weight:700;}
#ButtonArea input.OKButton{
        border:3px solid #78C497;
        background-color:#78C497;
        margin: 0 0 0 5px;
        color:#ffffff;
        font-weight:700;}



/*▼〓〓〓ホームエネルギー〓〓〓▼*/
.HEName{
	font-size:1.6em;
	margin-top:13px;
	position:absolute;
	}

#ContentsBGImageHE{
	width:900px;
	height:165px;
	margin: auto;
	color: #ffffff;
	background:url(../images/ContentsImgTop_HE_bg.jpg) no-repeat;}
#ContentsBGImageHE a{
	color: #ffffff;}
.HE_TabMenu{
	width:870px;
	height:28px;
	margin: 5px 0;}
.HE_Tab li{float:left;}
#HEList{
	width:870px;
	height:28px;
	margin: 5px 0 0 0;
	background:url(../images/HE_TabMenu_bg.gif) no-repeat;}
#HEList li{float:left;}
#HEList a{
	display: block;
	width: 145px;
	height: 28px;}
#HEList a strong { position:relative; z-index:-1; }
.HEMenu{
	width:282px;
	height:300px;
	float:left;
	text-align:left;
	color: #231916;
	margin: 10px 3px;
	border:1px solid #C9CACA;
	background: #FFFCD1;}
.HEMenu img{
	margin: 10px;}
.HEMenu_Ex{
	height:50px;
	text-align:left;
	color: #231916;
	margin: 0 10px 10px;
	border-bottom:2px dotted #FABE00;}
.HEMenu_Item{
	width:272px;
	height:170px;
	overflow:auto;
	text-align:left;
	color: #231916;
	margin: 5px;}
.HEMenu_Item li{
	list-style-type:disc; margin-bottom:3px; margin-left:25px; width:225px;
}
.HEMenu_Item a{
	display:bloak;
	color: #231916;}
.TitleMainHE{
	height:43px;
	margin:20px 0;
	background:url(../images/HE_Main_ttl_bg.gif) no-repeat;}
.TitleMainHE h2{
	text-align:left;
	color:#ffffff;
	font-size:150%;
	margin: 10px 0 0 15px;
	padding: 8px 0;
	letter-spacing: 1px;}
.HETitle{
	width:870px;
	height:28px;
	margin:10px 0;
	color:#231916;
	font-size:120%;
	padding: 4px 10px;
	background:url(../images/HE_Sub_ttl_bg.gif) no-repeat;}
.HETitle h2{
	font-size:120%;
	text-align:left;
	color:#231916;
	margin: 3px 0 0 15px;
	padding: 4px 0;}
.HEItem{
	width:650px;
	margin: 50px 0 0 0;
	float:right;
	position: relative;
    margin: auto;
    overflow: hidden;}
.HESideMenu{
	width:200px;
	margin: 20px 0 0 0;
	float:left;}
#DisplayList1 li { padding:5px; border-bottom:dotted 1px #ccc; }
#DisplayList1 li a{
	display: block;
    font-size:100%;
	padding:0 0 0 15px;
    background:url(../images/HE_Side_arrow.gif) no-repeat left top;
    background-position : left center;
	}
dd.HEContents{
	margin-left:10px!important;
	padding-left:5px;
	}
#DisplayList2{
	position:absolute;
	top:195px;
	width: 870px;
	height: 520px;}
ul#DisplayList2{
	width: 870px;
	height: 520px;}
#DisplayList2 li a{
	display: block;
	padding: 5px;
	width: 150px;
    font-size:100%;
    color: #ffffff;
    background: #696969;
    opacity: 0.7;
	filter: alpha(opacity=70);
	border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */}
#DisplayList2 li a:hover{
	display: block;
    font-size:100%;
    color: #ffffff;
    background: #f6ab00;
    opacity: 0.7;
	filter: alpha(opacity=70);}
/*▼〓〓〓住環境 main_1333628218〓〓〓▼*/
li.HESL2_1333628670.main_1333628218{
	position:absolute;
	top:310px;
	left: 700px;}/* エネルギー供給【ＬＰガス供給】 */
li.HESL2_1333786437.main_1333628218{
	position:absolute;
	top:60px;
	left: 580px;}/* 太陽光システム */
li.HESL2_1333786452.main_1333628218{
	position:absolute;
	top:325px;
	left: 5px;}/* 給湯システム */
li.HESL2_1333786509.main_1333628218{
	position:absolute;
	top:270px;
	left: 700px;}/* 配達 */
li.HESL2_1333786526.main_1333628218{
	position:absolute;
	top:250px;
	left:320px;}/* 情報発信 */
li.HESL2_1340252781.main_1333628218{
	position:absolute;
	top:280px;
	left: 5px;}/* リフォーム[住環境編] */
/*▼〓〓〓キッチン〓〓〓▼*/
li.HESL2_1333628414.main_1333628251{
	position:absolute;
	top:40px;
	left: 700px;}/* LED照明 */
li.HESL2_1333786452.main_1333628251{
	position:absolute;
	top:180px;
	left: 5px;}/* 給湯システム */
li.HESL2_1333628525.main_1333628251{
	position:absolute;
	top:400px;
	left: 650px;}/* 厨房機器 */
li.HESL2_1333628659.main_1333628251{
	position:absolute;
	top:40px;
	left: 500px;}/* 防災 */
li.HESL2_1340255324.main_1333628251{
	position:absolute;
	top:440px;
	left: 5px;}/* リフォーム[キッチン編] */
/*▼〓〓〓リビング〓〓〓▼*/
li.HESL2_1333628414.main_1333628270{
	position:absolute;
	top:60px;
	left: 500px;}/* LED照明 */
li.HESL2_1333628620.main_1333628270{
	position:absolute;
	top:130px;
	left: 130px;}/* 冷暖房 */
li.HESL2_1333628641.main_1333628270{
	position:absolute;
	top:230px;
	left: 80px;}/* 家電 */
li.HESL2_1333789698.main_1333628270{
	position:absolute;
	top:460px;
	left: 80px;}/* 床暖房 */
li.HESL2_1333628659.main_1333628270{
	position:absolute;
	top:60px;
	left: 700px;;}/* 防災 */
li.HESL2_1340257119.main_1333628270{
	position:absolute;
	top:460px;
	left: 700px;}/* リフォーム[リビング編] */
/*▼〓〓〓浴室〓〓〓▼*/
li.HESL2_1333786452.main_1333628299{
	position:absolute;
	top:260px;
	left: 700px;}/* 給湯システム */
li.HESL2_1333628495.main_1333628299{
	position:absolute;
	top:60px;
	left: 500px;}/* 浴室機器 */
li.HESL2_1340258048.main_1333628299{
	position:absolute;
	top:440px;
	left: 5px;}/* リフォーム[浴室編] */
/*▼〓〓〓寝室〓〓〓▼*/
li.HESL2_1333628414.main_1333628315{
	position:absolute;
	top:40px;
	left: 700px;}/* LED照明 */
li.HESL2_1333628620.main_1333628315{
	position:absolute;
	top:350px;
	left: 600px;}/* 冷暖房 */
li.HESL2_1333628659.main_1333628315{
	position:absolute;
	top:40px;
	left: 430px;}/* 防災 */
li.HESL2_1340258587.main_1333628315{
	position:absolute;
	top:480px;
	left: 700px;}/* リフォーム[寝室編] */
/*▼〓〓〓洗面所・トイレ〓〓〓▼*/
li.HESL2_1333786452.main_1333628339{
	position:absolute;
	top:200px;
	left: 380px;}/* 給湯システム */
li.HESL2_1333628515.main_1333628339{
	position:absolute;
	top:140px;
	left: 270px;}/* 乾燥機 */
li.HESL2_1333786584.main_1333628339{
	position:absolute;
	top:300px;
	left: 380px;}/* 洗面台 */
li.HESL2_1333786620.main_1333628339{
	position:absolute;
	top:400px;
	left: 700px;}/* トイレ */
li.HESL2_1333786573.main_1333628339{
	position:absolute;
	top:25px;
	left: 370px;}/* 脱衣室器 */
li.HESL2_1340259038.main_1333628339{
	position:absolute;
	top:430px;
	left: 5px;}/* リフォーム[洗面所・トイレ編] */


.img2{
	float:right;
	margin:-33px -15px 10px 10px;
	width:180px;
	vertical-align:top;
	}
.HEImg img{
	margin-top:-33px;
	}
/* HEアイコン */
.EnergyIcon1,.EnergyIcon2,.EnergyIcon3{
	padding-left:1px;
	padding-top:1px;
	}
.EnergyIcon2{
	margin-left:36px;
	}
.EnergyIcon3{
	margin-left:72px;
	}

.Energy_Icon{
	width:110px;
	height:35px;
	background:url(../images/off.gif) no-repeat left top;
	margin-bottom:5px;
	}

/*▼〓〓〓カーライフサポート〓〓〓▼*/
#ContentsBGImageCS{
	width:900px;
	height:165px;
	margin: auto;
	color: #ffffff;
	background:url(../images/ContentsImgTop_CS_bg.jpg) no-repeat;}
#ContentsBGImageCS a{
	color: #ffffff;}

.TitleMainCS{
	width:auto;
	margin:10px auto;
	padding:10px;
	font-weight:300;
	background:#ABCD05 url(../images/CS_Main_ttl_bg.gif) no-repeat;}
.TitleMainCS h2{
	text-align:left;
	color:#ffffff;
	font-size:150%;
	letter-spacing: 1px;
	font-weight:300;
	}
.TitleSubCS{
	padding:2px 5px 0px 20px; margin:10px 0;
	font-weight:300; line-height:1.7;
	border:solid 1px #ccc;
	background:url(../images/CS_Sub_ttl_bg.gif) no-repeat;}
.TitleSubCS h3{
	font-size:120%;
	text-align:left;
	color:#231916;
	padding: 4px 0;}
h4.CSHead{
	font-size: 120%;
	font-weight:300;
	margin-top:1em;
	margin-bottom: 5px;
	border-bottom:2px dotted #ABCD05;}

table {	margin:5px auto; }
table td,
table th { padding:2px; }


table.carwashmenu{
	width:680px;
	border-collapse:collapse;}
.carwashmenu th{
	font-size:110%; font-weight:bold;
	color: #ffffff;
	text-align:center;
	border: 1px #ffffff solid;
	background:#ABCD05;}
.carwashmenu thead th{ background:#99bb00; }

.carwashmenu td{
	text-align:center;
	background:#f4fadc;
	color: #696969;
	border: 1px #ffffff solid;}
.carwashmenu td.migiyose{
	text-align:right!important;
	padding-right:10px;}
.carwashmenu td.hidariyose{
	text-align:left!important;
	padding-left:10px;
	vertical-align:top;}
table.coat{
	width:680px;
	border-collapse:collapse;
	border: 1px #ffffff solid;}
.coat th{
	width:180px;
	font-size:110%; font-weight:bold;
	color: #ffffff;
	text-align:center;
	border: 1px #ffffff solid;
	background:#ABCD05;}
.coat thead th{ background:#99bb00; }
.coat td{
	text-align:center;
	background:#f4fadc;
	color: #696969;
	border-style:solid;
	border-width:2px;
	border-color:#fff;
	}
.coat td.migiyose{
	text-align:right!important;
	padding-right:10px;}
.coat td.hidariyose{
	text-align:left!important;
	padding-left:10px;
	vertical-align:top;}


/* GS一覧ページ */
#GSList li{
	float:left;
	width:300px;
	position:relative;
	display:block;
	overflow:hidden;
	min-height:320px;
	margin-top:15px;
}
#GSList li:first-child,
#GSList li:nth-child(2){
	min-height:300px;
	margin-top:0px;
}
#GSList li:nth-child(odd) {
	margin-right: 30px;
	}
	/* GS一覧ページ（四国エネルギー共販との境界線をひく対応） */
	#GSList li:first-child,
	#GSList li:first-child+li{
		border-bottom:solid 2px #ABCD05;
		width:310px;
		padding:0 17px 0 15px;
		margin:0 0 30px -5px;
		}
	#GSList li:first-child+li{
		margin:0 0 30px 0px;
		}
	/* ----------------------- */
.gs_detail_img{
    width: 98%;
    margin: 0 1px 0 1px;
    border: solid 1px #aaaaaa;
}
.GS_Detail a>img{
	margin-top:0px;
	}
#GSList h3{
	font-weight:400;
	border-bottom: 1px #696969 dotted;
	}
h3.GSName{
	font-size:110%;
	font-weight:300;
	margin: 5px 0;
	padding:2px 0 0 22px;
	background:url(../images/CS_GS_Square.gif) no-repeat left top;
	background-position : 0px 2px;
	display:block;
	overflow:hidden;
	}
.CS_GS{
	width:700px;
	margin-right:-10px;
	float:right;}
.CS_GSText{
	width:auto;
	float:left;}
.CS_GSImg{
	width:auto;
	float:left;
	margin:0 0 20px 0;
	clear:both;}
.GS_Detail{
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 110px;
    height: 110px;
    text-align: center;
    overflow: hidden;
}
.GS_Detail img{
	margin-top:5px;
	}
.GSSupport{
	margin: 0;
	float:left;}
.GSService{
	width:340px;
	margin: 0 0 20px 5px;
	float:left;
	}
ul.ServiceTitle li{
	float:left;
	margin: 0 2px 0 0;}
.GSTextMain{
	display:block;
	width:420x;
	margin-top:90px;
	margin-left:10px;
	font-weight:300;}
.GSTextSub{
	width:680px;
	text-align: left;
	font-size:100%;
	margin:10px 0 10px 0;
	padding:13px 3px 13px 15px;
	background: #F5ECD7;}
.GSImgSub {
	display:block;
	}
.GSImgSub img{
	float:right;
	margin:20px 10px 10px 25px ;
	}
.GSImgMain{float:right;
	margin:0 0 10px 0;
	}
#GS_MAP{
	float:left;
	margin: 0 ;}
#MAP_FRAME{
	width:700px;
	height:400px;}
#map_canvas{
	width:700px;
	height:400px;}
a.tooltip span {
	display:none;
	padding:3px;
	margin: -10px 0 0 0;
	width:200px;}
a.tooltip:hover span{
	display:block;
	position:absolute;
	background:#ABCD05;
	border:1px solid #ABCD05;
	color:#ffffff;
	font-weight:700;
	border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */}

.CS_GSSideMenu{
	width:160px;
	float:left;
	margin:10px 0 0 10px;
}
.CS_GSSideMenu li a{
	display: block;
    font-size:100%;
	padding:0 0 0 15px;
    background:url(../images/GS_Side_arrow.gif) no-repeat left top;
    background-position : 0px 2px;}

/* GS紹介 */
dl.gs_joho{
	}
.gs_joho > dt {
    width: 62px;
    background-color: #d6e5a0;
    text-align: center;
    border-bottom: 3px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
   -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    padding: 5px;
}
.gs_joho > dd{
    width: 225px;
    align-items: center;
    border-bottom: 5px solid #fff;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    display: flex;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
   -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
}
.gs_joho_time{ width:90px; margin:-1.4em 0px 0px 50px; }

/* 植松追加ソース */
/*▼〓〓〓 BS・CS配下のサイドメニュー 〓〓〓▼*/
#SideMenu     { width:160px; float:left; margin:10px 0 10px 10px; }
#MainContents { width:700px; float:right; margin: 0 10px 10px 0; line-height:1.4; }
#SideMenu dt {
	border:solid 1px #ccc; padding:5px; text-align:left; font-size:1em; font-weight:300;
	background:url("../images/sidemenu_bg.gif") no-repeat left center;
	}
.under_BS #SideMenu dt { border-color:#aaa #29C #29C #aaa; }
.under_CS #SideMenu dt { border-color:#aaa #9b0 #9b0 #aaa; }

.GS .M01,
.carcaresupport .M02,
.repair-inspection .M03,
.ecolifesupport .M04,
.CL-topics .M05 { background:#9b0 none!Important; border-color:#9b0!Important; color:#fff; }

.BS .M01,
.BS_sagyo .M01,
.BS_youto .M01,
.house-horticulture .M02,
.solarpower .M03,
.solarlight .M04,
.bulksupply .M05 { background:#29C none!Important; border-color:#29C!Important; color:#fff; }


#SideMenu dd { font-size:1em;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	/* border-left:solid 3px #ccc; */
	padding:0px 5px; }
.under_BS #SideMenu dd { border-left-color:#29C; }
.under_CS #SideMenu dd { border-left-color:#9b0; }

#SideMenu li {
	float:none; margin:0 0 3px 0; padding:4px 0 2px 17px; border-bottom:dotted 1px #ccc; line-height:1.2;
	list-style-type:none;
	}
.under_BS #SideMenu li { background:url(../images/BSolutionsMenu_arrow.gif) no-repeat left 6px; }
.under_CS #SideMenu li { background:url(../images/CarLifeMenu_arrow.gif) no-repeat left 6px; }

#SideMenu a  { display:block; color:#000; }
.under_BS #SideMenu a:hover { color:#34A1DA; }
.under_CS #SideMenu a:hover { color:#5AB914; }


#DisplayArea { margin-bottom:60px; }
#DisplayArea dd { margin-bottom:20px; }
#DisplayArea dd p { width:200px; float:right; text-align:right; padding-bottom:20px; }

.under_BS .TextArea,
.under_CS .TextArea { width:680px; margin:0 auto 20px; }


/*▼〓〓〓ビジネスソリューション〓〓〓▼*/


#ContentsBGImageBS{
	width:900px;
	height:165px;
	margin: auto;
	color: #ffffff;
	background:url(../images/ContentsImgTop_BS_bg.jpg) no-repeat;}
#ContentsBGImageBS a{
	color: #ffffff;}

.TitleMainBS{
	width:700px;
	margin:10px auto;
	font-weight:300;
	background:#38A1DB url(../images/BS_Main_ttl_bg.gif) no-repeat ;}
.TitleMainBS h2{
	text-align:left;
	font-weight:300;
	color:#ffffff;
	font-size:150%;
	margin: 0 15px;
	padding: 8px 0;
	letter-spacing: 1px;
	}
.TitleSubBS{
	margin:10px 0px;
	padding:2px 5px 0px 20px;
	font-weight:300; line-height:1.6;
	border:solid 1px #ccc;
	background:url(../images/BS_Sub_ttl_bg.gif) no-repeat;}
.TitleSubBS h3{
	font-size:120%;
	font-weight:300;
	text-align:left;
	color:#231916;
	padding: 4px 0;}
h4.BSHead{
	font-size: 120%;
	font-weight:300;
	margin: 5px 0;
	border-bottom:2px dotted #38A1DB;}
/* BSフリーページ内の見出し */

dl.haiso {
	margin-top:20px!important;
	margin-bottom:50px!important;
	}
.haiso dt{
	font-size:0.9em;
	display:block;
	background-color:#f7f8f8;
	border-right:solid 0px #dddede;
	border-bottom:solid 0px #dddede;
	width:5em;
	padding:2px 8px;
	text-align: center;
	text-justify: distribute;
	}
.haiso dd{
	margin:-1.5em 0 8px 7em;
	}

#MainContents p { margin-bottom:3em; line-height:1.7; }


h3.GLName{
	height:20px;
	font-size:130%;
	margin: 5px 0;
	padding:0 0 0 20px;
	background:url(../images/BS_Oil_Square.gif) no-repeat left center;}
.GL_Detail{display:block; width:90px; height:20px;
	float:right;
	margin:2em 0 0 0 ;
	}

#MainContents dl.datalist{
	float:left;
	border-top:0px dotted #696969;
	border-right:1px dotted #696969;
	border-bottom:1px dotted #696969;
	border-left:1px dotted #696969;
	margin-bottom:10px!important;
	clear:both;
	}

.BS_OilType{
	display:block;
	width:660px;
	margin: 10px 0 0 10px;
	font-size:130%;
	clear:both;
	padding:6px 0 4px 20px;
	background:url(../images/BS_Oil_Square.gif) no-repeat left center;}
.BS_OilName{
	width:230px;
	min-height:40px;
	padding: 5px;
	float:left;
	font-size:115%;
	border-top:1px dotted #696969;
	border-right:0px dotted #696969;
	border-bottom:0px dotted #696969;
	border-left:0px dotted #696969;
	}
.BS_OilText{
	width:432px;
	min-height:40px;
	margin: 0 ;
	padding: 5px;
	float:left;
	font-size:100%;
	line-height:1.7;
	border-top:1px dotted #696969;
	border-right:0px dotted #696969;
	border-bottom:0px dotted #696969;
	border-left:1px dotted #696969;
	}
#MainContents dl.gs_joho{
	width:290px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	}





/* 植松追加ソース */
/*▼〓〓〓BS・CSのトップ（商品カテゴリブロック）表示〓〓〓▼*/
#CategoryArea { margin:0 0 10px 0; }
#CategoryArea ul { width:870px; margin:0 auto; }
#CategoryArea li {
	width:280px; height:170px; float:left;
	margin: 4px; padding:0;
	background-repeat:no-repeat;
	background-position:center center;
	border:solid 1px lightgray;
	}
#CategoryArea li.bgimg {
	background-position:50%!important;
	background-position-x:50%!important;
	background-position-y:50%!important;
	}
#CategoryArea h3 { text-indent:-9999em; height:80px; overflow:hidden; }
#CategoryArea li ul { margin:0 0 0 10px; height:85px; overflow:auto; width:260px; }
#CategoryArea li li {
	width:220px; height:auto; float:none; margin:0 0 2px 0; border:none; /* ひとつ上のリスト要素のスタイルを削除 */
	list-style-type:none; padding:0 0 0 17px; background-position:left center; background-repeat:no-repeat;
	}
.index_BS #CategoryArea li li { background-image:url(../images/BSolutionsMenu_arrow.gif); }
.index_CS #CategoryArea li li { background-image:url(../images/CarLifeMenu_arrow.gif); }
#CategoryArea a { display:bloak; font-size:13px; font-size:0.9em; color: #000000;  }
.index_BS #CategoryArea a:hover { color: #36f; }
.index_CS #CategoryArea a:hover { color: #5AB914; }

.index_BS .SubMenu a:hover { color: #ff0; }
.index_CS .SubMenu a:hover { color: #ff0; }




/*▼〓〓〓企業情報〓〓〓▼*/
.under_Common { width:870px; }
.TitleMainCommon{
	margin:10px auto; width:870px;
	clear:both;
	background:#78C497 url(../images/CI_Main_ttl_bg.gif) no-repeat;}
.TitleMainCommon h2{
	text-align:left;
	color:#ffffff;
	font-size:150%;
	font-weight:300;
	padding: 8px;
	letter-spacing: 1px;}
.TitleSubCommon{
	padding-left:15px;
	width:855px;
	margin:10px auto;
	font-weight:300;
	line-height:1.7;
	border:solid 1px #ccc;
	background:url(../images/CI_Sub_ttl_bg.gif) no-repeat;
	}
.TitleSubCommon h2{
	font-size:120%;
	font-weight:300;
	text-align:left;
	color:#231916;
	padding: 4px 0;}
.Bg_Yellow{
	width:790px;
	margin: 10px 10px 0 0;
	padding: 20px 30px;
	text-align: left;
	font-size:110%;
	background: #fbf7e3;}

.aboutus table.Summary,
.aboutus table.History,
.office_hiwasaki table.Summary,
.yosakoi_lp table.Summary{
	border-collapse:collapse;
	float:left;
	width:650px;
	margin:5px 0 0 0;
	 }
.aboutus table.Summary th,
.aboutus table.History th,
.office_hiwasaki table.Summary th,
.yosakoi_lp table.Summary th{
	border:solid 1px #ccc;
	padding:3px;
	margin:-1px 0px 1px 0px;
	border-collapse:collapse;
	width:130px;
	font-size: 120%;
	text-align:center;
	background-image: url("/hiwasaki/images/aboutus_bg.jpg") ;
	background-position:right;
	}
.aboutus table.Summary td,
.aboutus table.History td,
.office_hiwasaki table.Summary td,
.yosakoi_lp table.Summary td{
	border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;
	border-collapse:separate;
	marign:3px;
	padding:5px 5px 0px 5px;
	vertical-align:top;
	}
.Summary td{text-align:left; border-right:solid 1px #ccc;}
.History td.tuki { width:35px; text-align:right; border-right:solid 0px #ccc !important;}
/*ie9
.History td:nth-of-type(1) { width:35px; text-align:right;}
.History td:nth-of-type(2) { text-align:left; border-right:solid 1px #ccc;}
*/


.CI_About_Img{
	margin: 3px 0 10px 0;
	float:right;}
.CI_CSR_Text{
	width:320px;
	margin: 0 0 0 20px;
	text-align:left;
	float:left;}
.CI_CSR_Text2{ width:840px; margin:10px auto; }

.CI_CSR_Img{
	width:510px;
	margin: 5px -10px 5px 0px;
	float:right;}
.CI_CSR_Img img{
	margin: 0 0 0 8px;
	float:left;}
.CI_Group_Text{
	width:600px;
	margin: 0;
	text-align:left;
	float:left;}
.CI_Group_Text a{
	color: #231916;}
.CI_Group_Text a:hover{
	color: #5AB914;}
.CI_Group_Img{
	margin: 5px 10px;
	float:right;}
.CI_Group_Name {
	display: block;
	margin: 2em 0 5px 0;
	padding:3px 0 0 15px;
	font-size:120%;
 	border-bottom:1px solid #78C497;
	background:url(../images/CI_Group_arrow.gif) no-repeat left center;}
.CI_Recruit_Text{
	width:540px;
	margin: 0 0 0 120px;
	text-align:left;
	float:left;}
.CI_Recruit_Img{
	float:right;}
.CI_Recruit_Img img{
	margin: 0 0 20px 10px;
	}
.CI_Recruit_Name {
	margin-left: -110px;
	display: block;
	padding:3px 0 0 15px;
	font-size:120%;
 	border-bottom:1px solid #78C497;
	background:url(../images/CI_Group_arrow.gif) no-repeat left center;}


.under_Common .TextArea { width:850px; margin:0 auto 0; clear:both; }



/*▼〓〓〓フッター〓〓〓▼*/
#Footer{
	font-size:1.1em;
	width: 100%;
	height: auto;
	background:url(../images/footer_bg.gif);}
#FooterContents{
	width: 900px;
	margin:0 auto;
	color: #ffffff;
	padding: 20px 0 0 0;
	}

div.SiteMap{
	width:880px;
	margin:auto;
	padding: 0 0 10px 0;
	text-align:left;}
.SiteMap_ttl{
	display:block;
	font-size:1.1em;
	line-height:1.5;
	border-bottom:solid 1px #FFFFFF;
	}
#FooterContents ul{
	float:left;
	text-align:left;
	line-height: 1.5;
	margin: -5px 30px 0 20px;}
#FooterContents li{}
#FooterContents a{color:#ffffff;}
#FooterContents a:hover{color:#5AB914;}
div.Copy{
	width: 880px;
	margin:auto;
	padding: 10px 0;
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	border-top:1px solid #ffffff;}

p.recruit_mado{width:840x;
	margin: 10px 10px 0 10px;}



/* ----- サムネイル表示 ----- */
p.zoom {
     position: relative;
     width: 250px;
     height: 182px;
     padding-right:30px;
     padding-bottom:20px;
     float:left;
}
p.zoom a,
p.zoom a:visited {
     position: relative;
     display: block;
     width: 250px;
     height: 182px;
}
p.zoom a img {
     width: 250px;
     height: 182px;
}

/* ----- マウスオーバーによる拡大表示----- */
p.zoom a:hover {
     position: absolute;
     width: 600px;
     height: 437px;
}
p.zoom a:hover img {
     position: relative;
     top: 0;
     left: 0;
     width: 600px;
     height: 437px;
}
p.zoom img{
    float:left;
    padding-right:30px;
    padding-bottom:20px;
    }

/* -------------------------------------- */