@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{
line-height:180%;
}

#contents p{
margin-bottom:10px;
line-height:180%;
}


#contents .news h2{
background-image:url(../news/img/t_news.gif);
}

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


#contents .plan h2{
background-image:url(../modelhouse/img/t_plan.gif);
}


#contents .blog h2{
background-image:url(../modelhouse/img/t_blog.gif);
}

#contents .list{
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom:15px;
	padding-bottom:20px;
}

#contents .list h3 img{
margin-right:5px;
}
#contents .list h3{
margin-bottom:10px;
margin-top:30px;
}
#contents .list h3 a{
clear:both;
text-decoration:none;
}

#contents .report .list h3 a{
color:#333333;
}

#contents .report .list h3 a:hover{
color:#999;
text-decoration:underline;
}

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

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



#contents .list p.tuduki{
font-size:10px;
background-color:#000000;
text-align:right;
width:70px;
margin-left:auto;
padding-right:5px;
}

#contents .list p.tuduki a{
text-decoration:none;
padding-right:5px;
width:70px;
display:block;
color:#FFFFFF;
}

*html #contents .list p.tuduki{
padding-right:0px;
}

#contents .list p.tuduki a:hover{
background-color:#CCCCCC;
width:70px;
padding-right:5px;
}



#contents .list p.tuduki a:visitet{
color:#FFFFFF;
}



#contents .list .date{
color:#999999;
font-size:75%;
font-weight:normal;
padding-left:10px;
}


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


#contents .detail .date{
	color:#999999;
	font-size:85%;
	border-top: 1px dotted #CCCCCC;
	padding-top:5px;
	text-align:right;
}

#contents .detail .back{
	border-top: 1px dotted #CCCCCC;
	padding-top:20px;
	margin-top:40px;
}

#contents .honbun li,
#contents .blog .right .entry li{
background-image:url(../img/icon_list.gif);
padding-left:20px;
background-repeat:no-repeat;
background-position:5px;
}
#contents .detail em{
	font-style: italic;
}

#contents .detail .back li{
width:auto;
float:left;
margin-right:30px;
	font-size:85%;
	background-image:url(../img/arrow02.gif);
	background-position:left 8px;
	background-repeat:no-repeat;
	padding-left:20px;
	list-style:none;
}



#contents .subcat{
	font-size:85%;
	width:160px;
	float:left;

}

#contents .right{
padding-left:20px;
margin-left:10px;
	width:500px;
	float:right;
	border-left: 1px solid #CCCCCC;
		min-height:500px
	
}



#contents .subcat li{
list-style:none;
background-image:url(../img/arrow03.gif);
background-repeat:no-repeat;
background-position:left 6px;
padding-left:15px;
line-height:150%;
margin-bottom:10px;
}


#contents .report .subcat p{
margin-top:0px;
}

#contents .subcat p{
background-color:#E8E8E8;
text-align:center;
margin-top:20px;
text-indent:0px;
}
#contents .news .list{
margin-left:20px;
}

#contents .report .right .list,
#contents .news .list{
padding-bottom:5px;
margin-bottom:5px;
}

#contents .report .right .list h3,
#contents .news .list h3{
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
font-size:100%;
background-image:url(../img/arrow04.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
}

#contents .report .right p.cat{
background-color:#009dc4;
color:#fff;
font-size:90%;
font-weight:bold;
padding-left:10px;
margin-bottom:20px;
}