@charset "utf-8";

/* ------------------------------
	div
------------------------------ */

#container{
min-width:1250px;	
	}
	
.pad_top142{
	padding-top:142px;
	}
#header{
	width:100%;
	background:url(item/header_back.gif) repeat-x;
	position:fixed;
	z-index:1000;
	
}
#header-inner{
	margin:0px auto;
	width:1200px;
	text-align:left;
	height:142px;
	
	}
	
	
.rogo{
	padding:38px 0px 0px 0px;
	}

.news_box{
	overflow:hidden;
	width:680px;
	height:200px;
	border-top:1px solid #000;
	}
	
	
.car_btn_area{
	background:url(item/car_btn_back.gif);
	}
	
.car_btn_area div div p{
	float:left;
	}
	
.inner{
	margin:0px auto;
	width:1200px;
	}
	
#map_right{
	float:right;
	width:50%;
	height:550px;
	position:relative;
	
	}
.ichiran_box{
	overflow:auto;
	height:330px;
	}	
	
	
.map_acc{
	position:absolute;
	top:220px;
	left:80px;
	}
	
#map_canvas{
	width:50%;
	height:550px;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	float:left;
	}
	
.main_nav{
	height:50px;
	}	

.main_nav li{
	float:left;
	margin-left:30px;
	}
	
.tel{
	width:227px;
	}
	
.telbtn{
	float:right;
	text-align:right;
	}

.toph1{
	padding:3px 0px 0px 430px;
	}
.eigyo_waku{
	border:solid 1px #fff;
	}
	
.eigyo_waku p {
	padding:23px 60px;
	}
	
#mobile-menu {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.slicknav_menu { display:none; }

.fmenu{
	text-align:center;
	}
	
.tcar_spec_box div img{
	width:122px;
	}
	
.new-pics{
	float:left;
	overflow:hidden;
	width:600px;
	}
	
.new-pics li{
	float:left;
	padding:0px 0px 20px 20px;
	}
.newcar_box{
	width:240px;
	}
.new_tate{
	height:100px;
	}
.mainimg_area{
	width:100%;
	background:url(item/mainimgback.jpg) repeat-x 0px 142px;
	padding-top:142px;
	}
.mainimg_con{
	background:url(item/mainimg_com.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_ren{
	background:url(item/mainimg_ren.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_shop{
	background:url(item/mainimg_shop.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_news{
	background:url(item/mainimg_news.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_acars{
	background:url(item/mainimg_acars.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_new{
	background:url(item/mainimg_new.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_nosha{
	background:url(item/mainimg_nosha.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_hoken{
	background:url(item/mainimg_hoken.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_satei{
	background:url(item/mainimg_kai.jpg) no-repeat center;
		height:424px;
	}
	
.mainimg_shaken{
	background:url(item/mainimg_shaken.jpg) no-repeat center;
		height:424px;
	}

	.wid_3s{
	width:250px;
	}
	
	.wid_ss{
	width:285px;
	}
	
	.wid_s{
	width:400px;
	}
	
.wid_ms{
	width:468px;
	}
	
.wid_m{
	width:500px;
	}
	
.wid_ml{
	width:600px;
	}
	
.wid_l{
	width:650px;
	}
	
.wid_ll{
	width:750px;
	}
	
.wid_3l{
	width:900px;
	}
	
.wid_100p{
	width:100%;
	}
	
.table03{
	width:100%;
	border-collapse:collapse;
	}

.table03 th{
	background-color:#ccecfb;
	padding:8px 4px;
	border:1px solid #ccc;
	text-align:center;
	
	}
	
.table03 td{
		padding:4px 4px;
		border:1px solid #ccc;
		text-align:left;
		text-align:center;
		
	}
	
.table_or{
	width:100%;
	border-collapse:collapse;
	}

.table_or th{
	background-color:#FC6;
	padding:8px 4px;
	border:1px solid #ccc;
	text-align:center;
	
	}
	
.table_or td{
		padding:4px 4px;
		border:1px solid #ccc;
		text-align:left;
		text-align:center;
		
	}
	
.table_gr{
	width:100%;
	border-collapse:collapse;
	}

.table_gr th{
	background-color:#bbd3d2;
	padding:8px 4px;
	border:1px solid #ccc;
	text-align:center;
	
	}
	
.table_gr td{
		padding:4px 4px;
		border:1px solid #ccc;
		text-align:left;
		text-align:center;
		
	}
	
.bg_dgreen{
	background-color:#006837 !important;}
	
	
	.bg_orange{
	background-color:#f18700 !important;}
.f_300{
	font-size:300%;
	line-height:1.2em;
	}
	
.pad50{
	padding:60px 60px 40px 60px;
	}
	
.float_r2{
	float:right;
	}
#show_h{
	height:150px;
	}
	

	
.a_ccc{
	background-color:#F90 !important;
	}
.graybox{
	background:#eee;
	width:760px;
	height:260px;
	padding:20px;
	}
	
.sub-img{
	width:130px;
	}
	

 
/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
.new-pics{

	width:100%;
	}
	
.toph1{
	padding:34px 0px 0px 32px;
	font-size:10px;
	}
	.ichiran_box{
	overflow:auto;
	}
.sub-img{
	width:75px;
	}
	

	
	
.graybox{
	width:370px;
	height:auto;
	}
	
	#show_h{
	height:500px;
	}
	.float_r2{
	float:none;
	}
	
	.pad_top142{
	padding-top:0px;
	}
	.wid_3s{
	width:100%;
	}
	
	.wid_ll{
	width:400px;
	}
	
	.wid_ml{
	width:100%;
	}
	.wid_3l{
	width:100%;
	}
	
	.wid_ss{
		width:100%;
	}
	.wid_ms{
	width:100%;
	}
	
.f_300{
	font-size:200%;
	}
	
	.w100p{
		width:100% !important;
		}
	#container{
min-width:420px;
	}
	
#menu { display: none; }
.slicknav_menu {
 display:block;
}
.mainimg_area{
	padding-top:0px;
	}

.mainimg_ren{
	background:url(item/mainimg_ren_sp.jpg) no-repeat center ;
	height:280px;
	}
	
.mainimg_shop{
	background:url(item/mainimg_shop_sp.jpg) no-repeat center ;
	height:280px;
	}
	
.mainimg_news{
	background:url(item/mainimg_news_sp.jpg) no-repeat center;
		height:280px;
	}
	
.mainimg_new{
	background:url(item/mainimg_new_s.jpg) no-repeat center;
		height:280px;
	}
.mainimg_acars{
	background:url(item/mainimg_acars_sp.jpg) no-repeat center ;
	height:280px;
	}


	
.mainimg_nosha{
	background:url(item/mainimg_nosha_sp.jpg) no-repeat center ;
	height:280px;
	}
	
	.mainimg_hoken{
	background:url(item/mainimg_hoken_sp.jpg) no-repeat center;
		height:280px;
	}

.mainimg_satei{
	background:url(item/mainimg_kai_sp.jpg) no-repeat center;
		height:280px;
	}
	
.mainimg_shaken{
	background:url(item/mainimg_shaken_sp.jpg) no-repeat center;
		height:280px;
	}


	
#header{
	width:100%;
	background:#000;
	position:static;
	
}
	
	
#header-inner{
	width:400px;
	height:150px;
	
	}
	
	.rogo{
	padding:68px 0px 15px 0px;
	}
	
.news_box{
	width:400px;
	height:300px;
	}
	
.car_btn_area{
	width:100%;
	}
	
.car_btn_area div div p{
	float:none;
	margin-right:30px;
	}
	
.inner{
	width:400px;
	margin:0px 10px;
	}
	
#map_right{
	width:100%;
	height:150px;
	position:relative;
	
	}
	
	
	
.map_acc{
	position:absolute;
	top:30px;
	left:20px;
	}
	
#map_canvas{
	width:100%;
	height:450px;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	}
	

	
.tel{
	width:200px;
	padding-top:2px;
	}
.telbtn{
	float:none;
	text-align:center;
	}
	
.fmenu{
	display:none;
	}

.eigyo_waku{
	border:none;
	}
	
.eigyo_waku p {
	padding:0px;
	}
	
.tcar_spec_box div img{
	width:120px;
	margin-bottom:10px;
	}
	
	
.wid_l{
	width:400px;
	}
	
	
.table03{
	width:400px;
	}
	
.table03 th{
	background-color:#ccecfb;
	padding:4px 1px;
	border:1px solid #ccc;
	text-align:center;
	
	}
	
.table03 td{
		padding:4px 1px;
		border:1px solid #ccc;
		text-align:left;
		text-align:center;
		
	}
	
.pad50{
	padding:20px;
	}
	
	.table01{
		border-collapse:collapse;
		line-height:1em !important;
		
		
	}

.table01 th{
	background-color: #ddd;
	padding:2px 2px;
	border:1px solid #ccc;
	text-align:center;
	
	}
	
.table01 td{
		padding:2px 2px;
		border:1px solid #ccc;
		text-align:left;
		
	}
	.table_topics{
	width:100%;
	}
	
	
}
 




.stit_b_bk{
	background-color:#333;
	width:100%+
	}

.stit_b_bk p{
	padding:10px 12px;
	color:#FFF;
	}
	
nav{
	margin-top:40px;
	}


.mainimg-dn-line{
	background:url(item/mainimg_dn_back.gif) repeat-x;
	height:19px;
	width:100%;
	}
	
.w-cont{
	width:100%;
	}
.bg-sky{
	background-color:#ccecfb !important;
	}
	
.bg-pink{
	background-color:#fbe0ec !important;
	}
	
.bg-white{
	background-color:#fff !important;
	}
.bg-black{
background-color:#222 !important;
}

.bg-blue{
background-color:#0047A6 !important;
}

.bg-black2{
background-color:#000 !important;
padding:40px 0px;
}

	
.bg-l_gray{
	background-color:#eee !important;
	}
	

	
.bg-bk{
	background-color:#000 !important;
	}
	



	
.blak_line{
	border-bottom:1px solid #000;
	width:100%;
	}
	
.car_s_box{
	position:relative;
	width:120px;
	height:90px;
	margin:0px 5px 14px 5px;
	}
	
.car_s_box img{
	position:absolute;
	top:0px;
	left:0px;
	}
	
.car_s_box p{
	position:absolute;
	right:5px;
	bottom:3px;
	line-height:1em;
	}
	
.tcar_spec_box{
	border:1px solid #000;
	width:100%;
	background:#FFF;
	}
	
	
.pad20{
	padding:20px;
	}
	

	
.pad5{
	padding:6px 0px 2px 0px;
	}
	
.car_3_box{
	width:360px;
	float:left;
	margin:0px 20px;
}
.car_3_box img{
	width:100%;
}


	
.carnew{
	position:relative;
	
	}
.newmark{
	position:absolute;
	top:8px;
	left:8px;
	width:40px !important;
	height:40px;
	}
.car_pic_box{
	position:relative;
	}
	
.mimark{
	position:absolute;
	bottom:15px;
	right:8px;
	background-color:#333;
	padding:2px 5px;
	color:#FFF;
	line-height:1em;
	}
	
.soldout{
	position:absolute;
	top:125px;
	left:20px;
	}
	

	
.margin0{
	margin-top:-40px !important;
	}
	
.pad_s{
	padding:30px 0px;
	}
	
	

	
	
.car_pic2{
	display:none;
	}
	
.ci_mainimg{
	background:#111;
	width:1200px;
	}
	
.ci_mainimg h2{
padding:175px 0px 0px 50px;
	}
	



.btnmain {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration:none;
  width:100%;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  padding: 7px 0px;
}
.btnmain:hover {
	border-bottom:2px solid #777;
  text-decoration:none;
}

.main_nav li a:link,.main_nav li a:visited{
	color:#fff;
}

.main_nav li a:hover,.main_nav li a:visit{
	}
	
.btn_home{
	margin-left:0px !important;
	}

#mainimg{
	width:1200px;
	margin:0px auto;
	position:relative;
	margin-bottom:100px;

	}

#mainimg2{
	width:1200px;
	margin:0px auto;
	position:relative;
	margin-bottom:40px;

	}
	
.mainimg_in{
	width:900px;
	
	}
	
.yuka{
	background:url(item/stage_back.jpg) repeat-x;
	height:95px;
	}
	
.kanban{
	position:absolute;
	right:0px;
	top:-50px;
	}
	
#cont_area{
	width:100%;
		background-color:#f6f6f6;
	}
#cont{
	margin:0px auto;
	width:1200px;

	}
	

	
	
.inner_n{
	width:1200px;
	margin:0px auto;
	}
	
.topics_area{
	background:#eee;
	padding:40px 0px;
	border-bottom:3px solid #ddd;
	}
	
.car_box{
	width:400px;
	height:400px;
	background:url(item/car_box_back.gif) no-repeat;
	position:relative;
	float:left;
	}
	
.car_pic{
	padding:20px 20px 5px 20px;
	position:relative;
	}
	

	

	
.car_pic2{
	width:360px;
	height:270px;
	background-color:#111;
	position:absolute;
	top:20px;
	left:20px;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	
	}


.inner_info{
	padding:45px 30px 30px 30px;
	color:#FFF;
	}
	
.inner_info h3{
	line-height:1.1em !important;
	}
	
.shop_name{
	text-align:center;
	position:absolute;
	top:28px;
	left:28px;
	
	}
	
.shop_name p{
	color:#FFF;
	padding:4px 4px;
	background-color:#0047A6;
	font-size:12px;
	line-height:1em;


	}
	

	
	
.car-info_box{
	background:#eee;
	height:90px;
	overflow:hidden;
	}
	
.car-info li{
	float:left;
	margin-right:12px;
	font-size:12px;
	}
	
.car-info_inner{
	padding:8px;
	}
	
.car-info_box div h2{
	line-height:1.1em;
	height:31px;
	
	}
	
.box3{
	width:300px;
	}
	
.box4{
	width:238px;
	}
	
.l-height_s{
	line-height:1.1em !important;
	}
	
	
.lineh_ford{
	line-height:30px;
	}
	
.btn_box a:link,.btn_box a:visited{

	}
.btn_box a:hover,.btn_box a:visit{

	}
.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color:#ccecfb;
  text-decoration:none;
  width:100%;
  color:#000;
  font-size: 16px;
  line-height: 21px;
  padding: 20px 0px 18px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.btn:hover {
  background-color: #555;
  text-decoration:none;
    color: #fff;
}
.btn_c_white{
	background-color:#fff;
	}
.btn_c_pink{
	background-color:#fbe0ec;
	}
.btn_c_gray{
	background-color:#222;
	}


.btn2 {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color:#444;
  text-decoration:none;
  color: #fff!important;
  font-size: 16px;
  line-height: 21px;
  padding: 3px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.btn2:hover {
  background-color: #0047A6;
  text-decoration:none;
  color: #fff !important;
}



.inner_s{
	width:1020px;
	margin:0px auto;
	
	}


.box3_innner{
	height:177px;
	}
	
	
.tit_back_bk {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color:#222;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  padding: 7px 20px;
}

.tit_back_bk2 {
  background-color:#222;
  color: #fff;
  line-height:1em;
  padding: 7px 7px;
  font-size:16px;
}

footer{
	background-color:#0047A6;
	width:100%;
	
	}
	
.f-inner{
	width:1200px;
	margin:0px auto;
	padding:30px 0px;
	text-align:center;
	}
	
.f-nav li{
	float:left;
	margin:0px 20px;
	
	}
	
.f-nav{
	display: inline-block;
	}
	


.f-nav li a:link,.f-nav li a:visited{
	color:#fff;
	text-decoration:none;
}

.f-nav li:hover{
	text-decoration:underline;
	
	}

.f-ad_box0{
	padding:50px 20px;
	width:200px;
	}
	
.f-ad_box{
	border:1px solid #FFF;
	padding:20px;
	width:240px;
	}
	
	
	
	
	

	
.hosho3 img{
	float:left;
	margin:0px 12px;
	}


/* ------------------------------
	#footer
------------------------------ */


/* table */


.table_topics{
	border-collapse:separate;
	width:100%;
	}

.table_topics th{
	margin-right:30px;
	width:90px;
	color:#666;
	font-weight:bold;
	padding:10px 14px 10px 0px;
	border-bottom:1px solid #ccc;
	}
	
.table_topics td{
	text-align:left;
	padding:10px 14px 10px 0px;
	border-bottom:1px solid #ccc;
	}

.table_cinfo{
	border-collapse:separate;
	width:100%
	
	}

.table_cinfo th{
	margin-right:15px;
	width:50%;
	color:#eee;
	}
	
.table_cinfo td{
	width:50%;
	text-align:left;
	}

.table01{
		border-collapse:collapse;
		
		
	}

.table01 th{
	background-color: #ddd;
	padding:4px 7px;
	border:1px solid #ccc;
	text-align:center;
	
	}
	
.table01 td{
		padding:4px 7px;
		border:1px solid #ccc;
		text-align:left;
		
	}
	
.table02{
	border-collapse:separate;
	font-size:12px;
	
	}

.table02 th{
	padding:5px 5px;
	}
	
.table02 td{
	padding:5px 5px;
	}
	

.table04{
	width:100%;
		border-collapse:collapse;
		font-size:18px;
	
	}

.table04 th{
	background-color: #ddd;
	padding:30px;
	border:2px solid #ccc;
	text-align:center;
	
	}
	
.table04 td{
		padding:30px;
		border:2px solid #ccc;
		text-align:left;
		
	}
	

.table05{
	width:100%;
		border-collapse:collapse;
	
	}

.table05 th{
	padding:30px;
	color:#FFF;
	border:1px solid #999;
	background-color:#333;
	text-align:center;

	}
	
.table05 td{
		padding:30px;
		background-color:#fff;
		border:1px solid #999;
	}
	
	
.table06{
	width:100%;
		border-collapse:collapse;
	
	}

.table06 th{
	background-color:#0047A6;
	padding:5px 3px 3px 3px;
	border:2px solid #ccc;
	color:#FFF;
	text-align:center;
	
	}
	
	
.table_ci{
	width:100%;
		border-collapse:collapse;
		font-size:14px;
	
	}

.table_ci th{
	background-color: #ddd;
	padding:5px 10px;
	border:2px solid #ccc;
	text-align:center;
	
	}
	
.table_ci td{
		padding:5px 10px;
		border:2px solid #ccc;
		text-align:left;
		background-color:#fff;
		
	}
	
.ta_yu th{
	background-color:#333 !important;
	}
	
.table06 td{
		padding:5px 3px 3px 3px;
		border:2px solid #ccc;
		text-align:center;
		
	}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 20px;
	
}
.pagetop a {
    display: block;
	background:url(item/gototop.gif) no-repeat;
    text-align: center;
    color: #fff;
		width:48px;
	height:72px;
    text-decoration: none;

}
.pagetop a:hover {
    display: block;
	background:url(item/gototop2.gif) no-repeat;
    text-decoration: none;

}

.mauto{
	margin:0px auto;
		float:none !important;
	}
	
.phight{
	height:70px !important;
	}




  .css-fukidashi {
      padding: 0;
      margin: 0;
    }
    .text {
      width: 200px;
      position: relative;
      margin:80px 50px 50px;
      padding: 20px;
      border: 1px solid #ccc;
    }
    .fukidashi {
      display: none;
      width: 200px;
      position: absolute;
      top: 0;
      left: 250px;
      padding: 16px;
      border-radius: 5px;
      background: #33cc99;
      color: #fff;
      font-weight: bold;
    }
    .fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #33cc99;
      border-width: 10px;
      pointer-events: none;
      content: " ";
    }
    .text:hover + .fukidashi {
      display: block;
    }