@charset "utf-8";
/* CSS Document */
@charset "utf-8";
@import url("Normalize.css");
@import url("reset.css");
@import url("base.css");
/* default */
/* ==========================================================================
   Font size
========================================================================== */
/*
 *   8px - 50%
 *   9px - 56.3%
 *  10px - 62.5%
 *  11px - 68.8%
 *  12px - 75%
 *  13px - 81.3%
 *  14px - 87.5%
 *  15px - 93.8%
 *  --------------------
 *  16px - 100%
 *  --------------------
 *  17px - 106.3%
 *  18px - 112.5%
 *  19px - 118.8%
 *  20px - 125%
 *  21px - 131.3%
 *  22px - 137.5%
 *  23px - 143.8%
 *  24px - 150%
 *  25px - 156.3%
 *  26px - 162.5%
 *  27px - 168.8%
 *  28px - 175%
 *  29px - 181.3%
 *  30px - 187.5%
 *  31px - 193.8%
 *  32px - 200%
 */


/*　default 　*/
/*========================================
 +base
========================================*/
html {
	overflow-y: scroll;
}
body {
	line-height: 1.43;
	padding:0;
	margin:0;
	font-size:12px;
	color: #301a0c;
	font-family:Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
}
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover,
a:focus,
a:active {
	color:#000;
	text-decoration: none;

}
/*共通設定*/
.wrapper {
	width:980px;
	margin:0 auto;
}
.posi_R {
	position:relative;
}
/*ヘッダ*/
#header {
	height:120px;
    width: 1100px !important;
    margin:0 0 0 -55px;	
}
#top #header{
    margin:0 auto !important;	

}
h1{ font-size:10px; position:absolute; color:#474747; font-weight:normal; width:430px; top:5px;}
#h_logo {
	position:absolute;
	bottom: 0;
left: 10px;
}
#top_logo {
	position:absolute;
	bottom:0;
	left:10px;
}
#main_nav {
	width: 773px;
	position:absolute;
	bottom:0;
	right:0;
}
#main_nav li {
	display: block;
	width: auto;
	float: left;
	position:relative;
}
#main_nav li a {
	display: block;
	height:0;
	padding:80px 0 0 0;
	overflow:hidden;
	margin:0;
	background-image:url(../images/top_nav.png?20211118);
	background-repeat:no-repeat;
}
#nav01 {
	width:110px;
	background-position:0 0;
}
#nav02 {
	width:110px;
	background-position:-110px 0;
}
#nav03 {
	width:110px;
	background-position:-220px 0;
}
#nav04 {
	width: 111px;
	background-position:-330px 0;
}
#nav05 {
	width:110px;
	background-position:-440px 0;
}
#nav06 {
	width:111px;
	background-position:-550px 0;
}
#nav07 {
	width:111px;
	background-position:-661px 0;
}
#h_link {
	position:absolute;
	top: 8px;
	right: 210px;
}
#h_link li {
	float:left;
	height: 18px;
	border-left: 1px solid #e6f6ff;
	position:relative;
	font-size: 12px;
}
#h_link li:last-child {
	border-right: 1px solid #e6f6ff;
}
#h_link li a {
	color:#fff;
	line-height: 18px;
	padding: 0 3px 0 27px;
	position:relative;
	display: block;
}
#h_link01 {
	background-image: url(../images/company_profile.png);
	background-repeat:no-repeat;
	background-position: 9px 2px;
}
#h_link02 {
	background-image: url(../images/access.png);
	background-repeat:no-repeat;
	background-position: 9px 2px;
}
#h_link03 {
	background-image: url(../images/inquiry.png);
	background-repeat:no-repeat;
	background-position: 4px center;
}
#h_link04 {
	background-image: url(../images/recruit_icon.png);
	background-repeat:no-repeat;
	background-position: 4px center;
}
#h_tel {
	position:absolute;
	top:5px;
	right: -38px;
}
/* drop down
-----------------------------------------*/
/* link */
.mod_dropnavi ul li a {
	transition-property: border;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: 0s;
	padding:0 !important;
	height: auto !important;
}
.mod_dropnavi ul li a:link {
	text-decoration:none;
}
.mod_dropnavi ul li a:visited {
	text-decoration:none;
}
.mod_dropnavi ul li a:hover {
	text-decoration:none;
}
.mod_dropnavi ul li a:active {
	text-decoration:none;
}
/* mod_dropnavi */

/* mod_dropnavi_child */
.mod_dropnavi_child {
	height:auto !important;
	display:none;
	position:absolute;
	top:80px;
	left:0px;
	z-index:99;
	padding:5px 0 0 0!important;
	background:transparent url(../images/icon_arrow_01.png) no-repeat center top!important;
}
.mod_dropnavi_child ul {
	padding:10px 5px 5px!important;
	background-color:#ffffff;
	box-shadow: 1px 1px 0 #9cd0fa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing:border-box !important;
}
.mod_dropnavi_child ul li {
	height:auto !important;
	float:none !important;
	line-height:1.3;
	text-align: center !important;
	margin:0px 0 0 0!important;
	white-space:nowrap;
	border-top:1px solid #9cd0fa;
}
.mod_dropnavi_child ul li:first-child{
	border-top:none !important;
}
.mod_dropnavi_child ul li a {
	padding:10px !important;
	font-size:13px;
	min-width:90px !important;
	height:auto !important;
	display:block;
	background:none !important;
	text-align: left !important;
	color:#474747;
}
.mod_dropnavi_child ul li a:hover{
	color:#474747 !important;
	text-decoration:underline;
}

/*サブページトップ*/
.sab_top{
	width:100%;
	height:220px;
	background-repeat:no-repeat;
	background-position:center bottom;
	background-image:url(../images/sub_kumo.png),linear-gradient(#72c9ff 57%,#a8deff 43%);
}
.sab h2 {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:20px 0 0;
	color:#018ef1;
}
/*パンくずリスト*/
.pankuzu {
	text-align:center;
	margin-top:10px;
}
.pankuzu li {
	display:inline-block;
	padding:0 5px;
}
.pankuzu li a {
	color:#0c93f2;
	text-decoration:underline;
}
.pankuzu li:after {
	content:">";
	padding-left:5px;
}
.pankuzu li:last-child:after {
        content:none;
}

/*フッタ*/
#f_img {
	widows:100%;
	background-image:url(../images/kusa.png);
	background-position:bottom left;
	background-repeat:repeat-x;
    margin: 80px 0 0 0;
}
#back_top {
	position:absolute;
	top:17px;
	right:47px;
}
#f_link {
	width:100%;
	margin:0 auto;
	background-color:#7fc035;
	padding:20px 0;
}
.f_pan {
	float:left;
}
.f_pan li {
	display:inline-block;
	color:#fff;
}
.f_pan li:after {
	content:">";
	padding:0 10px;
}
.f_pan li:last-child:after {
	content:"|";
	padding:0 10px
}
.f_pan li a {
	color:#fff;
}
#f_nav {
	padding:10px 0 0;
	clear:left;
}
#f_nav li {
	display:inline-block;
}
#f_nav li:after {
	content:"|";
	padding:0 10px;
	color:#fff;
}
#f_nav li a {
	color:#fff;
}
.f_first li:first-child:before {
	content:"|";
	padding:0 10px 0 0;
	color:#fff;
}
#f_address {
	padding:10px 0 5px;
}
#f_logo {
	float:left;
}
#f_address p {
	float:left;
	margin:0 0 0 10px;
}
#copy {
	position:absolute;
	top:27px;
	right:0;
}
/*店舗案内メニュー*/
#store_nav {
	margin:20px  auto;
	padding-bottom:25px;
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
#store_nav li {
	display:inline-block;
	width:140px;
	height:40px;
	line-height:40px;
	margin-right:12px;
	border-radius:6px;
}
#store_nav li:last-child {
	margin-right:0;
}
#store_nav li a {
	display:block;
	color:#FFF;
	border-radius:6px;
	text-decoration: none;
}
.stay {
	background-image:url(../images/stay.png);
	background-position:center;
	background-repeat:no-repeat;
}
.nav_hit {
	background-image:url(../images/nav_hit.png);
	background-position:center;
	background-repeat:no-repeat;
}



/*優良中古車ピックアップ*/
#pic_up {
	width:100%;
	padding: 1em 0em 1em 0em;
	background-color:#fef7dd;
}

#pic_up .wrapper {

}

#pic_up h2 {
	float:left;
	margin:-80px 0 0;
}
#pic_up ul {
	float:right;
}
.p_img {
	width:145px;
	overflow:hidden;
}
#pic_up li {
	width:145px;
	text-align:center;
	float:left;
	padding:0 5px;
	border-right:1px solid #cfcfcf;
}
#pic_up li:last-child {
	border-right:none;
}

/*#pic_up #reccomend_disp div h2 {
	left: 50%;
	transform: translate(-50%,0);
}*/

/*div#p_btn{
	display: inline-block;
	left: 50%;
	transform: translate(-50%,0);
}*/

#p_btn {
	position:absolute;
	bottom: 20px;
	left:30px;
}
.price {
	color:#ed1c24;
}
.price span {
	font-weight:bold;
	font-size:13px;
}
.mi_btn {
	margin:5px 0 0;
}

#contents{
	padding:0px 0 40px !important;
}
#MainDisp{
	background-color:#FFF;
	padding:0px 0 0;
}
#LeftDisp{
	width:630px;
	float:left;
	position:relative;
	margin:20px 0 100px 20px;
}
#RightDisp{
	width:295px;
	float:right;
	position:relative;
	margin:0 0 0px 0;
}
.wrapper{
	width:980px !important;
	margin:0 auto 0 ;
}
.wrapper#MainDisp{
	padding:20px 15px;
	width:950px !important;
	margin:0 auto 0 ;
}



/*========================================
 + PANKUZU
========================================*/
#pankuzu{
	/*background-color:#96d0fe;*/
	margin-top:80px;
}
#pankuzu ul{
	width:980px;
	margin:auto;
}
#pankuzu li{
	float:left;
	margin:0 0px 0 0;
	font-size:11px;
	background-image: url(../images/pankuzu.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 20px;
	color:#633c1e;
	height:27px;
	line-height:27px;
}
#pankuzu li:first-child{
	margin:0 7px 0 3px;
	background-image:none;
	padding:0;
}
#pankuzu li a{
	font-size:11px;
	color:#633c1e;
	text-decoration:none;
}


/*========================================
 + FOOTER
========================================*/
#page_top{
	position:absolute;
	right:5px;
	top:-50px;
	cursor:pointer;
	padding:7px;
}
#page_top:hover{
	background-color:#fff100;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#footer_disp{
	position:relative;
}
#banner_disp{
	background-color:#0167c4;
	position:relative;
	padding:15px 0;
}
#banner_disp ul{
	text-align:center;
}
#banner_disp li{
	display: inline-block;
	margin:0 7px;
}
.footer_link{
	padding:0px 0;
	margin:5px 0 0 0;
	color:#633c1e;
}
.footer_link ul{
	text-align:right;
}
.footer_link ul li{
	display:inline-block;
	padding:0 10px;
	border-right:1px solid #633c1e;
	height:10px;
	line-height:10px;
}
.footer_link ul li:first-child{
	border-left:1px solid #633c1e;
}
.footer_link ul li a{
	font-size:11px;
	text-decoration:none;
	color:#633c1e;
}
.footer_link ul li a:hover{
	text-decoration: underline;
}

#CR{
	margin:5px 0 5px 0;
	font-size:11px;
	text-align:right;
}

/*========================================
 + ページング
========================================*/
.page_area{
	margin:10px auto 5px;
	clear:both;
	height:24px;
	padding:0px 0px 5px;

	width:980px;
}

.page{
}
.page:hover,.page.hover{
}
/*#prev{
	background-image:url(../images/page_prev.png);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}
#next{
	background-image:url(../images/page_next.png);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}
#prev:hover,#next:hover{background-color:#FFF;}
#prev_page{
	border:none;
	width:auto;
	margin-right:8px;
}
#next_page{
	border:none;
	width:auto;
	margin-left:8px;
}
#prev_page:hover,#next_page:hover{
	text-decoration:underline;
	background-color:#FFF;
}*/
.page_sel{
	color:#f37e45;
}
#page_TT{
	width:450px;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
}
#page_TT span{
	font-size:18px;
	color:#fc5c8b;
	font-family: 'Arial Black';
}
.page_number{
	text-align:center !important;
	width:980px;
}
.page_number a {
	display: inline-block;
	width:22px;
	height:22px;
	border-radius:50%;
	color:#FFF;
	background-color:#c6c6c6;
	line-height:22px;
	margin:0 2px;
}
.page_number li{
	display: inline-block;
}
.page_number a:hover{
	background-color:#018ef1 !important;
}
.page_sel{
	background-color:#018ef1 !important;
}
.lb{
	border-left:1px solid #333;
	padding-left:5px;
}
.rb{
	border-right:1px solid #333;
	padding-right:5px;
}
/*========================================
 + タイトル
========================================*/
.h2TT{
	font-size:17px;
}
.h3TT{
	background-image:url(../images/h3_TT.gif);
	background-repeat:repeat;
	height:36px;
	line-height:36px;
	color:#633c1e;
	font-size:15px;
	padding:0 10px;
	font-weight:bold;
}
.h3TT_2{
	border-top:1px solid #633c1e;
	border-bottom:1px solid #633c1e;
	height:36px;
	line-height:36px;
	padding:0 10px;
}
.title_disp{
}
.title_disp h2{
	width:937px;
	margin:auto;
	padding:0 0 0 65px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#FFF;
	font-size:17px;
	line-height:46px;
}

/*========================================
 + その他共通
========================================*/

.banner{
	display:block;
	margin-bottom:10px;
}
.banner1{
	display:block;
	margin-bottom:7px;
}
.banner3{
	margin-left:-4px;
	margin-bottom:10px;
}
.price{
	font-family: 'Arial Black';
	color:#f8030e;
	font-weight:bold;
	font-style:italic;
}
.price_gray{
	color:#d10000;
	font-family: 'Arial Black';
	font-style:normal;
}
#common_contact{
	background-image: url(../images/tel.jpg);
	height:92px;
	background-repeat:no-repeat;
	position: relative;
}
#common_contact a{
	position:absolute;
	top:22px;
	right:10px;
}