@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------- CSS Information
 File Name:      second.css
 Author:         Saito
 Style Info:     second Setting in the Site
 Date:			 20100201
----------------------------------------------------------- */

/* Style Setting
============================================================================== */


/* txt setting
------------------------------------------------------------------*/
strong{
	font-size:115%;
	color:#63a030;
	line-height:200%;
}

em{
	font-size:110%;
	line-height:200%;
	color:#128B31;
	font-style:normal;
}


p small{
	font-size:90%;
	line-height:180%;
}

.red{
	color:#CC0000;
}

.grey{
	color:#999999;
}

.green{
	color: #63a030;
}

.txt_right{
	text-align:right;
}

.txt_center{
	text-align:center;
}

.txt_left{
	text-align:left;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}


.maleft1em{
	margin-left:1em;
}

.mabottom1em{
	margin:0 0 1em 0;
}


/* 見出しの設定
------------------------------------------------------------------*/

h2 {
	clear:both;
	margin: 0;
}


h3{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	clear: both;
	padding-top: 20px;
}


h4{
	clear:both;
}

h6{
	color:#333333;
	font-weight:normal;
}

	
/* etc Setting
============================================================================== */


/*トップに戻るボタンの設定
--------------------------------*/
	
ul.button_topofpage{
	float:right;
	list-style:none;
	margin:0;
	padding-top:20px;
}

ul.button_topofpage li {
	float:right;
	padding:0;
	width:130px;
	height:13px;
}
	
ul.button_topofpage li a{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
	width: 130px; 	/* for Win IE6 */
	height:13px;
	display: block;  
	text-indent: -9999px;  
	text-decoration: none;
/*	outline:none;*/
}

ul.button_topofpage li a:link, ul.button_topofpage li a:visited{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


ul.button_topofpage li a:hover, ul.button_topofpage li a:active{
	background-image:url(../images/common/button_topback.gif);
	background-repeat:no-repeat;
	background-position:0 -13px;
}


/*画像を右側によせる設定
--------------------------------*/

.float_object{
	float:left;	
	width:auto;
	height:auto;
	padding:0 2em 0 0;
	line-height:0;	/*プロパティの値を無効にする*/
}



/* 各ページの設定
============================================================================== */


/* index.html
------------------------------------------------------------------*/

#top_flash{
	width:800px;
	height:300px;
	z-index:-1;
	margin:0 0 20px 0;
}

ul#new{
	margin:10px 10px 0 10px;
}

/* IE6 */
*html ul#new{
	padding:0 0 10px 0;
}

#new li {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 5px;
	text-indent: -1em;
	padding-left: 1em;
	line-height:200%;
}

ol#boxTop li{
	float:left;
	margin:0 0 30px 0;
}



/* オール電化　alldenka.html
------------------------------------------------------------------*/
.selist{
	float:right;
	width:220px;
	font-size:90%;
	line-height:160%;
	text-indent:-1em;
}

/* IE6 */
*html .selist{
	float:right;
	font-size:90%;
	line-height:160%;
	text-indent:0em;
}

.seP{
	width:280px;
	float:left;
}


/*太陽光発電のメリットのボタンの設定
--------------------------------*/
	
ul.button_taiyoko{
	clear:both;
	float:right;
	list-style:none;
	margin:0 0 1em 0;
}

ul.button_taiyoko li {
	float:right;
	padding:0;
	width:183px;
	height:19px;
}
	
ul.button_taiyoko li a{
	background-image:url(../images/service/button_se01.gif);
	background-repeat:no-repeat;
	background-position:0 -19px;
	width: 183px; 	/* for Win IE6 */
	height:19px;
	display: block;  
	text-indent: -9999px;  
	text-decoration: none;
/*	outline:none;*/
}

ul.button_taiyoko li a:link, ul.button_taiyoko li a:visited{
	background-image:url(../images/service/button_se01.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


ul.button_taiyoko li a:hover, ul.button_taiyoko li a:active{
	background-image:url(../images/service/button_se01.gif);
	background-repeat:no-repeat;
	background-position:0 -19px;
}



/* 太陽光パネル　solar.html
------------------------------------------------------------------*/
dl.solar_txt {
	padding:0 0 0 1em;
	width:210px;
	float:right;
	line-height:150%;
	font-size:90%;
}

dl.solar {
	margin:0 0 2em 2em;
	padding:0;
	line-height:160%;
}

dl.solar dt {
	width:12em;
	margin:0;
	padding:0;
	float:left;
	font-weight:bold;
	color:#333333;
}

dl.solar dd {
	margin:0 0 0 13em;
	padding:0;
}


ul.systina {
	line-height:150%;
}
 
ul.systina li{
	margin:0 5px 20px 0;
 	width:134px;
	float:left;
}

ul.systina li ul li,li.systina_end ul li{
	margin:0;
	float:none;
}
	
li.systina_end{
	margin:0;
	float:left;
 	width:134px;
}


div.power{
	width:220px;
	float:left;
	padding:0 0 20px 60px;
}

div.power li{
	line-height:150%;
}







/* 安心施工　safe.html　リフォーム reform.html
------------------------------------------------------------------*/

dl#flow01,dl#flow02,dl#flow03,dl#flow04,dl#flow05,dl#flow06,dl#flow07,dl#flow08,dl#re01,dl#re02,dl#re03,dl#re04{
	border: 1px solid #CCCCCC;
	width:275px;
	height:240px;
	margin:0 0 5px 0;
	background-repeat:no-repeat;
}

dl#flow01,dl#flow02,dl#flow03,dl#flow04,dl#flow05,dl#flow06,dl#flow07,dl#flow08{
	height:260px;
	background-position:bottom;
}

dl#re01,dl#re02,dl#re03,dl#re04{
	height:240px;
}

dl#flow01,dl#flow03,dl#flow05,dl#flow07,dl#re01,dl#re03{
	float:left;
}


dl#flow02,dl#flow04,dl#flow06,dl#flow08,dl#re02,dl#re04{
	float:right;
}

dl#flow01{
	background-image:url(../images/service/img_safe01.gif);
}


dl#flow02{
	background-image:url(../images/service/img_safe02.jpg);
}

dl#flow03{
	background-image:url(../images/service/img_safe03.gif);
}

dl#flow04{
	background-image:url(../images/service/img_safe04.gif);
}

dl#flow05{
	background-image:url(../images/service/img_safe05.jpg);
}

dl#flow06{
	background-image:url(../images/service/img_safe06.gif);
}

dl#flow07{
	background-image:url(../images/service/img_safe07.jpg);
	margin:0 0 3em 0;
}

dl#flow08{
	background-image:url(../images/service/img_safe08.gif);
	margin:0 0 3em 0;
}

dl#re01{
	background-image:url(../images/second/img_re01.gif);
}

dl#re02{
	background-image:url(../images/second/img_re02.gif);
}

dl#re03{
	background-image:url(../images/second/img_re03.gif);
	margin:0 0 2em 0;
}

dl#re04{
	background-image:url(../images/second/img_re04.gif);
}


dl#flow01 dd,dl#flow02 dd,dl#flow03 dd,dl#flow04 dd,dl#flow05 dd,dl#flow06 dd,dl#flow07 dd,dl#flow08 dd,dl#re01 dd,dl#re02 dd,dl#re03 dd,dl#re04 dd{
	margin:0 1em 0 1em;
}


/*安心施工のポイントの設定
--------------------------------*/

dl.point,dl.qa{
	margin:1em 0 3em 0;
	line-height:300%;
}

dl.qa{
	margin:1em 0 2em 0;
	width:330px;
	line-height:200%;
}

dl.point dt,dl.qa dt{
	margin:0;
	float:left;
	font-family: verdana;
	font-size:115%;
	color:#63a030;
	font-weight:bold;
}

dl.point dd,dl.qa dd{
	border-bottom: 1px dotted #CCCCCC;
}

dl.point dt{
	width:5em;
}

dl.point dd{
	padding:0 0 0 6em;
}

dl.qa dt{
	width:2em;
}

dl.qa dd{
	padding:0 0 0 3em;
}





/* リフォーム reform.html
------------------------------------------------------------------*/

#table_re{
	width:560px;
	margin:1em 0 3em;
}

#table_re2{
	width:560px;
	clear:both;
}

#table_re th,#table_re2 th{
	text-align:center;
	border: 1px solid #63a030;
	white-space:nowrap;
	padding:0 1em;
}

#table_re td,#table_re2 td{
	border: 1px solid #63a030;
	padding:0.2em 1em;
}

#table_re td.td_point,#table_re2 td.td_point{
	white-space:nowrap;
}



/* 会社概要　company.html
------------------------------------------------------------------*/

table.company{
	width:560px;
	margin:0 0 30px 0;
	line-height:300%;
	border-top: 1px dotted #CCCCCC;
}

table.company th{
	white-space:nowrap;
	padding:0 1em 0 0;
	margin:0;
	text-indent:20px;
	background-image:url(../images/second/sankaku.gif);
	background-repeat:no-repeat;
	background-position:left center;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
}


table.company td.boleft{
	border-right: 1px dotted #CCCCCC;
}

table.company td{
	border-bottom: 1px dotted #CCCCCC;
	padding:0 1em;
	white-space:nowrap;
}



/* form.html
------------------------------------------------------------------*/

.contact{
	float:left;
	white-space:nowrap;
	width:560px;
	margin:0 0 25px 0;
}



.contact dt{
	float:left;
	width:17em;
	padding:1em 0 1em 2em;
	background-image:url(../images/second/sankaku.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}

.contact dd{
	padding:1em 0 1em 17em;
	border-bottom: 1px dotted #CCCCCC;
}


.contact dd#tel{
	background-image:url(../images/second/img_fo01.gif);
	background-repeat:no-repeat;
	background-position:19em center;
	text-indent:-9999px;
}

.contact dd#fax{
	background-image:url(../images/second/img_fo02.gif);
	background-repeat:no-repeat;
	background-position:19em center;
	text-indent:-9999px;
}

/* IE6 */
*html .contact dd#tel{
	background-position:17em center;
}

*html .contact dd#fax{
	background-position:17em center;
}




/*PDFダウンロードボタンの設定*/

li.button_pdf01,li.button_pdf02 {
	float:left;
	margin:0 0 20px 30px;
}

*html li.button_pdf01,*html li.button_pdf02{
	margin:0 0 20px 15px;
}

li.button_pdf01 a,li.button_pdf02 a{
	display:block;
	width:230px;
	height:50px;
	background-position:0 0;
}

li.button_pdf01 a{
	background-image:url(../images/second/button_pdf01On.jpg);
}

li.button_pdf02 a{
	background-image:url(../images/second/button_pdf02On.jpg);
}


li.button_pdf01 a:hover,li.button_pdf02 a:hover {
	background-color:#FFFFFF;	/*for IE6*/
}

li.button_pdf01 a:hover img,li.button_pdf02 a:hover img{
	visibility:hidden;
}


/*Adobe Readerバナーの設定*/

dt.adobe{
	float:left;
	padding:5px 15px 10px 10px;
}
.point {
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#pointkoukan {
	margin-left: 50px;
}
#assistpdf {
	float: right;
	padding-top: 10px;
	width: 230px;
	height: 50px;
}