@charset "utf-8";















/*========================







グリーン電力証書（そらべあ）







========================*/















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







常にインクルードするCSS







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







@import "reset.css";







@import "base.css";







@import "inner.css";















/*サイドメニュー（そらべあ専用）*/











#Area_side #menu{



width:192px;



min-height:100%;



background-color:#c4e7fb;



border:solid 1px #CCCCCC;



margin:0px auto 10px;



}











#Area_side #menu ul.menu_sora {



  width:184px; 



  display: block;



  margin:3px auto;



  padding:0px;



  background-color:#ffffff;



  border:solid 1px #CCCCCC;



	}



	



	



#Area_side #menu ul.menu_sora li {



  width:182px; 



	min-height:100%;



	list-style:none;



  margin:0px;



  padding:0px;







	}



	



	



/*IE6*/







* html #Area_side #menu ul.menu_sora li {







	display:block;







	margin:0px 0px -3px;







	padding:0px;







	}















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



インデックスタイトル



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







#tit_index  h3{



	width:620px;



  height:130px;



  margin:0px;



  padding:0px;



	}



	



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



表組



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







.result{



	width:595px;



  margin:10px auto;



  padding:0px;



	}







table{



width:560px;



}







table td{



padding:5px 10px;



}







td.back{



background-color:#efefef;



}


table.certification{ width:600px; margin:25px auto 10px; border-collapse:collapse; border-spacing:0;}
table.certification th{ border:1px solid #666666; background:#EBEBEB; text-align:center;}
table.certification td{ border:1px solid #666666;}
table.certification td.power{ text-align:right;}

ul.issue{ margin-left:25px;}
ul.issue li{ margin:0 0 15px 0;}



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



コメント



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







.comment {



  width:575px;



  margin:10px auto;



	padding:10px;



	border:solid 1px #cccccc;



	background:#F4F0E7;



	}



	



	



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



よくあるご質問



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







h6.faq{



  width:620px;



	height:44px;



  margin:10px auto 10px;



	text-indent:50px;



  background: url(../sorabear/img/faq_tit.jpg) no-repeat center;



  font-size:122%;



	font-weight:bold;



  color:#333333;



  line-height:250%;



  display:block;



	}







dl.faq {  



   width:590px;



  margin:10px auto 10px;



   }  



dt {  



   float:left;  



   width:60px;



  } 



	 



dd {



   float:right; 



   width:530px;  



  }  



	



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



サブタイトル



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







h4 {



	width:620px;



	height:44px;



  margin:10px auto 10px;



	text-indent:10px;



  background: url(../img/h4_tit.jpg) no-repeat center;



  font-size:122%;



	font-weight:bold;



  color:#333333;



  line-height:270%;



  display:block;



	}



	



		



.blue_tit{



 font-size:110%; 



 font-weight:bold; 



 margin:2% auto; 



 border-left:#000099 5px solid;



 border-bottom:#000099 dotted 1px;



 text-indent:10px;



	}



	



	



h5 {



	width:620px;



	height:44px;



  margin:10px auto 10px;



	text-indent:10px;



  background: url(../img/h5_tit.jpg) no-repeat center;



  font-size:122%;



	font-weight:bold;



  color:#333333;



  line-height:270%;



  display:block;



	}







h6{



	font-size:100%;



	font-weight:bold;



	margin:2em auto;



	padding-bottom:0.5em;



	padding-left:0.5em;



	background-image:url(../quality/img/explanation_subtitle.jpg);



	background-repeat:no-repeat;



	background-position:bottom;



	}



	











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



お問い合わせ



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







.inquiry{



width:600px;



margin:0 auto;



}







.inquiry table{



	width:100%;



	margin-bottom:20px;



	border-top:1px solid #ccc;



	border-right:1px solid #ccc;



}







.inquiry td,th{



	color:#464646;



	padding:5px 10px;



	vertical-align:top;;



	border-left:1px solid #ccc;



	border-bottom:1px solid #ccc;



}







.inquiry table th{



	font-weight:normal;



	text-align:left;



	line-height:1.2;



	padding:7px 15px;



	background:#EEE;



}







.inquiry table th span{



	font-size:10px;



}







.form_button{ 



width:300px;



margin:0 auto;



margin-top:2%;



}







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



電力証書の仕組み



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







#decimal2{



width:570px;



margin:0 auto;



}











ul.decimal{



  width:100%; 



	list-style-position: outside;



	padding-left:25px;



	



	}



	







ul.decimal li{







	list-style-position: outside;



	list-style-type:decimal;



	padding:5px;



	}



	



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



電力証書とは？



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



	



	



dl.about {  



   width:570px;



  margin:3px auto 3px;



   }  



dt.about {  



   float:left;  



   width:350px;



  } 



	 



dd.about {



   float:right; 



   width:220px;  



  }  



  



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



活用事例



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











.photo{ width:595px; text-align:right; margin:auto;}



.photo img{}	





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

テキストボックス

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



.textbox {

 

  width:90%;



	}