@charset "EUC-JP";


/*box_searchCondition*/


/*-------------- 全体 --------------*/



body{

behavior: url(js/csshover.htc);

}



div#wrap{

	width: 960px;

	margin: 0 auto;

}

div#wrap #contents{

	width: 960px;

	padding: 0 0 40px;

	background-color: #FFFFFF;

}

*html div#wrap #contents{/* IE6_hack */

	overflow: hidden;

}



*:first-child+html #wrap #tab_detail ul li span{/* IE7_hack */

	padding-top: 7px;

	display: block;

}



/* tab[地図・キャンペーンを消す] -----------------------------------------------------------------------------------*/ 

#tab_detail ul.tabLink li.tabMap{ display: none;}

/* tab[地図・キャンペーンを消す] */ 



/* 在庫tab[ショールームを消す] */ 

#wrap #main .tab_result ul.tabLink li.second{ display: none;}

#wrap #main .tab_result ul.tabLink li.current a{ text-align: left; padding-left: 20px;}

*html #main .tab_result ul.tabLink li.first.current{/* IE6_hack */

	background-position: -2px 0;

}

#main .tab_result ul.tabLink li.first.current span {

	background-image: url("/usedcar_shop/common_v2/img/icon_stock_gray.png");

	background-position: 0 2px;

	background-repeat: no-repeat;

	padding: 0 0 0 25px;

}

#main .tabLink li{ padding: 18px 0 0 10px;}



/* この幅は消さずに50%に変更する */ 

#wrap #main .tab_result ul.tabLink li{ width: 99%;}

/* この幅は消さずに50%に変更する */ 



#resultArea .box_noList{ width: 100%;}



/* 在庫tab[ショールームを消す] -----------------------------------------------------------------------------------*/ 





/*-------------- 検索画面共通 --------------*/

#wrap #main #scroll{ width: 100%;}

#wrap #main .box_searchCondition{ width: 100%;}

#wrap #main .box_searchCondition .box_roundGrayBottom{

	padding-top: 0;

	border-top: 1px solid #CCCCCC;

}

#wrap #main .box_searchCondition .box_roundGrayBottom .roundB .box_roundWhite { width: auto;}

#wrap #main .box_searchCondition .column dt{ width: 55px;}

#wrap #main .box_searchCondition .box_selectInner{ width: 64%;}

#wrap #main .box_searchCondition .column.w307{ width: 49%;}

#wrap #main .box_searchCondition .column.w297{ width: 35%;}

#wrap #main .box_searchCondition .column.w312{

	width: 46%;

	padding: 0 5px 0;

}

#wrap #main .box_searchCondition .column.w297 .select03{ width: 285px;}

#wrap #main .box_searchCondition .column .other .attention p{ width: 125px;}

#wrap #main .box_searchCondition .column .select03 dt{ width: 45px;}

#wrap #main .box_searchCondition .column .select03 dt.first{ width: 65px;}

#wrap #main .box_searchCondition .column.grade{ width: 100%;}

#wrap #main .box_searchCondition .column.w297{ padding: 0 0 0 7px;}

#wrap #main .box_searchCondition .link{ width: 100%; overflow: hidden;}

/* if IE6 IE7 */

#wrap #tab_detail ul li{ /padding-bottom: 1px;}

#wrap #hpplan01 #tab_detail ul li.current{ background-position: 0 -40px;}



#tab_detail ul li{ cursor: default;}

/* //if IE6 IE7 */



/*-------------- 在庫一覧共通 --------------*/

#contents .box_shopDetails .link li.print span{background:url("/usedcar_shop/common_v2/img/icon_print_blue.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0) !important;}

#contents .box_shopDetails .link li.print span a{ line-height: 1.4;}

#wrap #main .box_result table th.w391{ width: 35%;}

#wrap #main .box_result table td.w391{ width: 35%;}

#wrap #main .box_result td .column.w250{ width: 55%;}

#wrap #main .box_result table th.w146{ width: 143px;}

#wrap #main .box_result td .column .carIcon li{

	margin-bottom: 5px;

	width: 73px;

}

.input10check_03{ z-index: 5 !important;}

#main .box_result .change{ z-index: 5;}

/*------ 140227 追加 ------*/

#zaiko .btn_roundBlue,
#summary .btn_roundBlue,
#showroom .btn_roundBlue{ 
	display: none;
}
#zaiko .btn_roundBlueB,
#summary .btn_roundBlueB,
#showroom .btn_roundBlueB{
	display: none;
}
#zaiko #main .box_result .allCheckArea .side,
#showroom #main .box_result .allCheckArea .side{ display: none;}
#zaiko #main .box_result table.itemDetail td.btn .btn_roundRedB a{ width: 200px;}
#zaiko #main .box_result table td.btn .btn_roundOrangeB a{ width: 200px;}


/*------ 140227 追加 ------*/


/* ↓960pxに幅設定する時のみ100%→960pxに変更↓ */

#wrap #main .tab_result{ width: 100%;}

/* ↑960pxに幅設定する時のみ100%→960pxに変更↑ */



/* if IE6 設定幅から-4px*/

#wrap #main .tab_result ul.tabLink{

	_width: 856px;

	_padding-left: 2px;

}

/* //if IE6 */



#wrap #main .box_result .allCheckArea{ width: 98%; overflow: hidden; margin-right: 0; border: none;}

/*#wrap #main .box_result .tbl_scrollTit{

	width: 100%;

	table-layout: fixed;

}*/

#wrap #main .itemDetailAreaSet{ margin-top: 0;}

#wrap #main .box_result .change .number{ width: 300px;}



#wrap #main .box_result .tbl_scrollTit{ border: 1px solid #999999;}

#wrap #main .box_result table th.tit{

	background: repeat-x scroll 0 0 #F5F5F5;

	border: none;

}

/* if IE6 */

*html #wrap #main .box_result .allCheckArea .side .btn_roundBlue a, #main .box_result .allCheckArea .btn p{/* IE6_hack */

	vertical-align: top;

}

/* //if IE6 */





/*-------------- SNS --------------*/

#wrap #contents .box_top{ width: 100%;}

#wrap #summary #contents .box_top .topicpath{ width: 60%;}

#wrap #zaiko #contents .box_top .topicpath{ width: 100%;}

#wrap #showroom #contents .box_top .topicpath{ width: 100%;}

#wrap #contents .box_top .sns{ width: 40%;}



/*-------------- summary --------------*/

#wrap #summary .itemDetailArea{ padding-top: 43px;}

#wrap #summary .input10check_03 {

    position: relative !important;

    z-index: 5 !important;

}



/*-------------- Showroom --------------*/



#wrap #showroom #main .box_searchCondition .scrollTit{ width: 858px;}

#wrap #showroom #main .tab_result ul.tabLink li.first a{ border-right: 1px solid #CCCCCC;}

#wrap #showroom #main .itemDetailArea .list{

	width: 100%;

	table-layout: fixed;

	margin: 0 0 10px;

}

#wrap #showroom #main .box_result table{ border-left: none;}

#wrap #showroom #main .box_result table.list td:first-child, #main .itemDetailArea .list th, #main .itemDetailArea .list td{ width: 25%;}

#wrap #showroom #main .itemDetailArea .list p.photo{

	margin: 0 auto;

	height: 167px;

	overflow: hidden;

}

#wrap #showroom #main .itemDetailArea tr.btn_area td{

	text-align: center;

}



#wrap #showroom #main .itemDetailArea .list .howPhoto{

	width: 221px;

	margin: 3px auto 0;

	padding: 0;

}





/*-------------- zaiko --------------*/

#wrap #zaiko .itemDetailArea{ padding-top: 43px;}

#wrap #contents .box_shopDetails div.txt{ width: 67%;}

#wrap #contents .box_shopDetails .side{ width: 115px;}

#wrap #contents .box_shopDetails div.txt{ width: 67%;}

#wrap #contents .box_shopDetails div.txt .details .other{ width: 75%;}



#wrap .hl_judgmentShop li.tit, .hl_shop li.tit{ width: 60%;}

/* if IE6 */

#wrap .hl_judgmentShop li.tit, .hl_shop li.tit{ _width: 53%;}

/* //if IE6 */

*:first-child+html #wrap .hl_judgmentShop li.tit, .hl_shop li.tit{/* IE7_hack */

	width: 53%;

}



#wrap .hl_judgmentShop li.info ul li.all, .hl_shop li.info ul li.all{ width: 130px;}

#wrap .hl_judgmentShop li.info ul li.num, .hl_shop li.info ul li.num{ width: 48px;}

#wrap .hl_judgmentShop li.info ul li, .hl_shop li.info ul li{ width: 36px;}



/*zaiko.htmlのgrouplist*/

#wrap div.ma_groupdetail{

    margin: 10px 0 15px;

    padding: 0;

}

#wrap div.ma_groupdetail div.gd_link{

    padding: 5px 10px;

    text-align: right;

}

#wrap div.ma_groupdetail table.gd_shoplist th{

    background: none repeat scroll 0 0 #F6F6F6;

    font-weight: normal;

    border: 1px solid #CCCCCC;

    padding: 3px;

    text-align: center;

}

#wrap div.ma_groupdetail table.gd_shoplist td{

    border: 1px solid #CCCCCC;

    padding: 3px;

    text-align: left;

}

#wrap div.ma_groupdetail table.gd_shoplist{

    border-collapse: collapse;

    width: 100%;

}



#wrap .hl_judgmentCar, .hl_icon, .hl_car, .hl_judgmentShop, .hl_shop, .hl{

	margin: 10px 0;

}





/*-------------- spread --------------*/



#wrap #spread #main .box_itemDetails .info{ width: 60%;}

#wrap #spread #contents #main.w685, #contents .w685{ width: 100%;}

#wrap #spread #main .box_carPhoto #slide{ width: 640px;}

#wrap #spread #main .box_carPhoto #slide #car_img_main .photo img{ width: 100%; height: inherit;}

#wrap #spread #main .box_itemDetails .price .body th{ width: 100px;}

#wrap #spread .hl_icon{ width: 100%;}

#wrap #spread #topicpath{ width: 100%;}

#wrap #spread #spread #contents #main{ float: none; clear: both;}

#wrap #spread .photo_thumb02{ text-align: left;}



/*コンテンツ幅により調整が必要*/

#wrap #spread div.itemList ul li{ width: 171px;}

#wrap #spread div.itemList ul li.lineL{ width: 450px;}

/*//コンテンツ幅により調整が必要//*/



#wrap #spread table.tbl_type01{ width: 100%;}

#wrap #spread table.tbl_type02{ width: 100%;}

/*-------------- hdplan --------------*/

div#contents div#shopmain ul#shopmenu li.data a{

    background: none repeat scroll 0 0 #D91A28;

    border-left: 1px solid #D91A28;

    border-right: 1px solid #D91A28;

    border-top: 1px solid #D91A28;

    color: #FFFFFF;

}

div#contents div#shopmain ul#shopmenu li.map{ display: none;}

div#side dl.sideBox dd.menu li.map{ display: none;}

div#side dl.sideBox dd.menu li.showRoom{ display: none;}

#contents #aside .box_mobileSite .txt{ width: 145px;}


/*-------------- 161101追加 --------------*/
#wrap #main .tab_result{ display: none;}


/*-------------- 161201追加 --------------*/
.loan_btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	background-repeat: reprat-x;
	background-position: 0 0;
	padding: 0;
	margin-left: 0;
}

.loan_btn a {
	color: #ffffff;
	width: 190px;
	display: inline-block;
	font-size: 110%;
	height: 20px;
	padding: 9px 0 7px 0;
	text-align: center;
	text-decoration: none;
	border-left: 2px solid #d41424;
	border-right: 2px solid #d41424;
	background: url(https://img.goo-net.com/common_v2/img/bg_btn_round_red_body_b.png);
}

.loan_btn a:hover {
	border-left: 2px solid #df3A47;
	border-right: 2px solid #df3A47;
	background: url(https://img.goo-net.com/common_v2/img/bg_btn_round_red_body_b_hover.png);
}

.loan_btn a:active {
	border-left: 2px solid #d00011;
	border-right: 2px solid #d00011;
	background: url(https://img.goo-net.com/common_v2/img/bg_btn_round_red_body_b_active.png);
}

.loan_btn a span.loan {
	padding: 2px 0 2px 22px;
	background: url("/newpackage/img/loan_icon.png") no-repeat 0 50%;
}

#loanplan h2.tit {
	background: none;
	margin-bottom: 5px;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

#loanplan { margin: 0 0 20px 0; }

#loanplan h3 {
	margin-bottom: 10px;
	padding-left: 4px;
	font-size: 125%;
	font-weight: bold;
	color: #ff0000;
}

#loanplan .loanplan_box {
	margin-bottom: 10px;
	padding: 10px;
	background: #f2f2f2;
}

#loanplan .loan_question {
	margin-bottom: 10px;
	text-align: right;
}

#loanplan .loan_question a {
	color: #027ab5;
	padding: 3px 17px 0 0;
	background: url("https://img.goo-net.com/common_v2/img/icon_faq_gray.gif") no-repeat right center;
}

#loanplan .loan_apply {
	margin-bottom: 20px;
	text-align: center;
}

#loanplan .loan_apply a {
	display: block;
	background: url("https://img.goo-net.com/common_v2/img/btn_loan_apply.png") no-repeat scroll left top transparent;
	padding: 16px 0 14px;
	margin: 0 auto;
	width: 370px;
	color: #ffffff;
	font-size: 183%;
	font-weight: bold;
	text-decoration: none;
}

#loanplan .notes {
	padding: 15px 20px;
	border: 2px solid #ccc;
}

#loanplan .notes h3 {
	padding: 0;
	font-size: 150%;
	color: #e50012;
}

#loanplan .notes ul li {
	margin-bottom: 5px;
	margin-left: 1em;
	list-style: disc;
}

.loan_square {
	height: 60px;
	float: left;
}

p.loan_square .btnsetRedLoan {
	background: url(https://img.goo-net.com/usedcar/common_v2/img/spread_new/btn_right_loan_n.png) no-repeat left top;
	display: block;
	padding: 13px 0 15px 55px;
	width: 228px;
	color: #ff3838;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

p.loan_square span.loan_txt{
	text-align: right;
	font-size: 14px;
	margin-top: 10px;
	display: block;
}

p.loan_square span.loan_txt a{
	display: block;
	background: url(https://img.goo-net.com/usedcar/common_v2/img/spread_new/icon_help.png) no-repeat right 40%;
	padding-right: 20px;
}