@charset "Shift_JIS";
@import url("../../common/css/common.css");

/* --------------------------------------------------------------------------------------
 施工事例集
--------------------------------------------------------------------------------------- */

/* サブナビゲーション ------------------------------ */

div.snavi {
	width: 220px;
	margin: 0 0 0 0;
	padding: 0;
}

div.snavi h2 {
	width: 220px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

div.snavi ul {
	margin-bottom: 20px;
}

div.snavi ul li {
	width: 220px;
	height: 40px;
	text-indent: -9999px;
}

div.snavi ul li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	text-decoration: none;
}
/*\*/
div.snavi ul li a {
	overflow: hidden;
}
/**/

/* 通常 */

div.snavi ul li#snavi01,
div.snavi ul li#snavi01 a {
	background: url(../img/snavi01.gif) no-repeat 0 0;
}
div.snavi ul li#snavi02,
div.snavi ul li#snavi02 a {
	background: url(../img/snavi02.gif) no-repeat 0 0;
}
div.snavi ul li#snavi03,
div.snavi ul li#snavi03 a {
	background: url(../img/snavi03.gif) no-repeat 0 0;
}
div.snavi ul li#snavi04,
div.snavi ul li#snavi04 a {
	background: url(../img/snavi04.gif) no-repeat 0 0;
}
div.snavi ul li#snavi05,
div.snavi ul li#snavi05 a {
	background: url(../img/snavi05.gif) no-repeat 0 0;
}
div.snavi ul li#snavi06,
div.snavi ul li#snavi06 a {
	background: url(../img/snavi06.gif) no-repeat 0 0;
}

/* ロールオーバー */

div.snavi ul li#snavi01 a:hover,
div.snavi ul li#snavi02 a:hover,
div.snavi ul li#snavi03 a:hover,
div.snavi ul li#snavi04 a:hover,
div.snavi ul li#snavi05 a:hover,
div.snavi ul li#snavi06 a:hover {
	background-position: -220px 0;
}


/* 住まいのギャラリー TOP  table------------------------------ */

div.gallery {
	width: 610px;
	margin: 0 0 0 0;
}

div.gallery:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.gallery { display:inline-block; }
/*\*/
* html div.gallery { height:1%; }
div.gallery { display:block; }
/**/

div.gallery table {
	width: 610px;
}

div.gallery table td {
	width: 100px;
	padding: 10px 5px;
	border: 1px #ffffff solid;
}

/* リンク*/
div.gallery table td a {
}

div.gallery table td a:link {
}
div.gallery table td a:visited {
}
div.gallery table td a:hover {
	color: #d40d15;
	text-decoration: none;
}
div.gallery table td a:active {
	color: #d40d15;
	text-decoration: none;
}




/* 住まいのギャラリー TOP  div------------------------------ */

div.gallery {
	width: 610px;
	margin: 0 0 0 0;
}

div.gallery:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.gallery { display:inline-block; }
/*\*/
* html div.gallery { height:1%; }
div.gallery { display:block; }
/**/

div.gallery ul {
	width: 610px;
}

div.gallery ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.gallery ul { display:inline-block; }
/*\*/
* html div.gallery ul { height:1%; }
div.gallery ul { display:block; }
/**/


div.gallery ul li {
	float: left;
	width: 110px;
	margin: 0 12px 20px 0;
}

div.gallery ul li span  {
	display: block;
}

div.gallery ul li span img  {
	vertical-align: middle;
}

div.gallery ul li span.itemP  {
	color: #d40d15;
	padding: 3px 0 0 0;
	font-weight: bold;
	font-size: 86%;
}

/* リンク*/
div.gallery ul li a {
}

div.gallery ul li a:link {
}
div.gallery ul li a:visited {
}
div.gallery ul li a:hover {
	color: #d40d15;
	text-decoration: underline;
}
div.gallery ul li a:active {
	color: #d40d15;
	text-decoration: underline;
}


/* 住まいのギャラリー 詳細ページ ------------------------------ */

div.photoBox {
	width: 600px;
	margin: 0 0 0 0;
	padding: 4px;
	text-align: center;
	border: 1px #cccccc solid;
}

* html div.photoBox {
	width: 610px;
}

div.iconBox {
	width: 610px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	background: #edebd6;
	border-bottom: 1px #cccccc solid;
}

div.iconBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.iconBox { display:inline-block; }
/*\*/
* html div.iconBox { height:1%; }
div.iconBox { display:block; }
/**/


div.iconBox table {
	text-align: center;
}

div.iconBox table td {
	width: 65px;
}

div.ctBox p.gotogallery {
	padding: 10px;
	text-align: right;
	border-bottom: 1px #cccccc solid;
}


/* お客様の声 TOP ------------------------------ */

div.voice {
	width: 610px;
	margin: 0 0 30px 0;
}

div.voice:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.voice { display:inline-block; }
/*\*/
* html div.voice { height:1%; }
div.voice { display:block; }
/**/

div.voice p.person {
	width: 200px;
	margin: 0 0 0 0;
	padding: 4px;
	border: 1px #eeeeee solid;
}

* html div.voice p.person {
	width: 200px;
}

div.voice-right {
	float: right;
	width: 380px;
	margin: 0 0 0 0;
}

div.voice-right p.name {
	font-weight: bold;
	margin: 4px 0 10px;
	padding: 5px 0;
	border-top: 3px #edebd6 solid;
	border-bottom: 3px #edebd6 solid;
}

div.voice-right p.name span {
	margin-left: 10px;
	padding: 2px 6px;
	color: #ffffff;
	font-size: 86%;
	background: #f18000;
}

div.voice-right p.txt {
	margin: 0 0 10px 0;
}

div.voice-right p.detail {
	padding: 0 0 0 15px;
	background: url(../img/ico_detail.gif) no-repeat 0 50%;
}


/* お客様の声 詳細 ------------------------------ */

div.voiceBox {
	width: 610px;
	margin: 0 0 10px 0;
	padding-bottom: 20px;
	border-bottom: 3px #edebd6 solid;
}

div.voiceBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.voiceBox { display:inline-block; }
/*\*/
* html div.voiceBox { height:1%; }
div.voiceBox { display:block; }
/**/

div.voiceBox p {
	margin: 0 0 15px 0;
}

div.voiceBox h2 {
	margin: 0;
	padding: 0 0 2px 45px;
	background: url(../img/h2_leafline.gif) no-repeat top left;
	font-weight: bold;
	font-size: 120%;
}

div.voiceBox p.data {
	padding: 2px 6px;
	color: #f18000;
	font-size: 86%;
	background: #edebd6;
}

div.voiceBoxIn {
	width: 610px;
}

div.voiceBoxIn p {
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
}

div.voiceBoxIn p span  {
	display: block;
	padding: 2px 0 0 0;
	font-size: 86%;
}

div.voiceNavi {
	width: 610px;
	margin: 0 0 30px 0;
	text-align: center;
}