@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :top.css
	version:1.0
	style info :トップページ用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/


/* top
----------------------------------------------------------------------------- */


#contents p{
text-indent:1em;
margin-bottom:20px;
}


#contents .about_kokoku h2{
background-image:url(../ecohouse/img/t_kokoku.gif);
}

#contents .about_ecohouse h2{
background-image:url(../ecohouse/img/t_ecohouse.gif);
}

#contents .link h2 {
background-image:url(../ecohouse/img/t_link.gif);
}

#contents .inquiry h2 {
background-image:url(../ecohouse/img/t_inquiry.gif);
}

#contents .faq h2 {
background-image:url(../ecohouse/img/t_faq.gif);
}



/* .about_kokoku
----------------------------------------------------------------------------- */

#contents .about_kokoku div {
width:250px;
float:right;
margin-left:20px;
margin-bottom:15px;
font-size:85%;
}

#contents .about_kokoku div a{
text-decoration:none;
}

#contents .about_kokoku li{
background-image:url(../img/icon_list.gif);
background-position:10px;
background-repeat:no-repeat;
padding-left:25px;
}
#contents  dl.katsudo{
background-color:#F0F0F0;
padding:25px 25px 10px;
width:90%;
margin-left:auto;
margin-right:auto;
}
#contents .about_kokoku dt{
font-weight:bold;
margin-bottom:5px;
}

#contents .about_kokoku dd{
margin-bottom:20px;
text-indent:0px;
font-size:90%;
line-height:150%;
}

/* .about_ecohouse
----------------------------------------------------------------------------- */
#contents  .about_ecohouse .katsudo{
background-color:#F0F0F0;
padding:25px 25px 10px;
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
#contents  .about_ecohouse .katsudo h4{
font-size:125%;
margin-bottom:30px;
}
#contents  .about_ecohouse .katsudo h4 span{
font-weight:normal;
font-size:12px;
}
#contents .about_ecohouse dt{
font-weight:bold;
margin-bottom:5px;
}

#contents .about_ecohouse dd{
margin-bottom:20px;
text-indent:0px;
font-size:90%;
line-height:150%;
}

.flow{
margin-bottom:20px;
width:670px;
}
.flow th{
	width:201px;
	height:84px;
	background-repeat:no-repeat;
	background-position:left 10px;
	text-indent:-9999px;
	padding-bottom:20px;
	padding-top:10px;
}

.flow th,
.flow td{
border-bottom-color:#999999;
border-bottom-style:dotted;
border-bottom-width:1px;
}

.flow th.step{
	background-image:url(../ecohouse/img/flow.gif);
	height:27px;
	padding-bottom:10px;
	}
	
	.flow th.check{
	background-image:url(../ecohouse/img/point.gif);
	height:27px;
	width:420px;
	background-position:30px 10px;
	padding-bottom:10px;
	}

.flow th.step1{
	background-image:url(../ecohouse/img/step1.gif);
	}
.flow th.step2{
	background-image:url(../ecohouse/img/step2.gif);
	}
.flow th.step3{
	background-image:url(../ecohouse/img/step3.gif);
	}
.flow th.step4{
	background-image:url(../ecohouse/img/step4.gif);
	}
.flow th.step5{
	background-image:url(../ecohouse/img/step5.gif);
	height:84px;
	}
.flow th.step6{
	background-image:url(../ecohouse/img/step6.gif);
	}
.flow th.step7{
	background-image:url(../ecohouse/img/step7.gif);
	}

.flow td {
padding-bottom:10px;
}

.flow tr.bottom th,
.flow tr.bottom td{
border-bottom:none;
}
	
.flow td ul{
background-color:#E7F4F5;
font-size:85%;
padding:15px;
margin-bottom:10
px;
margin-left:30px;
margin-top:10px;
width:390px;
}

.flow td li{
background-image:url(../img/icon_list.gif);
padding-left:15px;
background-position:left 8px;
background-repeat:no-repeat;
}

#contents .about_ecohouse h5{
margin-top:20px;
margin-bottom:10px;
font-size:90%;
}

.biko{
	border: 1px solid #CCCCCC;
	width:610px;
	padding:20px;
}

.biko p{
font-size:85%;
line-height:150%;
}

/* .report
----------------------------------------------------------------------------- */

#contents .news div{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom:10px;
}

#contents .news div h3{
margin-bottom:3px;
}
#contents.news div h3 a{
color:#009dc4;
clear:both;

text-decoration:none;
}

#contents.news div h3 a:hover{
text-decoration:underline;
color:#33CCFF;
}

#contents .news p{
line-height:150%;
font-size:93%;
}



#contents .news p.tuduki{
font-size:90%;
text-align:right;

}



#contents .news div p.date{
color:#999999;
margin-bottom:5px;
font-size:90%;
border:none;
text-align:left;
}


#contents .news .list img{
float:left;
margin-right:20px;
}



/* .inquiry
----------------------------------------------------------------------------- */
#contents .inquiry table.table_form{
	width:600px;
	margin-left:30px;
	margin-top:40px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	font-size:90%;
}

#contents .inquiry table.table_form th{
	background-color:#E0EFF1;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#contents .inquiry table.table_form td{
padding-left:20px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
		padding-top: 10px;
	padding-bottom: 10px;
}

#contents .inquiry .btn_form{
text-align:center;
margin-top:20px;
}


/* .link
----------------------------------------------------------------------------- */

#contents .link td{
	padding-bottom:15px;
	border-bottom: 1px dotted #CCCCCC;
	padding-top:15px;
	font-size:90%;
}

#contents .link td img{
padding-right:20px;
}




/* .faq
----------------------------------------------------------------------------- */
.faq h3{
background-image:url(../ecohouse/img/q.gif);
background-repeat:no-repeat;
height:27px;
padding-left:40px;
color:#333333;
}

.faq p{
background-image:url(../ecohouse/img/a.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:40px;
text-indent:0px;
}