@charset "utf-8";

/* 
	Site Name: 
	Description: ページ特有の設定
*/

/* ============================ */
/*
	このページ特有のスタイル設定
*/
/* ============================ */

/* お部屋探しのコツ */

#hang {
	padding-bottom: 120px;
	background: url("../img/hangBack.gif") no-repeat bottom left;
}

	#mainContents #infomation {
		width: 522px;
		background: url("../img/infoBack.gif") repeat-x left top;
	}
	
		#mainContents #infomation h2 {
			float: left;
		}
		
		#mainContents #infomation p {
			float: right;
		}

/* ニュース */

body#frameNews {
	background: none #ffffff;
}

ul#news {
	margin: 0 0 0 15px;
}

ul#news li {
	padding: 6px 0 6px 15px;
	line-height: 1;
	border-bottom: 1px dotted #cccccc;
	background: url("../common/img/list02.gif") no-repeat left;
}


li#newConstruction {
	margin-right: 5px;
}

	#mainContents .banner {
		margin: 14px 0 0;
	}
	
	#mainContents .banner li {
		float: left;
	}

#mainContents p#objectNumber {
	width: 527px;
	height: 40px;
	padding: 8px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	background: url("../img/objectNumber.gif") no-repeat left top;
	text-align: center;
}

	p#objectNumber .number {
		font-size: 120%;
		color: #0F218B;
	}

/* システム */
#sys {
	width: 750px;
	padding: 0 25px;
}

	#sys .matrix {
		margin-bottom: 12px;
	}


/* ----------------------
newConstruction.html
---------------------- */

/* 左側　マトリックス検索 */
#matrixSearch {
	width: 226px;
	margin: 0 auto 12px;
	text-align: center;
}

	#matrixSearch p {
		margin: 0;
		font-size: 95%;
	}
	
	#matrixSearch p.caption {
		width: 210px;
		margin: 0 auto;
	}

/* 左側　会社情報 */
#companyAddress {
	width: 220px;
	height: 156px;
	margin: 24px auto;
	background: url("../img/companyAddress.gif") no-repeat top left;
}

	#companyAddress p {
		padding: 12px 0 0 12px;
	}

/* 新築物件 */
.stage {
	margin-bottom: 12px;
}

#newConstructionList {
	margin: 18px 0 0;
}

	.construction {
		float: left;
		width: 162px;
		margin-right: 12px;
		padding: 1px 1px 3px;
		border: 1px solid #CCCCCC;
		text-align: center;
	}
	
	.construction dl {
		margin-top: 1px;
		border-bottom: 1px solid #ADD0ED;
	}
	
	.construction dt {
		float: left;
		width: 43px;
		margin-right: 5px;
		padding: 1px;
		text-align: center;
		background: #ADD0ED;
		color: #0F218B;
		font-size: 90%;
		line-height: 1.4;
	}
	
	.construction dd {
		margin-left: 44px;
		padding: 1px;
		line-height: 1.4;
		font-size: 90%;
		border-top: 1px solid #ADD0ED;
	}
	
	.construction p.comment {
		width: 150px;
		margin: 3px auto 0;
		font-size: 90%;
	}
	
	.construction p.icon {
		width: 158px;
		height: 42px;
		margin: 2px 1px 2px 1px;
	}
	
	.construction p.banner {
		margin: 2px 0;
		padding: 0;
		text-align: center;
	}

.end {
	margin-right: 0;
}

/* -----------------------
detail.html
------------------------ */

#detailStage {
	width: 742px;
	margin: 0 auto;
	text-align: center;
}

table#constructionDetail {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
}

	table#constructionDetail td {
		padding: 5px;
		vertical-align: top;
	}

	table#constructionDetail td table#detail {
		width: 100%;
		border: 1px solid #666666;
	}
	
		table#constructionDetail td table#detail th {
			padding: 4px 8px 4px 10px;
			text-align: center;
			font-weight: normal;
			border: 1px solid #666666;
			background: #DEEEFF;
		}
		
		table#constructionDetail td table#detail td {
			padding: 4px 8px 4px 10px;
			text-align: left;
			border: 1px solid #666666;
		}
		
		/* 賃料 */
		table#constructionDetail td table#detail tr#hire th {
			padding: 6px 8px 6px 10px;
			font-size: 110%;
			font-weight: bold;
		}
		
		table#constructionDetail td table#detail tr#hire td {
			padding: 6px 8px 6px 10px;
			color: #FF0000;
			font-size: 110%;
			font-weight: bold;
			background: #FFECCF;
		}
		
		.btn {
			margin: 12px 0;
		}