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

/* contents */
#contents{
	width:100%;
}

.SelKind {
    border-bottom: 1px solid #CECECE;
    border-collapse: separate;
    border-top: 1px solid #CECECE;
    table-layout: fixed;
    width: 100%;
	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));
	
}
.SelKind td {
    height: 35px;
	line-height:35px;
	font-weight:bold;
    text-align: center;
	border-left:1px solid #FFF;
	border-right:1px solid #ccc;
	/*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 h4 {
  background-color: #333;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 1.8em;
  margin-left: -5px;
  padding: 0 3%;
  width: 94%;
}

.carBox h4.syaken_bk {
  background-color: #F65F00;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  line-height: 1.8em;
  margin-left: -5px;
  padding: 0 3%;
  width: 94%;
}

.carBox img {
	float:left;
	width:35%;
	margin: 5px 0 0 5px;
}
.carBox .cafeicon {
	float:right;
	font-size: 10px;
}

.carBox .syaken {
	float:right;
	font-size: 10px;
}

.carBox .cafeicon img {
	width: 42px;
	margin-top: auto;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}

.carBox .ninsho {
	float:right;
	font-size: 10px;
}


.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:60px;
	background-color:#CCC;
	color:#333;
	text-indent: .5em;
	vertical-align: middle;
	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;
}


/*****************ボタン追加*******************/

.carbox_bottom {
	border-bottom: 1px solid #b3c3d9;
	padding-bottom: 5px;
}

#form_btn_area {
	margin: 10px auto;
	width: 98%;
	
}

.form_btn_area li a {

}


.reserve_btn a {
	float: left;
	width: 48%;
	display: block;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;
	border: 1px solid #FFFFFF;
	color: #FFF100;
	text-shadow: 1px 1px 1px #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #b4e391;
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(100%,#61c419));
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 100%);
background: -o-linear-gradient(top,  #b4e391 0%,#61c419 100%);
background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 100%);
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 );
box-shadow:rgba(97, 97, 97, 0.6) 0px 0px 5px 1px;
-webkit-box-shadow:rgba(97, 97, 97, 0.6) 0px 0px 5px 1px;
-moz-box-shadow:rgba(97, 97, 97, 0.6) 0px 0px 5px 1px;
}


.estimate_btn a {
	float: left;
	width: 48%;
	margin-left: 2%;
	display: block;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 700;
	text-align: center;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(255,183,107);
background: -moz-linear-gradient(top,  rgba(255,183,107,1) 0%, rgba(255,167,61,1) 20%, rgba(255,127,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(20%,rgba(255,167,61,1)), color-stop(100%,rgba(255,127,4,1)));
background: -webkit-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 20%,rgba(255,127,4,1) 100%);
background: -o-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 20%,rgba(255,127,4,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 20%,rgba(255,127,4,1) 100%);
background: linear-gradient(to bottom,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 20%,rgba(255,127,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 );
box-shadow:rgba(97, 97, 97, 0.6) 0px 0px 5px 1px;
-webkit-box-shadow:rgba(97, 97, 97, 0.6) 0px 0px 5px 1px;
-moz-box-shadow:rgba(97, 97, 97, 0.6) 0px 0px 5px 1px;
}