@charset "UTF-8";

/*******************************

フォトギャラリー　一覧
 
*******************************/
ul.gallery{
	float:left;
	width:735px;
}

ul.gallery li{
	float:left;
	width:184px;
	margin:0 25px 30px 0;
	padding:16px;
	border:2px solid #d7bf9c;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
	behavior: url(/PIE.php);
}

ul.gallery .g_title{
	float:left;
	color:#b09078;
	margin:10px 0;
	width:184px;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	overflow:hidden;
}

.g_syosai{
	float:right;
	min-height:26px;
	background:url(../images/cms_arrow.png) no-repeat;
	padding:0 0 0 30px;
	line-height:2;
	font-size:12px;
}



/*******************************

フォトギャラリー　詳細
 
*******************************/

.gallery_box{
	float:left;
	width:706px;
	padding:20px 0;
	border:2px solid #d7bf9c;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
	behavior: url(/PIE.php);
}

.gallery_box dt.title{
	width:675px;
	margin:0 auto;
	padding-bottom:5px;
	border-bottom:1px solid #d7bf9c;
	color:#6c5027;
	font-weight:bold;
	font-size:20px;
	}
	
.gallery_box dd.box{
	width:620px;
	margin:0 auto;
	padding:30px 0 0 0;
	}
	
.gallery_box .main_p{
	width:620px;
	font-size:12px;
	font-weight:bold;
	color:#6c5027;
}

.gallery_box .main_p img{
	margin-bottom:5px;}
	
.gallery_box ul.g_photo{
	float:left;
	width:630px;
	margin:20px 0;
	}

.gallery_box ul.g_photo li.before{}

.gallery_box ul.g_photo li{
	float:left;
	width:200px;
	height:133px;
	overflow:hidden;
	margin:0 10px 10px 0;
	}

.gallery_box ul.g_photo .before_ami{
	position:relative;
	z-index:1;
}
	
.gallery_box ul.g_photo .before_p{
	clear:both;
	float:left;
	margin:-20px 0 0 0;
}


.gallery_box dl.comment{
	width:620px;
	float:none;
	margin:0 0 30px 0;
}

.gallery_box dl.comment dt{
	width:620px;
	margin:0 0 20px 0;
	}
	
.gallery_box dl.comment dd{
	width:620px;
	font-size:14px;
	font-weight:bold;
	color:#505050;
	}
	
.gallery_box dl.house_date{
	width:620px;
	float:none;
}

.gallery_box dl.house_date dt{
	width:620px;
	margin:0 0 20px 0;
	}
	
.gallery_box dl.house_date dd{
	width:620px;
	font-size:16px;
	font-weight:bold;
	color:#6c5027;
	}
	
.gallery_box table{
	width:620px;
	border:1px solid #d7bf9c;
	}
	
.gallery_box table th{
	padding:4px;
	width:150px;
	vertical-align:middle;
	border-bottom:1px solid #d7bf9c;
	}
	
.gallery_box table td{
	padding:4px 4px 4px 10px;
	vertical-align:middle;
	border-bottom:1px solid #d7bf9c;
	}
	
	
	
/*******************************

事例紹介　一覧
 
*******************************/

dl.case {
	float:left;
	width:708px;
	margin:0 0 30px 0;
	padding:15px 0;
	border:2px solid #d7bf9c;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
	behavior: url(/PIE.php);
}

dl.case dt{
	width:515px;
	margin:0 auto;
	padding:0 0 5px 160px;
	border-bottom:1px solid #d7bf9c;
	color:#000;
	font-weight:bold;
	font-size:20px;
	background:url(../case/images/soudan.gif) no-repeat; 
}

dl.case dd{
	width:675px;
	margin:0 auto;
	padding:10px 0 0 0;
}

dl.case .case_p{
	float:left;
	width:230px;
	height:170px;
	overflow:hidden;
	}
	
dl.case .left_box{
	float:left;
	margin:0 0 0 10px;
	width:435px;
}

dl.case .left_box .teian{
	width:435px;
	font-size:13px;
	font-weight:bold;
	color:#a88d65;
	border-bottom:1px solid #d7bf9c;
	padding:0 0 5px 0;
}

dl.case .left_box .concept{
	width:350px;
	font-size:20px;
	font-weight:bold;
	color:#6c5027;
	background:url(../case/images/concept.gif) 0 50% no-repeat;
	margin:5px 0 0 0;
	padding:0 0 0 85px;
}

dl.case ul.concept_list{
	width:435px;
	margin:10px 0 0 0;
}

dl.case ul.concept_list li{
	width:405px;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
	font-size:12px;
	color:#6c5027;
}

li.n01{background:url(../case/images/number1.gif) no-repeat;}
li.n02{background:url(../case/images/number2.gif) no-repeat;}
li.n03{background:url(../case/images/number3.gif) no-repeat;}


/*******************************

事例一覧　詳細
 
*******************************/

.case_box{
	float:left;
	width:706px;
	padding:20px 0;
	border:2px solid #d7bf9c;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
	behavior: url(/PIE.php);
}

.case_box dt.title{
	width:515px;
	margin:0 auto;
	padding:0 0 5px 160px;
	border-bottom:1px solid #d7bf9c;
	color:#000;
	font-weight:bold;
	font-size:20px;
	background:url(../case/images/soudan.gif) no-repeat; 
	}
	
.case_box dd.box{
	width:620px;
	margin:0 auto;
	padding:30px 0 0 0;
	}
	
.case_box .main_p{
	width:620px;
	font-size:12px;
	font-weight:bold;
	color:#6c5027;
}

.case_box .main_p img{
	margin-bottom:5px;}
	
.case_box ul.g_photo{
	float:left;
	width:630px;
	margin:20px 0;
	}

.case_box ul.g_photo li.before{}

.case_box ul.g_photo li{
	float:left;
	width:200px;
	height:133px;
	overflow:hidden;
	margin:0 10px 10px 0;
	}


.case_box ul.g_photo .before_ami{
	position:relative;
	z-index:1;
}
	
.case_box ul.g_photo .before_p{
	clear:both;
	float:left;
	margin:-20px 0 0 0;
}


.case_box dl.teian_box{
	width:620px;
	float:none;
	margin:0 0 30px 0;
}

.case_box dl.teian_box dt{
	width:620px;
	margin:0 0 20px 0;
	}
	
.case_box dl.teian_box dd{
	width:620px;
	font-weight:bold;
	}
	

.case_box .dd_concept{
	width:535px;
	font-size:25px;
	font-weight:bold;
	color:#6c5027;
	background:url(../case/images/concept.gif) 0 50% no-repeat;
	padding:0 0 0 85px;
}

.case_box ul.concept_dd{
	width:620px;
	margin:10px 0 0 0;
}

.case_box ul.concept_dd li{
	width:590px;
	margin:0 0 10px 0;
	padding:0 0 0 30px;
	font-size:16px;
	color:#6c5027;
	font-weight:bold;
}




.case_box dl.comment{
	width:620px;
	float:none;
	margin:0 0 30px 0;
}

.case_box dl.comment dt{
	width:620px;
	margin:0 0 20px 0;
	}
	
.case_box dl.comment dd{
	width:620px;
	font-size:14px;
	color:#505050;
	font-weight:bold;
	}
	
.case_box dl.comment p{
	margin-bottom:20px;
	font-weight:bold;
	}