/******************************************************
* 詳細ページ用スタイル
*
*******************************************************/
#contens #rightArea{
	width:670px;
	position: relative;
	}
#detailMain{
	font-size:134%;
	font-weight:bold;
	margin:10px 0;
}
#detailArea{

	}
#detailArea #mainLeftArea{
	float: left;
	width:434px;
	}
#detailArea #mainRightArea{
	float:right;
	width:210px;
	}

/* メイン画像表示 */
#detailArea #mainLeftArea .mainImage{
	border:1px solid #cccccc;
	padding:2px;
	margin:0 0 10px 0;
	}

/* お問合せエリア */
#informationArea{
	text-align:center;
	padding: 0 6px 5px;
	border:1px solid #999999;
	}
#informationArea p{
	text-align:left;
	margin-top:5px;
	}

/* 詳細データエリア */
#detailDataArea{
	margin:20px 0 0 0;
	border:1px solid #CCCCCC;
	padding:1px;	
	}

#detailDataArea .innerArea,
#detailDataArea .innerAreaBl{
	border:1px solid #dfdfdf;
	padding: 2px 5px 5px 5px;
	background:#D5EABF;	
	}
#detailDataArea .innerAreaBl{
	background:#D1EFF1;	
	}
	
.detail_green_icon01{
	color:#663300;
	display:block;
	padding-left:20px;
	background:url("/common/img/icn/detai_green_icon.gif") left center no-repeat;	
	}
.detail_blue_icon01{
	color:#663300;
	display:block;
	padding-left:20px;
	background:url("/common/img/icn/detai_blue_icon.gif") left center no-repeat;	
	}
#detailDataArea p.innerTitle{
	font-size:117%;
	border-bottom:2px solid #996600;
	padding: 5px 5px 5px;	
	}
	
#detailDataArea dl{
	margin:5px auto 0 0;
	padding:5px 0 10px 0;
	background:#FFFFFF;
	}
#detailDataArea dl dt{
	color:#333333;
	padding:8px 0 0 20px;
	background:url("/common/img/icn/arrow_brown_icon.gif") 5px 9px no-repeat;	
	}
#detailDataArea dl dd{
	color:#333333;
	padding:2px 0 0 20px;
	}
#detailDataArea p.right{
	padding-top:3px;
	text-align: right;
	font-size:84%;
	}

/***********************************
* 施工例詳細 間取りブロック
***********************************/

#madoriArea h3{
	border-bottom:1px solid #cccccc;
	position: relative;
	}
#madoriArea #imageArea{
	margin:10px 0;
	} 
#imageArea #madorileft,
#imageArea #madoriCenter,
#imageArea #madoriRight{
	float: left;
	}
#imageArea #madorileft,
#imageArea #madoriRight{
	width:300px;
	overflow: hidden;
	}
#imageArea #madoriCenter{
	text-align:center;
	width:70px;
	padding-top:90px;
	}
#madoriArea #imageArea  p.imgPhoto{
	display: block;
	margin:10px auto;
	width:300px;
	overflow:auto;
	border:1px solid #fdfdfd;
	}
#madoriArea #imageArea  p.imgPhoto{
	text-align:center;
	}
#imageArea #madorileft p.imgB{	
	border-bottom:1px solid #CCCC66;
	}

#imageArea #madoriRight p.imgA{	
	border-bottom:1px solid #55AA22;
	}
/***********************************
* 施工例詳細ブロック
***********************************/
#sekourei{
	border-bottom:1px solid #cccccc;
	}
#rightArea .sekouTitle{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:3px 0;
	margin:0 0 7px 0;
	position: relative;
	}
#rightArea .sekouPlaceTitle{
	background:url("/common/img/icn/left_title_icon2.gif") left center no-repeat;
	padding:0 0 0 15px;
	font-weight: bold;
	font-size:134%;
	color:#663300;
	}
#rightArea .sekouPlaceTitleBl{
	background:url("/common/img/icn/left_titleBl_icon2.gif") left center no-repeat;
	padding:0 0 0 15px;
	font-weight: bold;
	font-size:134%;
	color:#663300;
	}
#rightArea .bigPhoto{
	position: absolute;
	top:6px;
	right:10px;
	}
/***********************************
* 施工例ブロック
***********************************/
#rightArea .sekoureiImageArea{
	}
#rightArea .beforeArea,
#rightArea .afterArea,
#rightArea .pointArea,
#rightArea .newResidenseArea{
	float: left;
	}
#rightArea .sekoureiImageArea .pointAreaBl{
	float: right;
	}
/* before*/
#rightArea .beforeArea{
	width:178px;
	padding-right:14px;
	}
/***********************************
* 新築・不動産　施工例　エリア
***********************************/	
/* newresidence*/
#rightArea .newResidenseArea{
	margin:10px 0 0 0 ;
	width:380px;
	overflow:hidden;
	border:1px solid #cccccc;
	padding:2px;
	}
#rightArea .newResidenseArea img{
	padding:0;
	margin:0;
	}
#rightArea .beforeArea p{
	margin:0 0 10px 0;
	}
#rightArea .beforeArea p.comment{
	border:1px solid #E7E7B7;
	padding:3px;
	font-size:92%;
	}
#rightArea .beforeArea .beforeTitle{
	border-left:3px solid #E7E7B7;
	border-bottom:1px solid #E7E7B7;
	padding:0 0 0 7px;
	font-size:142%;
	font-weight:bold;
	}

/* after*/
#rightArea .afterArea{
	width:254px;
	padding-right:14px;
	}
#rightArea .afterArea p{
	margin:0 0 10px 0;
	}
#rightArea .afterArea .afterTitle{
	border-left:3px solid #55AA22;
	border-bottom:1px solid #55AA22;
	padding:0 0 0 7px;
	font-size:142%;
	font-weight:bold;
	}
	
/* チェックポイントブロック*/
#rightArea .pointArea{
	margin:20px 0 0 0;
	height:100%;
	}
#rightArea .pointAreaBl{
	margin:10px 0 0 0;
	height:100%;	
	}
#rightArea .pointArea .checkPoint{
	width:204px;
	border:1px solid #55aa22;
	padding:2px;
	}
/*ポイントエリアBLue*/
#rightArea .pointAreaBl .checkPoint{
	width:250px;
	border:1px solid #66ccff;
	padding:2px;
	}
#rightArea .pointArea .inner,
#rightArea .pointAreaBl .inner{
	border:1px solid #cccccc;
	padding:5px;
	}
#rightArea .pointArea .inner p.header{
	font-size:117%;
	padding:3px 0 6px 25px;
	color:#663300;
	border-bottom:1px solid #55AA22;
	background:url("/common/img/icn/check_green_icon.gif") top left no-repeat;
	}
#rightArea .pointAreaBl .inner p.header{
	font-size:117%;
	padding:3px 0 6px 25px;
	color:#663300;
	border-bottom:1px solid #66ccff;
	background:url("/common/img/icn/check_blue_icon.gif") top left no-repeat;
	}
#rightArea .pointArea .inner p.comment,
#rightArea .pointAreaBl .inner p.comment{
	padding:5px;
	}

#rightArea #subLink{
	position: absolute;
	top:2px;
	right:0;
	}

/***********************************
* clearfix
***********************************/
#rightArea #detailArea:after,
#rightArea #imageArea:after,
#rightArea .blockArea .sekoureiImageArea:after{
	content: "."; 
	display: block; 
	height:0.1px;
	clear: both;  
	visibility: hidden; 
	overflow:hidden;
	}
#rightArea #detailArea,
#rightArea #imageArea,
#rightArea .blockArea .sekoureiImageArea{
	zoom:1;
	}