/* CSS Document */

#contents {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

#contents #main{
	float:left;
	width:750px;
	margin-right:30px;
}

#main h2 {
	display:block;
	font-size:20px;
	line-height:26px;
	background-image: url(../search/images/list_h2_bg.gif);
	background-position: bottom;
	color: #FFF;
	background-color: #39B1E7;
	padding: 5px;
	background-repeat: no-repeat;
}

#searchBox {
	padding-top:10px;
	margin-bottom:30px;
	background-color: #FFF;
}

#searchBox form {
	display:block;
}

#searchBox div.searchBoxInner {
	display:block;
	margin:0 10px;
}

#searchBox div.searchBoxInner div {
	display:block;
	height:30px;
	padding-bottom:10px;
	line-height:30px;
}

#searchBox div.searchBoxInner div strong {
	float:left;
	height:30px;
	margin-right:5px;
	line-height:2.3em;
	font-size:14px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

#searchBox div.searchBoxInner div.text strong {
	background:url(../search/images/text_div_bg.png) no-repeat 0 0;
	width:180px;
	margin-right:10px;
}

#searchBox div.searchBoxInner div.text input {
	border:1px solid #7F9DB9;
	width:488px;
	height:24px;
	display:block;
	padding:2px 5px;
}

div.text .tipped {
	 color: #999999;
}

#searchBox div.searchBoxInner div.price,
#searchBox div.searchBoxInner div.landSize,
#searchBox div.searchBoxInner div.buidSize,
#searchBox div.searchBoxInner div.layout {
	width:360px;
	float:left;
}

#searchBox div.searchBoxInner div.Radiobtn,
#searchBox div.searchBoxInner div.Checkbox {
	width:720px;
	float:left;
}

#searchBox div.searchBoxInner div.price strong,
#searchBox div.searchBoxInner div.landSize strong,
#searchBox div.searchBoxInner div.buidSize strong,
#searchBox div.searchBoxInner div.layout strong,
#searchBox div.searchBoxInner div.Radiobtn strong,
#searchBox div.searchBoxInner div.Checkbox strong {
	background:url(../search/images/normal_div_bg.png) no-repeat 0 0;
	width:100px;
	margin-right:10px;
}

#searchBox div.searchBoxInner div.price label,
#searchBox div.searchBoxInner div.landSize label,
#searchBox div.searchBoxInner div.buidSize label,
#searchBox div.searchBoxInner div.layout label,
#searchBox div.searchBoxInner div.Radiobtn label,
#searchBox div.searchBoxInner div.Checkbox label {
	width:100px;
	float:left;
	display:block;
	font-size:12px;
	overflow:visible;
}

#searchBox div.searchBoxInner div input {
	margin-right:3px;
}

#searchBox div.searchBoxInner div select {
	border:1px solid #7F9DB9;
	width:100px;
	height:30px;
	padding:2px 5px;
}

#searchBox div.Number {
	background:url(../search/images/divNumber_bg.png) no-repeat 0 0;
	height:80px;
	color:#FFF;
	float:none;
	clear:both;
	padding-left:130px;
	padding-top:10px;
	position:relative;
}

#searchBox div.Number div {
	font-size:16px;
	font-weight:bold;
	height:50px;
}

#searchBox div.Number strong {
	font-size:50px;
	padding:0 5px 0 10px;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif;
}

#searchBox div.Number p {
	font-size:12px;
	display:block;
	line-height:14px;
}

#searchBox div.Number div.sendBtn {
	position:absolute;
	top:15px;
	right:25px;
}

.sendBtn a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

#memberBn {
	background-image: url(../search/images/member_bg.png);
	background-repeat: no-repeat;
	height: 170px;
	position: relative;
	margin-bottom: 25px;
}

#memberBn #Number{
	position:absolute;
	left: 20px;
	top: 20px;
}

#memberBn #Number div.normal {
	height:26px;
	color:#666;
	line-height:26px;
	background-image: url(../images/normal_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	width: 155px;
}

#memberBn #Number div.members {
	height:26px;
	color:#F00;
	line-height:26px;
	background-image: url(../images/members_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: 195px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	width: 155px;
}

#memberBn #Number div span {
	display:block;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	line-height:26px;
	float:left;
}

#memberBn #Number div.members span { color:#F00;}

#memberBn #Number div strong {
	font-size:16px;
	color:#666;
	line-height:26px;
	width:52px;
	display:block;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:3px;
}

#memberBn #Number div.members strong { color:#F00;}

#memberBn .entryBtn{
	position:absolute;
	left: 345px;
	top: 50px;
}

#sortNavi {
	background:#D9DDEB;
	padding:5px;
	margin-bottom:15px;
	clear: both;
}

#sortNavi .inner {
	background:#FFF;
	padding:0 5px;
}

#sortNavi .inner .title {
	float:left;
	width:110px;
	margin-right:5px;
}

#sortNavi .inner p {
	line-height:35px;
}

#sortNavi .inner p a {
	text-decoration:underline;
	color:#000;
}

#recommend {
	clear:both;
	float:none;
	width:750px;
	margin-bottom:50px;
}

#recommend h3{
	margin-bottom:20px;
}

#recommend ul {
	clear:both;
	float:none;
	width:770px;
}

#recommend li {
	width:235px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding-top:20px;
}

#recommend li .property {
	border:1px solid #EBE0C9;
	position:relative;
	height: 355px;
	background-color: #FFF;
}

#recommend li .property .type {
	position:absolute;
	top:-18px;
	left:0;
	width:80px;
}

#recommend li .property .img {
	padding:4px;
	height:160px;
	overflow:hidden;
	text-align:center;
}

#recommend li .property .detail {
	padding-right: 5px;
	padding-left: 5px;
}

#recommend li .property .detail .title {
	line-height:20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 20px;
	overflow: hidden;
	padding-top: 2px;
}

#recommend li .property .detail .title a {
	color:#06C;
	font-size:12px;
	text-decoration:underline;
}

#recommend li .property .locate {
	font-size:12px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
}

#recommend li .property .subject {
	font-size:12px;
	line-height:18px;
	height:20px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#recommend ul li .property .price {
	display:block;
	margin:0 auto 0;
	width:215px;
	padding:0 5px;
	height:35px;
	background:url(../images/recommend_price.gif) no-repeat 0 0;
}

#recommend ul li .property .price dt {
	float:left;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	padding:0 5px;
	width:30px;
}

#recommend ul li .property .price dd {
	float:right;
	display:block;
	padding:0 5px;
	font-size:11px;
	line-height:33px;
	width:165px;
	text-align:right;
}

#recommend ul li .property .price dd strong {
	font-weight:bold;
	font-size:16px;
	color:#C00;
	margin-right:2px;
}

#recommend ul li .property .bonus {
	display:block;
	margin:0 auto;
	width:205px;
	padding:5px 10px 0;
	height:20px;
}

#recommend ul li .property .bonus dt {
	float:left;
	display:block;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	width:105px;
}

#recommend ul li .property .bonus dd {
	float: right;
	display: block;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
}

#recommend ul li .property .bonus dd strong {
	font-weight:bold;
	font-size:16px;
	color:#C00;
	margin-right:2px;
}

#recommend ul li .property .loan {
	display:block;
	font-size:11px;
	margin:0 auto;
	width:215px;
	padding:0 5px;
	line-height:25px;
	height:30px;
	background:url(../images/recommend_loan.gif) no-repeat 0 0;
}

#recommend ul li .property .loan dt {
	float:left;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
	padding:5px;
	width:50px;
}

#recommend ul li .property .loan dd {
	float:right;
	display:block;
	padding:5px;
	color:#FFF;
	font-size:11px;
	line-height:20px;
	width:145px;
	text-align:right;
}

#recommend ul li .property .loan dd strong {
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	margin-right:2px;
}

#recommend li .property .memberOnly{
	padding:4px;
	height:354px;
	overflow:hidden;
	text-align:center;
}

#loan_copy {
	clear:both;
	float:none;
	margin-bottom:50px;
}
#loan_copy p{
	display:block;
	font-size:12px;
}

#list {
	padding-bottom:20px;
}

#list table {
	width:100%;
	border-collapse:collapse;
	color:#333;
	background-color: #FFF;
}

#list table th,
#list table td {
	border:1px solid #CCC;
}

#list table thead td {
	text-align:center;
	padding:5px;
	line-height:18px;
	font-size:12px;
	background:#FFF6D2;
}

#list table tbody th {
	text-align:center;
	width:120px;
	padding:5px;
}

#list table tbody td {
	padding:5px;
	text-align:center;
	font-size:14px;
	line-height:20px;
}

#list table tbody td.photo {
	padding:5px;
	width:120px;
}

#list table tbody td.locate {
	text-align:left;
	padding:8px;
}

#list table tbody td.locate a {
	text-decoration:underline;
	color:#06C;
	font-size:14px;
	line-height:22px;
	display:block;
}

#list table tbody td.locate dl dt,
#list table tbody td.locate dl dd {
	font-size:12px;
	display:block;
	line-height:20px;
}

#list table tbody td .price {
	font-size:12px;
	font-weight:bold;
	line-height:26px;
}

#list table tbody td .price strong {
	font-size:20px;
	color:#F00;
	font-weight:bold;
}

#list table tbody td .layout {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

#list table tbody tr.member td {
	padding:5px;
}

#list table tbody tr.member td .photo {
    position:relative;
}

#list table tbody tr.member td .photo .limit {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#list table tbody tr.member td.trigger {
	text-align:left;
    position:relative;
}

#list table tbody tr.member .popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

.pageInfo {
	text-align:center;
	font-size:16px;
	padding:10px 0 5px;
	font-weight:bold;
	border-bottom:1px solid #999;
}

.pageInfo span {
	font-weight:bold;
}

.pageInfo .allNum {
	font-size:20px;
	font-weight:bold;
	color:#F00;
	padding:0 2px;
}

.paginate {
	position:relative;
	overflow:hidden;
	margin-top:15px;
	width:720px;
	margin-bottom: 20px;
}

.paginate ul {
	float:left;
	position:relative;
	left:50%;
}

.paginate li {
	width:27px;
	height:27px;
	text-align:center;
	position:relative;
	left:-50%;
	float:left;
	margin-right:5px;
	font-weight:bold;
}

.paginate li a {
	width:25px;
	display:block;
	line-height:24px;
	border:1px solid #CCC;
	font-weight:bold;
	background:#FFF;
	color:#333;
}

.paginate li a:hover {
	background:#036;
	color:#FFF;
}

.paginate li a.on {
	background:#036;
	color:#FFF;
}

.paginate li.next,
.paginate li.prev {
	width:152px;
	text-align:center;
	position:relative;
	left:-50%;
	float:left;
	margin-right:5px;
	font-weight:bold;
}

.paginate li.next a,
.paginate li.prev a {
	width:150px;
	display:block;
	border:1px solid #CCC;
}
.chute {
	font-weight:bold;
	color:#F00;	
}