@charset "utf-8";

/* ========================================================
	index.css => TOP用CSS
======================================================== */

/* contents-title
============================================================================================================ */

div#contents-title {
	background: url(../images/title_bg.png) no-repeat;
}

div#contents-title.recommend {
	background: url(../images/title_bg_recommend.png) no-repeat;
}

div#contents-title.new {
	background: url(../images/title_bg_new.png) no-repeat;
}

div#contents-title.pet {
	background: url(../images/title_bg_pet.png) no-repeat;
}


/* search
============================================================================================================ */

div#search {
	margin-bottom: 15px;
}

div#search div.head {
	height: 4px;
	font-size: 0;
	line-height: 0;
	background: url(../images/search_head.png) no-repeat;
}

div#search div.inner {
	background: url(../images/search_inner.png) repeat-y;
	zoom:1;
}
div#search div.inner:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

	div#search div.inner div#conditions {
		width: 550px;
		padding: 10px 0 0 15px;
		float: left;
	}

			div#search div.inner div#conditions div {
				margin: 5px 0;
				margin-right: 20px;
				float: left;
			}
			
			div#search div.inner div#conditions div label {
				padding-left: 18px;
				color: #000;
				font-weight: bold;
				background: url(../images/search_title_bg.png) no-repeat left center;
			}
			
			div#search div.inner div#conditions div select {
				width: 120px;
				padding: 1px;
				border: 1px solid #7b9ebd;
			}
			
	div#search div.inner ul {
		float: right;
	}
		div#search div.inner ul li {
			width: 92px;
			height: 70px;
			background: url(../images/search_btn.png) no-repeat;
			display: block;
			text-indent: -10000px;
			cursor: pointer;
		}
			
div#search div.bottom {
	height: 4px;
	font-size: 0;
	line-height: 0;
	background: url(../images/search_bottom.png) no-repeat;
}

/* navigation
============================================================================================================ */

div#housing-navi {
	margin-bottom: 15px;
	zoom:1;
}
div#housing-navi:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

ul#sorted {
}

	ul#sorted li {
		float: left;
	}

	ul#sorted li a {
		background: url(../images/housing_menu_bg01.png) no-repeat left center;
		padding: 7px 19px;
		display: block;
		text-decoration: none !important;
	}
	ul#sorted li a span {
		padding-left: 15px;
		background: url(../images/housing_menu_icon02.png) no-repeat left center;
	}
	ul#sorted li a.active span {
		color: #000;
		font-weight: bold;
		background: url(../images/housing_menu_icon01.png) no-repeat left center;
	}
	
ul.pagenation {
}
ul.pagenation li{
	margin : 0 2px;
}


/* housing-list
============================================================================================================ */

div#housing-list {
}


div#housing-list div.inner div.housing-section {
	margin-bottom: 40px;
	zoom:1;
}
div#housing-list div.inner div.housing-section:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

	div#housing-list div.inner div.housing-section div.ph {
		width: 270px;
		float: left;
	}
		body#place.index div#housing-list div.inner div.housing-section div.ph h2 {
			font-size: 110%;
			line-height: 1.9em;
			margin-bottom: 10px;
		}
		body#place.index div#housing-list div.inner div.housing-section div.ph ul li {
			margin-bottom: 18px;
			padding-bottom: 18px;
			border-bottom: none;
		}
	div#housing-list div.inner div.housing-section div.ph ul li div.ph_in{
	
			padding: 3px;
			border: 1px solid #dfdfdf;
			background: #fff;
			text-align : center;
	}
	
		div#housing-list div.inner div.housing-section div.ph ul li img {
		}

	div#housing-list div.inner div.housing-section div.spec {
		width: 430px;
		float: right;
	}
	
		div#housing-list div.inner div.housing-section div.spec div.icon {
			margin-bottom: 15px;
		}
		
		div#housing-list div.inner div.housing-section div.spec table {
			margin-bottom: 20px;
			border-collapse: collapse;
		}
		
		div#housing-list div.inner div.housing-section div.spec table th,
		div#housing-list div.inner div.housing-section div.spec table td {
			vertical-align: top;
			border: 1px solid #dfdfdf;
		}

		div#housing-list div.inner div.housing-section div.spec table th {
			width: 20%;
			padding: 1px;
			text-align: center;
			background: url(../images/th_bg.png) repeat-y left bottom;
		}

		div#housing-list div.inner div.housing-section div.spec table th div {
			height:100%;
			min-height:100%;
			padding: 5px;
			font-weight: bold;
		}

		div#housing-list div.inner div.housing-section div.spec table td {
			width: 30%;
			padding: 6px;
		}
		body#dealing.detail div#housing-list div.inner div.housing-section div.spec table td {
			width: 80%;
		}


/* housing-list：詳細ページ用追加
===================================== */

	div#housing-list div.inner div.housing-section div.ph {
	}

		div#housing-list div.inner div.housing-section div.ph h2 {
			font-size: 110%;
			line-height: 2.5em;
			margin-bottom: 10px;
		}
		div#housing-list div.inner div.housing-section div.ph h2 span {
			padding-bottom: 5px;
			font-weight: normal;
			border-bottom: 1px dotted #999999;
		}

		div#housing-list div.inner div.housing-section div.ph ul {
		}

		div#housing-list div.inner div.housing-section div.ph ul li {
			margin-bottom: 18px;
			padding-bottom: 18px;
			border-bottom: 1px dotted #999999;
		}
		div#housing-list div.inner div.housing-section div.ph ul li a {
			width: 266px;
			position: relative;
			display: block;
			padding: 3px;
			border: 1px solid #dfdfdf;
			background: #fff;
			text-align : center;
		}
		div#housing-list div.inner div.housing-section div.ph ul li a span.zoom {
			width: 24px;
			height: 22px;
			background: url(../../common/images/contents/zoom.png) no-repeat;
			position: absolute;
			right: 0;
			bottom: 4px;
			alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
		}
		
		div#housing-list div.inner div.housing-section div.ph ul li.end {
			border: none;
		}
		
		div#housing-list div.inner div.housing-section div.spec table td ul#setsubi li {
			padding: 1px 3px;
			margin-right: 5px;
			font-size: 90%;
			background: #ad9976;
			color: #fff;
			float: left;
			margin : 1px 5px 1px 0;
		}
	
div#housing-list div.inner div.housing-section ul#sub-ph {
	border-bottom: 1px dotted #999999;
	margin-bottom: 25px;
	padding-bottom: 15px;
	clear: both;
	zoom: 1;
}
div#housing-list div.inner div.housing-section ul#sub-ph:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

	div#housing-list div.inner div.housing-section ul#sub-ph li {
		margin-right: 10px;
		margin-bottom: 15px;
		font-size: 90%;
		text-align: center;
		float: left;
		height: 190px;
	}
	div#housing-list div.inner div.housing-section ul#sub-ph li.wide{
		height : 280px;
	}
	div#housing-list div.inner div.housing-section ul#sub-ph li.end {
		margin-right: 0;
	}

	div#housing-list div.inner div.housing-section ul#sub-ph li div {
		width: 223px;
		height : 165px;
		line-height : 165px;
		margin-bottom: 3px;
		padding: 3px;
		border: 1px solid #dfdfdf;
		background: #fff;
		position: relative;
	}
	
	div#housing-list div.inner div.housing-section ul#sub-ph li div.wide {
		width: 343px;
		height : 256px;
	}

	div#housing-list div.inner div.housing-section ul#sub-ph li a {
	}

	div#housing-list div.inner div.housing-section ul#sub-ph li a span.zoom {
			width: 24px;
			height: 22px;
			background: url(../../common/images/contents/zoom.png) no-repeat;
			position: absolute;
			right: 4px;
			bottom: 4px;
			alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:0.70;
	}

div#housing-list div.inner div.housing-section div#contact {
	width: 710px;
	height: 116px;
	position: relative;
	clear: both; 
}
div#housing-list div.inner div.housing-section div#contact ul {
	position: absolute;
	top:28px;
	left:35px;
	background: #fff;
}


table#infomation {
margin-bottom: 25px;
padding-bottom: 15px;
background: url(../images/detail/info_icon_bg.png) repeat-x bottom;
}

table#infomation td {
	padding: 5px 0;
	background: url(../images/housing_menu_bg01.png) no-repeat right;
}
table#infomation td.end {
	background: none;
}

table#infomation td div {
	margin: 0px 10px;
	padding-left: 18px;
	color: #000000;
	font-size: 150%;
	background: url(../images/detail/info_icon.png) no-repeat left center;
}