@charset 'UTF-8';


/* ================================================================ *
	NexasDesign 2011/11
	物件詳細 CSS
	
 * ================================================================ */
.deta-head:after,
#header-left:after,
#header-right:after,
.qr-box:after,
#deta-layout:after,
#photo-area01:after,
.inq-btn-box:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}


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

>> レイアウト (カラー設定はrent.css estate.cssへ記述)

=============================================================================== */
table {
	width: 100%;
}
#left-area {
	float : left;
	width : 685px;
}
#right-area {
	float : right;
	width : 244px;
}


/*-------------------------------------------------------------------------------

>> left-area
 
-------------------------------------------------------------------------------*/

/* 価格（強調表示） */
.price {
	font-weight : bold;
	font-size : 20px;
	padding : 0 5px;
}

/*-- deta-table -------------------------------------------------------------*/
.deta-table01,.deta-table02 {
	margin : 0 0 0;
}
.deta-table01 th,.deta-table02 th {
	padding : 4px 10px;
	text-align:center;
	font-size : 0.9em;
	font-weight:normal;
	white-space:nowrap;
	color : #fff;
}
.deta-table01 td,.deta-table02 td {
	padding : 4px 10px;
	text-align:center;
	font-size : 0.8em;
}

.deta-table01.text-left th,
.deta-table01.text-left td,
.deta-table02.text-left th,
.deta-table02.text-left td {
	text-align : left;
}
.deta-table01 td.text-left,
.deta-table02 td.text-left {
	text-align : left;
}

/* アイコン説明リンク */
#left-area th a {
	color : #ffcc00;
	font-size: 0.8em;
}
#left-area th a:hover {
	color : #fff;
}

/* text-align設定 */
.text-left th, .text-left td {
	text-align : left;
}


/* フォトエリア */
#deta-layout #photo-area01 {
	margin : 0 0 20px 0;
}
#deta-layout #photo-area01 th,#deta-layout #photo-area01 td {
	border : 1px solid #e6e6e6;
}


/* 設備アイコンエリア */
#icon-area {
	clear : both;
	padding : 5px 0 0;
	text-align : left;
}
#icon-area li {
	display : inline;
}
#icon-area img {
	margin : 0 10px 0 0;
}

/*-- 店舗情報 ----------------------------------------------------------------*/
.shop-deta {
	font-size : 0.75em;
	margin : 0 0 15px;
}
.shop-deta th {
	width : 9em;
	padding: 4px 10px;
	text-align : left;
	font-weight: normal;
}
.shop-deta td {
	padding: 4px 10px;
}


#deta-layout .go-top a {
	clear : none;
	margin-top : -27px;
}




/*-------------------------------------------------------------------------------

>> right-area
 
-------------------------------------------------------------------------------*/
#right-area li {
	margin : 0 0 10px;
}
.map-box {
	margin : 0 0 15px;
}

/* QRコードボックス */
.qr-box {
	_zoom : 1;
	overflow:hidden;
	margin : 0 0 15px;
	padding : 4px;
}
.qr-box-in {
	background:#fff;
}
#map {
	clear:both;
	width : 238px;
	height : 240px;
}

#check-list-in {
	margin : 0 4px 0 0;
}

/*-------------------------------------------------------------------------------

>> ボタン設定　複数比較はcompare.css
 
-------------------------------------------------------------------------------*/
/* 資料請求【物件詳細】 */
#go-form a {
	clear:both;
	display : block;
	text-indent: -9000px;
	width : 244px;
	height : 54px;
	overflow : hidden;
	background : url(../img/btn/go_form_btn.jpg) no-repeat;
}

/* プリント【物件詳細】 */
#go-print a {
	display : block;
	text-indent: -9000px;
	width : 244px;
	height : 54px;
	overflow : hidden;
	background : url(../img/btn/go_print_btn.jpg) no-repeat;
}

/* 内見予約【右カラム】 */
#pre-btn2 a{
	display : block;
	text-indent: -9000px;
	width : 244px;
	height : 54px;
	overflow : hidden;
	background : url(../img/btn/pre_form_btn02.jpg) no-repeat;
}
#go-form a:hover,#go-print a:hover, #pre-btn2 a:hover {
	background-position : 0 -54px;
}


/* お問い合わせボタン */
.inq-btn-box td {
	padding : 8px 10px 4px;
	text-align:center;
}
/* 内見予約ボタン[メイン下部] */
.pre-btn a {
	display : block;
	width : 310px;
	height:61px;
	margin : 0 0 0 0;
	text-indent: -9000px;
	overflow:hidden;
	background: url(../img/btn/pre_form_btn01.jpg) no-repeat;
}

/* お問い合わせボタン[メイン下部] */
.go-form2 a {
	display : block;
	width : 310px;
	height:61px;
	text-indent: -9000px;
	overflow:hidden;
	background : url(../img/btn/go_form_btn3.jpg) no-repeat;
}
.inq-btn-box a:hover {
	background-position: 0 -61px;
}