@charset "utf-8";
@import "../common/0-import.css";

#globalNavi li.navi03 a {
	background: none;
}

#globalNavi li.navi03 a:hover {
	background: none;
}

#globalNavi li.navi03 a img {
	visibility: hidden;
}

.banner {
	background: url(/tep/parts/banner.jpg) no-repeat left top; /*←アトで削除*/
	height: 161px;
	width: 869px;
	position: relative;
}

#globalNavi ul {
	top: 0;
	left: 1px;
	position: absolute;
	z-index: 10;
}

.banner img.top {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
}

#conts {
	width: 620px;
	float: right;
	text-align: left;
}

#pageGuide {
	padding: 6px 0 6px 1px;
	*padding: 8px 0 8px 1px;
	margin: 0 20px 8px 0;
	border-bottom: 1px solid #d9d9d9;
}

#pageGuide li {
	display: inline;
	font-size: 10px;
	color: #aaa;
}

#pageGuide li a {
	padding-right: 4px;
	color: #8b74b5;
}


/*本文エリア----------------------------------------------------*/

#conts .inner {
	padding: 0 30px 0 0;
}

#conts h3 {
	margin-bottom: 18px;
}

#conts p.mb25 {
	margin-bottom: 26px;
}

/* /eco/index.html これからの住まい*/
#conts .boxA {
	width:590px;
	margin: 0 0 20px 11px;
	overflow: hidden;
	zoom: 100%;
}
#conts h2 {
	margin-bottom: 25px;
}
#conts .boxA p{
	padding: 0 20px 0 1px;
	line-height: 18px;
}
#conts .boxA div.neop { margin-top:20px; }
#conts .boxA img { display:inline; }
#conts .boxA img.mr { margin-right:20px; }
#conts .boxA div.neop p { text-align:center }

#conts .boxA p.taiyo{
	padding: 0 315px 0 1px;
	line-height: 18px;
}
#conts .boxA p.denka{
	padding: 0 250px 0 1px;
	line-height:18px;
}

#conts .boxA p.bnr{
	padding: 0 230px 0 1px;
	line-height: 18px;
}

#conts .boxB {
	margin-bottom:25px;
	overflow: hidden;
	zoom: 100%;
}

#conts .boxB .subBox {
	margin-right: 16px;
	padding-bottom:11px;
	width: 286px;
	float: left;
	background: url(/eco/parts/subBox_back.gif) no-repeat left bottom;
}

#conts .boxB .mr0 {
	margin-right: 0;
}

#conts .boxB .subBox h4 {
	margin-bottom: 10px;
}

#conts .boxB .subBox ul{
	padding-left: 16px;
}

#conts .boxB .subBox ul li a {
	display: block;
}

#conts .boxB .subBox ul li img {
	display: block;
	margin-bottom: 10px;
}

#conts .boxB .subBox ul span {
	color: #909090;
	display: block;
	padding-left: 2px;
}

*html #conts .boxB .subBox ul span {
	margin-bottom: -12px;
}


/*補助金について*/
.boxF {
margin-bottom:20px;
}
.boxF h3 { margin-left:-11px; }
.boxF p {
line-height:18px;
padding-right:10px;
}


/*サイドメニュー----------------------------------------------------*/

/*TEPブログバナー　新着*/
.sideBoxB p.blog {
margin-top:3px;
margin-left:20px;
}
.sideBoxB p.blog span {
font-size:80%;
}
.sideBoxB ul.blog li {
margin:3px 7px 2px 20px;
padding-left:12px;
background:url(/site/parts/sitemap_icon02.gif) 0px 4px no-repeat;
}


@media all and (min-width: 0px){

	#pageGuide {
		padding: 6px 0 8px 1px;
	}
	
	#conts .boxB .subBox {
		padding-bottom: 7px;
	}
	
	#conts .boxB .subBox ul li img {
		margin-bottom: 14px;
	}
}

/* aizerla */
#conts {
    color: #2e2e2e;
}

.mt25 {margin-top:25px;}





/*太陽光発電
-------------------------------------------*/

#conts .boxG {
margin:0 0 40px 11px;
}
#conts .boxG h3 {
margin:50px 0 6px -11px;
}
#conts .boxG h3.no {
margin:0 0 6px 0;
}
#conts .boxG p {
line-height:18px;
}
#conts .boxG .lead {
color:#e50012;
font-size:105%;
}
#conts .boxG h4 {
	margin:30px 0 10px -5px;
	border-bottom:1px solid #B7B7B7;
	border-left:10px solid #507214;
	border-top:2px solid #507214;
	color:#464646;
	line-height:1.1;
	padding:5px 10px;
}
#conts .boxG h4.no {
	margin:12px 0 10px -5px;
}
#conts .boxG h4 span{
color:#e50012;
}
#conts .boxG h4 span span{
font-size:130%;
}

.pr {padding-right:11px;}

/*どうして安くできるの？*/
.why {
width:auto;
margin-top:15px;
margin-bottom:18px;
padding:10px 0 10px 10px;
background:url(../../eco/parts/taiyo_why06.gif) repeat-y;
position:relative;
}
.why img.right {
position:absolute;
top:10px;
right:-4px;
}
.why p {
width:420px;
margin-top:10px;
font-size:small;
}
.why p.w {
width:auto;
margin-top:0;
}
p.next { /*では次から*/
width:560px;
margin-bottom:-20px;
margin-top:5px;
line-height:1.5 !important;
}

/**/
.mt10 {
margin-top:10px;
} 
.mb10 {
margin-bottom:10px;
}
.graph {
width:auto;
margin-top:20px;
}

/*オール電化
-------------------------------------------*/
/*３つのメリット*/
#merit {
margin-top:-5px;
margin-bottom:20px;
}
#merit img.left {
clear:left;
float:left;
margin-top:15px;
}
#merit h4 {
margin:15px auto 10px 87px;
}
#merit p {
margin-left:90px;
line-height:1.4;
}

#merit2 {
width:525px;
margin:30px auto 40px 20px;
background:url(../../eco/parts/denka_merit_bg.gif) left top no-repeat;
}
#merit2 div {
width:auto;
background:url(../../eco/parts/denka_merit_bg2.gif) left bottom no-repeat;
padding:18px 17px 18px 20px;
font-size:86%;
line-height:1.4;
}

/*ココがオススメ！*/
.kokoga {
margin-top:30px;
margin-left:10px;
}
#osusume {
margin-bottom:40px;
line-height:1.4;
}
#osusume img {
float:left;
margin-top:5px;
*margin-top:20px;
}
#osusume .txt {
width:350px;
margin-left:240px;
}
#osusume h4 {
margin-top:17px;
color:#2259ac;
font-size:110%;
}

ul.link03 li {
background:url("/tep/parts/icon_04.gif") 0 5px no-repeat;
line-height:22px;
margin-top:10px;
padding:0 0 1px 19px;
}

/*太陽光発電システムバナー*/
.taiyobnr {
margin-top:30px;
}
.taiyobnr img {
margin:0 auto;
}

/*太陽光発電システム一括見積指定店バナー*/
.fc_bnr {
margin-bottom:25px;
text-align:center;
}
.fc_bnr img {
margin:0 auto;
}


/*お問い合わせバナーボタン*/
#conts .boxButton {
    margin: 60px 0 30px 0;
    text-align: center;
}
#conts .boxButton a.detail {
    margin: 0 auto 8px;
    width: 465px;
    height: 77px;
    line-height: 70px;
    position: relative;
    display: block;
}
#conts .boxButton a.detail span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/eco/parts/eco_mitsumori_off.jpg) 0 0 no-repeat;
    cursor: pointer;
}
#conts .boxButton a.detail:hover span {
    background-image: url(/eco/parts/eco_mitsumori_on.jpg);
}
