@charset "UTF-8";

.clearClass{clear:both;}


/* = moshikashite?
*************************************************/
.centerhead{
	width:100%;
	margin-bottom:8px;
	padding-bottom:0px;
}

.centerheadinner{
	width:100%;
	padding:0;
	font-size: 14px;
}

.centerheadinner a{
	text-decoration:underline;
	font-size: 14px;
	font-weight:bold;
	white-space: nowrap;
}


.centerheadinner dt{
	float:left;
	display:inline;
/*	width:85px; */
	text-align:left;
	font-size: 14px;
}

.centerheadinner dd{
	margin-left:75px;
	padding-top:2px;
}

.centerheadinner dd li{
	font-size:1.0em;
	float:left;
	display:inline;
	margin-right:5px;
	padding-left:5px;
	line-height:1.2;
}

.centerheadinner dd li.first{
	padding-left:0;
	border-left-width:0;
}

.centernav{
	margin-bottom:0px;
	padding-bottom:0px;
	min-width:450px;
	/* IE用 */
	width: expression(document.body.clientWidth < 450? "450px" : "auto");
}

.centernavblock{
	margin-bottom:10px;
}

.centernavblock div{
	float:left;
	display:inline;
}

.centernavblock p{
	float:left;
	display:inline;
	margin-right:10px;
}

.centernavblock p span.totalrecord{
	color:#DD4B39;
	font-size:24pt;
	font-weight:bold;
	margin:2px 6px 0 0;
}

.centernavblock p span.recordrange{

	font-size:1.2em;
	font-weight:bold;
	margin:2px 2px 0 0;
}

.centernavblock select{
	float:left;
	display:inline;
	margin-top:7px;
}

/* 追記 */
.centernavgate{width:100%; display:table;}


.centernavlowerblock{
	width:100%;
	background:#f2f2f2;
}

/*picture*/
.js-image{
	overflow:hidden;
	z-index:1;
	text-align:left;
}

.js-image{
	width:200px;
	height:150px;
}

.js-overlay-image{
	width:400px;
	/* height:225px; */
}

.js-caption-overlay{
	background:#fff;
	z-index:998;
	padding:10px;
	position:absolute;
	overflow:hidden;
	border:solid #999 1px;
}

*html .js-caption-overlay{
	width:300px;
}

.js-caption-overlay p{
	width:300px;
}

.js-overlay-html{
	text-align:left;
}

.js-caption-overlay table.image{
	width:420px;
	height:225px;
}

.js-caption-overlay table.image td{
	text-align:center;
	vertical-align:middle;
}

.js-overlay-caption-content table{
	margin-top:10px;
}

.js-overlay-html table{
	width:420px;
	margin-top:10px;
}

.js-overlay-html table td.cell01{
	color:#be8b20;
	font-size:0.9em;
	width:80px;
	height:60px;
	padding:0 10px 5px 0;
	text-align:center;
	vertical-align:bottom;
	background:url(/cgi-bin/fsearch/search/img_v2/img_picture_01.gif) no-repeat left bottom;
}

.js-overlay-html table td.cell02{
	font-size:1.2em;
	line-height:1.5;
}

/* = left
*************************************************/
#left{
	float:left;
	display:inline;
	width:225px;
	margin-right:15px;
	background: #FFFFFF;
}

.leftbtninner{
	text-align:left;
}

.leftbtninner p{
	font-weight:bold;
	display:block;
	padding:0px 0px 0px 8px;
	border-left: solid #f14040 2px;
	margin: 8px 0px 8px 7px;
}

.selectblock{
	margin:0 0 10px 20px;
	text-align:left;
}
.selectblock li{
	text-indent:-15px;
	margin-left:15px;
}

.selectblock li span.caption{
	margin-left:5px;
	padding-left:10px;
	border-left:solid #666666 1px;
}

.selectblock li ul{
	margin-bottom:5px;
}

.selectblock li li{
	font-size:1.0em;
	margin-left:15px;
}

div.selectShop_div .selectblock02{
	text-align:left;
	border-bottom: 1px solid #d9d9d9;
	padding: 15px;
}

.selectblock02{
	text-align:left;
	padding: 15px;
}

.selectblock03{
	width:270px;
	padding-top:11px;
	text-align:left;
	color: #222;
	padding: 0 0 0 10px;
}

.selectblock02 .selectblock,
.selectblock03 .selectblock{
	margin-left:12px;
}

.selectblock02 p,
.selectblock03 p{
	font-weight:bold;
	line-height:1.2;
}

.selectblock02 li img{
	font-size:0;
	line-height:0;
	margin: -1px;
	pointer-events: none;
}

.selectblock02 li label {
	overflow: hidden;
	border: 3px solid #FFFFFF;
	border-radius: 18px;

}

.selectblock02 li label.checked {
	border: 3px solid #FF0000;
}

p.more{
	cursor:pointer;
	line-height:1.0;
	width:80px;
	margin:0 0 4px 110px;
	padding-left:16px;
	text-align:left;
	background:url(/cgi-bin/fsearch/search/img_v2/icon_main_01.gif) no-repeat left;
}

p.more.active{
	background:url(/cgi-bin/fsearch/search/img_v2/icon_main_02.gif) no-repeat left;
}

p.more.active02{
	width:45px;
	margin:0 0 4px 140px;
	background:url(/cgi-bin/fsearch/search/img_v2/icon_main_02.gif) no-repeat left;
}

p.more span{
	display:none;
}

p.more span.appear{
	display:block;
}

.choice li{
	float:left;
	display:inline;
	margin-right:5px;
}

.scroll{
	overflow:auto;
	height: 100%;
}

.scroll::-webkit-scrollbar{
	width: 4px;
}

.scroll::-webkit-scrollbar-thumb{
	background:#dadada;
}

.ui-widget-content{
	width:180px;
	padding:0px;
	text-align:left;
	border:solid #cccccc 1px;
	border-top-width:0;
}

.ui-widget-content li a{
	color:#0b709f;
	cursor:pointer;
}

.color{
	text-align:left;
	border-bottom: solid 1px #d9d9d9;
	padding: 10px 0 15px 10px;
}

.color li{
	float:left;
	display:inline;
	margin:5px 5px 5px 0;
}

*html .color li input{
	margin:0 3px 0 0;
}

*:first-child+html .color li input{
	margin:0 3px 0 0;
}

.color li label{
	float:left;
	display:block;
	line-height:0;
	cursor: pointer;
}

*html .color li label{
	margin-top:3px;
}

*:first-child+html .color li label{
	margin-top:3px;
}

/*** 2012/12/03add start ***/

body {
  behavior:url(/cgi-bin/fsearch/search/css_v2/csshover3.htc);
}

/*** 2013/03/16 add start ***/

.centernav.type2{
	border-bottom: none;
}
.centernav span.num{
	font-size: 12px;
	color: #666;
}
.centernav .pager{
	padding-top: 5px;
	float: right;
	font-size: 0;
	line-height: 1.2;
}
.centernav .pager ul{
	float: right;
}
.centernav .pager li{
	display: inline;
	padding: 0 2px;
	font-size: 13px;
}
.centernav .pager li a{
	display: inline-block;
	line-height: 1.2;
	text-align: center;
	color: #12C;
}
.centernav .pager li.prev{
	padding: 0 6px 0 12px;
	background: url(/cgi-bin/fsearch/search/img_v2/icon_leftarrow.png) 0 4px no-repeat;
}
.centernav .pager li.next a{
	padding: 0 10px 0 0;
	background: url(/cgi-bin/fsearch/search/img_v2/icon_rightarrow.png) 100% 5px no-repeat;
}
.centernav .pager li.act{
	border-radius: 2px;
	background-color: #aaa;
	color: #333;
	text-decoration: none;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.centernav .pager.bottom ul {
	width: 916px;
	float: none;
	text-align: center;
}
.centerhead .type2 li{
	border-left:none;
}
.centerhead .type2 li img{
	display: inline-block;
	margin-right: 2px;
	vertical-align: -2px;
}
.textblock {
	margin-top: 20px;
	border-top: #dfdfdf 1px solid;
}
.textblock .textBox{
	padding: 20px 10px;
	overflow: hidden;
	clear:both;
}
.textblock .textBox .textDetail{
	float: right;
	width: 480px;
	text-align: left;
	font-size: 10px;
}
.textblock .textBox.type2 .textDetail{
	float: none;
	width: 100%;
}
.textblock .textBox .textDetail p a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0.03em;
	color: #12C;
}

.textblock .textBox .textDetail p a:visited {
	color : #609;
}

.textblock .textBox .textDetail p .icon{
	margin: 0px 2px 0px 0px;
}

.textblock .textBox .imgPhoto{
	float: right;
	width: 128px;
}
.textblock .textBox .imgPhoto_shop{
	float: left;
	width: 128px;
}
.textblock .textBox .labelUSD{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #3A3A3A;
	text-align: center;
}
.textblock .textBox .totalPriceUSD{
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}
.textblock .textBox .priceUSD{
	font-size: 1.2em;
	font-weight: bold;
}
.textblock .textBox .labelCLI{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #525252;
	text-align: center;
}
.textblock .textBox .labelCAT{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #626262;
	text-align: center;
}
.textblock .textBox .labelNCR{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #6D6D6D;
	text-align: center;
}
.textblock .textBox .labelINS{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #8E8E8E;
	text-align: center;
}
.textblock .textBox .labelPTS{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #9B9B9B;
	text-align: center;
}
.textblock .textBox .labelCRV{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #A5A5A5;
	text-align: center;
}
.textblock .textBox .labelSRV{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #B0B0B0;
	text-align: center;
}
.textblock .textBox .labelTPC{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #B8B8B8;
	text-align: center;
}
.textblock .textBox .labelWEB{
	padding: 2px 0;
	border-top: #fff 2px solid;
	color: #fff;
	background-color: #C2C2C2;
	text-align: center;
}
#left.leftType2{
	width: 220px;
	font-size: 11px;
	color: #222;
	position: fixed;
	z-index: 2;
}
#left.leftType2 .leftbtninner{
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	margin-bottom: 5px;
}
.toggle_container{zoom:1;}
/*** 2013/03/16 add end ***/


.slider_label_left, .slider_label_right {
	margin-top: 10px;
	font-weight: bold;
}

.slider_label_left {
	float: left;
}

.slider_label_right {
	text-align: right;
}

.gridSearchCondition {
	padding: 10px 0;
}

.gridSearchCondition.center {
	border-top: solid #d9d9d9 1px;
	border-bottom: solid #d9d9d9 1px;
}

.gridSearchCondition p label {
	font-weight: bold;
}

.modelyear-histogram {
	position: relative;
	display: inline-block;
	margin: 0;
	background-color: #b5b5b5;
	width: 8px;
}

.price-histogram, .totalPrice-histogram {
	position: relative;
	display: inline-block;
	margin: 0;
	background-color: #b5b5b5;
	width: 7.2px;
}

.odometer-histogram {
	position: relative;
	display: inline-block;
	margin: 0;
	background-color: #b5b5b5;
	width: 9.5px;
}

.histogram-container {
	height: 25px;
	width: 250px;
	padding: 0px 0px 0px 12px;
}

.ui-slider-handle {
	border-radius: 12px;
	background: #00f;
	border: 0px;
	outline: 0px;
}

.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-hover {
	border: 2px solid #aaa;
}

input[type="checkbox"] {
	display: none;
	display: block\9; /* ie8用 */
	height: 0px\9; /* ie8用 */
}

.selectShop_div {
	border-top: 1px solid #d9d9d9;
	margin: 0 10px;
}

.detailedCondition {
	cursor:pointer;
	border: solid 1px #cccccc;
	border-radius: 5px;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	margin: 10px 15px;
}

#detailedCondition {
	font-size: 12px;
}

#detailedCondition img {
	margin: 0 8px 0 0;
}

.detailedCondition.onclick {
	cursor:pointer;
	border: inset 2px #D8D8D8;
	border-radius: 5px;
	padding: 5px 0px;
	text-align: center;
	font-weight: bold;
	margin: 10px 10px;
}

#detailedSearch {
	height: 90%; /* -webkit-calcやcalcに未対応のブラウザ(ie8以下) */
	height: -webkit-calc(100vh - 80px);
	height: calc(100vh - 80px);
	background-color: white;
	position: fixed;
	top: 122px;
	border-left: 2px solid #ebebeb;
	display: none;
}

#detailedSearch.scroll_topBarSlideIn {
	top: 50px;
	height: 95%; /* -webkit-calcやcalcに未対応のブラウザ(ie8以下) */
	height: -webkit-calc(100vh - 50px);
	height: calc(100vh - 50px);
}

#detailedSearch.scroll_top {
	top: 0px;
	height: 100%;
}

.left_menu_bottom {
	height: 130px;
}

.slider_box {
	padding: 11px 0 0 0px;
	text-align: center;
	border-top: 1px solid #d8d8d8;
}

.leftSearch {
	background: #FFFFFF;
	/*position: fixed;*/
	width: 306px;
}

.seo_select {
	width: 75px;
	line-height:22px;
}

p.float_left{
	text-align: left;
}

ul.search_condition_outer {
	padding: 8px 0px 0px 0px;
}

.totalPriceCheckBox {
	float: right;
}

.price {
	float: left;
}

input#totalPriceCheckBox {
	display: inline;
	height: 16px\9;
}

#totalPriceCheckBox {
	vertical-align: -16%;
}

select.makerPulldown {
	width: 235px;
}

/* グーバイク保証 */
.clearfix .warranty_box {
    float: left;
    position: relative;
}

.clearfix .warranty_box dl {
    position: relative;
    width: 279px;
    height: 54px;
    background: linear-gradient(90deg, #fe4c00 0%, #fe4c00 40%, #ffffff 40%, #ffffff 100%);
    border: 1px solid #fe4c00;
    border-radius: 3px;
}

.clearfix div.warranty_box dl dt {
    position: absolute;
    width: 127.5px;
    height: 41px;
    top: 18%;
    left: 2%;
    line-height: 1.3;
    letter-spacing: normal;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

.clearfix div.warranty_box p.help {
    margin-top: 7px;
}

.clearfix div.warranty_box p.help a {
    color: #FE4C00;
    text-decoration: none;
}
.clearfix div.warranty_box p.help a:visited {
    color: #FE4C00;
}

.clearfix div.warranty_box span.warranty_link_btn {
    display: inline-block;
    position: absolute;
    top: 85%;
    right: 39px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #FE4C00;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}

.clearfix div.warranty_box span.warranty_link_btn a {
    display: block;
    width: 20px;
    height: 20px;
}

.clearfix div.warranty_box span.warranty_link_btn img {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%);
    width: 8px;
    height: auto;
}

.clearfix div.warranty_box dl dd {
    position: absolute;
    font-size: 13px;
    width: 127.5px;
    top: 4px;
    left: 43%;
    line-height: 1.3;
}

.clumn_left .clearfix .warranty_box .warranty_total em {
    font-size: 25px;
    font-weight: bold;
    color: #f14040;
}