@charset "UTF-8";
/**
* みはらしが丘
* categoly ベースページ
* date 2009-11-24
* lastupdate 2009-11-24
*/

.mainwrap .context{
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
}

h1{
	width:840px;height:56px;
	text-indent:-9999px;text-align:left;
	margin:0 auto 20px auto;
}

h1#about_001{
	background:#F7F5E8 url("../i/about_001_ti.jpg") no-repeat 0 0;
}
h1#about_002{
	background:#F7F5E8 url("../i/about_002_ti.jpg") no-repeat 0 0;
}
h1#about_003{
	background:#F7F5E8 url("../i/about_003_ti.jpg") no-repeat 0 0;
}
h1#about_004{
	background:#F7F5E8 url("../i/about_004_ti.jpg") no-repeat 0 0;
}


/** 考える */
p.page_btn a{
	display:block;
	width:190px;height:24px;
	font-size:12px;line-height:24px;
	color:#FFF;font-weight:bold;
	text-decoration:none;
}
p.page_btn{
	position:absolute;
	top:275px;left:23px;
}


/** 家づくり */
.dukuri{
	text-align:left;
	background:url("../i/dukuri_bg.jpg") no-repeat top left;
	margin-bottom:20px;
}
.dukuri img{
	margin:20px;
}





/** 新提案 */
.teian_blk{
	margin-bottom:15px;
}
.teian_blk h2{
	padding-bottom:12px;
	background:#F7F5E8;
	text-align:center;
}
.teian_blk ol{
	overflow:hidden;
	_zoom:1;
	background:#F7F5E8;
}
.teian_blk ol li{
	display:block;
	width:385px;
	float:left;
	text-align:left;
	margin-bottom:15px;
}

li#teian_001,
li#teian_003,
li#teian_005,
li#teian_007,
li#teian_009{
	float:left;
	margin-left:12px;
	clear:left;
}

li#teian_002,
li#teian_004,
li#teian_006,
li#teian_008,
li#teian_010{
	float:right;
	margin-right:12px;
}


.teian_blk li h3{
	width:380px;height:34px;
	text-indent:-9999px;text-align:left;
	margin-bottom:5px;
}
li#teian_001 h3{background:url("../i/teian_ti_01.gif") no-repeat 0 0;}
li#teian_002 h3{background:url("../i/teian_ti_02.gif") no-repeat 0 0;}
li#teian_003 h3{background:url("../i/teian_ti_03.gif") no-repeat 0 0;}
li#teian_004 h3{background:url("../i/teian_ti_04.gif") no-repeat 0 0;}
li#teian_005 h3{background:url("../i/teian_ti_05.gif") no-repeat 0 0;}
li#teian_006 h3{background:url("../i/teian_ti_06.gif") no-repeat 0 0;}
li#teian_007 h3{background:url("../i/teian_ti_07.gif") no-repeat 0 0;}
li#teian_008 h3{background:url("../i/teian_ti_08.gif") no-repeat 0 0;}
li#teian_009 h3{background:url("../i/teian_ti_09.gif") no-repeat 0 0;}

.teian_blk li p{
	font-size:82%;line-height:1.4;
	padding:0 5px;
}

/** 出来るまで */
.flow_blk{

}
.flow_blk .first,
.flow_blk .last{
	padding:0 30px;
	margin:0 0 0px;
	font-size:82%;
}
.flow_blk .first{
	overflow:hidden;
	_zoom:1;
	background:#fff url("../i/flow_arrow.gif") no-repeat 50px bottom;
}
.flow_blk .last{
	_zoom:1;
	overflow:show;
	padding:0 30px;
	margin:0 0 30px;
	background:#fff url("../i/flow_arrow2.gif") no-repeat 50px bottom;
}
.flow_blk .first li{margin-top:-1px;}
.flow_blk .last li{margin-top:0px;}

.flow_blk li{
	position:relative;
	margin:0;
	padding:20px 0 20px 0px;
	list-style:none;
	border-top:solid 1px #999;
	text-align:left;
	overflow:hidden;_zoom:1;
}


li#flow_004{padding:0;}
li#flow_004 ul{
	margin:0 0 0 70px;
}
.flow_blk li ul{
	
}
.flow_blk li li{
	margin-left:-70px;
	border-top:dotted 1px #555;
}

#flow_001 span,
#flow_002 span,
#flow_003 span,
#flow_004 span,
#flow_005 span,
#flow_006 span,
#flow_007 span,
#flow_008 span,
#flow_009 span{
	display:block;
	position:absolute;
	top:5px;left:0px;
	width:50px;height:50px;
	background:url("../i/nan.gif") no-repeat 0 0;
	text-indent:-9999px;text-align:left;
}
#flow_001 span{background-position:0 0;}
#flow_002 span{background-position:0 -50px;}
#flow_003 span{background-position:0 -100px;}
#flow_004 span{background-position:0 -150px;}
#flow_005 span{background-position:-50px -200px;}
#flow_006 span{background-position:-50px -250px;}
#flow_007 span{background-position:-50px -300px;}
#flow_008 span{background-position:-50px -350px;}
#flow_009 span{background-position:-50px -400px;}


#flow_001 h3,
#flow_002 h3,
#flow_003 h3,
#flow_004_1 h3,
#flow_004_2 h3,
#flow_004_3 h3,
#flow_005 h3,
#flow_006 h3,
#flow_007 h3,
#flow_008 h3{
	position:absolute;
	left:65px;top:20px;
	width:200px;height:18px;
	text-indent:-9999px;text-align:left;
}

#flow_001 h3{background:url("../i/flow_ti_01.gif") no-repeat top center;}
#flow_002 h3{background:url("..//i/flow_ti_02.gif") no-repeat top center;}
#flow_003 h3{background:url("../i/flow_ti_03.gif") no-repeat top center;}
#flow_004_1 h3{background:url("../i/flow_ti_04_01.gif") no-repeat top center;}
#flow_004_2 h3{background:url("../i/flow_ti_04_02.gif") no-repeat top center;}
#flow_004_3 h3{background:url("../i/flow_ti_04_03.gif") no-repeat top center;}
#flow_005 h3{background:url("../i/flow_ti_05.gif") no-repeat top center;}
#flow_006 h3{background:url("../i/flow_ti_06.gif") no-repeat top center;}
#flow_007 h3{background:url("../i/flow_ti_07.gif") no-repeat top center;}
#flow_008 h3{background:url("../i/flow_ti_08.gif") no-repeat top center;}
	
#flow_001 p,
#flow_002 p,
#flow_003 p,
#flow_004_1 p,
#flow_004_2 p,
#flow_004_3 p,
#flow_005 p,
#flow_006 p,
#flow_007 p,
#flow_008 p{
	margin-left:290px;
}


/** 保証制度 */
.flt_r{float:right;}
.flt_l{float:left;}

dl.hosho{
	width:400px;
	margin-bottom:30px;
	overflow:hidden;
	_zoom:1;
}

dl#hosho001.hosho{background:url("../i/hosho_001.gif") no-repeat 0 0;}
dl#hosho002.hosho{background:url("../i/hosho_002.gif") no-repeat 0 0;}
dl#hosho003.hosho{background:url("../i/hosho_003.gif") no-repeat 0 0;}
dl#hosho004.hosho{background:url("../i/hosho_004.gif") no-repeat 0 0;}
dl#hosho005.hosho{background:url("../i/hosho_005.gif") no-repeat 0 0;}

.hosho dt{
	margin-left:105px;
	text-align:left;
	padding:0 0 2px 0px;
	font-weight:bold;
	color:#F60;
}
.hosho dd{
	margin-left:105px;
	text-align:left;
	font-size:83%;line-hieght:1.5;
	padding:3px 0 20px 0px;
}
