@charset "Shift_JIS";

/**************************************************
headlines
 **************************************************/
#about #contents h3{
	margin-bottom: 14px;
}
#about h4{
	margin-bottom: 11px;
}
#about h4.mt20{
	margin-top:20px;
	margin-bottom: 11px;
}

#about .bold {
	font-weight: bold;
}
#about .red {
	color: #CC0000;
}




/**************************************************
太陽光発電のしくみ
 **************************************************/
#about #system{
	width:630px;
	margin:0 auto;
}

#about #system #flash{
	margin: 25px 0px 28px;
}

#about #system .layout{
	width: 630px;
	margin-bottom: 45px;
}

#about #system .layout .pics{
	width: 149px;
	float: left;
}

#about #system .layout .desc{
	width: 466px;
	float: right;
}

#about #system .source{
	font-size:85%;
}





/**************************************************
補助金制度について
 **************************************************/
#about #contents h3{
	margin-bottom: 20px;
}

#about #flash{
	margin: 25px 0px 28px 10px;
}

#about #system{
	margin-left: 10px;
}

#about h4{
	margin-bottom: 11px;
}

#about h5 {
	font-size: 105%;
	font-weight: bold;
	color: #66CC33;
}

#about .layout{
	width: 650px;
	margin-bottom: 45px;
}

#about .layout .pics{
	width: 139px;
	float: left;
}

#about .layout .desc{
	width: 486px;
	float: right;
}

#about #contents .source{
	font-size:85%;
}

#about .layoutWrapp{
	margin: 0px 10px;
}
#about .layoutWrapp02{
	width: 630px;
	margin: 30px 10px 0px;
	background: url(../common/dotL.gif) repeat-x left top;
}
#about .layoutWrapp p {
	margin-bottom: 1.8em;
}
#about .layoutWrapp p.noStyle {
	margin-bottom: 0;
}

#about .layoutWrapp .fstLine {
	margin-bottom: 0;
}

#about .subject {
	margin: 0.5em 0px;
	zoom: 1;
}

#about .subject:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}

#about .subject li {
	width: 200px;
	margin-bottom: 0.2em;
	padding-left: 10px;
	background: url(../about/img/marcker01.jpg) no-repeat left;
	float: left;
}

#about .group {
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

#about .group th {
	padding: 3px;
	background: #ABE4F8;
	text-align: center;
	border: 1px solid #CCC;
}

#about .group td {
	padding: 8px 5px;
	border: 1px solid #CCC;
}

#about .group .city {
	background: #FDF780;
	text-align: center;
}

#about .group .tel {
	text-align: center;
}

#about h4.sub-check {
	margin: 0;
}

#about .guidance {
	width: 628px;
	margin: 0;
	padding-bottom: 23px;
	background: #F0F0F0 url(../about/img/bg_guidance.jpg) no-repeat top left;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#about .guidance p {
	width: 366px;
	margin: 16px 10px 0px 0px;
	text-align: right;
	float: left;
}
#about .guidance .btn {
	float: left;
}

#about .layoutWrapp p.catch {
	margin-bottom: 0.8em;
}
#about .layoutWrapp .bold {
	color: #FF4A4A;
	font-size: 110%;
}

#about dl.j-pec {
	margin: -1.0em 0px 1.6em;
	padding: 10px;
	border: 2px solid #E6E6E6;

}
#about dl.j-pec dt {
	float: left;
	width: 14em;
	padding-top: 1.6em;
	text-align: center;
	font-weight: bold;
}
#about dl.j-pec dd {
	margin-left: 14em;
	padding-left: 15px;
	border-left: 2px solid #E6E6E6;
}
div.taiyoseikatsu {
	width: 596px;
	margin: 20px 0px 0px;
	padding: 15px;
	border: 3px solid #C7ECFA;
	background: #C7ECFA;
	text-align: center;
}
div.taiyoseikatsu p {
	margin-bottom: 0.5em;
	color: #12A0D0;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}

p.end {
	margin-bottom:300px;
	padding:0px 0px 40px 43px;
	color:#FF6266;
	font-size:120%;
	font-weight:bold;
}


ul.listIndent li{
	text-indent:-1em;
    padding-left:1em;
}




/**************************************************
オール電化のススメ
 **************************************************/
#about #alld{
	width:630px;
	margin:0 auto;
}

#about #alldDesc{
	padding: 15px 0px 35px 258px;
	background: url(../about/img/allImg03.jpg) no-repeat left top;
}

#about #alldMaker{
	background: #C8EAF4 url(../about/img/allLink_b.gif) no-repeat center bottom;
	padding-bottom: 12px;
	width: 630px;
}

#about #alldMaker h5{
	background: url(../about/img/allLink_t.gif) no-repeat center top;
	padding: 13px 0px 5px 30px;
}

#about #alldMaker dl{
	margin-left: 30px;
}

#about #alldMaker dt{
	float: left;
	clear: left;
	background: url(../about/img/allbullet.gif) no-repeat left center;
	padding: 3px 0px 2px 16px;
	font-weight: bold;
}

#about #alldMaker dd{
	padding: 0px 0px 5px 13.5em;
}

#about #alldMaker dd a{
	background: url(../common/iconLink.jpg) no-repeat right;
	padding-right: 20px;
}

#about #alldMaker dd a:link,
#about #alldMaker dd a:visited,
#about #alldMaker dd a:hover,
#about #alldMaker dd a:active {
	color: #1AA3D1;
}



/**************************************************
発電量チェック
 **************************************************/
h4.check {
	padding: 0px 10px 11px;
}
#about .lead {
	width: 586px;
	margin: 0px auto 20px;
	padding: 15px 20px;
	background: #FFE6CA;
	border: 2px solid #FF6600;
	font-size: 110%;
	letter-spacing: -0.05em;
}
#about .lead span {
	font-weight: bold;
}
#about .leadError {
	width: 586px;
	margin: 0px auto 20px;
	padding: 15px 20px;
	background: #FFDAD2;
	border: 2px solid #FF3300;
}
#about .leadError ul li {
	margin-bottom: 5px;
	padding: 2px 0px 2px 25px;
	background: url(../about/img/ico_error.gif) no-repeat left;
	font-weight: bold;
}
#about .wrapper-prefectural {
	width: 630px;
	margin: 0px 0px 30px;
	padding-bottom: 12px;
	background: url(../about/img/bg_prefectural_bottom.jpg) no-repeat bottom;
}
#about .prefectural {
	width: 600px;
	padding: 12px 15px 0px;
	background: #E8E8E8 url(../about/img/bg_prefectural_top.jpg) no-repeat top;
}
#about .prefectural .inner {
	width: 382px;
	padding-left: 218px;
	background: url(../about/img/kyushu.jpg) no-repeat left;
}
#about .prefectural .inner dl dt {
	width: 160px;
}
#about .prefectural .inner dl dd {
	width: 6em;
	margin-top: 8px;
	padding-left: 15px;
	float: left;
}

/*-- fukuoka --*/
#about dl.fukuoka {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #FFE6CA;
	border: 2px solid #FF8700;
	zoom: 1;
	overflow: hidden;
}
#about dl.fukuoka dt {
	float: left;
}

/*-- saga --*/
#about dl.saga {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #F0E0F8;
	border: 2px solid #C17DE1;
	zoom: 1;
	overflow: hidden;
}
#about dl.saga dt {
	float: left;
}
#about dl.saga dd {
	padding-top: 8px;
}

/*-- nagasaki --*/
#about dl.nagasaki {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #CFF4FA;
	border: 2px solid #55D9ED;
	zoom: 1;
	overflow: hidden;
}
#about dl.nagasaki dt {
	float: left;
}

/*-- kumamoto --*/
#about dl.kumamoto {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #FFF1B9;
	border: 2px solid #FFCA00;
	zoom: 1;
	overflow: hidden;
}
#about dl.kumamoto dt {
	float: left;
}

/*-- oita --*/
#about dl.oita {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #DCF1A3;
	border: 2px solid #B2E137;
	zoom: 1;
	overflow: hidden;
}
#about dl.oita dt {
	float: left;
}

/*-- miyazaki --*/
#about dl.miyazaki {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #CAE9F7;
	border: 2px solid #3CADDE;
	zoom: 1;
	overflow: hidden;
}
#about dl.miyazaki dt {
	float: left;
}

/*-- kagoshima --*/
#about dl.kagoshima {
	width: 368px;
	margin-bottom: 1px;
	padding: 3px 5px;
	background: #FFCEE4;
	border: 2px solid #FF7BB7;
	zoom: 1;
	overflow: hidden;
}
#about dl.kagoshima dt {
	float: left;
}


#about .roofSize {
	margin-bottom: 30px;
}
#about .roofSize input {
	margin: 0px 10px 0px 0px;
}
#about .roofSize input.last {
	margin-right: 0px;
}

#about .gradient20 {
	width: 200px;
	margin: 0px 15px 30px 0px;
	padding-top: 173px;
	background: url(../about/img/gradient20.jpg) no-repeat top;
	float: left;
}
#about .gradient30 {
	width: 200px;
	margin: 0px 15px 30px 0px;
	padding-top: 173px;
	background: url(../about/img/gradient30.jpg) no-repeat top;
	float: left;
}
#about .gradient40 {
	width: 200px;
	margin: 0px 0px 30px 0px;
	padding-top: 173px;
	background: url(../about/img/gradient40.jpg) no-repeat top;
	float: left;
}

#about .bearing {
	clear:both;
	width: 630px;
	min-height: 219px;
	_height: 219;
	margin: 0px 0px 30px;
	background: url(../about/img/bg_bearing.jpg) no-repeat center 24px;
}
#about .north {
	width: 630px;
	height: 53px;
	text-align: center;
}
#about .northwest {
	width: 198px;
	height: 90px;
	margin-right: 233px;
	text-align: right;
	float: left;
}
#about .northeast {
	height: 90px;
	float: left;
}
#about .west {
	width: 98px;
	height: 95px;
	margin-right: 430px;
	text-align: right;
	float: left;
}
#about .east {
	height: 95px;
	float: left;
}
#about .southwest {
	width: 198px;
	height: 65px;
	margin-right: 233px;
	text-align: right;
	float: left;
}
#about .southeast {
	height: 65px;
	float: left;
}
#about .south {
	width: 630px;
	text-align: center;
}



/**************************************************
発電量チェック結果
 **************************************************/
#about .wrapper-results {
	width: 630px;
	margin-bottom: 20px;
	padding-bottom: 12px;
	background: #FFE1CE url(../about/img/resultsWrapp_bottom.jpg) no-repeat bottom;
}
#about .results {
	width: 630px;
	padding-top: 12px;
	background: #FFE1CE url(../about/img/resultsWrapp_top.jpg) no-repeat top;
}
#about .results h4 {
	width: 600px;
	margin: 15px 15px 20px;
}
#about .terms {
	width: 600px;
	margin: 0px 15px 15px;
	padding-bottom: 10px;
	background: #FFF url(../about/img/resultsBlock01_bottom.jpg) no-repeat bottom;
}
#about .terms dl {
	width: 550px;
	padding: 10px 25px 0px;
	background: #FFF url(../about/img/resultsBlock01_top.jpg) no-repeat top;
	font-weight: bold;
}
#about .terms dl dt, #about .terms dl dd {
	font-size: 110%;
}
#about .terms dl dd {
	width: 275px;
	float: left;
	color: #FF6600;
}
#about .terms dl dd span {
	width: 8em;
	color: #333333;
	display: block;
	float: left;
}
#about .wrapper-numerical {
	width: 600px;
	margin: 0px 15px 10px;
	padding-bottom: 10px;
	background: url(../about/img/resultsBlock02_bottom.jpg) no-repeat bottom;
}
#about .numerical {
	width: 600px;
	background: url(../about/img/bg_numerical.jpg) repeat-y;
}
#about .numerical dl {
	padding: 30px 30px 10px 105px;
	background: url(../about/img/resultsBlock02_top.jpg) no-repeat top;
}
#about .numerical dl dt {
	margin: 0.5em 25px 0px 0px;
	float: left;
}
#about .numerical dl dd {
	color: #FFF;
	font-size: 500%;
	font-weight: bold;
	line-height: 80%;
}
#about .numerical dl dd span {
	margin-left: 10px;
	font-size: 50%;
}
#about .wrapper-eco, #about .wrapper-economic {
	width: 618px;
	margin: 0px 6px 15px;
	padding-bottom: 10px;
	background: #FFF url(../about/img/bg_effect_bottom.jpg) repeat-y;
}
#about .eco, #about .economic {
	width: 592px;
	padding-right: 26px;
	background: url(../about/img/bg_effect_top.jpg) no-repeat top;
}
#about .eco h5, #about .economic h5 {
	width: 157px;
	margin-right: 20px;
	float: left;
}
#about .block {
	width: 414px;
	margin: 22px 0px 0px;
	float: left;
}
#about .block ul {
	padding-top: 13px;
	background: url(../about/img/bg_notice_top.jpg) no-repeat top;
}
#about .block ul li {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}
#about .block ul li.tit {
	margin: 0px 10px 0.3em;
	background: #FFCC99;
	font-size: 100%;
}
#about .block ul li.last {
	padding-bottom: 13px;
	background: url(../about/img/bg_notice_bottom.jpg) no-repeat bottom;
}
#about .block ul li em {
	font-style: normal;
	color: #FF6600;
}
#about .block p.terms {
	width: 414px;
	margin: 0;
	padding-bottom: 25px;
	background: url(../about/img/arrow01.jpg) no-repeat bottom;
}
#about .block p.note {
	margin-top: 5px;
	background: none;
	color: #999;
	font-size: 85%;
	line-height: 130%;
}
#about #toCalc {
	width: 560px;
	padding: 15px 34px;
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#about #toCalc ul {
}
#about #toCalc ul li {
	float: left;
	line-height: 0.1em;
}
#about #toCalc ul li.official {
	margin-left: 20px;
}



/**************************************************
エコ・アクション・ポイント
 **************************************************/
#about #eap{
	width: 630px;
	margin: 0 auto;
}

#about #eap h5{
	background: url(../about/img/eapBg_t.gif) no-repeat center top;
	padding: 15px 0px 25px 34px;
	width: 596px;
}

#about #eap ul.point {
	clear:both;
	zoom: 1;
}

#about #eap ul.point:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}

#about #eap li{
	float: left;
}

#about #eap #present{
	clear:both;
	width: 630px;
	background: url(../about/img/eapBg_b.gif) no-repeat center bottom;
	margin-top: 10px;
	padding-bottom: 10px;
}

#about #eap #present .btn{
	clear: both;
	width: 174px;
	padding: 20px 13px 0px 443px;
}

#about #eap #item{
	padding: 0px 0px 0px 18px;
}



/**************************************************
簡易見積
 **************************************************/
#about #formArea{
	width: 630px;
	margin: 0px auto;
}
#about #formArea #ssl{
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 12px 20px;
	width: 588px;
	margin: 12px 0px;
}

#about #formArea #ssl dl{
	float: left;
	width: 390px;
}

#about #formArea #ssl p{
	float: right;
}

#about #formArea #ssl dt{
	font-weight: bold;
	font-size: 115%;
}

#about #formArea #ssl dd{
	color: #666666;
}
#about table.form{
	width: 630px;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#about table.form th,
#about table.form td{
	text-align: left;
	padding: 8px 10px;
	vertical-align: top;
}

#about table.form td{
	width:423px;
}

#about table.form th{
	width:165px;
	white-space:nowrap;
}

#about table.form th.opinion{
	width:608px;
}

#about table.form th .must{
	color:#CC0000;
}

#about table.form th .mustT{
	color:#CC0000;
	font-weight: normal;
	font-size: 75%;
	padding-left: 5px;
}

#about table.form td .eg{
	color: #666666;
	font-size: 85%;
}
#about table.form td select {
	width: 200px;
}
#about #formArea #agree{
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 13px 9px;
	width: 610px;
	margin: 12px 0px;
}
#about #formArea #agree ul{
	width: 418px;
	margin: 0 auto;
	zoom: 1;
}
#about #formArea #agree ul:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}
#about #formArea #agree ul li{
	width: 191px;
	float: left;
}

#about #formArea #agree li#send{
	float: right;
}
#about #formArea #agree p{
	text-align: center;
	margin-bottom: 9px;
}
#about .caption {
	width: 598px;
	margin: 15px auto;
	padding: 10px 15px;
	background: #FFE8D9;
	border: 1px solid #FF6600;
}

/* 確認画面 */
#about #formArea #confirm{
	background: #F0F0F0;
	border: 2px solid #CCCCCC;
	padding: 10px;
	width: 606px;
	margin-bottom: 20px;
}

#about table.form .decide{
	color: #0099CC;
}

/* エラー画面 */
#about #formArea #error{
	background: #FFE1E1 url(../other/img/iconError.jpg) no-repeat 10px 10px;
	border: 2px solid #FF6F6F;
	padding: 10px 10px 10px 50px;
	width: 576px;
	margin-bottom: 20px;
}

#about #formArea #error p{
	color:#CC0000;
	font-weight:bold;
}

/* 完了画面 */
#about #formArea #thanks{
	background: #F0F0F0;
	border: 1px solid #CCCCCC;
	padding: 12px 20px 7px;
	width: 588px;
	margin: 12px 0px;
}


/**************************************************
価格について
 **************************************************/
p.checkPoint {
	margin-bottom: 0.5em !important;
}
ul.checkPoint li {
	float: left;
	margin: 0px 7px 7px 0px;
}
ul.checkPoint li.return {
	margin-right: 0px;
}
dl.case {
	width: 315px;
	min-height: 190px;
	_height: 190px;
	margin-bottom: 15px;
	padding: 20px 294px 20px 15px;
	border: 3px solid #C7ECFA;
	zoom:1;
}
dl.case:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both; 
}
dl.case dt {
	margin-bottom: 5px;
}
dl.case dd {
	font-size: 110%;
	font-weight: bold;
}
dl.case dd span {
	color: #0099CC;
}
dl.case dd.price {
	margin-top: 10px;
	padding: 12px;
	background: #C7ECFA;
	text-align: center;
}

dl.A {
	background: url(../about/img/img05.jpg) no-repeat right top;
}
dl.B {
	background: url(../about/img/img06.jpg) no-repeat right top;
}
dl.C {
	background: url(../about/img/img07.jpg) no-repeat right top;
}