@charset "UTF-8";
/* ---------------------------------------------------------
   case.css【施工事例】
----------------------------------------------------------*/
#sekou_list{
	background: #F7F5F2;
	width: 696px;
	margin: 0 auto 30px auto;
	padding: 20px
}
#sekou_list ul{
	list-style: none;
	zoom: 1;
	margin-right: -18px;
	_margin-right: -36px;
}
#sekou_list ul li{
	float: left;
	width: 339px;
	float: left;
	margin: 0 18px 25px 0;
	text-align: center;
}
#sekou_list ul li .photo{
	background: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-bottom: 5px;
	position: relative;
}
#sekou_list ul li .photo .stamp{
	position: absolute;
	left: 5px;
	bottom: 5px;
}
#sekou_list ul li .photo .label{
	position: absolute;
	right: 4px;
	bottom: 3px;
	font-size: 12px;
}
#sekou_list ul li .photo .label{
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 5px;
}
#sekou_list ul li .label-1{
background-color: #0080E7;
}
#sekou_list ul li .label-2{
background-color: #1E9D4E;
}
#sekou_list ul li .label-3{
background-color: #FF800F;
}
#sekou_list ul li .label-5{
background-color: #333;
}
#sekou_list ul li .label-6{
background-color: #f14848;
}
#sekou_list ul li .label-7{
background-color: #63c;
}
#sekou_list ul li .label-8{
background-color: #630;
}
#sekou_list ul li .label-9{
background-color: #690;
}
#sekou_list ul li .label-10{
background-color: #F4BD00;
}

#sekou_detail{
	width: 725px;
	margin: 0 auto 40px auto;
}
#post_title{
	background: url(../img/case/bg_post_title.jpg) left bottom no-repeat;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #FF800F;
	font-size: 22px;
	line-height: 1.3;
}
.post_data{
	position: relative;
	margin-bottom: 20px;
}
.post_data .post_cat{
	float: left;
}
.post_data .label{
	float: right;
	padding: 3px 5px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.post_data .label-1{
background-color: #0080E7;
}
.post_data .label-2{
background-color: #1E9D4E;
}
.post_data .label-3{
background-color: #FF800F;
}
.post_data .label-5{
background-color: #333;
}
.post_data .label-6{
background-color: #f14848;
}
.post_data .label-7{
background-color: #63c;
}
.post_data .label-8{
background-color: #630;
}
.post_data .label-9{
background-color: #690;
}
.post_data .label-10{
background-color: #F4BD00;
}
#detail_container{
	background: #F7F5F2;
	padding: 25px;
	margin-bottom: 30px;
}
#detail_container .about{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}
#detail_container .about th,
#detail_container .about td{
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}
#detail_container .about th{
	background: #FBFDF2;
	width: 135px;
}
#detail_container .about td{
	background: #FFFFFF;
}
#detail_container .comment{
	margin-bottom: 15px;
}
#detail_container .gallery{
	padding-top: 20px;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
#detail_container .gallery_title{
	color: #FF971C;
	font-size: 18px;
	margin-bottom: 5px;
}
#detail_container .gallery .comment{
	margin-bottom: 10px;
}
#detail_container .gallery .photo{
	background: #FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	text-align: center;
	margin-bottom: 5px;
}
#detail_container .gallery .photo img{
	max-width: 100%;
}
.gallery_two_column{
	margin-right: -19px;
	_margin-right: -38px;
}
.gallery_two_column .phhoto_comment{
	float: left;
	width: 328px;
	margin-right: 19px;
}
.gallery_two_column .phhoto_comment img{
	width: 100%;
	height: auto;
}