@charset "UTF-8";

/* info */
div#info {
	clear: both;
	width: 960px;
	padding: 20px 0 0 0;
}

/* eco policy */
div#ecopolicy {
	float: left;
	background: url(../img_index/bg_ecopolicy_bottom.gif) no-repeat left bottom;
	width: 240px;
	padding: 0 0 20px 0;
}
div#ecopolicy h3 {
	background: url(../img_index/circle_green.gif) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 15px;
	font-size: 100%;
}
div#ecopolicy p {
	font-size: smaller;
	line-height: 1.2em;
}
div#ecopolicy_desc {
	background: url(../img_index/bg_ecopolicy_top.gif) no-repeat left top;
	padding: 20px 0 0 0;
}
div#ecopolicy_desc div.desc {
	background: url(../img_index/bg_ecopolicy_middle.gif) repeat-y left top;
	padding: 0 20px;
}
div#ecopolicy_desc p#desc_ecobanner {
	margin: 0 0 10px 0;
}
div#ecopolicy_desc p#desc_ecolink {
	text-align: right;
}

/* service */
div#service {
	float:left;
	background: url(../img_index/bg_service_bottom.gif) no-repeat left bottom;
	width: 430px;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
}
div#service h3 {
	background: url(../img_index/circle_green.gif) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 15px;
	font-size: 100%;
}
div#service_desc {
	background: url(../img_index/bg_service_top.gif) no-repeat left top;
	padding: 20px 0 0 0;
}
div#service_desc h4 {
	font-size: 100%;
	margin: 0 0 2px 0;
	padding: 0 0 0 17px;
}
div#service_desc div.desc {
	clear: both;
	background: url(../img_index/bg_service_middle.gif) repeat-y left top;
}
div#service_desc div.desc p {
	font-size: smaller;
	line-height: 1.2em;
}
div#service_desc div.desc strong {
	font-weight: normal;
}
div#service_desc div.dot {
	height: 15px;
	background: url(../img_index/bg_service_dot.gif) no-repeat left top;
}
div#desc_construction, div#desc_renovation {
	float: left;
	display: inline;
	width: 190px;
	margin: 0 0 0 17px;
}
div#desc_civil, div#desc_estate {
	margin: 0 0 0 225px;
	width: 190px;
}
div#desc_construction h4 {
	background: url(../img_index/mark_construction.gif) no-repeat left center;
}
div#desc_renovation h4 {
	background: url(../img_index/mark_civil.gif) no-repeat left center;
}
div#desc_civil h4 {
	background: url(../img_index/mark_renovation.gif) no-repeat left center;
}
div#desc_estate h4 {
	background: url(../img_index/mark_estate.gif) no-repeat left center;
}

/* news */
div#news {
	float: right;
	background: url(../img_index/bg_news_bottom.gif) no-repeat left bottom;
	width: 250px;
	padding: 0 0 20px 0;
}
div#news h3 {
	background: url(../img_index/circle_green.gif) no-repeat left center;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 15px;
	font-size: 100%;
}
div#news dl {
	font-size: smaller;
	line-height: 1.2em;
}
div#news dt {
	background: url(../img_index/circle_gray.gif) no-repeat left top;
	padding: 0 0 0 17px;
}
div#news dd {
	padding: 0 0 5px 17px;
}
div#news_desc {
	background: url(../img_index/bg_news_top.gif) no-repeat left top;
	padding: 20px 0 0 0;
}
div#news_desc div.desc {
	background: url(../img_index/bg_news_middle.gif) repeat-y left top;
	padding: 0 20px;
}
div#news_desc div.desc dl {
	line-height: 1.5em;
}
div#news_desc div.desc dt {
	font-weight: bold;
}