@charset "utf-8";

/* =======================================

	Concrete CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Introduction
		1-1.Profile
		1-1.Lead
	
	2.Recommend Section
		2-1.Photo01
		2-2.Photo02
	
	3.Guest Item
		3-1.Summary
	
	4.Editor

========================================== */

/* 1.Introduction
========================================== */
#contents #introduction {
	margin: 20px 30px;
}

#contents #introduction h3 {
	position: relative;
	z-index: 100;
	color: #5B5B5B;
	font-size: 138.5%;
	line-height: 1.334;
	font-weight: bold;
	text-align: right;
}

#contents #introduction h3 span.kana {
	font-size: 55.56%;
	line-height: 1.6;
	font-weight: normal;
}

	/* 1-1.Profile
	---------------------------------------- */
	#contents #introduction .profile {
		position: relative;
		margin: -40px 0 20px;
		z-index: 50;
	}
	/* Safari2,0 Only \*/
	html:\66irst-child #contents #introduction .profile {margin-top: -39px;}/**/
	
	#contents #introduction .profile p {
		display: table-cell;
		font-size: 77%;
		line-height: 1.6;
		vertical-align: bottom;
	}
	/* IE6 Only */
	* html #contents #introduction .profile p {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html #contents #introduction .profile p {
		display: inline;
		zoom: 1;
	}
	
	#contents #introduction .profile p.image {
		padding: 0 0 3px;
		width: 180px;
	}
	
	#contents #introduction .profile p.text {
		padding: 4em 0 0 20px;
		width: 440px;
		color: #5B5B5B;
	}
	
	/* 1-2.Lead
	---------------------------------------- */
	#contents #introduction p.lead {
		padding: 3px 37px;
		background: url(../../../concrete/img/introlead_bg.gif) no-repeat 0 50%;
		color: #B87632;
		font-size: 92.4%;
		line-height: 1.335;
	}


/* 2.Recommend Section
========================================== */
#contents .recomSec {
	width: 640px;
	margin: 0 30px 40px;
	overflow: hidden;
}

#contents .recomSec p {
}

#contents .recomSec p.host {
	color: #693905;
}

#contents .recomSec p.guest {
	margin: 0 0 20px;
}

#contents .recomSec p.guest dfn {
	font-weight: bold;
}

#contents .recomSec p.point {
	margin: 0 0 40px;
	text-align: center;
}

#contents .recomSec p.image {
	margin: 0 0 20px;
	text-align: center;
}

	/* 2-1.Photo01
	---------------------------------------- */
	#contents .recomSec .photo01 {
		position: relative;
		margin: 0 0 -20px;
		zoom: 1;
	}
	
	#contents .recomSec .photo01:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .recomSec .photo01 .text {
		float: left;
		width: 380px;
	}
	
	#contents .recomSec .photo01 .image {
		float: right;
		width: 240px;
		text-align: right;
	}
	
	/* 2-2.Photo02
	---------------------------------------- */
	#contents .recomSec .photo02 {
		position: relative;
		margin: 0 0 -20px;
		zoom: 1;
	}
	
	#contents .recomSec .photo01:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#contents .recomSec .photo02 .text {
		float: right;
		width: 380px;
	}
	
	#contents .recomSec .photo02 .image {
		float: left;
		width: 240px;
		text-align: left;
	}
	
	/* 2-3.Corp Gallery
	---------------------------------------- */
	#contents .recomSec .corpGallery {
		padding: 30px 0 0;
		clear: both;
	}
	
	#contents .recomSec .corpGallery h4 {
		margin-bottom: 15px;
		padding-top: 15px;
		border-top: #DDD solid 1px;
	}
	#contents .recomSec .corpGallery ul {
		width: 648px;
		margin-left: -8px;
		overflow: hidden;
	}
	#contents .recomSec .corpGallery ul li {
		display: inline;
		float: left;
		margin-left: 8px;
	}
	#contents .recomSec .corpGallery ul li img {
		border: #DDD solid 5px;
	}


/* 3.Guest Item
========================================== */
#contents .guestItem {
	width: 640px;
	margin: 0 30px 20px;
	padding: 20px 0;
	background: url(../../img/common/line_dotted02_gray_01.gif) repeat-x top;
	zoom: 1;
	overflow: hidden;
}

#contents .guestItem:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .guestItem p.image {
	float: left;
	background: url(../../img/common/line_dotted02_gray_01.gif) repeat-x;
}



	/* 3-1.Summary
	---------------------------------------- */
	#contents .guestItem .summary {
		display: inline;
		float: left;
		margin: 0 0 0 20px;
		width: 440px;
	}
	
	#contents .guestItem .summary p {
		color: #221714;
	}
	#contents .guestItem p.guestTitle {
		margin-bottom: 10px;
	}
	#contents .guestItem p.entry {
		margin-bottom: 5px;
	}
	#contents .guestItem h3 {
		margin-bottom: 10px;
		line-height: 1.4;
		font-size: 123.1%;
		font-weight: bold;
		color: #39C;
	}
	#contents .guestItem .summary p.itemContact {
		margin: 10px;
		font-size: 93%;
		color: #666;
	}
	

/* 4.Editor
========================================== */
#contents p.editor {
	margin: 0 30px 60px;
	padding: 9px 2px;
	border: solid #BFBFBF;
	border-width: 3px 0 1px;
	color: #BFBFBF;
	text-align: right;
}

#contents p.editor span.person {
	margin: 0 0 0 6px;
}

/* 4-1.Report Memo
---------------------------------------- */
#contents .caseIntroduce .reportMemo {
	position: relative;
	margin: 0 0 20px;
	padding: 20px 25px 2px 114px;
	background: url(../../../concrete/img/house/repomemo_bg.gif) repeat-y;
	zoom: 1;
	clear: both;
}
#contents .caseIntroduce .reportMemo .bgBtm {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 638px;
	height: 2px;
	background: url(../../../concrete/img/house/repomemo_bg_btm.gif) no-repeat;
	overflow: hidden;
	zoom: 1;
}
#contents .caseIntroduce .reportMemo p {
	margin: 0 0 10px;
}