@charset "utf-8";



/* -------------------
	common
------------------- */

/*  main  */

div#content div#main div#mainInner {
	padding:30px 29px 25px;
}
div#content div#main div#pageNav {
	padding:27px 0 0;
}
div#content div#main div#pageNav ul {
	width:650px;
	height:44px;
	position:relative;
	background: url(../../img_common/bg_pagenav.jpg) no-repeat 0 0;
}
div#content div#main div#pageNav li.prevBtn {
	width:83px;
	height:20px;
	position: absolute;
	top:11px;
	left:10px;
}
div#content div#main div#pageNav li.tolistBtn {
	width:94px;
	height:26px;
	position: absolute;
	top:9px;
	left:278px;
}
div#content div#main div#pageNav li.nextBtn {
	width:83px;
	height:20px;
	position: absolute;
	top:11px;
	right:10px;
}



/* ----------------------------------------------------------------------------
	新築施工事例一覧
	/works/
---------------------------------------------------------------------------- */

div#content.index div#main div#mainInner {
	padding:40px 24px 25px;
}
div#content.index div#main ul#allList ul{
	overflow:hidden;
	zoom:1;
}
div#content.index div#main ul#allList li {
	width:192px;
	padding:0 14px 30px;
	float:left;
	line-height:0;
}
div#content.index div#main ul#allList li p.img {
	width:180px;
	height:134px;
	padding:5px 6px 9px;
	background: url(../img/bg_thumb.jpg) no-repeat 0 0;
}
div#content.index div#main ul#allList li p.img a {
	width:180px;
	height:134px;
	display:block;
	overflow:hidden;
	text-align:center;
}
div#content.index div#main ul#allList li p.img a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
div#content.index div#main ul#allList li dl {
	padding:6px 2px 0;
}
div#content.index div#main ul#allList li dt {
	padding-left:11px;
	font-size:75%;
	font-weight:bold;
	display:block;
	background: url(../../img_common/icn_arrow_green.gif) no-repeat 0 center;
}
div#content.index div#main ul#allList li dd {
	padding-top:6px;
	font-size:68%;
	line-height:1.4;
}
div#content.index div#main div#pageNav {
	padding:10px 5px 0;
}



/* ----------------------------------------------------------------------------
	新築施工事例紹介
	/works/detail.html
---------------------------------------------------------------------------- */

div#content.detail div#main div#mainInner {
	padding:30px 0 25px 29px;
}
div#content.detail div#main div.titleWrap {
	padding:6px 0 16px;
	background: url(../../img_common/bg_box01_h.jpg) no-repeat 0 0;
}
div#content.detail div#main div.titleWrap div.title {
	padding-bottom:8px;
	background: url(../../img_common/bg_box01_f.jpg) no-repeat 0 bottom;
}
div#content.detail div#main div.title div.inner {
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	padding:11px 20px 13px;
	width:608px;
}
div#content.detail div#main div.title h4 {
	padding-left:22px;
	font-size:144%;
	font-weight:bold;
	background: url(../../img_common/icn_circle_green.gif) no-repeat 0 center;
}
div#content.detail div#main div.title p.lead {
	padding-top:5px;
	font-size:75%;
	line-height:1.4;
}
div#content.detail div#main div.txtBoxWrap {
	padding:22px 5px 8px;
	background: url(../../img_common/bg_box02_f.jpg) no-repeat 5px bottom;
}
div#content.detail div#main div.txtBoxWrap div.txtBox {
	padding-top:6px;
	background: url(../../img_common/bg_box02_h.jpg) no-repeat 0 0;
}
div#content.detail div#main div.txtBox div.inner {
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	padding:16px 24px 18px;
	font-size:75%;
	line-height:1.8;
	width:590px;
}
div#content.detail div#main div.txtBox p {
	line-height:1.8;
}

/*  imgGallery  */

div#content.detail div#main .galleria{
	list-style:none;
	width:200px
}
div#content.detail div#main .galleria li{
	display:block;
	width:110px;
	height:82px;
	overflow:hidden;
	float:left;
}
div#content.detail div#main .galleria li a{
	display:none;
}
div#content.detail div#main .galleria li div{
	position:absolute;
	display:none;
	top:0;
	left:180px;
}
div#content.detail div#main .galleria li div img{
	cursor:pointer;
}
div#content.detail div#main .galleria li.active div img,
div#content.detail div#main .galleria li.active div{
	display:block;
}
div#content.detail div#main .galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
div#content.detail div#main .galleria li .caption{
	display:block;
}
* html div#content.detail div#main .galleria li div span{width:400px;} /* MSIE bug */



div#content.detail div#main .caption{
	color:#FFF;
	display:block;
	width:606px;
	padding:12px 15px;
	font-size:75%;
	line-height:1.6;
	position:absolute;
	left:7px;
	bottom:220px;
	text-align:left;
	background:#000;
}
div#content.detail div#main .gallery{
	position:relative;
	text-align: left;
	width:636px;
	height:697px;
	padding:5px 7px 0;
	background: url(../img/bg_gallery.jpg) no-repeat 1px 0;
}
div#content.detail div#main .gallery_demo{
	width:640px;
	margin:0 auto;
	padding-left:7px;
	overflow:hidden;
}
div#content.detail div#main .gallery_demo li{
	width:110px;
	height:82px;
	margin-right:18px;
	margin-bottom:19px;
}
div#content.detail div#main .gallery_demo li div{
	left:240px;
}
div#content.detail div#main #main_image{
	margin-bottom:20px;
	width:636px;
	height:476px;
	overflow:hidden;
	text-align:center;
}
div#content.detail div#main #main_image img{
	max-width:636px;
	max-height:476px;
	_width: expression(this.width >= this.height ? "636px" : "auto");
	_height: expression(this.width <= this.height ? "476px" : "auto");
	margin-bottom:0;
}
img { -ms-interpolation-mode: bicubic; } 
div#content.detail div#main .nav{
	padding-top:15px;
	clear:both;
	font:80%;
	letter-spacing:3px;
	text-transform:uppercase;
	background:#000000;
}
div#content.detail div#main .info{
	text-align:left;
	width:600px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}
div#content.detail div#main .info p{
	margin-top:1.6em;
}
div#content.detail div#main p.navPrev{
	width:38px;
	height:58px;
	position:absolute;
	top:209px;
	left:-12px;
}
div#content.detail div#main p.navNext{
	width:38px;
	height:58px;
	position:absolute;
	top:209px;
	left:624px;
}