/*  layout */

html, body,#first {height: 100%;}
/*body > #page {height: auto;}*/

#first {
	width:100%;
	height:100%;
	text-align:center;
	/*background:url(img/title_back.jpg) center top no-repeat;
	background-size:contain;*/
	}
#page {display:none;}

#first img {max-width:100%; height:auto; margin-top:50px;}


body{
color:#333;
background:#fff;
}


#page{
/*position: relative;
height: 100%;
min-height: 100%;
width:100%;*/
}

body#top{
	background:#fff url(img/top_bg.jpg) center top no-repeat;
}
body#ncr{
	background:#fff url(img/nc_bg.jpg) ;
}

#head{
width:100%;
padding-top:20px;
background:#fff;
}

#head-inner {
/*width:1000px;
height:74px;*/
margin:0 auto;
background:#fff;
}

#navi {
	display:none;
/*width:100%;
height:50px;
background:#000 url(img/menu_bg.jpg) left top repeat-x;*/
}

#mov {
padding-top:20px;
}

#contents{

}

#main {
/*width:1000px;*/
width:100%;
padding-top:30px;
margin:0 auto;
/*background:rgba(255,255,255,0.75);*/
background:#fff;
}

#main-sec {
/*width:1000px;*/
width:93.75%;
margin:0 auto 40px;
}


#footer {
width:100%;
border-top:1px solid #ccc;
background:#fff;
padding-bottom:10px;
}


/*.pc-hyd {display:none;}*/

.sp-hyd {display:none;}

/* head */
#head-inner h1.pc-h1 {display:none;}
#head-inner h1.sp-h1 {text-align:center; font-size:123.1%;}
#head-inner h1.sp-h1 img {width:50%; height:auto;}
#head-inner h1.sp-h1 a {color:#333; margin-top:20px; line-height:2.0;}


.head-sns {
	margin-top:17px;
/*float:right;*/
}
.head-sns ul li {
/*float:left;
line-height:30px;*/
margin-bottom:10px;
}

.free-ic {/*margin-right:25px;*/ text-align:center;}
.sns-ic {/*margin-left:10px;*/ text-align:center;}
.mlr10 {margin-right:10px; margin-left:10px;}

/* Menu -----*/

#navi ul{
width:1000px; margin:0 auto;
}

#navi ul li {
float:left;
 }

/* ---- sp navi ---------------------- */
.btn  {
	background:transparent url(img/btn.png) no-repeat 0 0;
	display: block;
	width:35px;
	height: 35px;
	position: absolute;
	top:5px;
	right:5px;
	}
	

/* top Main ------------------------*/

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

/* top banner */
.top-bnr {/*width:940px;*/width:93.75%; margin:0 auto 30px;}
.top-bnr ul li {
/*float:left;
width:300px;*/
margin-bottom:10px;
}
.bnr-cnt {/*margin:0 20px;*/}

.top-news-box {/*float:left; width:445px; margin-left:30px;*/ width:93.75%; margin:0 auto 10px;}
.top-blog-box {/*float:right; width:445px; margin-right:30px;*/ width:93.75%; margin:0 auto 10px;}

h2.tt-h2{
background:#473720;
color:#fff;
font-size:123.1%;
padding-left:0.5em;
margin-bottom:20px;
height:30px;
line-height:30px;
}

h2.tt-h2 span{
float:right;
background:#fcb000;
padding-left:10px;
padding-right:10px;
}

h2.tt-h2 span a {
color:#fff;
font-size:93%;
}

.top-about-box ul li {
margin-bottom:20px;
}

/* news topic */
.top-news-box dl,.top-blog-box dl  {
border-bottom:1px solid #ccc;
margin-bottom:15px;
}
.top-news-box dl a,.top-blog-box dl a {color:#333;}
.top-news-box dl a:hover,.top-blog-box dl a:hover {
color:#c00;
}

dt.n-ph {
	width:100px;
	float:left;
	padding-bottom:10px;
}
dd.n-day {
	float:left;
	margin-right:2em;
}
dd.n-day span {color:#9d221b; padding-right:0.5em;}
dd.n-tt {
	float:left;
	/*width:260px;*/
	width:66.6666%;
}

/* instagram */
.inst-box {
/*width:940px;*/
width:93.75%;
margin:0 auto 10px;
}
.inst-box dl dd {float:left; width:50%;}
.inst-box dd img {/*width:200px;*/ max-width:90%; height:auto; padding:10px;}


.kei {
border:none;
border-top:solid 1px #CCCCCC;
height:1px;
	}

.kei-dot {
border:none;
border-top:dotted 1px #333;
height:1px;
margin:20px 0;
	}

.ic-insta { padding-top:5px;}

/* youtube */
.mov-L {/*float:left; width:50%*/ ; text-align:center; padding:30px 0 0; background:url(img/mov_bg.jpg) center center no-repeat; height:279px;}
.mov-R {/*float:right; width:50%;*/ text-align:center; padding:30px 0 0; background:url(img/mov_bg.jpg) center center no-repeat; height:279px;}

.mov-box {width:93.75%; margin:0 auto;}

/* top info */
.info-L {/*float:left;*/ text-align:center; width:93.75%; margin:0 auto 20px;}
.info-L ul li {line-height:1.7;}
.info-R {/*float:right;*/ width:93.75%; margin:0 auto;}
.info-R dl {float:left; }
.info-R dl dt {
float:left;
width:160px;
}
.info-R dl dt img {width:75px; height:auto;}
.info-R dl dd {
	vertical-align:bottom;
	margin-left:160px;
	padding-top:20px;
	font-size:77%;
}

/* wanted */
.wan-box {
	display:none;
/*width:1000px;
height:135px;
background:url(img/wan_bg.jpg) no-repeat;
text-align:center;*/
}

.wan-box img {
	margin:75px 25px 0;
}

/* Footer */

.p-top  {
position:absolute;
right:-50px;
bottom:-75px;
}

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

.footer-nav {
	display:none;
/*width:941px;
margin:0 auto 20px;*/
}
.sp-footer-nav{
margin-bottom:1em;
}

.sp-footer-nav ul li a {
color:#333;	
display:block;
padding-top:0.5em;
padding-bottom:0.5em;
}

.sp-footer-nav ul li a:hover {
background:#f90;	
}

.sp-footer-nav ul li {
	float:left;
	width:48%;

	text-align:center;

	border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-left:1px solid #ccc;
	}


.footer-add {
	/*float:left;*/
	margin-bottom:20px;
}

.footer-add span {
margin-left:1em;
}


.footer-gp {
/*float:right;*/
}
.footer-gp img {
width:38px;
height:auto;
}

.footer-gp p {
	font-size:85%;
text-align:right;
line-height:40px;
}


address {
width:100%;
margin:0 auto;
text-align:center;
font-size:77%;
padding:20px 0 0;
}

/*Title ------------------------*/
.tt-sec {
font-size:161.8%;
border-bottom:1px solid #666;
line-height:1.7;
margin-bottom:30px;
}
.tt-sec span {font-size:67%; margin-left:1em;}

.tt-thd {
	font-size:121.6%;
	color:#fff;
	padding:5px 20px;
	background:#000;
margin-bottom:20px;
	}

div.img-sec {
	text-align:center;
	background:#000 url(img/top_bg.jpg) center top no-repeat;
	padding:10px 0;
	margin-bottom:40px;
}

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

/* ------------------------ New car */

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

.nc-list li  {/*width:227px;*/ width:48%; margin-bottom:30px; float:left; padding:0 1%;}
.nc-list li img {max-width:100%; height:auto;}

.mr30 {/*margin-right:30px;*/}

.nc-list li a {color:#333;}

.nc-list li h3 {
	line-height:1.5;
	padding-bottom:5px;
	border-bottom:1px solid #333;
	margin-bottom:10px;
	font-size:108%;
	font-weight:bold;
}

p.nc-tax {font-size:77%; margin-bottom:5px;}
p.nc-price {font-size:108%; font-weight:bold;}

/* ------------------------ Maintenance */
.maint-L {
	/*float:left;*/ /*width:675px;*/
}
.maint-R {
	float:right; width:285px;
}

.maint-L h3 {font-size:138.5%; margin-bottom:1em;}
.maint-L p {line-height:1.7;}

.maint-R ul li {margin-bottom:10px;}

.mrl32 {/*margin-right:32px; margin-left:32px;*/}

ul.maint-sub {width:100%;}

ul.maint-sub li {
/*float:left;
width:312px;*/
/*border-bottom:1px solid #ccc;*/
margin-bottom:10px;
font-size:93%;
font-weight:bold;
}

ul.maint-sub li img {max-width:100%; height:auto;}

ul.maint-sub li a {
color:#333;
}

.mr51 {
/*margin-right:51px;*/
}

ul.maint-sub dl dt {
/*float:left;
width:230px;*/
margin-bottom:10px;
}


ul.maint-sub dl dd {
/*padding-left:230px;
text-align:right;*/
margin-bottom:10px;
}

/* ------------------------ Shop */
.shop-L {/*float:left; width:450px;*/}
.shop-R {/*float:right; width:525px;*/}
.shop-R img {max-width:100%; height:auto;}

.tt-shop {
font-size:161.6%;
margin-bottom:0.5em;
}
.shop-L ul li {font-size:108%; line-height:1.7;}

.shop-wanted {
/*width:1000px;*/
width:100%;
height:200px;
background:url(img/shop_wanted_bg.jpg) no-repeat;
margin-bottom:30px;

}

.shop-wanted h4 {
	color:#fff;
	font-size:123.1%;
	margin-bottom:1em;
	padding-top:10px;
	margin-left:160px;
}
.shop-wanted p {
	display:block;
	height:120px;
	overflow:auto;
	color:#fff;
	line-height:1.7;
	margin-left:160px;
}

.shop-L2 {/*float:left; width:480px;*/ margin-bottom:20px;}
.shop-R2 {/*float:right; width:500px;*/}


/* ------------------------ Contact */
.contact-txt {margin-bottom:20px; /*margin-left:20px;*/}
.contact-tel {margin-bottom:20px; /*margin-left:20px;*/}
.contact-tel b {font-size:197%; margin-right:1em;}

.toi-box {/*margin-left:20px;*/}
.toi-box dt {
/*	clear:left;
float:left;
width:14em;*/
padding-bottom:0.3em;
margin-bottom:1em;
border-bottom:1px solid #ccc;
}
.toi-box dd{
/*padding-left:14em;
padding-bottom:1em;*/
margin-bottom:1.5em;
/*border-bottom:1px solid #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:98%;}

.option_item {
margin-right:1em;
}

.attention {
color:#c00;
}

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

div.img-blog {
	text-align:center;
	/*background:#2c6200;*/
	margin-bottom:40px;
}
div.img-blog img {max-width:100%; height:auto;}


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

.article-list dl dt{
clear:left;
float:left;
/*width:210px;*/
width:100px;
}

.article-list dl dt img {max-width:100%; height:auto;}

.article-list dl dd{
/*margin-left:210px;*/
margin-left:110px;
}

.article-list dl dd a{
color:#277c33;
}
.article-list dl dd a:hover{
color:##277c3;
}

dd.day {
font-size:100%; /*14px*/
margin-bottom:5px;/*5px*/
}

dd.ttl {
	font-size:116%;
font-weight:bold;
margin-bottom:5px;/*5px*/
}
dd.txt {
font-size:108%; /*15px*/
line-height:1.5;
}

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

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

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

.article a {color:#c00;}

.article img{
	margin:15px 0px;
}

.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 .contents img {max-width:100% !important; height:auto !important;}

.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;*/
padding-bottom:0.2em;
margin-bottom:1em;
border-bottom:1px dotted #ccc;
}
#contact dl dd {
/*padding-left:12em;
padding-bottom:0.7em;*/

margin-bottom:1em;
}

div.validation {
  background-color:#FFCCBA;
  background-image:url("img/icon-validation.png");
}

.validation {
  color:#D63301;
}

div.information, div.success, div.warning, div.important, div.caution, div.error, div.validation {
  background-position:10px 50%;
  background-repeat:no-repeat;
  border:1px solid;
  border-radius:6px;
  margin:1.5em 2em;
  padding:0.8em 0.8em 0.8em 50px;
}

div.information {
    background-color: #BDE5F8;
    background-image: url('img/icon-information.png');
}


.information {
    color: #00529B;
}