@charset 'utf-8';

#pageID #localnav {
	top: 42px;
}
#pageID #localnav ul {
	float: right;
}
*+html #pageID #localnav ul {
	width: 600px;
}
#pageID #localnav ul li {
	margin-top: 6px;
	margin-left: 24px;
	float: right;
}

#container section {
	width: 936px;

}
#container section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#container section { display: inline-table; }
* html #container section { height: 1%; }
*+html #container section { height: 1%; }
#container section { display: block; }

#container .case {
	float: left;
	margin: 42px 36px 0 0;
	width: 276px;
}
#container .case .photo {

}
#container .case a.profile {
	display: block;
	margin-top: 12px;
	border-left: solid 1px #413f3d;
	padding-left: 9px;
	text-decoration: none;
	background: url(../img/cnt_lnkarw.gif) no-repeat right center;
}
#container .case a.profile:hover h2,
#container .case a.profile:hover p {
	color: #5f5d5a;
}
#container .case .profile h2 {
	margin-top: 0;
	color: #2f2c28;
}
#container .case .profile p {
	margin-top: 3px;
	font-size: 85%;
	line-height: 1.3;
	color: #2f2c28;
}
*+html #container .case .profile p {
	font-size: 78%;
}

#container .case a.profile:hover {
	color: #5f5d5a;

}
#container .case a.profile:hover h2,
#container .case a.profile:hover p {
	color: #5f5d5a;
	text-decoration: underline;
}


#container #cover {
	margin-top: 0;
}

#container #title-sec {
	margin-top: 18px;
}
#container #title-sec:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#container #title-sec { display: inline-table; }
* html #container #title-sec { height: 1%; }
*+html #container #title-sec { height: 1%; }
#container #title-sec { display: block; }

#container #title-sec .r {
	width: 396px;
	float: right;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#container #title-sec .r h2 {
	margin-top: 52px;
	text-align: right;
	color: #719CC4;
}
#container #title-sec h1 {
	font-weight: normal;
}
#container #title-sec .r h1 {
	margin-top: 6px;
	background: none;
	text-align: right;
}
#container #title-sec .r p {
	margin-top: 24px;
	text-align: right;
	line-height: 2;
}


#container #title-sec .l {
	position: relative;
	width: 504px;
	float: left;
}

/**
 * 	写真レイアウト
 */
#container #title-sec .l.photobox6 {}
#container #title-sec .l div {
	position: absolute;
}
#container #title-sec .l.photobox6 .p0 {
	width: 296px;
	height: 188px;
	left: 0;
	top: 0;
}
#container #title-sec .l.photobox6 .p1 {
	width: 90px;
	height: 130px;
	left: 0;
	top: 200px;
}
#container #title-sec .l.photobox6 .p2 {
	width: 91px;
	height: 130px;
	left: 102px;
	top: 200px;
}
#container #title-sec .l.photobox6 .p3 {
	width: 91px;
	height: 130px;
	left: 205px;
	top: 200px;
}
#container #title-sec .l.photobox6 .p4 {
	width: 196px;
	height: 274px;
	left: 308px;
	top: 0px;
}
#container #title-sec .l.photobox6 .p5 {
	width: 196px;
	height: 128px;
	left: 308px;
	top: 286px;
}
#container #title-sec .l.photobox6 .text {
	width: 296px;
	height: 84px;
	left: 0;
	top: 332px;
}

#container #title-sec .l .text p {
	font-size: 10px;
	line-height: 16px;
}
#container #title-sec .l .text p span {
	margin: 0 2px 0 12px;
	padding: 0 4px;
	font-size: 10px;
	line-height: 13px;
	background: #5990c3;
	color: #FFF;
	text-align: center;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif
}
#container #title-sec .l .text p span.first-child {
	margin-left: 0;
}

#container #title-sec .l .num {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 13px;
	height: 13px;
	font-size: 10px;
	line-height: 13px;
	background: #5990c3;
	color: #FFF;
	text-align: center;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/**
 * タイトルの背景
 */
#contents.house-new-001 #title-sec .r {
	height: 414px;
	background-image: url(../../works/img/ttl_house-new-001.jpg)
}




#container #text-sec {
	margin-top: 54px;
}
#container #text-sec:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#container #text-sec { display: inline-table; }
* html #container #text-sec { height: 1%; }
*+html #container #text-sec { height: 1%; }
#container #text-sec { display: block; }

#container #text-sec #a-profile {
	width: 180px;
	float: left;
	background: #f0f4f6;
}
#container #text-sec #a-profile ul {
	margin: 15px;
}
#container #text-sec #a-profile ul li {
	margin-top: 6px;
	font-size: 85%;
	line-height: 1.2;
}
#container #text-sec #a-profile .photo {
	margin: 12px auto 15px;
	width: 148px;
	height: 96px;
	border: solid 1px #bdc6cb;
}

#container #text-sec .text {
	float: left;
	margin: 0 0 0 42px;
	width: 312px;
}
#container #text-sec .text p {
	font-size: 93%;
	line-height: 2;
}

#case #container {
	position: relative;
}
#case #container .box {
	position: absolute;
}
#case #container .box .num {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 13px;
	height: 13px;
	font-size: 9px;
	line-height: 12px;
	background: #5990c3;
	color: #FFF;
	text-align: center;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif
}

#case #container .box#info {
	right: 0;
	bottom: 0;
	width: 444px;
	text-align: right;
	display: table-cell;
	vertical-align: bottom;
}
#case #container .box#info h2 {
	margin-top: 0;
}
#case #container .box#info ul {
	margin-top: 18px;
}
#case #container .box#info ul li {
	display: inline-block;
	margin-left: 6px;
	margin-top: 0px;
	line-height: 1.1;
	padding-left: 9px;
	background-position: 0px 3px;
	font-size: 85%;
}
#case #container #captions p {
	font-size: 10px;
	line-height: 16px;
	margin-top: 0px;
}
#case #container #captions p span {
	margin: 0 2px 0 6px;
	padding: 0 4px;
	font-size: 10px;
	line-height: 13px;
	background: #5990c3;
	color: #FFF;
	text-align: center;
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif
}
#case #container #captions p span.first-child {
	margin-left: 0;
}