@import "header.css";
@import "footer.css";
@import "left-navi.css";

* {margin:0;padding:0;}  
 
img {border:0;}

h1,h2,h3,h4.h5,h6,p,ul,li,dl,dt,dd{font-family:"ＭＳ Ｐゴシック", "Osaka";}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:100%;
	background:url(../image/body-back.jpg) center top;
}

#contentbody{
	width:755px;
	margin-right:auto;
	margin-left: auto;
	background:url(../image/content-body_back.jpg) left top repeat-y;
}

/* //////////////////////////////////////////////////////////////////////////////
トップメインエリア
////////////////////////////////////////////////////////////////////////////// */
#top-contents {
	margin:0 30px 0 10px;
	padding:0;
	width:715px;
}


/* //////////////////////////////////////////////////////////////////////////////
TOPレフトナビ
////////////////////////////////////////////////////////////////////////////// */
.left-contents{
	margin-top:20px;
	padding:0;
	width:180px;
	background:url(../image/left-navi_back.gif) left top no-repeat;
	float:left;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツメイン
////////////////////////////////////////////////////////////////////// */
.main-contents{
	margin:0;
	padding:0;
	width:495px;
	float:right;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ　イメージバナー
////////////////////////////////////////////////////////////////////// */
.image-banner{
	margin:0;
	padding:0;
	width:495px;
}

.image-banner h3{
	float:left;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ　更新情報
////////////////////////////////////////////////////////////////////// */
.info{
	margin-bottom:10px;
	padding:0;
	width:495px;
}

.info h4{
	margin-bottom:10px;
}

.info p{
	margin:0 0 10px;
	padding-left:25px;
	text-align:left;
	line-height:1.4;
	font-size:90%;
	border-bottom:1px dotted #336600;
	background:url(../image/info-icon.gif) left center no-repeat;
}

/* //////////////////////////////////////////////////////////////////////
TOPコンテンツ　施工実績
////////////////////////////////////////////////////////////////////// */
.result{
	margin:0;
	padding:0;
	width:495px;
}

.result h4{
	margin:0;
}

.result td{
	width:220px;
	font-size:90%;
	line-height:1.4;
	text-align:left;
	background:url(../image/result-td_back.jpg) left bottom no-repeat;
}

.info p{
	margin:0 0 10px;
	padding-left:25px;
	text-align:left;
	line-height:1.4;
	font-size:90%;
	border-bottom:1px dotted #336600;
	background:url(../image/info-icon.gif) left center no-repeat;
}















/* ////////////////////////////////////////
クラス設定
//////////////////////////////////////// */
.clr5{clear:both;height:5px;}
.clr15{clear:both;height:15px;}
.clr30{clear:both;height:30px;}

.red-center {color:#FF0000;font-weight:bold;text-align:center;	}
.red {color:#FF0000;font-weight:bold;}
.red-right {color:#FF0000;font-weight:bold;}


.left10 {float:left;margin-right: 1em;padding-bottom: 1em;}
.right10 {float:right;margin-left: 1em;padding-bottom: 1em;}