@charset "utf-8";
/* css Document */

/* 一覧・検索結果・お気に入り一覧 */
#list h3 {
	font-size: 120%;
	border-top: #002F55 solid 3px;
	width: 980px;
	margin: 0 auto 40px auto;
	padding: 20px;
	text-align: left;
}
section .cont-left {
	float: left;
	width: 720px;
	margin: 0 30px 0 0;
}
.senyu select{
	font-size: 90%;
	padding: 3px;
}
/* 件数・ページ番号・表示件数 */
.search-count {
	width: 100%;
	margin-bottom: 20px;
}
.records {
	float: left;
	color: #002F55;
	font-size: 150%;
	font-weight: bold;
	margin: 12px 5% 0 0;
}
.records span {
	color: #000;
	font-size: 70%;
	font-weight: normal;
}
.pageview {
	float: left;
	text-align: center;
	width: auto;
}
.pageview ul {
	display: inline-block;
	padding: 10px 0;
}
.pageview ul li {
	display: inline;
	margin: 0 0.15em;
}
.pageview ul li.page-on {
	color: #FFF;
	padding: 4px 6px;
	border: 3px solid #004E90;
	background-color: #004E90;
	border-radius:8px; 
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.pageview ul li a {
	padding: 4px 6px;
	border: 3px solid #004E90;
	background-color: #FFF;
	display: inline;
	text-decoration: none;
	border-radius:8px; 
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.pageview ul li.gray a {
	color: #666;
	border: 3px solid #666;
	padding: 4px 6px;
}
.pageview ul li a:hover {
	color: #FFF;
	background-color: #004E90;
	border: 3px solid #004E90;
}
.pageview ul li.gray a:hover {
	color: #FFF;
	background-color: #666;
	border: 3px solid #666;
}
.no-border {
	border: none;
}
.count {
	font-size: 80%;
	float: right;
	margin-top: 6px;
}
/* 物件情報 */
.property {
	border-top: #002F55 solid 3px;
	width: 100%;
	margin-bottom: 30px;
}
.property-ttl{
	background-color: #DFF1FF;
	margin-bottom: 10px;
	padding: 10px 20px;
}
.property-ttl h4 {
	font-size: 130%;
	color: #000;
	float: left;
}
.property-ttl span {
	color: #004E90;
	font-size: 70%;
	border: #004E90 solid 1px;
	background-color: #fff;
	padding: 2px 5px;
	float: right;
}
.property-detail{
	margin-bottom: 20px;
}
.property-l{
	float: left;
	width: 180px;
	margin-right: 15px;
}
.property-r{
	float: right;
	width: 525px;
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
}
.property-price{
	float: left;
	width: 130px;
	padding-top: 10px;
}
.property-price li{
	font-size: 170%;
	color: #004E90;
	font-weight: bold;
	margin-bottom: 5px;
}
.property-price li:nth-child(2){
	font-size: 140%;
	margin-bottom: 0;
	line-height: 1.2;
}
.price-txt-s {
	color: #000;
	font-size: 50%;
	font-weight: normal;
}
.price-txt{
 color: #000;
	font-size: 60%;
	font-weight: normal;
}
.property-etc{
	font-size: 80%;
	margin:10px 0 0 140px;
	padding-left: 15px;
	border-left:1px solid #ccc; 
}
.property-etc li{
	margin-bottom: 5px;
	padding:0 0 5px 5px;
	border-bottom:1px solid #ccc;
}
.property-etc li:last-child{
	border-bottom:none; 
}
/* 三列ボタン */
.bookmarkon-btn, 
.nobookmark-btn, 
.bookmark-btn, 
.details-btn, 
.contact-btn {
	float: left;
}
.bookmarkon-btn, 
.bookmark-btn, 
.details-btn {
	margin-right: 18px;
}
.btn-three-callum {
	float: right;
	font-size: 80%;
	width: 470px;
	text-align: center;
}
.btn-three-callum ul{
	display: inline-block;
}
.btn-three-callum li{
	float: left;
	display: inline;
	width: 150px;
	margin-right: 10px;
}
.btn-three-callum li:last-child{
	margin-right: 0;
}
.btn-three-callum .button {
	width: 150px;
	line-height: 30px;
	height: 30px;
}
.nobookmark-btn .button span, 
.bookmark-btn .button span, 
.details-btn .button span, 
.contact-btn .button span {
	width: 150px;
	height: 30px;
	border-radius:5px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	transform-origin: 50% 50% -14px;
	-webkit-transform-origin: 50% 50% -14px;
	-moz-transform-origin: 50% 50% -14px;
}
.bookmark-btn span:nth-child(1) {
	background-color: #964B00;
}
.bookmark-btn span:nth-child(2) {
	background-color: #FF8000;
}
.details-btn span:nth-child(1) {
	background-color: #740000;
}
.details-btn span:nth-child(2) {
	background-color: #cc0000;
}
.nobookmark-btn span:nth-child(1) {
	background-color: #232323;
} 
.nobookmark-btn span:nth-child(2) {
	background-color: #605F5F;
}
/* //三列ボタン */
/* 検索条件 */
.cont-right {
	float: right;
	font-size: 80%;
	width: 230px;
	margin: 0;
	background-color: #EEEEED;
}
.cont-right h4{
	font-size: 150%;
	color: #fff;
	text-align: center;
	background-color: #414141;
	margin-bottom: 5px;
	padding: 5px;
}
.cont-right section{
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
}
.cont-right h5{
	font-size: 110%;
	line-height: 1.2;
	color: #333;
	border-left: 3px solid #333;
	border-right: 3px solid #333;
	margin-bottom: 5px;
	padding: 5px 0 3px 5px;
	background-color: #CCCCCC
}
.cont-right li{
	margin-bottom: 5px;
}
.cont-right input[type="checkbox"], 
.cont-right input[type="radio"]{
	margin:2px 5px 0 0 ;
	vertical-align: top;
}
.list-side li {
	float: left;
	width: 46%;
	margin-right: 4%;
}
.list-side li:nth-child(2n) {
	margin-right: 0;
}
.cont-right .price select {
	width: 45%;
}
.free-search {
	width: 100%;
}
.cont-right .button {
	width: 100%;
	line-height: 40px;
	height: 40px;
}
.cont-right .button span {
	width: 100%;
	height: 40px;
	border-radius:5px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.cont-right .button span:nth-child(1),
.cont-right .button span:nth-child(2) {
	height: 40px;
	transform-origin: 50% 50% -20px;
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
}
