/* CSS Document */
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout.*/

/* LAYOUT */
html{ font-size : 87.5%;}
#tops {
/*background:#000 url(image/top_bg.jpg) center 118px no-repeat;*/
background:#000 url(image/top_bg.jpg) center 4.7em no-repeat;
background-size:auto 39.5%;
}
#sec {
background:#000 url(image/top_bg_sec.jpg) center 4.7em no-repeat;

}

#head {
width:100%;
/*height:118px;*/
/*90px*/
/*background: url(image/head_bg.jpg) center top no-repeat #800;*/
background:#fff;
}

#mov {
	/*width:1000px;*/
	width:100%;
	/*height:428px;*/
	margin:0 auto 30px;
}

#main {
	/*width:1000px;*/
	width:100%;
margin:0 auto 33px;
}

#main-sec {
width:100%;
background:#fff;
padding-top:35px;
}

#main-thd {
width:93.75% !important;
margin:0 auto;
}


#footer {
width:100%;
background:#fff ;
padding-top:35px;
color:#333;
}


/* ---------------Head-------------- */
.head-inner {
/*width:1000px;*/
width:93.75%;
height:5.625em;
/*margin:0 auto 57px;	*/
margin:0 auto;
}

h1 {
/*padding-top:7px;*/
padding-top:0.4375em;
float:left;
}
h1 img {
max-width:100%;
height:auto;
}

.h1-emb {
	width:3.125em;
margin-right:20px;
}
.h1-log{
margin-bottom:0.3125em/*0.9375*/;
width:13em;
/*margin-bottom:15px;*/
}

.fj50 {
float:right;	
}
.fj50 img {margin-top:0.625em; max-width:100%; height:4.5em;}

/* ---------------Navi--------------- */
#navi {
width:100%;
/*height:71px;*/
}

#navi img,#navi-sec img {
max-width:100%;
height:auto;
}

#navi ul {
width:100%;
margin:0 auto;
}
#navi ul li,#navi-sec ul li  {
float:left;
width:11.11111111%;
}

li.li-lst {

}

#navi-sec {
/*position:relative;*/
width:100%;
height:284px;
}

.shop-img {
background:url(image/shop_back.jpg) center top no-repeat;
}

.maint-img {
background:url(image/maint_back.jpg) center top no-repeat;
}

.stock-img {
background:url(image/stock_back.jpg) center top no-repeat;
}

.newcar-img {
background:url(image/newcar_back.jpg) center top no-repeat;
}

.buy-img {
background:url(image/buy_back.jpg) center top no-repeat;
}

.contact-img {
background:url(image/contact_back.jpg) center top no-repeat;
}

.recruit-img {
background:url(image/recruit_back.jpg) center top no-repeat;
}
.blog-img {
background:url(image/blog_back.jpg) center top no-repeat;
}
.tdrive-img {
background:url(image/testdrive_back.jpg) center top no-repeat;
}
.fck-img {
background:url(image/fck_back.jpg) center top no-repeat;
}



/*---------- top banner----------- */

.top-banner {
/*width:1000px;*/
width:100%;
margin:0 auto 35px;
}

.top-banner img,.top-link img {
max-width:100%;
height:auto;
}

.ba-1 {margin-bottom:30px;}
.ba-2 {}

.top-link2 {
	clear:both;
}

/* top stock */
#top-stock {
/*width:1000px;*/
width:100%;
margin:0 auto 30px;
}

#top-stock h3 {
color:#fff;
font-weight:bold;
line-height:20px;
padding-left:2em;
font-size:0.9375em;
background:url(image/top_stock_bg.png) -1px top no-repeat;
	}
.box-cm {
width:100%;
/*height:166px;*/
/*border-right:1px solid #fff;*/
border-bottom:1px solid #fff;
/*border-left:1px solid #fff;*/
margin-bottom:40px;
padding:20px 0;
}

/* top NEWS */
.news-box1 {
	/*width:478px;*/
	width:47.8%;
	float:left;
	margin-bottom:25px;
	color:#fff;
	padding-bottom:15px;
	border-bottom:1px solid #fff;
	background:url(image/news_bg.png) left top no-repeat;
	margin-left:0.625em;
}

.news-box2 {
	/*width:478px;*/
	width:47.8%;
	float:right;
	margin-bottom:25px;
	color:#fff;
	padding-bottom:15px;
	border-bottom:1px solid #fff;
	background:url(image/news_bg.png) left top no-repeat;
		margin-right:0.625em;
}


.news-box1 h3,.news-box2 h3 {
margin-bottom:5px;
color:#fff;
font-weight:bold;
height:33px;
line-height:33px;
padding-left:10px;
font-size:1em;
}
.news-box1 h3 span,.news-box2 h3 span {
	font-size:0.725em;
	margin-left:0.5em;
	font-weight:normal;
	/*display:none;*/
}


.news-box1 h3 img,.news-box2 h3 img{
	float:right;
	clear:right;
}

.news-box1 dl,.news-box2 dl {
width:93.75%;
margin:0 auto;
padding:15px 0px;
border-bottom:1px dotted #ccc;
}

.article-list dl{
width:100%;
margin:0 auto;
padding:15px 0px;
border-bottom:1px dotted #c00;
}

.news-box1 dl dt,.news-box2 dl dt {
clear:left;
float:left;
width:113px;
}
.article-list dl dt{
clear:left;
float:left;
width:190px;
}

.news-box1 dl dd,.news-box2 dl dd{
margin-left:113px;
}

.article-list dl dd{
margin-left:190px;
}

.news-box1 dl dd a,.news-box2 dl dd a{
color:#fff;
}
.article-list dl dd a {
	color:#333;
}
.news-box1 dl dd a:hover,.news-box2 dl dd a:hover,.article-list dl dd a:hover{
color:#e60012;
text-decoration:none;
}


dd.day {
font-size:0.875em; /*14px*/
margin-bottom:0.357142857em;/*5px*/
}

dd.ttl {
font-weight:bold;
margin-bottom:0.3125em;/*5px*/
}
dd.txt {
font-size:0.9375em; /*15px*/
}

/* top link2 */
ul.qa {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:12px 0;
margin-bottom:25px;
}
.qa li{
text-align:center;
}

.fblog{
	/*width:1000px;*/
	width:93.75%;
	margin:0 auto;
}


.fblog li {
/*float:left;
width:47.8%;	*/
}

.fblog-l {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
color:#fff;
font-size:0.6875em;/*11px*/
margin-bottom:1em;
}
.fblog-l img {
float:left;
margin-top:15px;
margin-right:10px;
margin-bottom:15px;
max-width:50%;
}
.fblog-l p {margin-top:15px;}

.fblog-r,.fbnr-r {
/*margin-left:4.2%;*/
clear:both;
text-align:center;
}
.fblog-r img {
margin-right:25px;
margin-left:25px;
}

.fblog-r {
	margin-bottom:20px;
}

.bnr-img-L {
margin-right:18px;	
margin-left:18px;	
}

.top-link3 .fblog-l {
color:#333 !important;
}

.mil-L {
	float:left;
	width:48%;
	font-size:11px;
}
.mil-R {
	float:right;
	width:48%;
	font-size:11px;
}
.mil-L a,.mil-R a {
color:#fff;
}
.mil-L img,.mil-R img {
margin-right:10px;	
}


/* footer */
#footer-inner {
/*width:1000px;*/
width:93.75%;
margin:0 auto;
color:#333;
}

.footer-logo {
/*float:left;*/
/*margin-left:60px;*/
text-align:center;
margin-bottom:20px;
}

.footer-nav {
	/*float:right;
	width:618px;*/
	width:100%;
	/*margin-bottom:42px;*/
}

.fj50-ftr {display:none;}

.footer-nav ul {
padding-bottom:20px;
}
.footer-nav ul li {
/*width:85px;*/
width:49%;
height:38px;
text-align:center;
border:1px solid #ccc;
line-height:38px;
font-size:0.6875em;/*11px*/
display:inline-block;
   /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
}

li.li-lst {
border-right:1px dotted #fff;
}
.footer-nav a{
color:#333;
display:block;
}
.footer-nav a:hover {
color:#e60012;
text-decoration:none;
}

.footer-info {
clear:both;
font-size:0.9375em; /*15px*/
margin-bottom:30px;
text-align:left;
}


.footer-info a {
color:#333;
}

address {
text-align:center;
padding:10px 0;
color:#fff;
font-size:0.75em; /*12px*/
background:url(image/head_bg.jpg) center top no-repeat #800;
}

/* ------- 2階層目 ------ */
.ttl-sec {
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:45px;
}

.ttl-sec h2 {
	width:100%;
	margin:0 auto;
	background:#000 url(image/ico_ita.gif) left center no-repeat;
	color:#fff;
	height:29px;
	text-indent:50px;
	font-size:1.125em;
	line-height:29px;
	}
.sec-copy{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.25em;/*20*/
	margin-bottom:65px;
	line-height:1.5;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.mb25 {
margin-bottom:25px;
}
.mb30 {
margin-bottom:30px;
}
.mb35 {
margin-bottom:35px;
}
.mb45 {
margin-bottom:45px;
}
.mb60 {
margin-bottom:60px;
}

.top-link3 {
width:100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:30px 0;
}

/* --------------------------SHOP  */
.shop-fig {
margin-bottom:24px;
}

.about-txt {
width:42.9%;
float:left;
}

.about-ph {
width:47.6%;
float:right;
}

.about-txt img,.about-ph img {
max-width:100%;
height:auto;
}

.about-ph h3{
font-size:1.125em;/*18px*/
font-weight:bold;
}
.about-ph h3 span {
font-weight:normal;
font-size:0.75em;/*12px*/
margin-left:1em;
}

.about-ph ul li {
	display:inline-block;
	/*width:143px;*/
	width:33.3333333%;
	margin-bottom:1em;
}
.mid {
margin:0 22px;
}

.staff-ph {margin-bottom:1em;}
.staff-txt{font-size:0.75em; line-height:1.5;}

.em-pt3 {
padding-top:3em;
}
.em-pt2 {
padding-top:2em;
}
.em-pt1 {
padding-top:1em;
}

.mb1em {
margin-bottom:1em;
}

/* --------------------------STOCK  */
.sp-stock {
	display:none;
}

/* --------------------------MAINTENANCE  */
.kei-red {
clear:both;
border:none;
border-bottom:1px dotted #c00;
padding-top:30px;
margin-bottom:50px;
}

.maint-txt {
	width:65%;
float:left;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.maint-txt p {line-height:1.7;}

.maint-ph {
	width:28.6%;
float:right;
}

.maint-ph img {
max-width:100%;
height:auto;
}
h3.ttl-thd {
border-left:0.7em solid #e60012;
/*text-indent:0.3em;*/
padding-left:0.3em;
font-size:1.125em;/*18px*/
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight:bold;
margin-bottom:1.875em;/*30px*/
}

/* --------------------------NEWCAR  */

div.newcar-box {
/*width:286px;*/
width:28.6%;
float:left;
margin-bottom:55px;
}

.mid2 {
/*margin-left:70px;
margin-right:70px;*/
margin-left:7%;
margin-right:7%;
}

.newcar-ph {
margin-bottom:40px;
}

.newcar-ph img {
max-width:100%;
height:auto;
}

.newcar-box dl {
border-bottom:1px solid #ccc;
}

.newcar-box dl dt {
/*float:left;	*/
font-weight:bold;
/*width:195px;*/
}

.newcar-box dl dd{
	/*padding-left:195px;*/
	/*text-align:right;*/
	margin-bottom:0.3em;
}

.newcar-box dl dd a {
color:#333;
padding-left:20px;
background:url(image/icon_ar.gif) left center no-repeat;
background-size:contain;
}

.newcar-box dl dd a:hover {
color:#c00;
text-decoration:none;
}


/* --------------------------CONTACT and BUY */
.mb1em {
margin-bottom:1em;
}
.mb2em {
margin-bottom:2em;
}

.attention {
color:#c00;
font-size:0.75em:;
}

.toi-box {
	width:93.75%;
	margin:0 auto 30px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.toi-box p{
line-height:1.7;
}
.toi-box p a{color:#e60012;}
.toi-box b {
color:#e60012;
font-size:1.5em;
}

.toi-box h3 {
background:#999;
color:#fff;
padding:3px 10px;
margin-bottom:1.5em;
}

.toi-box dt {
	clear:left;
float:left;
width:12em;
margin-bottom:1em;

}
.toi-box dd{
padding-left:12em;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px dotted #ccc;
}

.submit_bt{
	padding:5px 30px;
	background:#CCC;
	font-size:15px;
	text-align:center;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:#CCC solid 1px;
	text-decoration: none;
}

.submit_bt:hover{
	padding:5px 30px;
	background: #FFF;
}

input[type="text"] {
	padding:5px;
	text-align:left;
	width:95%;
}

input[type="checkbox"] {
margin-right:0.3em;
}

textarea {text-align:left; width:95%;}

.option_item {
margin-right:1em;
}

#entry_car_year,#entry_car_meter {
width:30% !important;
}

/* --------- Blog List */

.article-list {
width:93.75%;
margin:0 auto;
}

.article-list-count{
	margin-top:30px;
		margin-bottom:60px;
	background:#ccc;
	text-align:left;
	padding:10px;
}

/**************************
*記事詳細
**************************/

.article{
	text-align:left;
	/*width:980px;*/
	width:96%;
	margin:0 auto;
}

.article a {color:#c00;}

.article img{
	margin:15px 0px;
		max-width:100%;
	height:auto;
}

.article  h2 {
	/*font-size:18px;*/
	font-size:1.125em;
	margin-bottom:40px;
	line-height:1.7;
}


.article-time{
	/*font-size:12px;*/
	font-size:0.75em;
	color:#999;
	font-weight:normal;
}

.article .contents {text-align:left;}
.article .linkto-carinfo {margin:2em;}

.article .footer {margin:2em 0 ; padding:1em; border-top:1px solid #ccc;}
.article .footer .post {border:1px solid #ccc; margin:1em 2em; padding:1em;}
.article .footer .post p {margin:0 !important;}
.article .footer .post p.meta {font-size:0.9em; margin-top:1em;}

.article-comment{
	color: #000;
}


table.article-contact{
	width : 960px;
}

table.article-contact th label{
	color: #000;
}

/* blog contact */
#contact {
margin-bottom:80px;
}

#contact table{
	/*width:730px;*/
	width:76.0416666%;
	border-top: 1px solid #FFF;
	border-collapse: collapse;
	layout-grid-line: 0px;
	margin-bottom:30px;
}

#contact table td{
	padding:15px 10px;
	text-align:left;
	border-bottom:1px #CCC solid;
	vertical-align:top;
}

#boxs b {
	color:#06c;
	font-size:197%;
	}

/*#contact textarea,#contact input[type="text"] {
	text-align:left;
	padding:5px;
	width:100%;
}*/

#contact h5 {
margin-bottom:2em;
font-weight:bold;
}

#contact dl {

}
#contact dl dt {
clear:left;
float:left;
width:12em;
margin-bottom:1em;
}
#contact dl dd {
padding-left:12em;
padding-bottom:0.7em;
border-bottom:1px dotted #ccc;
margin-bottom:1em;
}


 div.validation, div.success {
	border:1px solid; margin:1.5em auto; padding:.8em .8em .8em 50px; background-repeat:no-repeat; background-position:10px center;
	border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
	width:400px;
	text-align: left !important;
}
div.validation p, div.success {margin:0 !important;}
div.validation, div.success {background-color:#FFCCBA; background-image:url('../image/icon-validation.png')}
.validation {color:#D63301 !important;}

.success {color:#4F8A10 !important;}
div.success {background-color:#DFF2BF; background-image:url('../image/icon-valid-green.png')}

/* recruit ----20150526*/
.contact-info { /*width:560px;*/ margin: 0 auto 40px auto;  text-align:center; border: solid 1px #ccc; padding:10px 0;  }
.rec-box dl {
margin-bottom:2em;	
}
.rec-box dt {
clear:left;		
float:left;
width:8em;
padding-top:5px;
padding-bottom:5px;
}
.rec-box dd {
padding-left:8em;
border-bottom:1px dotted #ccc;	
padding-top:5px;
padding-bottom:5px;
}

/* NEW CAR TUIKA */
.spec-box-L {
	float:left;
	width:48%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;		
}

.spec-box-R {
		float:right;
	width:48%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;		
}



.spec-top {
margin-bottom:1em;	
}

.spec-dt {
margin-bottom:0.5em;
font-weight:bold;	
}
.spec-dd {
margin-left:1em;	
}

.spec dt {
/*clear:both;
float:left;
width:12em;*/
line-height:1.5;
border-bottom:1px dotted #ccc;
}
.spec dd {
/*padding-left:12em;*/
line-height:1.5;

padding-bottom:1em;
}

.newcar-link li {
float:left;
width:30%;
text-align:center;
padding:0 0.5em;
}

.maint-txt-n {
width:65%;
float:left;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}
.maint-txt-n p {line-height:1.7;}

.ph-n img,.newcar-link img{
max-width:100%;
height:auto;
}

.staff-ph img {max-width:100%; height:auto;}
.st-li li {
width:100% !important;	
}

/* maintenance tuika */
.maint-fig li {
	float:left;
	width:33%;
	text-align:center;
}
.maint-fig img {max-width:100%; height:auto;}

/* buy tuika */
.poit {
	border:1px solid #c00; padding:2px 6px;
	margin-right:1em;
	font-weight:bold;
	color:#c00;
}
.sec2-copy{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.25em;
	line-height:1.5;
}

/* campaign */
.cap-ul {margin-left:1em;}
.cap-ul li {
float:left;
margin-right:1em;	
margin-left:1em;
list-style:disc;
}

.cap-txt {
width:48%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
line-height:1.7;
margin-bottom:20px;
}
.fL {float:left;}
.fR {float:right;}

.cap-box h3 {
background:#999;
color:#fff;
padding:3px 10px;
margin-bottom:1.5em;
font-size:1.25em;
}

/*tri */
.tri-img img {
max-width:100%;
height:auto;	
}
table.tri-tab {
width:100%;
margin-bottom:25px;
}
.tri-tab th {
	border:1px solid #ccc;
padding:10px;	
}
.tri-tab td {
	border:1px solid #ccc;	
padding:10px;
color:#d00;
}

.ttl-sec2 {
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:45px;
}

.ttl-sec2 h2 {
	width:100%;
	margin:0 auto;
	background:#000 url(image/ico_ita.gif) left center no-repeat;
	color:#fff;
	min-height:29px;
	/*text-indent:50px;*/
	padding-left:50px;
	font-size:1.125em;
	line-height:29px;
	word-wrap: break-word;
	}

/* camp ct ------------------- */

.minc {line-height:1.5;}
.w50 {width:45%;}
.w50 img, .ct-end img{max-width:100%; height:auto;}
.f-L {float:left;}
.f-R{float:right;}
.kokuchi {padding:20px; border:1px solid #ccc; margin-bottom:1em;}
.ct-end {float:right; margin-left:20px; }

.red {color:#e7141a;}

.minc-f12 {
background:#191919;
color:#ccc;	
}
.f12-box {
width:94%;
margin:0 auto;
padding-bottom:20px;
}
.f12-box .w50 {
	/*width:450px;*/
}

.f12-box .kokuchi {padding:20px;  border:1px solid #333; background:#333;}
.f12-box .kokuchi a {color:#e7141a;}
.f12-box .f-L, .f12-box .f-R {margin-bottom:2em;}

/* comapny */

.com-tab th,.com-tab td {
padding:10px;
border-bottom:1px solid #ccc;	
}

/*camp*/
.cam-jun {
width:100%; 
background:url(/image/jun_bg.jpg) no-repeat right bottom; 
background-size:auto 50%;
}

.cali-box ul li {float:left; width:228px; margin-left:10px;}

.refresh-t1 {
font-size:170%;
color:#c00;
padding-top:1em;
margin-bottom:1em;	
}
.refresh-t2 {
font-size:138%;	
margin-bottom:1em;	
}
.refresh-t3 {
text-align:center;
padding-top:0.5em;
margin-bottom:1em;	
}

.refresh-box ul li {
text-align:center;
margin-bottom:0.5em;	
}

.refresh-dl dt {
font-weight:bold;
}
.refresh-dl dd {
}

.xmas-ph {
float:right;
margin-left:1em;	
}

/* thank */
.thank-t1 {
font-size:170%;
color:#c00;
padding-top:1em;
padding-bottom:1em;
margin-bottom:1em;	
text-align:center;
border-bottom:3px double #ccc;
}
.thank-t2 {
	color:#666;
font-size:138%;	
margin-bottom:1em;	
text-align:center;
}

/* thanks campaign */
h3.ttl-thd2 {
border-left:0.7em solid #e60012;
text-indent:0.3em;
font-size:1.125em;/*18px*/
font-weight:bold;
margin-bottom:15px;
}
.cap-txt2 {
width:48%;
font-size:108%;
line-height:1.7;
margin-bottom:20px;
}

/* genui */
.maximg img{
max-width:100%;
height:auto;
}
.genu-box h3 {font-weight:bold; border-bottom:2px solid #fd0; margin-bottom:7px;}
.genu-box ul.r3 li{display:inline-block; width:29%; padding:0 1.9%; vertical-align:top; margin-bottom:5px; font-size:85%}
.genu-box ul.r2 li{display:inline-block; width:45%; padding:0 2%; vertical-align:top; font-size:85%}
.genu-box ul.r4 li{display:inline-block; width:20%; padding:0 2%; vertical-align:top; font-size:85%}
.genu-box ul.r1 li{ padding:0 2%; vertical-align:top; font-size:85%}