@import "/css/template.css";
/*  
	Author : Y.Kogawa
	Update : 5/21

	1.基本設定
	2.フリーワード
	3.住所から探す＆路線から探す
	4.条件を絞る
*/
/*------------------------------------------------------------
	1.基本設定
------------------------------------------------------------*/
#conts {
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	width: 748px;

	float: none;

	font-size: 13px;
}

#conts h2 {
}

#detailsPage #conts h2 {
	margin-bottom: 15px;
}

#conts h3 {
}

#conts form {
	margin: 0 15px;
}

/*------------------------------------------------------------
	1.住所を指定してください
------------------------------------------------------------*/
#conts #address {
}

#conts #address h4 {
	margin: 1px 0 0;
	padding: 5px 10px;
	background: #F0E9DF;
	border: 1px solid #ccc;
	border-bottom: none;

	color: #333;
	font-size: 13px;
	font-weight: bold;
}

#conts form ul.col2,
#conts form ul.col3,
#conts form ul.col4 {
}

#conts #squeeze ul.col2,
#conts #squeeze ul.col3,
#conts #squeeze ul.col4 {
	padding-top: 0;
}

#conts form ul.col2 li,
#conts form ul.col3 li,
#conts form ul.col4 li {
	margin-bottom: 8px;
}

	* html #conts form ul.col2 li,
	* html #conts form ul.col3 li,
	* html #conts form ul.col4 li {
		margin-bottom: 3px;
	}

#conts #address ul.col2,
#conts #address ul.col3,
#conts #address ul.col4 {
	padding: 8px 10px 1px;
	border: 1px solid #ccc;
}

#conts #address ul.col2 li label,
#conts #address ul.col3 li label,
#conts #address ul.col4 li label {
	color: #24879F;
	text-decoration: underline;
}

#conts form ul.col2 li {
	width: 50%;

	float: left;
}

#conts form ul.col3 li {
	width: 33%;

	float: left;
}

#conts form ul.col4 li {
	width: 25%;

	float: left;
}

#conts form ul.col2 li input,
#conts form ul.col3 li input,
#conts form ul.col4 li input {
	margin-right: 5px;
	vertical-align: middle;
}

#conts form ul.button {
	margin-top: 15px;

	text-align: center;
}

#conts form ul.button li {
	margin: 0 16px;

	display: inline;
}

#conts #route fieldset {
	margin-bottom: 10px;
}

#conts #route h4.text {
	margin: 0 19px 10px 19px;
	padding: 5px 10px;
	background: #9F5020;

	color: #fff;
	font-size: 115%;
	font-weight: bold;
}

/*------------------------------------------------------------
	2.条件を指定してください
------------------------------------------------------------*/
#conts #squeeze {
	margin: 35px 0 0 0;
}

#conts #result table,
#conts #squeeze table {
	margin-top: 1px;
	width: 100%;
	background: #ccc;
}

#conts #result th,
#conts #squeeze th {
	padding: 10px 25px 10px 10px;
	background: #f5f5f5;

	font-size: 110%;
	vertical-align: top;
}

#conts #squeeze td {
	padding: 10px 10px 0 10px;
	background: #fff;
}

	 * html #conts #squeeze td {
	 	padding: 10px;
	 }

#conts #squeeze select {
	margin-bottom: 8px;
	width: 130px;
	vertical-align: middle;
}

#conts #squeeze #fMinYen,
#conts #squeeze #fMinArea {
	margin-right: 5px;
}

#conts #squeeze #fMaxYen,
#conts #squeeze #fMaxArea {
	margin-right: 5px;
	margin-left: 5px;
}

#conts #squeeze ul.col2,
#conts #squeeze ul.col3,
#conts #squeeze ul.col4 {
	margin: 0;
	width: auto;
	overflow: hidden;
}

#conts #squeeze .floatNone {
	float: none;
}

#conts #squeeze .fPrice ul.col4 li {
	width: 22%;
}

#conts #squeeze .fPrice ul.col4 li.first {
	width: 33%;
}

/*------------------------------------------------------------
	3.検索条件
------------------------------------------------------------*/
#conts #terms {
	margin: 15px 15px 40px;
}

#conts #terms table {
	width: 718px;
	border-collapse: collapse;
}

#conts #terms th, #conts #terms td {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

#conts #terms th {
	padding-right: 80px;
	background: #F0E9DF;

	vertical-align: top;
}

#conts #terms th.small {
	padding: 5px 15px;
	background: #F8F7F5;

	text-align: center;
	font-weight: normal;
}

#conts #terms td.spacer {
	padding: 0;
	height: 3px;
	border: none;
}

#conts #terms td {
	width: 50%;
}

#conts #terms {

}

#conts #terms {

}

#conts #terms {

}

#conts #terms .button01 {
	margin: 15px 0 0;

	text-align: center;
}

#conts #terms .button01 a {
	margin: 0 auto;
	width: 184px;
	height: 47px;
	background: url(/img/search/result/button01_over.gif) no-repeat;
	display: block;
}

#conts #terms .button01 a:hover {
	background-color: #fff;
}

#conts #terms .button01 a:hover img {
	visibility: hidden;
}

/*------------------------------------------------------------
	4.検索結果一覧
------------------------------------------------------------*/
#conts #result {
	margin: 0 15px 50px;
}

#conts #result p.hit {
	margin: 0 0 10px 10px;

	font-size: 16px;
	font-weight: bold;
}

#conts #result p.hit span {
	color: #C44F09;
	font-weight: bold;
}

#conts #result p.hit span span {
	font-size: 28px;
}

#conts #result p.reSearch {
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}

#conts #result #sort {
	margin-bottom: 3px;
	padding: 10px;
	background: #F0E9DF;
	border: 1px solid #ccc;
}

#conts #result #sort ul {
	padding-top: 5px;

	float: left;
}

#conts #result #sort ul li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #000;
	display: inline;
}

#conts #result #sort ul li.sort {
	margin-right: 15px;
	padding: 0;
	border-right: none;

	font-weight: bold;
}

#conts #result #sort ul li.last {
	margin: 0;
	padding: 0;
	border-right: none;
}

#conts #result #sort ul li.over {
}

#conts #result #sort ul li.over a {
	padding: 5px 10px;
	background: #24879F;

	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#conts #result #sort form {
	margin: 0;
	padding: 0;
	float: right;
}

#conts #result #sort form option {
	padding-right: 20px;
}

#conts #result #sort {

}

#conts #result .resultList {
	margin: 0;
	width: 718px;
	background: #ccc;

	line-height: 1.3;
}

#conts #result .resultList tr.twoLine td {
	background: #F8F7F5;
}

#conts #result .resultList th {
	padding: 5px 10px;
	background: #4173B6;

	color: #fff;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
}

#conts #result .resultList td {
	padding: 5px 10px;
	background: #fff;
}

#conts #result .resultList .address {
	width: 30%;

	text-align: left;
}

#conts #result .resultList td.address span {
	font-weight: bold;
}

#conts #result .resultList td.address .map {
	margin-left: 10px;
	vertical-align: -5px;
}

#conts #result .resultList .walk {
	text-align: center;
}

#conts #result .resultList .price {
	text-align: center;
}

#conts #result .resultList .price span {
	display: block;

	font-weight: bold;
}

#conts #result .resultList .price span span {
	display: inline;

	font-size: 21px;
}

#conts #result .resultList .price span.note {
	display: block;

	font-weight: normal;
}

#conts #result .resultList .layout {
	text-align: center;
}

#conts #result .resultList .layout span {
	display: block;

	font-size: 17px;
	font-weight: bold;
}

#conts #result .resultList .layout span span {
	display: inline;

	font-size: 21px;
}

#conts #result .resultList .categores {
	text-align: center;
}

#conts #result .resultList th.securityDeposit span {
	font-size: 11px;
	font-weight: bold;
}

#conts #result .resultList .securityDeposit {
	text-align: center;
}

#conts #result .resultList .deposit {
	text-align: center;
}

#conts #result .resultList .img {
	text-align: center;
}

#conts #result .resultList .details {
	text-align: center;
}

#conts #result .resultList .details img {
	margin: 0 auto 3px;
	display: block;
}

#conts #result .resultList .details .read {
	padding: 0 0 0 8px;
	background: url(/img/search/result/icon02.gif) no-repeat left 2px;

	font-size: 11px;
}

#conts #result ol.guide {
	padding-top: 10px;

	text-align: center;
}

#conts #result ol.guide li {
	margin: 0 10px;
	display: inline;
}

#conts #result ol.guide li.prev {
	margin-right: 15px;
}

#conts #result ol.guide li.next {
	margin-left: 15px;
}

#conts #result ol.guide li.this {
	font-weight: bold;
}

/*------------------------------------------------------------
	6.物件詳細
------------------------------------------------------------*/
#conts #photo {
	margin: -40px 15px 10px;
	width: 718px;
	background: #ccc;
}

#conts #photo td {
	padding: 10px;
	background: #fff;

	text-align: center;
	vertical-align: middle;
}

#conts #detailsS {
	margin: 0 15px;
	width: 718px;
	background: #ccc;
}

#conts #detailsS th, #conts #detailsS td {
	padding: 10px;
	background: #fff;
}

#conts #detailsS th {
	width: 15%;
	background: #F0E9DF;

	color: #333;
}

#conts #detailsS td {
	width: 35%;
	background: #fff;
}

#conts #detailsS td.bodyCol3 {
	width: 100%;
}

#conts .button {
	margin: 30px 0;

	text-align: center;
}

#conts .button a {
	margin: 0 auto;
	width: 232px;
	height: 42px;
	background: url(/img/search/details/button01_over.gif) no-repeat;
	display: block;
}

#conts .button a:hover {
	background-color: #fff;
}

#conts .button a:hover img {
	visibility: hidden;
}

#conts .return {
	text-align: center;
}

.errors {
  margin: 20px 0 10px 10px;
  color: #CC0000;
  font-weight: bold;
  font-size: 130%;
  line-height: 1.3;
}