@charset "UTF-8";
@import url(css/common.css?p=20200823);

/*緑：#2cb4ab*/

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Chromeで印刷時、背景色が出ないための対策*/
body{ -webkit-print-color-adjust: exact; }


.wrapper{ width: 964px; margin: 0 auto; overflow: hidden; *zoom: 1; }


/********************************************************************************************************************************************************************
　○ヘッダー設定
********************************************************************************************************************************************************************/
#header{ background: #080203; }

#header #logo { margin: 30px 0 26px; float: left; }


/*ログイン前（フォーム）*/
#header #login{ width: 205px; margin-top: 30px; float: right; }

#header #login input[type="text"], #header #login input[type="password"] { display: block; width: 134px; height: 15px; padding: 3px; background: #1e1e1e; border: none; color: #fff; border-radius: 0; box-shadow: none; font-size: 12px; }
#header #login input[type="text"]:first-child { margin-bottom: 4px; }
#header #login input[type="button"]{
	width: 59px; height: 46px; background: #2cb4ab; border: none; font-weight: bold; color: #fff; cursor: pointer;
	-webkit-appearance: none; border-radius: 0;
}

#header #login input[type="button"]:hover{ background: #41cdc2; }
#header #login dt{ margin-right: 6px; float: left; }




/*ログイン後（共通）*/
#header #afterLogin{ width: 400px; margin-top: 10px; background: #282828; float: right; } 
	#loginName{ padding: 5px 0; color: #fff; font-weight: bold; text-align: center; }

	/*通常企業*/
	#afterLogin.normal #loginName{ background: #2cb4ab; color: #fff; }

	/*SP会員企業*/
	#afterLogin.spMember #loginName{ background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03); color: #fff; }

	/*管理ログイン時*/
	#afterLogin.admin #loginName{ background: #634b8c; color: #fff; }



	#ul_loginMenu{ padding: 5px 20px; }
	#ul_loginMenu li{ line-height: 1.3em; }

	#afterLogin #ul_loginMenu li a{ display: block; padding: 0 10px; text-decoration: none; }

	/*企業共通*/
	#afterLogin.normal #ul_loginMenu li a, #afterLogin.spMember #ul_loginMenu li a{ color: #2cb4ab; }
	#afterLogin.normal #ul_loginMenu li a:hover, #afterLogin.spMember #ul_loginMenu li a:hover{ background: #2cb4ab; color: #fff; }

	/*管理者の場合*/
	#afterLogin.admin #ul_loginMenu li a{ color: #634b8c; }
	#afterLogin.admin #ul_loginMenu li a:hover{ background: #634b8c; color: #fff; }





/*ログイン後（企業）*/
/*ログイン後（SP企業）*/




/********************************************************************************************************************************************************************
　○ナビ設定
********************************************************************************************************************************************************************/

/*（共通）ナビ基本部*/
#gnav{ height: 78px; background: #282828; }
#gnav .wrapper{}

#gnav01 li{ float: left; }
#gnav01 li a{ display: block; height: 78px; background-image: url(img/gnav01.png); text-indent: -99999px; }

#gnav01_li01 a{ width: 100px; background-position:    0px 0; }
#gnav01_li02 a{ width: 164px; background-position: -100px 0; }
#gnav01_li03 a{ width: 149px; background-position: -258px 0; }
#gnav01_li04 a{ width: 127px; background-position: -413px 0; }

#gnav01_li01 a:hover, #gnav01_li01 a.active{ background-position:    0px -156px; }
#gnav01_li02 a:hover, #gnav01_li02 a.active{ background-position: -100px -156px; }
#gnav01_li03 a:hover, #gnav01_li03 a.active{ background-position: -258px -156px; }
#gnav01_li04 a:hover, #gnav01_li04 a.active{ background-position: -413px -156px; }

/*#gnav01_li01.on a{ background-position: 0 -156px; }*/


#gnav02{ margin-top: 32px; float: left; }
#gnav02 li{ margin-left: 15px; float: left; }
#gnav02 li a{ font-size: 12px; color: #fff; }
#gnav02 li a:hover{ color: #2cb4ab; text-decoration: none; }


#gnav03{ width: 90px; height: 100%; text-align: center; vertical-align: middle; float: right; }
#gnav03 a{ display: block; padding: 25px 0; background: #000; vertical-align: middle; color: #fff; font-size: 12px; line-height: 1.4em; text-decoration: none; }


/*（トップページ）車種ボタン*/
#car_model_menu{ background: #000; }


/*（共通）　ナビ下部　登録台数・検索エリア*/
#car_model_search{}
#car_model_search .wrapper{ width: 962px; }

#registration_number{ width: 228px; height: 40px; padding: 15px 12px 0 0; color: #fff; text-align: right; font-size: 18px; float: left; }
#registration_number span{ display: inline-block; padding: 0 5px 0 30px; font-size: 28px; font-weight: bold; }

#car_model_menu_search_form{ width: 600px; height: 55px; position: relative; float: right; }
#car_model_menu_search_form span{ color: #fff; }
#car_model_menu_search_form input[type="text"]{ width: 368px; height: 16px; margin: 16px 0 0 22px; padding: 3px; border: none; border-radius: 0; font-size: 14px; }
#car_model_menu_search_form input[type="submit"]{
	height: 22px; padding: 0 10px; background: #2cb4ab; font-weight: bold; color: #fff; border: none; position: absolute; top: 16px; right: 0; cursor: pointer;
	-webkit-appearance: none; border-radius: 0;
}

#car_model_menu_search_form input[type="submit"]:hover{ background: #41cdc2; }


#car_icon_block{ background: #282828; }
#car_model_menu ul{ width: 966px; margin: 0 auto; }
#car_model_menu li{ float: left; }
#car_model_menu li a{ display: block; width: 138px; height: 78px; background-image: url(img/car_model_menu.png); text-indent: -99999px; }

#car_model_menu #car_model_menu01 a{ background-position:    0px 0px; }
#car_model_menu #car_model_menu02 a{ background-position: -138px 0px; }
#car_model_menu #car_model_menu03 a{ background-position: -276px 0px; }
#car_model_menu #car_model_menu04 a{ background-position: -414px 0px; }
#car_model_menu #car_model_menu05 a{ background-position: -552px 0px; }
#car_model_menu #car_model_menu06 a{ background-position: -690px 0px; }
#car_model_menu #car_model_menu07 a{ background-position: -828px 0px; }

#car_model_menu #car_model_menu09 a{ background-position:    0px -78px; }
#car_model_menu #car_model_menu08 a{ background-position: -138px -78px; }
#car_model_menu #car_model_menu10 a{ background-position: -276px -78px; }
#car_model_menu #car_model_menu11 a{ background-position: -414px -78px; }
#car_model_menu #car_model_menu13 a{ background-position: -552px -78px; }
#car_model_menu #car_model_menu12 a{ background-position: -690px -78px; }
#car_model_menu #car_model_menu14 a{ background-position: -828px -78px; }

#car_model_menu #car_model_menu01 a:hover{ background-position:    0px -156px; }
#car_model_menu #car_model_menu02 a:hover{ background-position: -138px -156px; }
#car_model_menu #car_model_menu03 a:hover{ background-position: -276px -156px; }
#car_model_menu #car_model_menu04 a:hover{ background-position: -414px -156px; }
#car_model_menu #car_model_menu05 a:hover{ background-position: -552px -156px; }
#car_model_menu #car_model_menu06 a:hover{ background-position: -690px -156px; }
#car_model_menu #car_model_menu07 a:hover{ background-position: -828px -156px; }

#car_model_menu #car_model_menu09 a:hover{ background-position:    0px -234px; }
#car_model_menu #car_model_menu08 a:hover{ background-position: -138px -234px; }
#car_model_menu #car_model_menu10 a:hover{ background-position: -276px -234px; }
#car_model_menu #car_model_menu11 a:hover{ background-position: -414px -234px; }
#car_model_menu #car_model_menu13 a:hover{ background-position: -552px -234px; }
#car_model_menu #car_model_menu12 a:hover{ background-position: -690px -234px; }
#car_model_menu #car_model_menu14 a:hover{ background-position: -828px -234px; }


#tx_reccomend{ padding: 10px 0;}
#tx_reccomend p{ width: 406px; height: 19px; background: url(../img/tx_reccomend.png); text-indent: -9999px; }

#arrow_bottom_ossm{ padding-bottom: 30px; background: #eee; }
#arrow_bottom_ossm p{ width: 46px; height: 25px; margin: 0 auto; background: url(../img/arrow_bottom_ossm.png); }


/*（カテゴリー一覧） 車種選択エリア*/
#list_page_form{ background: #080203; }

#registration_number2{ width: 400px; height: 40px; padding: 15px 12px 0 0; color: #fff; text-align: left; font-size: 18px; float: left; }

#registration_number2 span#item_icon{ display: inline-block; width: 50px; height: 30px; background-image: url(../img/icon_green.png); line-height: 2.5em; }
#registration_number2 span.item_01{ background-position:    0   0; }
#registration_number2 span.item_02{ background-position:  -50px 0; }
#registration_number2 span.item_03{ background-position: -100px 0; }
#registration_number2 span.item_04{ background-position: -150px 0; }
#registration_number2 span.item_05{ background-position: -200px 0; }
#registration_number2 span.item_06{ background-position: -250px 0; }
#registration_number2 span.item_07{ background-position: -300px 0; }
#registration_number2 span.item_09{ background-position: -350px 0; }
#registration_number2 span.item_08{ background-position: -400px 0; }
#registration_number2 span.item_10{ background-position: -450px 0; }
#registration_number2 span.item_11{ background-position: -500px 0; }
#registration_number2 span.item_13{ background-position: -550px 0; }
#registration_number2 span.item_12{ background-position: -600px 0; }
#registration_number2 span.item_14{ background-position: -650px 0; }


#registration_number2 span#cate{ color: #2cb4ab; }
#registration_number2 span#num{ display: inline-block; padding: 0 5px 0 30px; font-size: 28px; font-weight: bold; }

#car_model_menu_search_form2{ width: 530px; height: 55px; position: relative; float: right; }
#car_model_menu_search_form2 span{ color: #fff; }
#car_model_menu_search_form2 input[type="text"]{ width: 368px; height: 16px; margin: 16px 0 0 22px; padding: 3px; border: none; border-radius: 0; font-size: 14px; }
#car_model_menu_search_form2 input[type="submit"]{
	height: 22px; padding: 0 10px; background: #2cb4ab; font-weight: bold; color: #fff; border: none; position: absolute; top: 16px; right: 0; cursor: pointer;
	-webkit-appearance: none; border-radius: 0;
}
#car_model_menu_search_form2 input[type="submit"]:hover{ background: #41cdc2; }



#result_title_area{ background: #080203; }

#fm_filter{ padding-top: 10px; background: #282828; }
#fm_filter ul{ width: 780px; float: left; }
#fm_filter ul li{ width: 185px; margin: 0 10px 10px 0; color: #fff; float: left; }

#fm_filter ul li select, #fm_filter #filter_r select{ display: block; width: 185px; height: 23px; padding: 0 3px; border: none; border-radius: 0; background: #fff; font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	background: url(../img/btn_pulldown.png) right 0 no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	background: url(../img/btn_pulldown.png) right 0 no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
}

#fm_filter #filter_r{ width: 183px; float: right; }
#fm_filter #filter_r input{
	margin-bottom: 8px;
	-webkit-appearance: none; border-radius: 0;
}




/********************************************************************************************************************************************************************
　○スクロール時に表示されるメニュー
********************************************************************************************************************************************************************/
#slide_toggle { display: none; }
#slide_toggle.scroll { display: block; width: 100%; padding: 0px 0; position: fixed; top: 0; left: 0; z-index: 10000; }



/********************************************************************************************************************************************************************
　○フッター設定
********************************************************************************************************************************************************************/
#footer{ padding: 20px 0; background: #080203; text-align: center; color: #fff; }



/********************************************************************************************************************************************************************
　○共通設定
********************************************************************************************************************************************************************/
#main{ padding: 0 10px 50px; }

.list_page { background: #eee; }

.gray_area { background: #eee; }

.title_list { margin-top: 40px; padding: 20px 0 30px 46px; font-size: 20px; border-top: 5px solid #1e1e1e; background: url(img/icon_arrow01.png) no-repeat 12px 22px; }




/********************************************************************************************************************************************************************
　○トップページ
********************************************************************************************************************************************************************/
/*おすすめ車両*/
/*.gray_area.home{ width: 1040px; margin: 0 auto; }*/
.gray_area.home{}

#recommended_area li{ width: 224px; height: auto; margin: 0 6px 20px 6px; position: relative; overflow: hidden; float: left; }
/*#recommended_area li:nth-child(4n){ margin-right: 0; }*/
#recommended_area li p.img_box{ height: 168px; overflow: hidden; }
#recommended_area li:hover dl{ bottom: 0; }
#recommended_area li dl{ width: 100%; height: 70px; padding: 10px; background-color: rgba(1, 1, 1, 0.7); color: #fff; position: absolute; bottom: -90px; left: 0; z-index: 2; -webkit-transition: .3s; transition: .3s; }
#recommended_area li dl dt, #recommended_area li dl dd{ margin-bottom: 5px; line-height: 1.2; font-size: 12px; }
#recommended_area li dl dt{ width: 3em; float: left; }
#recommended_area li dl dd{ margin-left: 3em; }




/********************************************************************************************************************************************************************
　○カテゴリー一覧ページ
********************************************************************************************************************************************************************/
/*対照トラック一覧*/
#result_area li{ height: auto; margin: 0 4px 20px 4px; padding: 3px 3px 0; background: #fff; border: 1px solid #d5d5d5; border-bottom: 6px solid #080203; border-top-right-radius: 5px; border-top-left-radius: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); float: left; position: relative; }
#result_area li#notdata{ background: transparent; border: none; box-shadow: none; }
/*#result_area li:nth-child(4n){ margin-right: 0; }*/
#result_area li p.img_box{ width: 220px; height: 164px; overflow: hidden; }
#result_area li .new{ position: absolute; top: 0; left: 0; }
#result_area li dl{ padding: 10px; }
#result_area li dl dt, #result_area li dl dd{ margin-bottom: 5px; padding-bottom: 5px; line-height: 1.2; font-size: 12px; }
#result_area li dl dt{ width: 3em; float: left; }
#result_area li dl dd{ padding-left: 3em; border-bottom: 1px solid #d5d5d5; }

.loadmore_box{ margin-top: 40px; text-align: center; }



/********************************************************************************************************************************************************************
　○中古パーツ一覧ページ
********************************************************************************************************************************************************************/
#result_areaParts li{ height: auto; margin: 0 12px 20px 0; padding: 3px 3px 0; background: #fff; border: 1px solid #d5d5d5; border-bottom: 6px solid #080203; border-top-right-radius: 5px; border-top-left-radius: 5px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); float: left; position: relative; }
#result_areaParts li p.img_box{ width: 220px; height: 164px; overflow: hidden; }
#result_areaParts li .new{ position: absolute; top: 0; left: 0; }
#result_areaParts li dl{ padding: 10px; }
#result_areaParts li dl dt, #result_areaParts li dl dd{ margin-bottom: 5px; padding-bottom: 5px; line-height: 1.2; font-size: 12px; }
#result_areaParts li dl dt{ width: 5em; float: left; }
#result_areaParts li dl dd{ padding-left: 3em; border-bottom: 1px solid #d5d5d5; }




/********************************************************************************************************************************************************************
　○車両詳細ページ
********************************************************************************************************************************************************************/
/*タイトル部分*/
#detail_title_area{ padding: 35px 0 45px; background: url(img/detail_bg.png) repeat-x; }
#detail_title_area #detail_title{ display: inline-block; padding-right: 30px; color: #2cb4ab; font-size: 24px; }
#detail_title_area ul{ display: inline-block; }
#detail_title_area li{ display: inline-block; }
#detail_title_area li a{ display: inline-block; padding: 5px 15px; border-radius: 30px; color: #5b5b5b; text-decoration: none; }
#detail_title_area li a:hover{ background: #5b5b5b; color: #fff; }


/*画像切り替え*/
#detail_image_area #main_pic{ float: left; }
#detail_image_area #main_pic img{ width: 650px; height: auto; }
#detail_image_area .thumb{ width: 306px; height: 470px; border: 1px solid #ccc; overflow: scroll; margin-left: 5px; float: right; }
#detail_image_area .thumb img{ width: 92px; height: auto; } /*変更前：94px*/
#detail_image_area .thumb ul{}
#detail_image_area .thumb li{ min-height: 70px; height: 70px; overflow: hidden; float: left; } /*変更前：80px*/
#detail_image_area .thumb li a{ display: block; padding: 0px; border: 2px solid #fff; }
#detail_image_area .thumb li a:hover{ border: 2px solid #2cb4ab; }


/*諸元表*/
#specs_list{ margin-bottom: 40px; padding-bottom: 60px; border-bottom: 1px solid #ccc; }
#specs_list > div{ overflow: hidden; *zoom: 1; }
#specs_list .title_list{ border-top: none; color: #2cb4ab; font-weight: bold; }
#specs_list li{ padding: 5px 0 7px; line-height: 1.2; }
#specs_list li span{ display: inline-block; width: 150px; padding-left: 8px; }
#specs_list li span:before{ content: '・'; }
#specs_list li span.void:before{ content: ''; }




#specs_list01{ width: 470px; float: left; }
#specs_list02{ width: 470px; float: right; }
#specs_list03{ border-top: 2em solid #f8f8f8; }

.li_biko{}
.li_biko span{ float: left; }
.li_biko p{ width: 750px; float: left; }



#detail_btn_area{ margin-bottom: 60px; overflow: hidden; *zoom: 1; }
#detail_btn_area li{ margin-left: 4px; float: left; }
#detail_btn_area li:first-child{ margin-left: 0; }

#shop_info{ padding: 50px 0 80px; background: #f6f6f6; }
#shop_info h3{ margin-bottom: 35px; font-size: 20px; color: #2cb4ab; }
#shop_info dl{ width: 645px; float: left; }
#shop_info dl dt, #shop_info dl dd{ margin-bottom: 15px; padding-bottom: 5px; }
#shop_info dl dt{ width: 170px; padding-left: 12px; float: left; }
#shop_info dl dd{ padding-left: 182px; border-bottom: 1px solid #999; }
/*#shop_info dl dd a{ color: #000; text-decoration: none; }*/

#specs_list01 li:nth-child(odd), #specs_list02 li:nth-child(odd){ background: #f8f8f8; }
#specs_list03 li:nth-child(even){ background: #f8f8f8; }


/*車検証*/
#div_shaken{ padding: 10px; border: 1px solid #ccc; }
#div_shaken div{ margin-top: 15px; }
#div_shaken div p{ width: 23%; margin-right: 2.66%; text-align: center; float: left; }
#div_shaken div p:last-child{ margin-right: 0; }
#div_shaken div p a{ display: block; padding: 10px 0; background: #26aba1; border-radius: 5px; color: #fff; text-decoration: none; font-weight: bold; }
#div_shaken div p a:hover{ background: #619fdb; }



/*店舗情報非表示ボタン設定*/
#btn_shopView{ cursor: pointer; }
#btn_shopView:hover{ color: #933; }







/********************************************************************************************************************************************************************
　○その他ページ共通
********************************************************************************************************************************************************************/
#pageWrapper{ padding: 50px 0; }

#pageWrapper h2{ margin-bottom: 30px; padding-left: 10px; border-left: 8px solid #2cb4ab; border-bottom: 1px solid #ccc; font-size: 24px; color: #777; line-height: 1.5em; }



/********************************************************************************************************************************************************************
　○参加業者一覧
********************************************************************************************************************************************************************/
#ul_kigyo{}
#ul_kigyo li{ width: 47%; height: 170px; padding-right: 3%; float: left; }

#ul_kigyo li h3{ font-size: 16px; font-weight: bold; color: #2cb4ab; line-height: 2em; }
#ul_kigyo li table{ width: 100%; }
#ul_kigyo li table th, #ul_kigyo li table td{ padding: 5px 10px; border: 1px solid #fff; }
#ul_kigyo li table th{ width: 25%; background: #555; color: #fff; }
#ul_kigyo li table td{ background: #f3f3f3; }



/********************************************************************************************************************************************************************
　◯個人情報取扱、サイトポリシー
********************************************************************************************************************************************************************/
dl.text_contents{}
dl.text_contents dt{ margin-bottom: 10px; color: #2cb4ab; font-weight: bold; }
dl.text_contents dd{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; line-height: 1.7em; }



/********************************************************************************************************************************************************************
　◯お問合せ
********************************************************************************************************************************************************************/
.btn_contact{ padding: 10px 30px; background: #2cb4ab; border: none; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; }
.btn_contact:hover{ background: #41cdc2; color: #fff; text-decoration: none; }

#fm_contact{}
#fm_contact [name='text']{ height: 200px; line-height: 1.5em; }


#tbl_conf{}
#tbl_conf caption{ margin-bottom: 10px; }
#tbl_conf th, #tbl_conf td{ line-height: 1.5em; }
#tbl_conf th{}
#tbl_conf td{}


/*（	20230421）add marukin*/
#add20230421contact{ margin-top: 35px; }
#add20230421contact .text{ text-align: center; line-height: 1.7em; }
#add20230421contact hr{ margin: 20px 0 25px; border: none; border-top: 2px solid #231916; }
#add20230421contact #btn_mailer{ margin-top: 25px; text-align: center; }
#add20230421contact #btn_mailer a{ display: inline-block; padding: 10px 40px; background: #a0a0a0; color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; }