/*  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%;
background:#fff;
}

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

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

#mov {
padding-top:20px;
}

#contents{

}

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

#main-sec {
width:1000px;
margin:0 auto 40px;
}


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


.pc-hyd {display:none;}

.sp-h1 {display:none;}

/* head */
#head-inner h1 {float:left; width:174px; height:38px; overflow:hidden; padding-top:20px;}

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

.free-ic {margin-right:25px;}
.sns-ic {margin-left:10px;}
.mlr10 {margin-right:10px; margin-left:10px;}

/* Menu -----*/

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

#navi ul li {
float:left;
 }


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


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

.top-news-box {float:left; width:445px; margin-left:30px;}
.top-blog-box {float:right; width:445px; margin-right:30px;}

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;
}

/* instagram */
.inst-box {
width:940px;
margin:0 auto 10px;
}
.inst-box dl dd {float:left; width:25%;}
.inst-box dd img {width:200px; 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:424px; margin:0 auto;}

/* top info */
.info-L {float:left;}
.info-L ul li {line-height:1.7;}
.info-R {float:right;}
.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 {
width:1000px;
height:135px;
background:url(img/wan_bg.jpg) no-repeat;
text-align:center;
}

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

/* Footer */

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

.footer-inner {
width:1000px;
margin:0 auto;
}

.footer-nav {
width:941px;
margin:0 auto 20px;
}
.footer-nav ul {
}

.footer-nav ul li {
	float:left;
	text-align:center;
	}


.footer-add {
	float:left;
}

.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;
	margin-bottom:40px;
}

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

.nc-list li  {width:227px; margin-bottom:20px; float:left;}
.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 li {
float:left;
width:312px;
/*border-bottom:1px solid #ccc;*/
margin-bottom:10px;
font-size:93%;
font-weight:bold;
}

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;}

.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;
min-height:250px;
background:url(img/shop_wanted_bg.jpg) top left no-repeat;
margin-bottom:30px;

}

.shop-wanted h4 {
	color:#fff;
	font-size:123.1%;
	margin-bottom:1em;
	padding-top:30px;
	margin-left:160px;
}
.shop-wanted p {
	color:#fff;
	line-height:1.7;
	margin-left:160px;
	width:550px;
}

.shop-L2 {float:left; width:480px;}
.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;
margin-bottom:1em;

}
.toi-box dd{
padding-left:14em;
padding-bottom:1em;
margin-bottom:1em;
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{
	padding:5px;
	text-align:left;
}

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

.option_item {
margin-right:1em;
}

.attention {
color:#c00;
}

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

div.img-blog {
	text-align:center;
	background:#2c6200;
	margin-bottom:40px;
}


.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;
}

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

.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 .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 {
  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;
}