@charset"UTF-8"
*{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin:0;
	padding:0;
}

a ,a;hover{
	text-decoration:none;
	}
	


/*ecokit_list領域　開始*/
#main .e_ecokit {
	display:block;
	float:right;
	width:204px;
	height:140px;
}
/*--- clearfix */
.e_ecokit:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* WinIE7 only */
*:first-child+html .e_ecokit{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .e_ecokit{
  height:1%;
  overflow:hidden;/*DW*/
}
/**/

/* MacIE only */
/*\*//*/
.e_ecokit{
  display:inline-table;
}
/**/

#main .e_ecokit li{
	float:left;
}
#main .e_ecokit li a{
	text-indent: -10000px;
	width:64px;
	height:64px;
	display:block;
}

.e_ecokit01{
	margin:0 5px 7px 0;
	background:url(../images/eco/e_ecokit_img1.gif) 0 0 no-repeat;
}
.e_ecokit02{
	margin:0 5px 7px 0;
	background:url(../images/eco/e_ecokit_img2.gif) 0 0 no-repeat;
}
.e_ecokit03{
	margin:0 0 7px;
	background:url(../images/eco/e_ecokit_img3.gif) 0 0 no-repeat;
}
.e_ecokit04{
	margin:0 5px 7px 0;
	background:url(../images/eco/e_ecokit_img4.gif) 0 0 no-repeat;
}
.e_ecokit05{
	margin:0 5px 7px 0;
	background:url(../images/eco/e_ecokit_img5.gif) 0 0 no-repeat;
}
.e_ecokit06{
	margin:0 0 7px;
	background:url(../images/eco/e_ecokit_img6.gif) 0 0 no-repeat;
}

/*ecokit_list領域　終了*/

/*取扱商品領域 終了*/



/* 太陽光発電 領域 開始 */
#main .title_ecolony01 {
	width: 500px;
	background:url(../images/eco/e_about05.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin:0 0 15px 0; 
	clear:both;

}
#main .index_title_ecolony {
	background:	url(../images/eco/e_about1.gif) 0 0 no-repeat;
	text-indent: -10000px;
	margin: 15px 0 15px;
	height: 27px;
	width: 500px;
	clear:both;
}
#main .title_method {
	width: 500px;
	background: url(../images/common/method_title.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin: 0 0 15px;
	clear:both;
}
#main .caption02 {
	line-height: 1.4em;
	letter-spacing: 1px;
	padding:0 10px 0 0;
}
#main .caption03 {
	line-height: 1.4em;
	letter-spacing: 1px;
	padding:10px 10px 0 0;
}
#main .caption04 {
	line-height: 1.4em;
	letter-spacing: 1px;
	padding:0 10px 0 0;
	width: 490px;
}
/* 工法紹介 領域 終了 */

/*基礎知識領域　開始*/
#main .title_ecolony {
	background: url(../images/eco/e_about1.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 27px;
	width: 500px;
	clear:both;
}

#main .title_knowledge {
	background: url(../images/eco/e_about2.gif) 0 0 no-repeat;
	text-indent: -10000px;
	margin: 20px 0 15px;
	width: 500px;
	height: 27px;
	clear:both;
}
#main .title_saving {
	background: url(../images/eco/e_about3.gif) 0 0 no-repeat;
	text-indent: -10000px;
	margin: 20px 0 15px;
	height: 27px;
	width: 500px;
	clear:both;
}
#example {
	background: url(../images/common/dot_exbg_3_1.gif) repeat-y left top;
	width: 500px;
}
#example .img_ex01 {
	float: left;
}
#example .box_ex01 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	width: 240px;
	margin: 15px 0 0;
	padding: 0 0 15px 0;
	float: left;
}
#example .box_ex02 {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	margin: 15px 0 0;
	padding: 0 0 15px 20px;
	width: 240px;
	float: left;
}
#example .box_ex03 {
	margin: 77px 0 0 8px;
	float: left;
}
/*基礎知識領域　終了*/

/*about領域　開始*/

#main .caption_ecokit {
	text-indent: -10000px;
	height: 32px;
	width: 110px;
	background: url(../images/eco/about01.gif) no-repeat 0 0;
}
#main .caption_ecolony {
	text-indent: -10000px;
	height: 32px;
	width: 110px;
	background: url(../images/eco/about02.gif) no-repeat 0 0;
}
/*about領域　終了*/


/*saving領域　開始*/
#main .e_saving {
	display:block;
	float:right;
	width:202px;
	height:64px;
}
.e_saving{
    zoom:1;/*for IE 5.5-7*/
	 overflow:hidden;/*Dw*/
}
.e_saving:after {/*for modern browser*/
    content:".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}
#main .e_saving li{
float:left;
}
#main .e_saving li a{
	text-indent: -10000px;
	width:64px;
	height:64px;
	display:block;
}

.e_saving01{
	margin:0 5px 7px 0;
	background:url(../images/eco/e_saving_img1.gif) 0 0 no-repeat;
}
.e_saving02{
	margin:0 5px 7px 0;
	background:url(../images/eco/e_saving_img2.gif) 0 0 no-repeat;
}
.e_saving03{
	margin:0 0px 7px 0;
	background:url(../images/eco/e_saving_img3.gif) 0 0 no-repeat;
}

/*saving領域　終了*/

/*ecokit 開始*/
#tile_ecokit_title01 {
	background:url(../images/eco/tp_ecokit.gif) no-repeat left top;
	text-indent: -10000px;
	margin:0 0 15px ;
	width: 97px;
	height: 32px;
	display: block;
}
#main .p_caption01 {
	font-size: 15px;
	line-height: 1.4em;
	color: #1e6fbc;
	margin: 15px 0 0;
	font-weight: bold;
	width: 500px;
}


#main .ecokit_img {
	margin: 15px 0 0 65px;
	display:block;
}
#main .ecokit_line_dot {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	padding:0 0 16px;
}
#main .ecokit_structure_img2{
	margin: 15px 0 0;
}

#main .ecokit_title {
	width: 500px;
	background:url(../images/eco/e_about4.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin: 0 0 15px;
	clear: both;
}
/*ecokit 終了*/
/*太陽光発電　開始*/

#tile_ecolony_title01 {
	background:	url(../images/eco/tp_ecolony.gif) no-repeat left top;
	text-indent: -10000px;
	margin:0 0 15px ;
	width: 97px;
	height: 32px;
	display: block;
}
#main .img_item_all {
	float: left;
	margin: 15px 0 0;
}
#main .img_item_icon {
	float: left;
	margin: 117px 0 0 20px;
}
#main .img_item_simple {
	margin: 115px 0 0 16px;
}
/*太陽光発電アイコン　開始*/


#ul_icon01 {
	list-style-type: none;
	width: 161px;
	height: 130px;
	display: inline;
}
#ul_icon01 li {
	display: block;
	float: left;
}
#ul_icon01 .icon_goodddessign1 {
	background:	url(../images/eco/icon_gooddesign2.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 15px 0 0 20px;
	height: 60px;
	width: 161px;
}
#ul_icon01 .icon_sun_system {
	background:	url(../images/eco/icon_sun_system.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 20px 0 0 20px;
	height: 60px;
	width: 161px;

}
#main .ecolony_title {
	width: 500px;
	background:	url(../images/eco/e_about06.gif) no-repeat left top;
	text-indent: -10000px;
	height: 27px;
	margin: 0 0 15px;
	clear: both;
}
#main .ecolony_img {
	margin: 0 0 0 65px;
}
/*太陽光発電アイコン　終了*/
/*太陽光発電　終了*/

/*基礎知識　開始*/
#main .title_knowledeg{
	width: 500px;
	background: url(../images/eco/e_about09.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin:0 0 15px 0; 
}
#main .what_eco_box{
	display:block;
	float:left;
	width:500px;
	height:84px;
	margin: 0 0 15px;
}
#main .title_ecohouse{
	float:right;
	width:416px;
}
#main .title_eco_what{
	background:url(../images/eco/know_eco_title.gif) no-repeat top left;
	height:22px;
	padding-bottom:4px;
	border-bottom:#390 3px solid;
	text-indent:-10000px;
}
#main .title_eco_what_p{
	padding:5px 10px 0;
	line-height:1.4em;
	letter-spacing:1px;
}
#main .eco_what_img{
float:left;
}
#main .title_ecohouse_about{
	width: 500px;
	height: 27px;
	background:url(../images/eco/e_about07.gif) no-repeat top left;
	text-indent: -10000px;
	margin:0 0 15px;
	clear: both;
}

/*dlタグ ecoハウス　５箇条　開始*/
#title_ecohouse_main_box{
	width:500px;
	position: relative;
	height: 275px;
}
#title_ecohouse_main_box dt{
	width:150px;
	display:block;/*
margin:0 25px 0 0;*/
}
#title_ecohouse_main_box dd{
	width:150px;
	display:block;
}
#ecohouse5_00_t{
	height:53px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_00_t.gif);
}
#ecohouse5_00_d{
	height:62px;
	line-height:1.4;
	letter-spacing:1px;
	padding: 15px 0 0;
}

#ecohouse5_01_t{
	height:25px;
	text-indent:-10000px;
	background: url(../images/eco/ecohouse5_01_t.gif) no-repeat 0 0;
	position: absolute;
	left: 175px;
	top: 0;
}
#ecohouse5_01_d{
	height:105px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_01_d.gif) 0 0 no-repeat;
	position: absolute;
	left: 175px;
	top: 25px;
}
#ecohouse5_02_t{
	height:25px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_02_t.gif) 0 0 no-repeat;
	position: absolute;
	left: 350px;
	top: 0;
}
#ecohouse5_02_d{
	height:105px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_02_d.gif) 0 0 no-repeat;
	position: absolute;
	left: 350px;
	top: 25px;
}
#ecohouse5_03_t{
	height:25px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_03_t.gif) 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 145px;
}
#ecohouse5_03_d{
	height:105px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_03_d.gif) 0 0 no-repeat;
	position: absolute;
	left: 0;
	top: 170px;
}
#ecohouse5_04_t{
	height:25px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_04_t.gif) 0 0 no-repeat;
	position: absolute;
	left: 175px;
	top: 145px;
}
#ecohouse5_04_d{
	height:105px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_04_d.gif) 0 0 no-repeat;
	position: absolute;
	left: 175px;
	top: 170px;
}
#ecohouse5_05_t{
	height:25px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_05_t.gif) 0 0 no-repeat;
	position: absolute;
	left: 350px;
	top: 145px;
}
#ecohouse5_05_d{
	height:105px;
	text-indent:-10000px;
	background:url(../images/eco/ecohouse5_05_d.gif) 0 0 no-repeat;
	position: absolute;
	left: 350px;
	top: 170px;
}


/*dlタグ ecoハウス　５箇条　終了*/

#main .title_ecohouse_about1{
	width: 500px;
	height: 27px;
	background:	url(../images/eco/e_about08.gif) no-repeat top left;
	text-indent: -1000px;
	clear: both;
}
#main .tp_savinge_co_title {
	background:	url(../images/eco/knowledge_saving_title.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 84px;
	margin: 15px 0 0;
	;
}
#main .tp_natural_co_title {
	background:	url(../images/eco/knowledge_natural_title.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 94px;
	margin: 15px 0 0;
	clear: both;
}
#main .tp_roof_co_title {
	background:
	url(../images/eco/knowledge_rooftop_title.gif) no-repeat left top;
	text-indent: -10000px;
	height: 32px;
	width: 214px;
	margin: 15px 0 0;
	clear: both;
}
.ecoreform_titles {
	font-size:12px;
	letter-spacing:1px;
	line-height:1.4;
	margin:15px 0 0;
}
.ecoreform_titles01 {
	font-size:12px;
	line-height:1.4;
	margin:15px 0 0;
}


.knowledge_dot {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	width:500px;
	clear:both;
	float:left;
	display:block;
	margin: 0 0 15px;
}
/*--- clearfix */
.knowledge_dot:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* WinIE7 only */
*:first-child+html .knowledge_dot{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .knowledge_dot{
  height:1%;
  overflow:hidden;/*DW*/
}
/**/

/* MacIE only */
/*\*//*/
.knowledge_dot{
  display:inline-table;
}
/**/

#ul_icon01,
#ul_icon02,
#ul_icon03 {
	list-style-type: none;
	width: 500px;
	height: 170px;
	display: inline;
	clear: both;
}
#ul_icon01 li,
#ul_icon02 li,
#ul_icon03 li {
	display: block;
	float: left;
}
#ul_icon01 .eco_sav01 {
	background:	url(../images/eco/eco_sav01.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon01 .eco_sav02 {
	background:	url(../images/eco/eco_sav02.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon01 .eco_sav03 {
	background:	url(../images/eco/eco_sav03.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon01 .eco_sav04 {
	background:	url(../images/eco/eco_sav04.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon01 .eco_sav05 {
	background:	url(../images/eco/eco_sav05.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon01 .eco_sav06 {
	background:	url(../images/eco/eco_sav06.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural01 {
	background:	url(../images/eco/knowledge_natural01.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural02 {
	background:	url(../images/eco/knowledge_natural02.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural03 {
	background:	url(../images/eco/knowledge_natural03.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural04 {
	background:	url(../images/eco/knowledge_natural04.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural05 {
	background:	url(../images/eco/knowledge_natural05.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural06 {
	background:	url(../images/eco/knowledge_natural06.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural07 {
	background:	url(../images/eco/knowledge_natural07.gif) no-repeat left top;
	text-indent: -10000px;
	height: 80px;
	width: 80px;
}
#ul_icon02 .knowledge_natural08 {
	background:	url(../images/eco/knowledge_natural08.gif) no-repeat left top;
	text-indent: -10000px;
	height: 80px;
	width: 80px;
}
#ul_icon03 .knowledge_rooftop01 {
	background:	url(../images/eco/knowledge_rooftop01.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon03 .knowledge_rooftop02 {
	background:	url(../images/eco/knowledge_rooftop02.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon03 .knowledge_rooftop03 {
	background:	url(../images/eco/knowledge_rooftop03.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon03 .knowledge_rooftop04 {
	background:	url(../images/eco/knowledge_rooftop04.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon03 .knowledge_rooftop05 {
	background:	url(../images/eco/knowledge_rooftop05.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
#ul_icon03 .knowledge_rooftop06 {
	background:	url(../images/eco/knowledge_rooftop06.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 10px 0 0;
	height: 80px;
	width: 80px;
}
.keisoud_span1{
float:left;
margin:0 5px 0 0;
vertical-align:middle;
text-align:center;
line-height:1.4;
width:46px;
height:16px;
background:#930;
color:#fff;
display:block;
}
.keisoud_span2{
display:block;
width:150px;
height:16px;
line-height:1.4;
color:#930;
margin:10px 0 0;
background:#fff;
}
.color_natural{
	margin:10px 0 0;
	display:block;
	letter-spacing:1px;
	line-height:1.4;
	color:#930;
	background:#fff;
	display:block;
	clear: both;
}
/*基礎知識　終了*/
/*省エネと光熱費削減のススメ　開始*/
#main .index_title_saving {
	background:url(../images/eco/e_about010.gif) 0 0 no-repeat;
	text-indent: -10000px;
	margin: 0px 0 15px;
	height: 27px;
	width: 500px;
}
#main .p_caption02 {
	font-size: 12px;
	line-height: 1.4em;
	letter-spacing:1px;
	margin: 15px 0 0;
	width: 500px;
}
#main .p_caption03 {
	font-size: 12px;
	line-height: 1.4em;
	margin: 15px 0 0;
	width: 500px;
}
#main .saving_img_all{
	margin:15px 0 0;
}
#main .saving_attention01{
	margin:5px 0 0;
	line-height:1.4;
	font-size:11px;
}
#main .saving_attention02{
	margin:20px 0 0;
	line-height:1.4;
	font-size:11px;
}

/*省エネと光熱費削減のススメ　終了*/