@charset "utf-8";
@import "./common.css";

/*==================================================================*/

/* style css */

/*==================================================================*/

/* ---------------------------------------------------------------- */
/* h1:メインビジュアル */
/* ---------------------------------------------------------------- */
h1{margin:0;padding:0;}

/* ---------------------------------------------------------------- */
/* main-nav */
/* ---------------------------------------------------------------- */
#main-nav *{margin:0;padding:0;}

#main-nav-back{
	height:256px;
	margin:0 auto 2em;
	background:url('../image/main_nav_back.jpg') no-repeat 0 0 #fdf8de;
}

#main-nav{margin:0 10px 0 0;}
#contents #main-nav a:hover img{opacity:1;filter:alpha(opacity=100);}

/* clear hack */
#main-nav{zoom:1;}
#main-nav:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#main-nav .left{
	float:left;
	width:518px;
	padding:97px 0 0;
}

#main-nav .left h2{}

#main-nav .right{
	float:right;
	width:329px;
	text-align:right;
	padding:10px 0 0;
}

#main-nav .right h2{margin:0 0 0.3em;}

/* ---------------------------------------------------------------- */
/* top-area */
/* ---------------------------------------------------------------- */
.top-area *{margin:0;padding:0;}
.top-area{
	width:924px;
	margin:0 auto 2em;
}

/* clear hack */
.top-area{zoom:1;}
.top-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.top-area .left{
	float:left;
	width:520px;
}

.top-area .right{
	float:right;
	width:364px;
	padding:20px 0 0;
}

#index p.text-c{
	margin:0 0 1.8em;
	padding:0;
	text-align:center;
}

/* ---------------------------------------------------------------- */
/* blog:松田工務店日記 */
/* ---------------------------------------------------------------- */
#blog *{margin:0;padding:0;}
#blog{
	padding:10px 0 6px 11px;
	background:#fdfbf7;
}

#blog .block{
	width:159px;
	vertical-align:top;
	display:-moz-inline-box; /* Firefox 2 and older */
	display:inline-block;
	margin:0 4px 6px 0;
	background:url('../image/blog_parts_back.gif') repeat 0 0;
}

/* IE6 */
* html #blog .block{
	display:inline;
	zoom:1;
	margin:0 10px 6px 0;
}

/* IE7 */
	*:first-child+html #blog .block{
	display:inline;
	zoom:1;
	margin:0 10px 6px 0;
}

#blog .back{
	border-bottom:1px solid #e6d6b5;
	background:url('../image/blog_parts_top.gif') no-repeat 0 0;
}

#blog .block dl{margin:0 9px 0 3px;}

/* clear hack */
#blog .block dl{zoom:1;}
#blog .block dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#blog .block dl dt{
	float:left;
	width:60px;
	padding:16px 0 4px;
}

#blog .block dl dt img{width:60px;}

#blog .block dl dd{
	float:right;
	width:80px;
	padding:18px 0 4px;
	line-height:1.4;
	font-size:10px;
}

/* link */
#blog .block dl dd a					{color:#503205;text-decoration:none;}
#blog .block dl dd a:hover		{color:#503205;text-decoration:underline;}

#blog-bottom{background:url('../image/blog_bottom.gif') no-repeat 0 0;}

#blog-bottom p{
	margin:0 4px 0 0;
	text-align:right;
}

/* ---------------------------------------------------------------- */
/* middle-area */
/* ---------------------------------------------------------------- */
.middle-area *{margin:0;padding:0;}
.middle-area{
	margin:0 16px 2em 5px;
}

/* clear hack */
.middle-area{zoom:1;}
.middle-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.middle-area .left{
	float:left;
	width:430px;
	padding:34px 0 0;
}

.middle-area .right{
	float:right;
	width:495px;
}

/* ---------------------------------------------------------------- */
/* bottom-area */
/* ---------------------------------------------------------------- */
.bottom-area *{margin:0;padding:0;}
.bottom-area{
	width:923px;
	margin:0 auto 2em;
	background:url('../image/case_back.jpg') no-repeat top right;
}

/* clear hack */
.bottom-area{zoom:1;}
.bottom-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.bottom-area h3{
	float:left;
	width:179px;
}

.bottom-area .right{
	float:right;
	width:730px;
	padding:30px 0 0;
}

/* clear hack */
.bottom-area .right{zoom:1;}
.bottom-area .right:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


.bottom-area .right dl{
	float:left;
	width:173px;
	margin:0 10px 1.2em 0;
}

.bottom-area .right dl dt{margin:0 0 0.4em;}

.bottom-area .right dl.end{margin-right:0;}

.bottom-area .right p.btn{
	margin:0 10px 0 0;
	text-align:right;
}

/* ---------------------------------------------------------------- */
/* advantage-area */
/* ---------------------------------------------------------------- */
.advantage-area{}

/* clear hack */
.advantage-area{zoom:1;}
.advantage-area:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.advantage-area .advantage-left{
	float:left;
	width:305px;
}

.advantage-area .advantage-right{
	float:right;
	width:180px;
	padding:24px 0 0;
}

.advantage-area h3{margin:0 0 1em;}
.advantage-area h4{text-align:right;}
.advantage-area p.text{margin:0 8px 1em 20px;}

/* ---------------------------------------------------------------- */
/* contact-area */
/* ---------------------------------------------------------------- */
.index-contact-area *{margin:0;padding:0;}
.index-contact-area{
	width:924px;
	margin:0 auto 4em;
	background:#fbf3e5;
}

.index-contact-area h3{
	margin:0 auto 1.2em;
}

.index-contact-area .block{
	width:900px;
	margin:0 auto;
}

/* clear hack */
.index-contact-area .block{zoom:1;}
.index-contact-area .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.index-contact-area .block h4{
	float:left;
	width:537px;
	padding:10px 0 0;
}

.index-contact-area .block ul{
	float:right;
	width:345px;
	padding:6px 0 0;
}

.index-contact-area .block ul li{
	list-style:none;
	text-align:left;
	margin:0 0 1em;
}

.index-contact-area .block ul li.end{margin:0;}

.index-contact-area h5{
	width:900px;
	margin:0 auto 2em;
}

.index-contact-area a:hover img{opacity:1;filter:alpha(opacity=100);}

/* ---------------------------------------------------------------- */
/* download */
/* ---------------------------------------------------------------- */
h4#download{margin:0 0 3em;}


/* ---------------------------------------------------------------- */