/* CSS Document */
/*-------------------
基本設定ここから
---------------------*/
body{
margin:0px;
padding:0px;
background:#fff;
font-size:72%;
line-height:170%;
letter-spacing:1pt;
color:#333333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

h1,h2,h3,h4,h5,p{
margin:0px;
padding:0px;
}
ul{list-style-type:none;
}
img{border:0;
}

.red{color:#FF0000;}
.bold{font-weight:bold;}
.textright{text-align:right;}


/*-------------------
基本設定ここまで
---------------------*/
#wrap {
width:860px;
margin:0px auto;
padding:0px;
background: url(img/bg.gif) repeat-y top;
}

#mainwrap{
margin:0px auto;
padding:0px;
width:840px;
}
/*--------------
ＩＥ６設定
--------------*/
* html #wrap{
text-align:center;
}
* html #mainwrap{
text-align:left;
}
* html #gnavi,#head,#mainimg{
margin-left:5px;
}
*:first-child+html #gnavi,#head,#mainimg{
	
	margin-left:0px;
	
}
/*--------------
ＩＥ６設定
--------------*/

/*-----------------------
ヘッダー部分設定
-----------------------*/
#head{
padding:0px 10px;
position:relative;
height:120px;
}
h1#copi{
	font-size:0.9em;
	position:absolute;
	top:5px;

	left: 10px;
	width: 700px;
	height: 20px;
}
#logo{
	position:absolute;
	top:25px;
	left:8px;
}

#sitemap{
	position:absolute;
	right:5px;
	top:5px;
	height: 23px;
	width: 85px;
}
ul#nav1{
	position:absolute;
	bottom:5px;
	left:509px;
	height:73px;
	width:330px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	top: 42px;
}
ul#nav1 li{float:left;margin:0px;padding:0px;width:110px;
height:73px;
overflow:hidden;
}
ul#nav1 li a.icohome{
background:url(img/homeiconn.gif) no-repeat center bottom;
width:110px;
height:73px;
display:block;}
ul#nav1 li a.icohome:hover{
background:url(img/homeicon_h.gif) no-repeat center bottom;}
ul#nav1 li a.icoabout{
background:url(img/abouticon.gif) no-repeat center bottom;
width:110px;
height:73px;
display:block;}
ul#nav1 li a.icoabout:hover{
background:url(img/abouticon_h.gif) no-repeat center bottom;}
ul#nav1 li a.icocontact{
background:url(img/contacticon.gif) no-repeat center bottom;
width:110px;
height:73px;
display:block;}
ul#nav1 li a.icocontact:hover{
background:url(img/contacticon_h.gif) no-repeat center bottom;}

/*-----------------------
ヘッダー部分設定
-----------------------*/
/*-----------------------
ナビゲーション設定
-----------------------*/
#gnavi{
width:840px;height:30px;
background:url(img/navi/nav_bg.gif) repeat-x center;}
#gnavi ul{
margin:0px;
padding:0px 10px;
text-indent:-9999px;
}
#gnavi ul li{width:auto;
float:left;
overflow:hidden;}
/*--------
オール電化
--------*/
#gnavi ul li a.denka{
width:112px;
height:30px;
display:block;
background:url(img/navi/denka.gif) no-repeat center top;
}
#gnavi ul li a.denka:hover{
background:url(img/navi/denka_h.gif) no-repeat center top;
}
#gnavi ul li a.cudenka{
width:112px;
height:30px;
display:block;background:url(img/navi/denka_h.gif) no-repeat center top;}
/*--------
オール電化
--------*/
/*--------
おすすめ
--------*/
#gnavi ul li a.set{
width:120px;
height:30px;
display:block;
background:url(img/navi/osusume.gif) no-repeat center top;
}
#gnavi ul li a.set:hover{
background:url(img/navi/osusume_h.gif) no-repeat center top;
}
#gnavi ul li a.cuset{
width:120px;
height:30px;
display:block;background:url(img/navi/osusume_h.gif) no-repeat center top;}
h2.susume{
	background:url(img/osusume_title_bg.gif) no-repeat left center;
	width:580px;
	height:30px;
	padding-left:25px;
	padding-top:10px;
	color:#fff;
}
/*--------
おすすめ
--------*/
/*--------
エコキュート
--------*/
#gnavi ul li a.ecocute{
width:129px;
height:30px;
display:block;
background:url(img/navi/ecocute.gif) no-repeat center top;
}
#gnavi ul li a.ecocute:hover{
background:url(img/navi/ecocute_h.gif) no-repeat center top;
}
#gnavi ul li a.cuecocute{
width:129px;
height:30px;
display:block;background:url(img/navi/ecocute_h.gif) no-repeat center top;}
/*--------
エコキュート
--------*/
/*--------
IHクッキングヒーター
--------*/
#gnavi ul li a.ih{
width:194px;
height:30px;
display:block;
background:url(img/navi/ih.gif) no-repeat center top;
}
#gnavi ul li a.ih:hover{
background:url(img/navi/ih_h.gif) no-repeat center top;
}
#gnavi ul li a.cuih{
width:194px;
height:30px;
display:block;background:url(img/navi/ih_h.gif) no-repeat center top;}
/*--------
IHクッキングヒーター
--------*/
/*--------
工事
--------*/
#gnavi ul li a.kouji{
width:139px;
height:30px;
display:block;
background:url(img/navi/denkakouji.gif) no-repeat center top;
}
#gnavi ul li a.kouji:hover{
background:url(img/navi/denkakouji_h.gif) no-repeat center top;
}
#gnavi ul li a.cukouji{
width:139px;
height:30px;
display:block;background:url(img/navi/denkakouji_h.gif) no-repeat center top;}
/*--------
工事
--------*/
/*--------
見積もり
--------*/
#gnavi ul li a.mitumori{
width:119px;
height:30px;
display:block;
background:url(img/navi/mitumori.gif) no-repeat center top;
}
#gnavi ul li a.mitumori:hover{
background:url(img/navi/mitumori_h.gif) no-repeat center top;
}
#gnavi ul li a.cumitumori{
width:119px;
height:30px;
display:block;background:url(img/navi/mitumori_h.gif) no-repeat center top;}
/*--------
見積もり
--------*/
/*-----------------------
ナビゲーション設定ここまで
-----------------------*/
/*-----------------------
メインイメージの設定
-----------------------*/
#mainimg {
	clear:left;
	background: url(img/content1_bg.jpg) no-repeat;
	margin-top:10px;
	padding:10px 0px;
	height: 150px;
	width: 840px;
	position:relative
	
}
#mainimg #campaign{
	width:300px;
	height:125px;
	position:absolute;
	top:15px;
	right:20px;
	text-decoration:none;
	color:#666666;
	left: 18px;
}
#mainimg #campaign a{
	display:block;
	background:url(img/campa.png) no-repeat left center;
	width:300px;
	height:125px;
	text-indent:-9999px;
	overflow:hidden;
}
#mainimg #campaign a:hover{
	background:url(img/campah.png) no-repeat left center;
}
	

#mainimg #campaign a:link{
	width:250px;
	height:125px;
	display:block;
	text-decoration:none;
	color:#666666;
	}
#logo_ael{
	position:absolute;
	right:5px;
	top:5px;
	}
* html #logo_ael{font-size:12px;}
/*-----------------------
メインイメージの設定ここまで
-----------------------*/

/*-----------------------
パンくず設定ここから
-----------------------*/
ul#topicpath{
list-style-type:none;
height:50px;
margin:10px 0 20px 0;
border-bottom:1px solid #ccc;
line-height:1.2;

}
ul#topicpath li{text-transform:uppercase;
float:left;
padding:7px 0px 7px 32px;
background:#ccc url(img/topcpath_bg.gif) left center no-repeat;
width:auto;
}
ul#topicpath li.mae{

padding-left:35px;
background:#ccc url(img/homeicon.gif) left center no-repeat;
}
ul#topicpath li.ushiro{
background:#fff url(img/topicpathend.gif) left center no-repeat;
}
/*-----------------------
パンくず設定ここまで
-----------------------*/

/*-----------------------
メインコンテンツここから
-----------------------*/

#contentswrap
{
width:840px;
margin-left:10px;
}
#main{
width:600px;
float:right;
padding-left:10px;
padding-right:10px;
border-left:dashed 0.75pt #ccc;
}
/*-------------------
IE6
-------------------*/

* html #main{width:590px;margin-left:5px;}
/*-------------------
IE6
-------------------*/

#news{
margin-top:20px;
width:580px;

}

#news #topic{
border-left:1px solid #467f00;
border-bottom:1px solid #467f00;
border-right:1px solid #467f00;
overflow:auto;
margin:0px auto;
height:150px;
padding:0px;
}



#contents{
font-size:115%;
line-height:170%;
}

p.gotop{text-align:right;
margin:20px 10px;
}


/*-----------------------
servicepageここから
------------------------*/
.houjin{
width:330px;
float:left;

}

.right{float:right;width:auto;
margin:10px 10px 0px 0px;}
.clea{clear:both}
#servicehoujin{
width:582px;
height:38px;
background:url(img/houjin_bg.gif) no-repeat left top;
line-height:38px;
padding-left:30px;
margin-top:15px;
margin-bottom:8px;
}
#servicekojin{
width:582px;
height:38px;
background:url(img/kojin_bg.gif) no-repeat left top;
line-height:38px;
padding-left:30px;
margin-top:15px;
margin-bottom:8px;
}
/*-------------------
IE6
-------------------*/
* html #servicekojin,#servicehoujin{
padding-left:0px;
text-indent:33px;
}
/*-------------------
IE6
-------------------*/
h3.naiyou{
margin-top:15px;
}




/*----------------------
servicepageここまで
---------------------*/
/*----------------------
contactpageここから
----------------------*/
.contactinfo{margin-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}
#inq dl dd{margin:0px;
padding:0px;
}
#inq dl dt{
font-weight:bold;
}


/*----------------------
contactpageここまで
----------------------*/
/*---------------------
aboutpageここから
---------------------*/
#company,#hayashi{margin:10px 0px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;}
#hayashi #coment{width:450px;float:left;}
#company{clear:both;}
#company table{width:580px;border:2px solid #cfcfcf;
border-collapse:separate;
}
#company table th{border-bottom:2px solid #ccc;border-right:1px solid #cfcfcf;background-color:#FFFFCC;}
#company table td{border-bottom:2px solid #ccc;border-right:1px solid #cfcfcf;}
#company table td dl dd{margin:0px;padding:0px;}
#company table td dl dt{font-weight:bold;}
/*---------------------
aboutpageここまで
---------------------*/
/*---------------------
accesspageここから
---------------------*/
.basho{margin:10px 0px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;}
.caption{font-size:9px;text-align:right;}
.smal{font-size:12px;font-weight:normal;}
.center{text-align:center;}

/*---------------------
accesspageここまで
---------------------*/

/*-----------------------
privacypageここから
-----------------------*/
#policy{margin:10px 0px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;}
#policy dl dt{font-size:120%;font-weight:bold;}
#policy dl dd ul li dl dd{margin:0;padding:0;}
#policy dl dd ul li dl dt{font-size:100%;margin:10px 0px;padding-bottom:2px;border-bottom:1px dashed #ccc;font-weight:bold;}




/*-----------------------
privacypageここまで
-----------------------*/
/*-----------------------
workspageここから
-----------------------*/
ul.workslist{font-size:12px;
margin:0;
padding:10px 0px 10px 10px;
}
ul.workslist li{line-height:15px;border-bottom:1px solid #ccc}
ul.workslist li a{
height:15px;
background:url(img/maker.gif) no-repeat left center;
padding:5px 0px 5px 17px;
margin:5px 0px 10px 0px;
display:block;}
/*-----------------------
workspageここまで
-----------------------*/
/*----------------------
sitemappageここから
----------------------*/
#site ul li{margin:10px 0px;}
#site{margin:10px;padding-bottom:10px;border-bottom:1px dotted #ccc;}
#siteblank{height:400px;}

/*----------------------
sitemappageここまで
----------------------*/

/*電化サイト用*/
/*商品紹介ページ*/
#itemlist{padding-bottom:20px;border-bottom:1px dashed #ccc;}
#itemlist ul.listitem li{width:auto;float:left;}
#itemlist ul.listitem{margin:0px;padding:0px}
.item{width:170px;height:250px;margin:5px;padding:5px;
background:url(img/item/panalogo.gif) no-repeat top left;
border:1px solid #ccc;
}
.itemih{width:170px;height:220px;margin:5px;padding:5px;
background:url(img/item/panalogo.gif) no-repeat top left;
border:1px solid #ccc;
}

.itemimage{text-align:center;
margin:21px auto 0px auto;}
.itemcoment{height:90px;font-size:90%;line-height:1.2em;margin-top:5px;
overflow:hidden;}
.itemcoment dl dd{margin:0px;padding:0px;}
.itemcoment dl{margin:0px;padding-bottom:10px;background:url(img/item/down.gif) no-repeat bottom;}
.itemcoment p.tokka{margin-top:5px;font-size:110%;font-weight:bold;text-align:center;}
.stext{font-size:70%;color:#0000FF}
.zeitext{font-size:75%;color:#FF6600;line-height:1.5em;}
.midashi{clear:left;margin:10px 0px;}

.clearfix:after {content:url(img/pixel.gif);display:block;clear:both;height:0; }

/*商品紹介ページ*/
/*オール電化は安全*/
.w400{width:400px;}
.denkacontwrap{
margin:20px 0px;
padding-bottom:10px;
border-bottom:1px dashed #ccc;}
h3.ihtitle{margin:10px 0px;}


/*オール電化は安全*/
#shouhin{
	width:580px;
	height:200px;
	background:url(img/shouhi_bg.jpg) no-repeat center;
	position:relative;
	margin:20px 0px;
}

#shouhinecoqto{
	width:580px;
	height:200px;
	background:url(img/ecoqtoshouhin_bg.jpg) no-repeat center;
	position:relative;
	margin:20px 0px;
	
}
p.boton{width:140px;height:20px;
position:absolute;
bottom:5px;
right:5px;

}
P.wide{margin:20px 0px;}
#hojyokin{
background:url(img/hojyokin_bg.gif) no-repeat center top;
position:relative;
width:580px;
height:150px;
}
#hojyokin h3{width:300px;
position:absolute;
bottom:5px;
right:5px;}

#denkaeco{
width:580px;
border-bottom:2px solid #7bad51;
border-left:2px solid #7bad51;
border-right:2px solid #7bad51;
margin-bottom:10px;}
#denkaeco p{padding:10px}

#denkaeconomy{width:580px;
border-bottom:2px solid #2a849d;
border-left:2px solid #2a849d;
border-right:2px solid #2a849d;
margin-bottom:10px;}
#denkaeconomy p{padding:10px}

#denkasafe{width:580px;
border-bottom:2px solid #d27d00;
border-left:2px solid #d27d00;
border-right:2px solid #d27d00;
margin-bottom:10px;}
#denkasafe p{padding:10px}

#denkacomfort{width:580px;
border-bottom:2px solid #be8f00;
border-left:2px solid #be8f00;
border-right:2px solid #be8f00;
margin-bottom:10px;}
#denkacomfort p{padding:10px}
.koujinagare{border-bottom:#bdc1a3 solid 1px;
border-left:#bdc1a3 solid 1px;
border-right:#bdc1a3 solid 1px;
width:580px;

}
.smalltext{font-size:10px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#topics{border-left:#b4c91a solid 1px;
border-right:#b4c91a solid 1px;
border-bottom:#b4c91a solid 1px;
width:580px;
height:200px;
overflow:auto;
}
#topics p{text-indent:5px;padding:3px 0px;border-bottom:1px solid #ccc;width:570px;margin:0px 5px;}
#topcamp{width:580px;
padding-bottom:20px;
margin:15px 0px;
padding-left:5px;
border-bottom:#ccc dotted 1px;
}

ul#topmenu{
margin:12px 0px;padding:0;
text-indent:-9999px;}
ul#topmenu li{margin:5px 0px;padding:0;}
ul#topmenu li a{width:580px;height:60px;display:block;}
ul#topmenu li a.toposusume{background:url(img/top_osusume.gif) no-repeat center top;}
ul#topmenu li a.toposusume:hover{background:url(img/top_osusume_h.gif) no-repeat center top;}
ul#topmenu li a.topecocute{background:url(img/top_ecocute.gif) no-repeat center top;}
ul#topmenu li a.topecocute:hover{background:url(img/top_ecocute_h.gif) no-repeat center top;}
ul#topmenu li a.topihheater{background:url(img/top_ihheater.gif) no-repeat center top;}
ul#topmenu li a.topihheater:hover{background:url(img/top_ihheater_h.gif) no-repeat center top;}


/*電化サイト用*/

/*----------------------
コンテンツ左ここから
----------------------*/
#left{float:left;
width:200px;
}
#left h2{font-size:17px;margin:0;padding:0;}
#left h2 a{color:#333333;}
#left h2 a:hover{color:#FF6600;}
#left dl.setumei{font-size:12px;}
#left dl.setumei dd{padding:0;
margin:0;}
/*----IE6用----*/
* html #left{padding-left:10px;}
/*----IE6用終わり----*/
/*----コンテンツ左会社概要-----*/
#gaiyou{border-bottom:#333 dotted 1px;
padding:10px 0px;
}

#gaiyou h2 a{background:url(img/gaiyou.gif) no-repeat center;
padding-left:8px;
width:200px;
height:44px;
line-height:44px;
display:block;
text-decoration:none;}
#gaiyou h2 a:hover{background:url(img/gaiyou_h.gif) no-repeat center;}

/*----コンテンツ左会社概要おわり-----*/
/*----コンテンツ左実績紹介----*/

#jiseki{border-bottom:#333 dotted 1px;
padding:10px 0px;}
#jiseki ul{font-size:12px;
margin:0;
padding:10px 0px 10px 10px;
}
#jiseki ul li a{width:180px;
height:15px;
background:url(img/maker.gif) no-repeat left center;
padding:5px 0px 5px 17px;
margin:5px 0px 10px 0px;
display:block;
}

#jiseki ul li{border-bottom:1px solid #ccc}


#jiseki h2 a:hover{background:url(img/jiseki_h.gif) no-repeat center;}

/*----コンテンツ左実績紹介おわり----*/
/*----コンテンツ左オール電化----*/
#denka{border-bottom:#333 dotted 1px;
padding:10px 0px;}


/*----コンテンツ左オール電化おわり----*/
/*----電化用サイド始まり-----*/
.sidemenu{border-bottom:#333 dotted 1px;
	padding:10px 0px;}
.sidemenu ul{font-size:12px;
margin:0;
padding:10px 0px 10px 10px;
}
.sidemenu ul li a{width:180px;
height:15px;
background:url(img/maker.gif) no-repeat left center;
padding:5px 0px 5px 17px;
margin:5px 0px 10px 0px;
display:block;
}

.sidemenu ul li{border-bottom:1px solid #ccc}



/*----電化用サイドおわり-----*/

/*----------------------
コンテンツ左ここまで
----------------------*/

/*-----------------------
メインコンテンツここまで
-----------------------*/


/*-----------------------
フッターここから
-----------------------*/

#footer{
clear:both;
width:840px;
height:150px;
background:url(img/footer_bg.gif) repeat-x center top;

}
#footerlink{padding-top:12px;}
#footerlink ul{width:500px;height:20px;margin:12px auto 0px auto;}
#footerlink ul li{width:auto;float:left;margin-right:12px;}
/*----IE6用----*/
* html #footer {margin-left:5px;font-size:12px;text-align:center}
*:first-child+html #footer {font-size:12px;text-align:center}
* html #footerlink ul{text-align:center;height:20px;display:block;}
* html #footerlink{text-align:center;margin-top:10px;padding-left:10px;}
*:first-child+html #footerlink{text-align:center;margin-top:10px;} 
/*----IE6用終わり----*/
address{clear:left;text-align:center;margin-top:60px;}

/*-----------------------
フッターここまで
-----------------------*/
#left .sidemenu .baner {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style-type: none;
	background-image: none;
}
#left .sidemenu .baner li a{
	background-image: none;
	padding: 5px 0px 5px 0px;
	margin-top: 5px;
	margin-right:0;
	margin-bottom: 5px;
	margin-left:0;
}
#left .sidemenu .baner li {
	height:60px;
	background-image: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}ul.faq dt {
	background-image: url(img/situmon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	background-color:#F0F0F0;
	margin-bottom: 10px;
	font-weight:bold;
}
ul.faq {
	margin: 15px 0px 0px;
	padding: 0px;
	width: 560px;
}
ul.faq li dl dd {
	background-image: url(img/kotae.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
	padding-bottom: 12px;
}
ul.faq li dl{background:url(img/faq_bg2.gif);}
ul.faq li {
	margin-top: 15px;
	padding-bottom: 10px;
}
ul.faq li dl dd ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
}
#hojyokin .kingaku {
	position: absolute;
	left: 10px;
	top: 60px;
}
#hojyokin .kingaku span {
	font-size: 150%;
	font-weight: bold;
	text-decoration: underline;
}

#contents .denkacontwrap dl.osusumelist{
	padding:0;
	margin:0;
	width:400px;
	float:left;
}
#contents .denkacontwrap dl.osusumelist dt{

	font-size:1.2em;
	font-weight:bold;
	color:#F30;
	margin:0;
	padding:0;
}
#contents .denkacontwrap dl.osusumelist dd{
	margin:0;
	padding:0;
}
#contents .denkacontwrap dl.osusumelist dd ul{
	margin:0;
	padding:0;
}
#contents .denkacontwrap h4.tokka{
	font-size:1.4em;
	text-align:center;
}
#contents .denkacontwrap img.itemm{
	float:left;
}

#contents .denkacontwrap .campaignitem {
	float: left;
	width: 300px;
}
#contents .denkacontwrap .campaingcoment {
	float: right;
	width: 280px;
}
#contents .denkacontwrap .campaingcoment ul {
	margin: 0px;
	padding: 0px;
}
#contents .denkacontwrap h2.webgen{
	font-size:1.4em;
	color:#F30;
}
.ste {
	visibility: hidden;
}