@charset "utf-8";
/* CSS Document */

/* contents */
#contents{
	width:100%;
}

.SelKind {
    border-collapse: separate;
    border-top: 1px solid #CECECE;
    table-layout: fixed;
    width: 100%;
	
}
.SelKind td {
    height: 35px;
	line-height:35px;
	font-weight:bold;
    text-align: center;
	border-left:1px solid #FFF;
	border-right:1px solid #ccc;
    border-bottom: 1px solid #CECECE;
	background: -moz-linear-gradient(center top , #FFFFFF 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
	/*background: url(/sp/images/common/arrow_bm.png) no-repeat scroll center 20px transparent;*/
}

.SelKind td a {
    color: #bc0000;
    display: block;
}
.AreaH3 {
	
	background: -moz-linear-gradient(left, #34454e, #cbd0d7);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #34454e), color-stop(1, #cbd0d7));
	background: linear-gradient(left, #34454e 0%, #cbd0d7 100%);
	line-height:2em;
	padding-left:5px;
	color:#FFF;
}


.carBox {
	margin:0 0 0;
	border-bottom:1px solid #b3c3d9;
	padding:0 0 5px 0;
}
.carBox a {
	background: -moz-linear-gradient(left, #EEE, #FFF);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #EEE), color-stop(1, #FFF));
	background: linear-gradient(left, #EEE 0%, #FFF 100%);
	display: block;
}
.carBox h4 {
	background-color:#333;
	color:#FFF;
	border-radius: 3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
	line-height:1.8em;
	margin-left:-5px;
	padding:0 5px;
}
.carBox img {
	float:left;
	width:35%;
	margin-top:5px;
}
.carSchTable {
	float:right;
	width:62%;
	margin:2px 0 0 0;
	font-size:0.9em;
	border-collapse: separate;
	border-spacing: 2px 2px;
	background: url(/sp/images/common/arrow_s.png) no-repeat scroll 98% 65% transparent;
}
.carSchTable th{
	line-height:1.4em;
	font-weight:100;
	width:40px;
	background-color:#CCC;
	color:#333;
	border-radius: 3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
}
.carSchTable td{
	padding-left:5px;
	line-height:1.2em
}
.carSchStore {
	width:100%;
	text-align:right;
	font-size:0.9em;
	margin:3px 0 5px;
	clear:both;
	border-top: 1px dotted #d9f5ff;
	height:11px;
	padding:2px 0 2px;
}
.red { color:#bc0000;}

.carImgList {
	padding:0 0 0 0;
	margin:5px 0 0 0;
}
.carImgList li {
	float:left; margin:0 3px 5px 2px;
}


/* TERUMI20120117 */
#page_TT{
	font-size:12px;
	padding:3px 10px 3px 10px;
	margin:0 0 0px 0 ;
	text-align:right;
}
#page_TT span{
	font-size: 12px;
	color:#ffc320;
	font-weight:bold;
}

#ShiboriListBtn{
	width:120px;
	height:38px;
	float:left;
	display:block;
	color:#1b2c76;
	text-shadow:0 1px #acacac;
	font-weight:bold;
	margin:3px 0 0px 0 ;
	background-image:url(../../images/search/garss.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

#changeListBtn{
	width:120px;
	height:38px;
	float:left;
	display:block;
	color:#1b2c76;
	text-shadow:0 1px #acacac;
	font-weight:bold;
	background-image:url(../../images/search/change.png);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:3px 0 0px 3px;
}

#display1{
	border-top:4px solid #01358c;
	margin:0px 0 0 0;

}
#display2{
	border-top:4px solid #01358c;
	margin:0px 0 0 0;

}
.changeBtnBox{
	width:304px;
	height:32px;
	margin:5px auto 0;
}
.changeBtnLeft{
	width:150px;
	height:30px;
	float:left;
	line-height:30px;
	text-align:center;
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 50%, #d2d1d1 51%, #bebdbd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#e9e9e9), color-stop(51%,#d2d1d1), color-stop(100%,#bebdbd));
    border: 1px solid #666666;
    border-radius: 5px 0px 0px 5px;
	font-weight:bold;
	text-shadow:0 1px #FFF;
}
.changeBtnLeft a{
	font-weight:bold;
	text-shadow:0 1px #FFF;
}

.changeBtnRight{
	width:150px;
	height:30px;
	float:left;
	line-height:30px;
	text-align:center;
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 50%, #d2d1d1 51%, #bebdbd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#e9e9e9), color-stop(51%,#d2d1d1), color-stop(100%,#bebdbd));
    border: 1px solid #666666;
    border-radius: 0px 5px 5px 0px;
	font-weight:bold;
	text-shadow:1px #FFF;
}
.changeBtnRight a{
	font-weight:bold;
	text-shadow:0 1px #FFF;
}
#changeClear{
	width:302px;
	height:30px;
	float:left;
	line-height:30px;
	text-align:center;
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 50%, #d2d1d1 51%, #bebdbd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#e9e9e9), color-stop(51%,#d2d1d1), color-stop(100%,#bebdbd));
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;	
	font-weight:bold;
	text-shadow:1px #FFF;
}
#changeClear a{
	font-weight:bold;
	text-shadow:0 1px #FFF;
}

#zyoken_area{
	padding:0;
}
#zyoken_area a{
	color:#333;
}
.zyokenWaku{
	padding:5px 0;
}

#shiborikomi_zyoken_area{
	margin:0;
	padding:0;
}
#shiborikomi_zyoken_area a{
	color:#333;
}
.Shibori_Waku{
	clear:both;
	border-style:solid;
	margin:0 1px 0px 0;
	height:auto;
	padding:0px 0 10px;
}
.item_c{
	padding:3px 0 3px 15px;
	margin:0 0 10px;
	font-weight:bold;
	background:#eaf3f9;
}

#maker_list{width:60%; margin-left:15px;}
#model_list{width:60%; margin-left:15px;}
#price_from{width:25%; margin-left:15px;}
#price_to{width:25%;}
#nenshiki_from{width:25%; margin-left:15px;}
#nenshiki_to{width:25%;}
#kyori_from{width:25% !important; margin-left:15px;}
#kyori_to{width:25%;}
#hdn_area_code {width:25% !important; margin-left:15px;}
#area_list {width:25% !important; margin-left:5px;}


.select{
	font-weight:bold;
	line-height:23px;
	float:left;
	width:157px;
	height:23px;
	text-align:center;
	background-image:url(/images/usedcar/usedcar_search/select.gif);
	background-repeat:no-repeat;
	margin:5px 0 0 8px;
}

.select{background-position:0 0px;}
.select:hover,.select.hover{
	background-position:0 -23px;
	color:#333;
	text-decoration:none;
}
.noSelect{
	float:left;
	font-size:10px;
	margin:0 0 0 30px;
}

#color_area{
	list-style:none;
	padding:0;
	margin:0px 0 0 15px;
}
#color_area li{
	float:left;
	width:47px;
	height:21px;
	margin:0px 0 0 0;
	padding:0;
}
.color_img {
	float:left;
	margin-left:2px;
}
#nenryou_area{
	width:300px;
	list-style:none;
	padding:0;
	margin:0px 0 0 15px;
}
#nenryou_area li{
	float:left;
	height:21px;
	width:120px;
	margin:0px 0 0 0;
	padding:0 0 0 0px;

}
#gazou_area{
	list-style:none;
	padding:0;
	margin:0px 0 0 15px;
	float:left;
}
#gazou_area li{
	float:left;
	height:21px;
	width:90px;
	margin:0px 0 0 0;
	padding:0 0 0 0px;

}
#body_area{
	width:100%;
	list-style:none;
	padding:0;
	margin:0px 0 0 15px;
	float:left;
	padding:0 0px;
}
#body_area li{
	float:left;
	width:135px;	
	height:21px;
	padding:0 0 0 0px;
}
#soubi_area{
	width:100%;
	list-style:none;
	padding:0;
	margin:0px 0 0 15px;
	clear:left;
	padding:0;
}
#soubi_area li{
	float:left;
	width:140px;	
	line-height:20px;
	margin:0px 0 0 0;
	padding:0 0 0 0;

}

#more{
	margin:0 5px 10px 0px;
	width:183px;
	height:25px;
	background-image:url(/images/usedcar/usedcar_search/green_button.gif);
	background-repeat:no-repeat;
	display:block;
	float:right;
	
}
#more{
	background-position:0 0px;
}
#more:hover,#more.hover{
	background-position:0 -25px;
}
#zyoken_B{
	clear:both;
	background:#eaf3f9;
	width:100%;
	background-repeat: repeat;
	padding:10px 0;
}

#clear{
	width:302px;
	height:30px;
	line-height:30px;
	text-align:center;
    background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 50%, #d2d1d1 51%, #bebdbd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#e9e9e9), color-stop(51%,#d2d1d1), color-stop(100%,#bebdbd));
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;	
	font-weight:bold;
	text-shadow:0 1px #FFF;
	display:block;
	margin:0 auto;
	color:#404040;

}
#kensaku{
	width:302px;
	height:30px;
	line-height:30px;
	text-align:center;
    background: -moz-linear-gradient(top, #71aceb 0%, #64a9ee 50%, #4796ea 51%, #1964d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71aceb), color-stop(50%,#64a9ee), color-stop(51%,#4796ea), color-stop(100%,#1964d8));
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;	
	font-weight:bold;
	text-shadow:0 1px #bac1e2;
	display:block;
	margin:0 auto 5px;
	color:#121e67;
}
.page{
	margin-top:10px;
	clear:left;
	background-image: url(/images/usedcar/usedcar_search/page_TT.png);
	background-repeat:repeat-x;
	height:36px;
}
#page_h{
    border: 1px solid #666666;
	background: -moz-linear-gradient(top, #71aceb, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#71aceb), to(#FFF));
	font-weight:bold;
	text-shadow:0 1px #FFF;
}
#page_h2{
	background-position:0 -20px;
	font-weight:bold;
}
.page_number{
	float:right;
	text-align:right;
	margin:3px 5px 0 0;
}
.page_number a{
	color:#333;	
}
.page0{
	float:left;
	width:25px;
	height:25px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	background: -moz-linear-gradient(top, #d7d7d7, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#FFF));
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;	
	margin:1px 7px 0 0;
}
