﻿@charset "utf-8";
/* CSS Document */

/* contents */
#contents{
	width:100%;
}
#sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top:56px;

	height: 100%;
}
#sch_menu {
	background: url(/sp/images/search/sch_menu_bg.png) repeat-x;
	border:1px solid #96000b;
	height:30px;
}
#sch_menu li {
	width:49%;
	float:left;
	text-align:center;
	padding:5px 0 2px;
}
.sch_menu1 {border-right:1px solid #e4888c;}
.sch_menu2 {border-left:1px solid #96000b; }
#sch_menu li a{
	width:100%;
	display:block;
}

.carBox {
}
.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 h3 {
	border-top:1px solid #c28989;
	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%);
	color:#FFF;
	line-height:2em;
	font-weight:100;
	padding-left:5px;
	margin:5px 0 0 0;
	font-size: 15px;
}
.carBox img {
	float:left;
	width:35%;
	margin-top:2px;
}
.carSchTable {
	float:right;
	width:63%;
	margin:0 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% center transparent;
}
.carSchTable th{
	line-height:1.4em;
	font-weight:100;
	background-color:#CCC;
	color:#333;
	font-size:11;
	/*width:70px;*/
	width:90px;
	border-radius: 3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
}
.carSchTable td span {
line-height:1.4em;
	width:40px;
	font-weight:100;
	margin:0 3px 0 0;
	background-color:#CCC;
	color:#333;
	padding:1px 6px;
	border-radius: 3px;
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
}
.carSchTable td{
	padding-left:5px;
}
.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 !important; font-weight: bold !important; font-size: 18px !important; background-color:#fff !important;}

.carImgList {
	padding:0 0 0 0;
	margin:5px 0 0 0;
}
.carImgList li {
	float:left; margin:0 3px 5px 2px;
}

#page_TT{
	font-size:1em;
	padding:3px 0 3px 5px;
	margin:0 0 0px 0 ;
	-moz-box-shadow: 0 1px 3px #000;
	-webkit-box-shadow: 0 1px 3px #000;
	-moz-box-shadow: 0 1px 3px #333;
	-webkit-box-shadow: 0 1px 3px #333;
	background-color:#EEE;
	-webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px; 
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px; 
}
#page_TT p {
	float:left;
	display:block;
	width: 60%;
	line-height:1.8em;
}
#page_TT span{
	font-size: 1.2em;
	color:#bc0000;
	font-weight:bold;
}
#Sch_List_btn {
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
	border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    color: #bc0000;
	text-shadow:0 1px #FFF;
    text-decoration: none;
    font-size: 1em;
	font-weight:bold;
    text-align: center;
    vertical-align: middle;
	line-height:1.4em;
	padding:3px 10px 0;
	float:right;
	margin:0px 8px 0 0;
}
#Sch_Img_btn {
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6));
	border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    color: #bc0000;
	text-shadow:0 1px #FFF;
    text-decoration: none;
    font-size: 1em;
	font-weight:bold;
    text-align: center;
    vertical-align: middle;
	line-height:1.4em;
	padding:3px 10px 0;
	float:right;
	margin:0px 8px 0 0;
}


#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 #333;
	margin:0px 0 0 0;
	clear:both;
	display:none;
	background:#fff;
	height: 350px;
overflow-y: scroll
}

#display2{
	border-top:4px solid #333;
	margin:0px 0 0 0;
	clear:both;
	display:none;
	background:#fff;

}
.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;
    overflow: auto;
}
#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:#EEE;
}

#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(/sp/images/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;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;	
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#F1F1F1), color-stop(51%,#E1E1E1), color-stop(100%,#F6F6F6)) !important;
	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, #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: 2px solid #BC0000;
    border-radius: 5px 5px 5px 5px;	
	font-weight:bold;
	text-shadow:0 1px #FFF;
	display:block;
	margin:0 auto 5px;
	color:#BC0000;
}
.page{
	margin-top:10px;
	clear:left;
	background-image: url(/sp/images/search/page_TT.png);
	background-repeat:repeat-x;
	height:36px;
}
#page_h{
    border: 1px solid #666666;
	background: -moz-linear-gradient(top, #c57a7a, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#c57a7a), 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;
}


#car_Regist {
	margin: 10px auto;
	width: 95%;
	
}

#car_Regist li {
}

.fav_btn {
	width: 48%;
	padding: 10px 0;
	margin-bottom: 10px;
	font-weight: 700;
	float: left;
	display: block;
	text-align: center;
	border: 1px solid #999999;
	color: #BC0000;
	text-shadow: 1px 1px 1px #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}

.fav_btn_on {
	width: 48%;
	padding: 10px 0;
	margin-bottom: 10px;
	font-weight: 700;
	float: left;
	display: block;
	text-align: center;
	border: 1px solid #999999;
	color: #009900;
	text-shadow: 1px 1px 1px #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

}

.est_btn {
	width: 48%;
	padding: 10px 0;
	margin-bottom: 10px;
	font-weight: 700;
	float: right;
	display: block;
	text-align: center;
	border: 1px solid #FC7005;
	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 );
}





/**************ローン金利*****************/

#loan_area {
	width: 100%;
	margin-bottom: 10px;
}

.green39 {
	width: 50%;
	display: block;
	float:left;
	border-top: 1px solid #FFFFFF;
	color: #fff;
	font-size: 15px;
	font-weight: 100;
	line-height: 2em;
	text-align: center;
background: rgb(96,210,200);
background: -moz-linear-gradient(top,  rgba(96,210,200,1) 0%, rgba(63,146,129,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,210,200,1)), color-stop(99%,rgba(63,146,129,1)));
background: -webkit-linear-gradient(top,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
background: -o-linear-gradient(top,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
background: -ms-linear-gradient(top,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
background: linear-gradient(to bottom,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d2c8', endColorstr='#3f9281',GradientType=0 );

}

.blue49 {
	width: 50%;
	display: block;
	float:left;
	border-top: 1px solid #FFFFFF;
	color: #fff;
	font-size: 15px;
	font-weight: 100;
	line-height: 2em;
	text-align: center;
background: rgb(180,207,237);
background: -moz-linear-gradient(top,  rgba(180,207,237,1) 0%, rgba(109,153,205,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,207,237,1)), color-stop(100%,rgba(109,153,205,1)));
background: -webkit-linear-gradient(top,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
background: -o-linear-gradient(top,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
background: -ms-linear-gradient(top,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
background: linear-gradient(to bottom,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4cfed', endColorstr='#6d99cd',GradientType=0 );

}

.green39_tittle {
	width: 100%;
	display: block;
	border-top: 1px solid #FFFFFF;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.8em;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
background: rgb(96,210,200);
background: -moz-linear-gradient(top,  rgba(96,210,200,1) 0%, rgba(63,146,129,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,210,200,1)), color-stop(99%,rgba(63,146,129,1)));
background: -webkit-linear-gradient(top,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
background: -o-linear-gradient(top,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
background: -ms-linear-gradient(top,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
background: linear-gradient(to bottom,  rgba(96,210,200,1) 0%,rgba(63,146,129,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d2c8', endColorstr='#3f9281',GradientType=0 );
}

.blue49_tittle {
	width: 100%;
	display: block;
	border-top: 1px solid #FFFFFF;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.8em;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
background: rgb(180,207,237);
background: -moz-linear-gradient(top,  rgba(180,207,237,1) 0%, rgba(109,153,205,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,207,237,1)), color-stop(100%,rgba(109,153,205,1)));
background: -webkit-linear-gradient(top,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
background: -o-linear-gradient(top,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
background: -ms-linear-gradient(top,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
background: linear-gradient(to bottom,  rgba(180,207,237,1) 0%,rgba(109,153,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4cfed', endColorstr='#6d99cd',GradientType=0 );
}


