@charset "utf-8";

/* --------------------------------------------------------- */
/* 物件検索 - ucar_search.css
------------------------------------------------------------ */

.list2, .list3 {
	padding: 15px 0px 8px 15px;
}
.list2 li, .list3 li {
	position: relative;
	float: left;
	padding: 0 0 7px 0;
}
.list2 li { width: 49%; }
.list3 li { width: 33%; }
.list2 li span, .list3 li span {
	text-align: right;
	position: absolute;
	top: 0;
	right: 15px;
}
.list2 li span.new, .list3 li span.new {
	top: -7px;
	right: 5px;
}

/* テキストエリア */
.section .borderBox+.txtBox {
	padding-top: 0;
}
.section .txtBox .txt {
	float: left;
	width: 70%;
}
.section .txtBox .searchBtn01, .section .txtBox .searchBtn04 {
	float: right;
	margin: 10px 0;
}

/* 検索ボックス */
.section .searchBox {
	background-color: #FFF;
	border-bottom: solid 1px #DADADA;
	padding: 17px 15px 15px 15px;
}
.section .searchBox dt {
	font-weight: bold;
	float: left;
	width: 100px;
}
.searchBox dd li {
	display: inline-block;
	*display: inline;
	word-break: keep-all;
	padding-right: 10px;
	*zoom: 1;
}

/* タイトル下ナビ
------------------------------------------------------------ */
.searchNav {
	text-shadow: 1px 1px 0px #FFF;
	-moz-box-shadow: 1px 1px 0px #FFF;
	background: url(../img/common/contents/bac_red.png) repeat-x 0 bottom;
	border-left: solid 1px #DADADA;
	border-right: solid 1px #DADADA;
	position: relative;
	padding: 15px;
}
.searchNav h3 {
	font-size: 14px;
}
.searchNav strong {
	color: #DE1206;
	padding: 0 5px;
}
.searchNav ul {
	text-align: center;
	color: #BBB;
}
.searchNav li {
	line-height: 12px;
	display: inline;
	padding: 0 8px 0 10px;
}
.searchNav li+li {
	border-left: solid 1px #FBDAD7;
}
.searchNav dt, .searchNav dd {
	font-size: 14px;
	display: inline;
}
.searchNav dt {
	font-weight: bold;
	padding-right: 10px;
}
.searchNav dd {
	margin-right: 20px;
}
.searchNav dd img {
	vertical-align: middle;
}
.searchNav .searchBtn01 {
	position: absolute;
	top: 25%;
	_top: 15px;
	right: 15px;
}

/* 詳細な検索
------------------------------------------------------------ */
/* ボタン */
.openBtn {
	padding: 15px;
}
.openBtn p {
	float: left;
}
.openBtn .minusIco, .openBtn .plusIco {
	margin-top: 5px;
}
.openBtn ul {
	float: right;
}
.openBtn li {
	float: left;
}

/* 検索内容 */
.openBox {
	border: solid 10px #F5F5F5;
	padding: 12px 15px 10px 15px;
}
.openBox h3 {
	font-size: 12px;
	color: #A8A8A8;
	padding-bottom: 7px;
}
.openBox select {
	padding: 3px;
}
.openBox dt {
	font-weight: bold;
	float: left;
	width: 100px;
	padding: 11px 0 9px 0;
}
.openBox dd {
	border-top: dotted 1px #DADADA;
	padding: 10px 0;
}
.openBox dd ul {
	padding-left: 100px;
}
.openBox dd li {
	display: inline-block;
	*display: inline;
	word-break: keep-all;
	padding-right: 10px;
	*zoom: 1;
}



/* --------------------------------------------------------- */
/* タイプ検索
------------------------------------------------------------ */
.typelist {
	position: relative;
	width: 630px;
	height: 100%;
	margin-top: -1px;
	overflow: hidden;
}
.typelist ul {
	font-size: 11px;
	line-height: 14px;
	width: 632px;
}
.typelist li {
	border-top: dotted 1px #DADADA;
	border-right: dotted 1px #DADADA;
	position: relative;
	float: left;
	width: 157px;
	height: 115px;
	padding: 10px 0 0 0;
}
.typelist li p {
	padding: 0 10px;
}
.typelist li p.img {
	text-align: center;
	padding: 10px 0 7px 0;
}
.typelist li span {
	text-align: right;
	position: absolute;
	float: right;
	top: 14px;
	right: 7px;
}
.typelist li span.new {
	top: 4px;
	right: 4px;
}

/* タイプボタン */
#typeBtn, #welfareBtn {
	padding: 0 0 5px 5px;
	*padding: 0 0 10px 5px;
	margin-top: -5px;
}
#typeBtn li, #welfareBtn li {
	float: left;
	margin: 5px;
	display: inline;
}
#typeBtn li a {
	display: block;
	width: 172px;
	height: 35px;
	padding: 145px 0 0 34px;
}
#welfareBtn {
	border-bottom: solid 1px #DADADA;
	padding: 20px 0 15px 5px;
}
#welfareBtn li a {
	text-indent: 100%;
	*text-indent: 120%;
	display: block;
	white-space: nowrap;
	width: 206px;
	height: 200px;
	overflow: hidden;
}

#typeBtn .sedan a   { background: url(../img/ucar/search/btn_sedan.png) 0 0; }
#typeBtn .sports a  { background: url(../img/ucar/search/btn_sports.png) 0 0; }
#typeBtn .compact a { background: url(../img/ucar/search/btn_compact.png) 0 0; }
#typeBtn .sw a      { background: url(../img/ucar/search/btn_sw.png) 0 0; }
#typeBtn .m1box a   { background: url(../img/ucar/search/btn_m1box.png) 0 0; }
#typeBtn .suv a     { background: url(../img/ucar/search/btn_suv.png) 0 0; }
#typeBtn .kei a     { background: url(../img/ucar/search/btn_kei.png) 0 0; }
#typeBtn .k1box a   { background: url(../img/ucar/search/btn_k1box.png) 0 0; }
#typeBtn .ktrack a  { background: url(../img/ucar/search/btn_ktrack.png) 0 0; }
#typeBtn .ban a     { background: url(../img/ucar/search/btn_ban.png) 0 0; }
#typeBtn .hyblid a  { background: url(../img/ucar/search/btn_hyblid.png) 0 0; }
#typeBtn .welfare a { background: url(../img/ucar/search/btn_welfare.png) 0 0; }
#welfareBtn .welfare01 a { background: url(../img/ucar/search/btn_welfare01.png) 0 0; }
#welfareBtn .welfare02 a { background: url(../img/ucar/search/btn_welfare02.png) 0 0; }
#welfareBtn .welfare03 a { background: url(../img/ucar/search/btn_welfare03.png) 0 0; }

#typeBtn * a:hover, #welfareBtn * a:hover { background-position: 0 bottom; }



/* --------------------------------------------------------- */
/* クラス検索
------------------------------------------------------------ */
.carlist .pagingBox {
	padding: 10px;
}
.carlist .paging {
	font-size: 12px;
	margin-top: 5px;
}
.carlist .list2 {
	line-height: 16px;
	border-bottom: dotted 1px #DADADA;
	padding-top: 20px;
}
.carlist .pagingBox+.list2 {
	border-top: dotted 1px #DADADA;
}
.carlist .list2 li {
	height: 90px;
}
.carlist .list2 li label {
	display: block;
	float: left;
	width: 135px;
	height: 80px;
	overflow: hidden;
}
.carlist .list2 li input {
	margin-top: 0;
}
.carlist .list2 li span {
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	display: block;
	position: static !important;
	padding: 5px 0 7px 0 !important;
}
.carlist .list2 li span a {
	background: url(../img/icon/ico_tree.png) no-repeat 0 5px;
	padding: 3px 3px 3px 13px;
	font-size: 12px!important;
	font-weight: normal;
}



/* --------------------------------------------------------- */
/* 検索条件
------------------------------------------------------------ */
.borderBox td .mailBtn01, .borderBox td .mailBtn02 {
	margin-bottom: 10px;
}
.border .txtBox .txt {
	float: left;
	width: 90%;
}
.border .txtBox .searchBtn03 {
	float: right;
	margin: 3px 0;
}



/* --------------------------------------------------------- */
/* 価格相場表
------------------------------------------------------------ */
.txtBox strong {
	font-size: 15px;
	display: block;
	padding-bottom: 5px;
}
.txtBox strong span {
	color: #DE1208;
	padding: 0 5px;
}
.txtBox img {
	vertical-align: middle;
}

/* 表 */
#priceTbl {
	font-size: 11px;
	line-height: 16px;
	margin: -36px 0 35px 0;
}
#priceTbl th {
	font-weight: normal;
	white-space: nowrap;
	width: 5%;
	padding: 7px 5px;
}
#priceTbl td {
	height: 25px;
	padding: 5px;
}
#priceTbl td a {
	display: block;
	position: relative;
	padding: 8px 0;
}
#priceTbl .amount, #priceTbl .sum {
	background-color: #FFFAF9;
}
#priceTbl .amount a:link, #priceTbl .amount a:visited {
	color: #DE1209;
}

#priceTbl .level1 { background-color: #FFFFCC; }
#priceTbl .level2 { background-color: #FFEE88; }
#priceTbl .level3 { background-color: #FFDD44; }
#priceTbl .level4 { background-color: #FFBB22; }
#priceTbl .level5 { background-color: #FF9900; }

#priceTbl .new {
	position: absolute;
	top: -3px;
	right: -3px;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */

/* clearfix
------------------------------------------------------------ */
.border .list2:after,
.border .list3:after,
.border .typelist:after,
.txtBox:after,
.openBtn:after,
.openBox:after,
#typeBtn:after,
#welfareBtn:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .border .list2,
* html .border .list3,
* html .border .typelist,
* html .txtBox,
* html .openBtn,
* html .openBox,
* html #typeBtn,
* html #welfareBtn { zoom: 1; } /* IE6 */

*:first-child+html .border .list2,
*:first-child+html .border .list3,
*:first-child+html .border .typelist,
*:first-child+html .txtBox,
*:first-child+html .openBtn,
*:first-child+html .openBox,
*:first-child+html #typeBtn,
*:first-child+html #welfareBtn { zoom: 1; } /* IE7 */