@charset "utf-8";

.propBriefBox {
	margin: 0 0 25px;
	padding: 10px;
	border: 1px solid #CCC;
	background-image: url(../../img/handle/prop_brief_bg.gif);
}

.propBriefBox .brifBg {
	padding: 10px;
	width: 880px;
	background-color: #FFF;
}

.propBriefBox .brifBg .sampleImg {
	margin: 0 15px 0 0;
	width: 120px;
	float: left;
}

.propBriefBox .brifBg .brifArea {
	width: 745px;
	float: right;
}

.propBriefBox .brifBg .brifArea p.brifTxt {
	margin: 0 8px 10px 0;
	width: 515px;
	float: left;
	line-height:1.4;
}

.propBriefBox .brifBg .brifArea p.brifTxt strong {
	font-size: 110%;
}

.propBriefBox .brifBg .brifArea p.brifTxt img {
	margin: 0 0 0 5px;
	vertical-align: middle;	
}

.propBriefBox .brifBg .brifArea p.brifBtn {
	padding: 25px 0 0;
	width: 220px;
	float: right;
}

.propBriefBox .brifBg .brifArea ul.brifData {
	padding: 8px 0 0;
	border-top: 1px dotted #999;
	clear: both;
	font-size: 85%;
}

.propBriefBox .brifBg .brifArea ul.brifData li {
	list-style-type: none;
}

.propBriefBox .brifBg .brifArea ul.brifData  li span {
	color: #C60;	
}

h3.handleH {
	margin: 0 0 10px;
	padding-left: 23px;
	height:44px;
	background-image: url(../../img/handle/property_ti_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size : 110%;
	line-height : 2.1;
	font-weight : bold;
	color : #000;
}

ul#explanUl {
	margin-bottom: 15px;
	list-style-type: none;	
}

	ul#explanUl li span {
		font-size: 85%;
	}

	ul#explanUl li span {
		color: #C60;	
	}

h4#lifeInfoTi {
	margin-bottom: 15px;
	padding: 8px 0 8px 10px;
	background-color: #666666;
	height: 15px;	
}

table#lifeInfoGuide {
	margin-bottom: 32px;
	width: 920px;
}

	ul#lifeInfoGuide li {
		font-size: 85%;
		display: inline;
	}
	
	td.phoFirst {
		width: 188px;
	}
	
	td.phoRep {
		width: 189px;
	}
	
	td.phoLast {
		width: 165px;
	}
	
	td.infoData {
		padding-top: 4px;
		font-size: 85%;
		line-height: 1.2;
		vertical-align: top;
	}


div.twoColumnsHandle {
	margin-bottom: 32px;
	width: 920px;
}
	
	div.twoColumnsHandle div.column {
		width:447px;
		float: left;
	}
	
	div.twoColumnsHandle div.columnEnd {
		width:447px;
		float: right;
	}
	
	div.twoColumnsHandle div.columnEnd p.docTxt {
		margin-bottom: 20px;
	}

	div.twoColumnsHandle div.columnEnd p.subTxt {
		margin-bottom: 20px;
		width: 280px;
		float: right;
	}

	div.twoColumnsHandle div.columnEnd p.subPho {
		width: 145px;
		float: left;
	}

	div.twoColumnsHandle img.infoPho {
		margin-bottom: 10px;
	}


div.twoColumnsHandle02 {
	margin-bottom: 32px;
	width: 920px;
}
	
	div.twoColumnsHandle02 div.column {
		width: 325px;
		float: left;
	}
	
	div.twoColumnsHandle02 div.columnEnd {
		width: 570px;
		float: right;
	}


div.threeColumnsHandle {
	margin-bottom: 32px;
	width: 920px;
}
	
	div.threeColumnsHandle div.column {
		padding-right: 25px;
		width:290px;
		float: left;
	}
	
	div.threeColumnsHandle div.columnEnd {
		width:290px;
		float: right;
	}

	div.threeColumnsHandle img.scenePho {
		margin-bottom: 10px;
	}
	


/* PLAN
-------------------------------------------------- */

div#planArea {
	margin: 0 0 25px;
	border: 1px solid #CCC;
	width: 918px;
}

	div#planArea h4 {
	padding: 10px 0 0 25px;
	height: 25px;
	background-color: #333;
	color: #FFF;
	line-height: 1.0;
	}

		div#planArea h4 span.floor {
			padding: 0 10px 0 0;
			font-size: 110%;
		}
	
		div#planArea h4 span.name {
			padding: 0 10px 0 0;
			border-right: 1px dotted #CCC;
			font-size: 110%;
		}
		
		div#planArea h4 span.size {
			margin: 0 0 0 10px;
			font-size: 110%;
		}

	div#planArea img.plan {
		padding: 15px;
		float: left;		
	}
	
	div#planArea .dataArea {
		margin: 15px 15px 0 0;
		width: 270px;
		float: right;
	}

	div#planArea .dataArea ul {
		margin: 0 0 25px;
		list-style-type: none;
		font-size: 90%;
	}
	
	div#planArea .dataArea ul li {
		padding: 0 0 4px;
	}

	div#planArea .dataArea ul li span {
		color: #F60;
		font-size: 150%;
		font-weight: bold;
	}
	
	div#planArea .dataArea ul li.total {
		border-top: 1px dotted #CCC;		
	}
	
p.facilityTxt {
	padding: 0 0 30px;
	font-size: 90%;
}

ul.roomPhoto {
	margin: 0 0 25px;
	padding: 15px;
	border: 1px solid #CCC;
	text-align: center;
	list-style-type: none;
}

	ul.roomPhoto li {
		display:inline;
	}
	
	ul.roomPhoto li img {
		margin: 0 15px 0 0;
	}

	ul.roomPhoto li.rightEnd img {
		margin: 0;
	}

h5.planSubTiH {
	margin: 0 0 5px;
	font-size: 90%;
}

	h5.planSubTiH span {
	color: #C60;
	}

div.viewPhoto {
	margin: 0 0 25px;
	padding: 15px;
	border: 1px solid #CCC;
	text-align: center;
}


/* Table
-------------------------------------------------- */

table.explanTable {
	margin: 0 0 25px;
	width:920px;
	border: 3px solid #DDD;
	background-color: #EEE;
	border-collapse: collapse;
	}
	
	table.explanTable td {
	padding: 4px 15px 6px;
	font-size: 85%;
	line-height:1.4;
	border-right: 1px dotted #BBB;
	border-bottom: 1px dotted #BBB;
	vertical-align: top;
		}
			
	table.explanTable td span {
		color: #039;
		}
				
	table.explanTable td.btnSpace {
		padding: 10px 15px 8px;
		}

table.OutlineTable {
	margin: 0 0 15px;
	width:918px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	}
	
	table.OutlineTable th,
	table.OutlineTable td {
		padding: 8px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		font-size:90%;
		text-align: center;
		line-height : 1.2;	
		}
				
	table.OutlineTable th {
		background-color: #666;
		font-weight: bold;
		color: #FFFFFF;
		}

		table.OutlineTable td.dataCell {
			text-align: center;
			}

		table.OutlineTable td.planCell {
			padding: 0 0 0 30px;
			text-align: left;
			}

		table.OutlineTable td.planCell img {
			margin: 0 0 0 30px;
			vertical-align: middle;
			}

		table.OutlineTable td.planCell img.narrow {
			margin: 0 0 0 25px;
			}


/* Map
-------------------------------------------------- */

div#mapBox {
	margin: 0 0 25px;
	text-align: center;
}

	div#mapBox p {
		margin: 0 auto;
		padding: 8px;
		border: 2px solid #CCC;
		width: 425px;
	}


/* Print
-------------------------------------------------- */
p#printArea {
	margin: 0 0 30px;
	text-align: center;
}

/* SANCTUS SHIJO KARASUMA
-------------------------------------------------- */

	div.twoColumnsHandle div.columnEnd_ssk {
		margin-top:0px;
		width:290px;
		float: right;
	}

div.twoColumnsHandle_ssk {
	margin-bottom: 32px;
	background:url(../../img/handle/sanctus_shijo14/bg_appearance_info.jpg) no-repeat 0 0;
	width:920px;
	height:335px;
}
	
	div.twoColumnsHandle_ssk .columnEnd p.docTxt {
		margin:80px 0 0 580px;
		width:340px;
		height:220px;
		float:right;
	}

.exampleTxt2{
	font-size:11px;
	color:#999;
	}

/* Residence Umeda LAUREL TOWER
-------------------------------------------------- */

	div.threeColumnsHandle div.column p.infoData2,
	div.threeColumnsHandle div.columnEnd p.infoData2{
	font-size:12px;
	}