@charset "utf-8";

@import "common.css";

div.b-none,
dd.b-none {
	background: none !important;
}

/*		Catch
----------------------------------------------------*/
			
div.top-img {
	padding: 0;
	margin:0 auto;
	height: 336px;
	width:830px;
	text-indent:-9999px;
	background: url(../images/bg_top-img.png);
}

div#catch {
	margin: 0 auto;
	padding: 20px 1px 20px 0;
	background: #FFF;
	width: 819px;
	overflow: hidden;
}

div.catch-block {
	padding: 0 11px;	
	width: 251px;
	float: left;
}

div.catch-block dl {
	width: 183px;
	float: left;
}

div.catch-block dl dd li {
	margin: 15px 0 0;
}

div.catch-block dl dd li a {
	padding: 2px 0 2px 16px;
	background: url(../images/li_arrow01.png) 0 4px no-repeat;
}

div.catch-block p {
	float: left;
	width: 68px;
}

div.catch-block dt {
	padding-bottom: 5px;
	height: 15px;
	text-indent:-9999px;
}

div.catch-block dt.detached {
	background: url(../images/title_detached.png) top left no-repeat;
}
div.catch-block dt.mansion {
	background: url(../images/title_mansion.png) top left no-repeat;
}
div.catch-block dt.flow {
	background: url(../images/title_flow.png) top left no-repeat;
}

/*		beforafter
----------------------------------------------------*/
#wrap-beforafter{
clear:both;
margin:0 auto;
width:820px;

}

#beforafter01,
#beforafter02{
height:193px;
width:400px;
margin-bottom:20px;
position: relative;
}

#beforafter01{
float:left;
background:url(../images/beforafter01.jpg) no-repeat;
}

#beforafter02{
float:right;
background:url(../images/beforafter02.jpg) no-repeat;
}

#beforafter01 a,
#beforafter02 a{
	position:absolute;
	height:20px;
	width:150px;
	top:160px;
	left:240px;
}



/*		h2 box
----------------------------------------------------*/

div#h2-box {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 820px;
	overflow: hidden;
	clear:both;
}

div.h2-left {
	width: 490px;
	float: left;
}

div.h2-right {
	width: 310px;
	float: right;
}

h2 {
	height: 33px;
	border: 1px solid #f5efde;
}
h2.gallery-list {
	background: url(../images/title_gallery-list.gif) #f8f5f1 10px 8px no-repeat;			
}
h2.new {
	background: url(../images/title_new.gif) #f8f5f1 10px 8px no-repeat;
}

dl.h2-inner {
	margin: 0;
	padding: 9px 9px 6px 9px;
	border-right: 1px solid #f5efde;
	border-left: 1px solid #f5efde;
	width: 470px;
	overflow: hidden;
}

dl.h2-inner dt {
	padding: 5px 0;
	width: 80px;
	float: left;
	letter-spacing: -1px;
}

dl.h2-inner dd {
	padding: 5px 0 5px 10px;
	background: url(../images/li_arrow02.png) 0 10px no-repeat;
	width: 380px;
	line-height: 1.2;
	float: left;
}

div.h2-left_bottom {
	width: 490px;
	height: 4px;
	background: url(../images/bg_new-bottom.png) top left no-repeat;
	font-size: 0;
}

div.h2-inner {
	margin: 0;
	border-right: 1px solid #f5efde;
	border-left: 1px solid #f5efde;
	width: 290px;
	position: relative;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 6px;
	padding-left: 9px;
	height: 150px;
}

div.h2-inner p {
	line-height: 1.4;
}

div.h2-inner ul {
	padding-top: 10px;
}

div.h2-inner li {
	padding: 5px 0 5px 10px;
	background: url(../images/li_arrow02.png) 0 10px no-repeat;
	position: absolute;
	right: 10px;
	font-weight: bold;
}

div.h2-inner li a {
	font-weight: bold;
}

div.h2-right_bottom {
	width: 310px;
	height: 4px;
	background: url(../images/bg_gallery-list-bottom.png) top left no-repeat;
	font-size: 0;
}

/*		h3 box
----------------------------------------------------*/

div#detail {
	padding-top: 0;
}

div#h3-box dd {
	line-height: 1.4;
}

div.plan-l {
	position: relative;
}

div.plan-l p {
	position: absolute;
	top: 7px;
	right: 15px;
}
*:first-child+html div.plan-l p {
	top: 9px;
}
* html div.plan-l p {
	top: 9px;
}

h3 {
	height: 34px;
}

/* リフォームプラン */

	h3.plan01 {
		background: url(../images/title_plan01.png) top left no-repeat;
	}
   
	div.plan01 {
		margin-bottom: 20px;
		padding: 10px 11px 10px 10px;
		width: 609px;
		background: url(../images/bg_plan-back.png) bottom left no-repeat;
		overflow: hidden;
	}
   
	div.plan01 dl {
		padding: 0 6px;
		width: 191px;
		float: left;
	}
   
	div.plan01 dt a {
		width: 188px;
		height: 126px;
		border: 1px solid #d89c19;
		display: block;
		text-indent:-9999px;
	}
   
	div.plan01 dt.place {
		background: url(../images/bg_place.png) top left no-repeat;
	}
	div.plan01 dt.scene {
		background: url(../images/bg_scene.png) top left no-repeat;
	}
	div.plan01 dt.life {
		background: url(../images/bg_life.png) top left no-repeat;
	}
   
	div.plan01 dd {
		padding: 5px 0 0;
	}
   
	div.plan01 dd.plan01-l {
		padding: 5px 0 5px 10px;
		padding-left: 10px;
		background: url(../images/li_arrow02.png) 0 10px no-repeat;
	}
   
	div.plan01 dd.plan01-l a {
		font-weight: bold;
	}
   
	.word-s {
		letter-spacing: -1px;
	}
							
/* お勧めリフォーム */

	h3.plan02 {
		background: url(../images/title_plan02.png) top left no-repeat;
	}
   
	div.plan02 {
		margin-bottom: 20px;
		padding: 10px 6px 0;
		width: 618px;
		background: url(../images/bg_plan-back.png) bottom left no-repeat;
	}
   
	div.plan02-block {
		padding-bottom: 10px;
		width: 618px;
		overflow: hidden;
	}
   
	div.plan02 dl {
		padding: 0 10px;
		width: 289px;
		float: left;
	}
   
	div.plan02 dt {
		margin-bottom: 10px;
		padding: 2px 0 2px 16px;
		background: url(../images/li_arrow01.png) 0 4px no-repeat;
	}
   
	div.plan02 dt a {
		font-weight: bold;
	}
   
	div.plan02 dd {
		width: 180px;
		float: right;
	}
	div.plan02 dd.plan02-img {
		float: left;
		width: 109px;
	}
	div.plan02 dd.plan02-img img {
		border: 1px solid #d89c19;
	}