@charset "UTF-8";

/*** 160209 GOOLA_PRJ-26 ***/

body{
	font-family:"メイリオ",Meiryo,sans-serif,"ＭＳＰゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	min-width: 1260px;
}

.has-left-column #wrapper #contents-inner{
	border-left: 2px solid #ebebeb;
	padding: 20px 0 20px 30px;
	background-color: #f5f3f0;
}

.searchForm .searchbtn a{
    background: url("/cgi-bin/fsearch/search/img_v3/header_v3_bg.gif") no-repeat scroll -174px -8px transparent;
    display: block;
    height: 29px;
    overflow: hidden;
    width: 74px;
}

.searchForm .searchArea{
	padding-right: 82px;

}

.search {
    clear: both;
    padding: 0 75px 0 0;
    position: relative;
}

.search .bg {
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
    padding: 2px 6px 0;
    height: 25px;
    position: relative;
}


.search input.txt {
    border: 0 none;
    color: #333333;
    font-size: 16px;
    height: 23px;
    line-height: 1.8;
    outline: medium none;
    padding: 0;
    width: 100%;
}
#wrapper #left{
	height: 83%;
	height: -webkit-calc(100vh - 115px);
	height: calc(100vh - 115px);
}

#wrapper #left.scroll_topBarSlideIn{
	height: 93%;
	height: -webkit-calc(100vh - 50px);
	height: calc(100vh - 50px);
	top: 50px
}

#wrapper #left.scroll_top{
	/*height: 100%;*/
	top: 0px;
}

.centerhead{
	margin-bottom: 12px;
}

.centerheadinner dt{
	padding-top: 4px;
}

.centerheadinner dd{
	margin-left: 95px;
	width: 865px;
}


.centerheadinner{
	float: none;
	font-size: 13px;
	display: block;
}

.centerheadinner{
	float: none;
	margin-left: 0;
}

.centerheadinner{
	padding: 0;
	border: none;
	margin: 0 10px 10px 0;
}

.centerheadinner a{
	font-size: 13px;
	color: #666666;
}

.centerheadinner .centernavMain2{
	padding-top: 3px;
}

.centerheadinner dd li{
	border: 1px solid #d2d0d0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 3px 6px;
	margin-bottom: 7px;
}

.centernav_scroll{
	height: 47px;
	border-top:1px solid #dbdbdb;
	border-bottom:2px solid #e0e0e0;
	background-color: #f1f1f1;
	display: none;
	width: 100%;
	left: 0;
	z-index: 20;
}

.centernavblock{
	width: 916px;
}

.centernavblock select{
	height: 30px;
	padding-left: 10px;
	width: 87px;
	margin-top: 0;
	
}

.centernavblock p span.totalrecord{
	color: #e60012;
}

.centernav .pager{
	padding-top: 0;
}

.centernav .pager li{
	display: inline-block;
	*display: inline;
	*zoom: 1;

}
.centernav .pager li.prev{
	background: none;
}

.centernav .pager li.next{
	margin-right: 0;
}

.centernav .pager li.act{
	background: none;
}

.centernav .pager li.dotted{
	border: none;
	padding: 0;
}

.centernav .pager li a{
	text-decoration: none;
	padding: 10px 10px;
	display: block;
	font-size: 15px;
	line-height: 1;
	border: solid 1px #E6E4E1;
	text-align: center;
	border-radius: 5px;
	color: #4d4d4d;
	font-weight: bold;
	background-color: #fff;
}

.centernav .pager li.act a{
	text-decoration: none;
	background-color: #565553;
	color:#ffffff;
	cursor: default;
}

.centernav .pager li.next a{
	background: none;
	text-decoration: none;
	padding: 10px 10px;
	display: block;
	font-size: 15px;
	margin-right: 5px;
	line-height: 1;
	border: solid 1px #E6E4E1;
	text-align: center;
	background-color: #fff;
}

.centernav .pager li a:hover {
	background-color: #565553;
	color:#ffffff;
	box-shadow: none;
}

.centernav_scroll .centernav_scrollInner{
	width: 1148px;
	padding: 9px 26px 0 32px;
	font-size: 11px;
}

@media screen and (min-width:0px) and ( max-width:920px) {
	.centernav_scroll .centernav_scrollInner{
		width: 847px;
	}
}

.centernav_scroll .centernav_scrollInner .leftBox{
	float: left;
}

.centernav_scroll .centernav_scrollInner .rightBox{
	float: right;
}

.centernav_scroll .centernav_scrollInner p{
	font-size: 130%;
}

.centernav_scroll .centernav_scrollInner p span.totalrecord{
	font-size: 140%;
	font-weight: bold;
	color: #e60012;
}

.centernav_scroll .centernav_scrollInner .rightBox li ul{
	*font-size: 9px;
}

.centernav_scroll .centernav_scrollInner .rightBox li{
	float: left;
	line-height: 1.3;
	line-height: 1.1 \9;
	margin-right: 36px;
	*white-space:nowrap;
 	*width: 10px;
}

.centernav_scroll .centernav_scrollInner .rightBox li.last{
	margin-right: 0;
}

.centernav_scroll .centernav_scrollInner .rightBox ul{
	text-align: center;
	width: 114%;
}

.centernav_scroll .centernav_scrollInner .rightBox li ul li{
	font-size: 0;
	margin-right: 2px;
	float: none;
	display: inline;
}

.textblock{
	margin: 0 0 25px 0;
	border-top: none;
}

.textblock .textBox{
	padding: 10px 10px 18px 0;
	border-bottom: #dfdfdf 1px solid;
}

.textblock .textBox:hover{
	cursor: pointer;
}


.textblock .textBox .detailwrap{
	overflow: hidden;
	width: 906px;
	background-color: #fff;
	position: relative;
}

.textblock .textBox .textDetail{
	width: 610px;
}

.textblock .textBox .imgPhoto{
	width: 0px;
	margin-right: 20px;
	position: absolute;
	top:50%;
	transform: translate(-50%, -50%);
}

.textblock .textBox .imgPhoto_shop{
	width: 130px;
	margin-right: 22px;
}

.textblock .textBox .publishedNo{
	float: left;
	padding-top: 35px;
	width: 65px;
	text-align: center;
}

.textblock .textBox .textDetail .bottomDetail .clumn_left{
	width: 283px;
	float: left;
}

.textblock .textBox .textDetail .bottomDetail .clumn_left .clearfix p{
	float: left;
	color: #333333;
	font-size: 13px;
	line-height:1.3;
}

.textblock .textBox .textDetail .bottomDetail .clumn_left .clearfix p span{
	font-size: 25px;
	font-weight: bold;
	margin-right: 4px;
}

.textblock .textBox .textDetail p.car_name a{
	font-size:1.5em;
	text-decoration: none;
	
}

.textblock .textBox .inquiryBox{
	background-color: #f0ece6;
	width: 878px;
	padding: 10px 15px 8px 13px;
}

.textblock .textBox .inquiryBox .clumn_left{
	float: left;
}

.textblock .textBox .inquiryBox .clumn_left p{
	line-height: 1.3;
}

.textblock .textBox .inquiryBox .clumn_left .store_name{
	font-size: 14px;
	font-weight: bold;
}

.textblock .textBox .inquiryBox .clumn_right{
	float: right;
}

.textblock .textBox .inquiryBox .clumn_right .store_tel{
	font-size: 27px;
	font-weight: bold;
	color: #f14040;
	margin-left: 23px;
	line-height: 1.2;
	padding-top: 3px;
	display: inline-block;
}

/*リプレース追加分*/
.menuName,
.BrandName {
	color: #ffffff;
	background-color: #333333;
	padding: 0 10px;
	font-weight: normal;
	font-size: 8pt;
	border: solid 1px #333333;
	border-radius: 4px;
	margin-right: 10px;
	vertical-align: middle;
}

.CarName {
	color: #333333;
	margin-right: 18px;
	font-size: 13pt;
}

/************************************************************************/

.cb {clear: both;}

#core_ach_box .outerDetail{
	box-shadow:none !important;
	border: dotted 1px #CCCCCC !important;
}
#core_ach_box .inquiryBox{
	background-color: #FFFFFF !important;
}
#core_ach_box .car_name_red {
	color: #222222;
	margin-right: 18px;
	font-size: 13pt;
}
#core_ach_box .car_price_box_right{font-size: 10.5pt; float: right; padding-right: 10px;}
#core_ach_box .car_review_content_box {padding-top: 10px; font-size:10.5pt; color: #666666;}
#core_ach_box .car_publish_box {padding-top: 10px; font-size:10.5pt; color: #666666; }
#core_ach_box .car_review_tag_box {padding-top: 10px; font-size:10.5pt; color: #666666; padding-right: 10px;}
#core_ach_box .inquiryBox .clumn_left {width: 55% !important;}
#core_ach_box .inquiryBox .clumn_right {width: 45% !important;}
#core_ach_box .inquiryBox .clumn_right .review_point {width: 50% !important; float: left; padding-top: 7px; padding-left: 10px;}
#core_ach_box .inquiryBox .clumn_right .review_point span {font-weight: bold; font-size: 10.5pt; float: left;}
#core_ach_box .inquiryBox .clumn_right .review_comment {float: right; text-align: right; font-size: 10.5pt; padding-top: 7px;}
#core_ach_box .inquiryBox .clumn_right .review_comment span {font-weight: bold;}
#core_ach_box .inquiryBox .clumn_right .review_comment b {font-weight: bold; color: #FF0000;}


	/************************************************************************/


.CarDesc {
	color: #333333;
	font-weight: normal;
	font-size: 10pt;
}

.car_name {
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-top: 10px;
}

.clumn_left_middle p {
	float: left;
	width: 90px;
}

.clumn_left_bottom {
	clear: both;
}
.clumn_left_bottom p {
	float: left;
	width: 90px;
}

.main_search_area{
	padding-top: 10px;
    padding-bottom: 2px;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 4px solid #dfdfdf;
	width: 908px;
	height: 80px;
	background: #fff;
	margin-bottom: 20px;
}
.bikekaitoriBanner img{
	width: 908px;
	height: 150px;
	padding-bottom: 10px;
}
.search_word {
	border-top: 3px solid #f14040;
	padding: 15px 0px 15px 15px;
	background-color: #ffffff;
	margin-bottom: 20px;
	font-size: 14pt;
	width: 892px;
}
.search_word p {
    word-break: break-all;     
}

.search_word span {
    font-size: 16pt;
    font-weight: bold;
    word-break: break-all;     
}

/* - #menu_tab - */
.tab_area {
	float: right;
	margin-right: 10px;
	zoom:1;
}

.tab_area ul li{
	float: left;
	zoom:1;
	width: 95px;
}

.tab_area ul li img{
	margin-left: 10px;
}

.tab_area ul li a{
	display: block;
	padding: 5px 0;
	line-height: 2.1;
	color: #444444;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
}

.tab_area ul li.tab_img {
	border: solid 1px #c3c2c2;
	border-radius: 1px 5px 5px 1px;
	border-left: none;
}

.tab_area ul li.tab_title_img {
	border: solid 1px #c3c2c2;
	border-radius: 5px 0px 0px 5px;
}
 
.tab_area ul li.tab_img.active a{
	background: #e5e2e2;
	color: #999999;
}

.tab_area ul li.tab_title_img.active a{
	color: #999999;
	background: #e5e2e2;
}

.categoryMenu {
	margin-top: 10px;
}

.categoryMenu li{
	float: left;
	display: inline;
	width: 100px;
	text-align: center;
	height: 30px;
	padding: 5px 5px 0 5px;
}

.categoryMenu li a{
	color: #333;
	line-height: 2.0;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding: 0 4px;
}

.categoryMenu li a:hover{
	color: #e50021;
}

.categoryMenu li.on{
	border-bottom: 4px solid #e50021;
	color: #e50021;
}

.arrow-div {
	position: relative;
	background: #fff;
	border: 0px solid #DDDDDD;
}

.arrow-div:after, .arrow-div:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-div:after {
	border-color: rgba(241, 241, 241, 0);
	border-top-color: #f1f1f1;
	border-width: 4px;
	margin-left: -4px;
}

.arrow-div:before {
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #DDDDDD;
	border-width: 5px;
	margin-left: -5px;
}

.categoryMenu li.on a{
	color: #e50021;
}
.menu_area {
	display: inline;
}

.searchForm{
	background-color: #dddddd;
	padding: 2px 1px 2px 2px;
	border: solid 2px #dddddd;
	border-radius: 5px;
	width: 600px;
	margin-left: 30px;
}

.searchForm .searchbtn{
	position: absolute;
	right: 3px;
	top: 0;
}


.HideLeftNav {
	position: fixed;
	left: -306px;
	z-index:100;
	width: 306px;
	background-color: #FFFFFF
}

#leftFavorite {
	height: 100%;
	background-color: #fff;
}

#leftFavoriteInner {
	margin:0px 8px; 
}

.sort {
	border-radius: 3px;
	font-family:"メイリオ",Meiryo,sans-serif,"ＭＳＰゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-weight: bold;
}

.btnFavorites {
	margin: 0 9px 10px 0;
}

.listSearchCondition {
	float: left;
	margin-right: 5px;
}

.listSearchCondition img{
	vertical-align: -2px;
	margin-right: 3px;
}

.listSearchCondition a {
	color: #333;
	text-decoration: underline;
}

.clearSearchCondition {
	float: left;
	margin-right: 5px;
}

.clearSearchCondition a {
	color: #fff;
}

.containerSearchCondition {
	font-size: 8pt;
	display: inline-block;
	margin-top: 10px;
}

select.sort {
	width: 27%;
	padding: 0;
	margin: 6px 0 6px 0;
	padding-left: 6px;
	min-width:200px;
}

.receiverIcon {
	color: #fff;
	background: #f14040;
	border-radius: 3px;
	font-size: 10pt;
	padding: 3px 0px 3px 5px;
	vertical-align: middle;
	margin-right: 7px;
}

.receiverIcon img {
	vertical-align: middle;
	margin-right: 7px;
}

.clumn_left_middle {
	margin-top: 8px;
}

.textblock .textBox .inquiryBox .clumn_left .store_name span{
	font-weight: normal;
}

.totalPrice {
	color: #f14040;
}

.ui-effects-transfer {
	border: 1px dotted black;
	z-index:10;
}

.usedCar .textBox {
	border-bottom: none;
}

.outerDetail {
	width: 906px;
}

.search_word,.outerDetail {
	box-shadow: 1px 1px 0px 0px #B7B3B0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#B7B3B0,direction=135,strength=1,enabled=true)";
}

/* clearable input (default) */
.clearable{
  background: #fff url("/cgi-bin/fsearch/search/img_v2/icon_search_condition_close.png") no-repeat right -18px center;
  border: 0px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
/* clearable input (show icon) */
.clearable.x  {
	background-position: right 5px center;
}
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */
#linkrate {
    float: left;
    width: 100%;
    margin-top: 18px;
}

#linkrate ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#linkrate ul li{
    margin-left:5px;    
    margin-bottom:0px;    
    display:inline;
}

#linkrate ul li a{
     color: #0000FF;
}
.itemOption {
    padding-bottom:8px;
    padding-top:8px;
    border-bottom:1px solid #CCCCCC;
}

.itemOption:last-of-type {
  	border-bottom: none;
}

.link-options {
     margin-left : 8px;
     margin-right : 8px;
     border:1px solid #CCCCCC;
     border-radius: 5px;
}

.link-options ul {
     padding-left:8px;
     padding-right:8px;
}

.link-options .title-options {
     font-size: 14px;
     border-bottom:1px solid #CCCCCC;
     padding-bottom:8px;
     padding-top:8px;
     padding-left:8px;
     padding-right:8px;
}

.bold-find-result-ipn {
	color: red;
	font-weight: bold;
	font-size:16px;
}

.bold-find-result-pc {
	color: red;
	font-weight: bold;
	font-size:20px;
}

.bold-find-key {
	color: red;
	font-weight: bold;
}

.bold-title-options {
	font-weight: bold;
	font-size:20px;
}

.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/********************/
/*** REVIEW STARS ***/
.star_rating_goola {
	display: table;
	margin-bottom: 3px;
}

.star_rating_goola li.star {
	position: relative;
	width: 21px;
	height: 18px;
}

.star_rating_goola li {
	display: table-cell;
	margin-bottom: 0;
	line-height: 1 !important;
}

.star_on:before {
	content: "";
	display: block;
	width: 21px;
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/cgi-bin/fsearch/search/img_v3/icon_sprite_goola.png) no-repeat 0 -164px;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
}

.star_half:before {
	content: "";
	display: block;
	width: 22px;
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/cgi-bin/fsearch/search/img_v3/icon_sprite_goola.png) no-repeat 0 -186px;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
}

.star_off:before {
	content: "";
	display: block;
	width: 22px;
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(/cgi-bin/fsearch/search/img_v3/icon_sprite_goola.png) no-repeat 0 -207px;
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
}

.star_rating_goola .point {
    color: #e5111a;
    font-weight: bold;
    font-size: 16px;
    padding: 1px 0 0 4px;
	vertical-align: bottom;
}



.textBox .textDetail dl dt,
.textBox .textDetail dl dd {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    font-size: 14px;
}

.textDetail dl.evaluation,
.textDetail dl.reviews_number {
    display: inline-block;
}

.textDetail dl {
    letter-spacing: -0.5em;
    overflow: hidden;
}

div.callBtn {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.textDetail .callBtn a {
    text-decoration: none;
}

.callBtn img {
    margin-right: 10px;
}

.callBtn .estimate.textArea {
    height: 20px;
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    color: #fff;
    background: #D82323;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.callBtn .inquiry {
    width: 240px;
}

/*  goola  */

.clumn_right .showQr {
	position: relative;
}