@charset "UTF-8";
/* CSS Document */

body {
    font:14px/1.231 "ヒラギノ角ゴ Pro W3";
}
#wrap {
    padding: 10px;
}
section, nav {
    margin-bottom: 15px;
}

section, nav {clear:both;}

#top {
border-bottom:1px solid #d5b329;
background:#000;	
}

#mov {

background:#000;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

a{color:#333; text-decoration:none;}

/* midashi */
h2.ttl {
	font-size: 121%;
	color:#fff;
	line-height:40px;
	background:#333;
	padding-left:20px;
	height:40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;	
letter-spacing: 0;
}

/* news 

.news-list li { 
padding:5px 35px 5px 10px; 
margin-bottom:5px; 
border-bottom:1px dotted #ccc;
background:url("../arrow.png") right center no-repeat;
}*/

.news-list li a {
display:block;
position: relative;
border-bottom: 1px solid #ccc;
padding: 11px 25px 11px 11px;
font-weight: bold;
text-decoration: none;
}
.news-list li a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #999;
border-right: solid 2px #999;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg); 
transform: rotate(45deg);
content: "";
}

.news-list-dl { border-bottom: 1px dotted #ccc;}
.news-list-dl dt { float: left; width: 180px; padding: 5px;}
.news-list-dl dt img {width:180px !important;}
.news-list-dl dd {padding-left: 200px; padding: 5px;}

.day {color:#666; font-size:93%;}

/* nav */
.more-list {text-align:right; margin:0 10px; padding:0;}
#g-Navi{
 margin:.3em; 
 height:47px;
 clear:both;
}
#g-Navi ul li {list-style-type:none;}
#g-Navi ul li a{
 background:none;
 margin:0 .4% 0 0;
 width:49.5%;
 color:#fff;
 text-decoration:none;
 line-height:45px;
 text-align:center;
 display:block;
 float:left;
 
 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4b4b4b), color-stop(1.00, #131313));
background: -webkit-linear-gradient(#4b4b4b, #131313);
background: -moz-linear-gradient(#4b4b4b, #131313);
background: -o-linear-gradient(#4b4b4b, #131313);
background: -ms-linear-gradient(#4b4b4b, #131313);
background: linear-gradient(#4b4b4b, #131313);

border-radius: 6px;

font-size:100%;
font-weight: bold;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #666;
margin-bottom:1px;
}

#g-Navi ul li a:hover {
color:#d5b329;	
}

#g-Navi ul li img {padding-left:5px;　padding-right:5px;  margin-right:5px; width:18px; height:18px;}

.ex1 {vertical-align: middle;}

/* photo */
.ph-list li{
	text-align: center;
	float: left;
}

table.new-car {
width:100%;
}
.new-car td img {max-width:100%; height:auto;}

.new-car td{text-align:center; padding:5px;}

/* shop */
.kei-ud {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
.sp-ph {float:left; padding-left:20px;}
.sp-txt {float:left; padding-left:10px; padding-right:10px;}
.txt-box {padding:0 20px 20px;}
.txt-box h3 {margin-top:1em; margin-bottom:1em; font-size:123.1%; color:#000;}

.img-fx {text-align:center; background:#000;}
.img-fx img {
     max-width: 100%;
     height: auto;
	  vertical-align:middle;
     }
	 
table.shop-data {width:100%;}
.shop-data th {text-align:left; padding:5px; border-bottom:1px solid #ccc;}
.shop-data td {text-align:left; padding:5px; border-bottom:1px solid #ccc;}

.his dt {margin-bottom:5px;}
.his dd {
	margin-left:2em;
margin-bottom:10px;
}


/* margin */
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb1em {margin-bottom:1em;}

/* Color */
.blue {color:#014099;}


/* footer */
footer {
clear: both;
background:#333;
color:#fff;
text-align:center;
padding:10px;
border-top:3px solid #d5b329;
}
address {font-style:normal;font-weight:normal;}
footer p {margin-bottom:10px; color:#333; font-size:93%;}
footer a {color:#ccc;}

#btnTop {
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)) #cccccc;
	border: 1px solid #DDD;
    width: 7em;
    font-size: 85%;
    text-align: center;
    float: right;
    margin-right: 10px;
	margin-top:20px;	
	margin-bottom:20px;
}
#btnTop a {
    text-shadow: 1px 1px 0 #ddd;
    display: block;
    padding: 5px 0;
    color: #444444;
    text-decoration: none;
}

/* shop info */
h1.sec {
position: absolute;
  top: 0;
  margin: 0;
  width: 100%;
  color: #fff;
  font-size: 138.5%;
  font-weight: bold;
  line-height: 42px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;

}

#top-2 {
  position: relative;
  border-bottom: 1px solid #273750;
  border-top: 1px solid #ccd6e2;
  height: 42px;
  background:#333;
}

.button {
  display: block;
  position: absolute;
  top: 6px;
  left: 5px;
  width: 46px;
  height: 28px;
  line-height: 28px;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff),
    color-stop(0.48, #dddddd),
    color-stop(0.52, #bebebe),
    to(#cccccc)
  );
  border-color: #293647 #2f52a3 #124ab9;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px 1px 0;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-decoration: none;
}
/* ボタン下のハイライトの表現 */
.button:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  padding: 0 2px 1px 0;
  border-bottom: 1px solid #9aabc7;
  border-radius: 4px;
}

div#map{
  		width:100%;
  		height:300px;
  		border-left:20px solid white;
		border-right:20px solid white;
  		-webkit-box-sizing: border-box;
  		box-sizing:border-box;
	}

/* blog kiji */
#blg article {margin-bottom:1em;}
#blg {margin:5px 10px;}
#blg img {max-width:100% !important; height:auto !important;}
#blg h2.ttl-b {
padding-left:10px;/*40px;*/
color:#000;
font-size:123.1%;
line-height:1.5;
background:url("../img/aIcon.gif") left top no-repeat;
margin-bottom:5px;
}
#blg h2.ttl-come {
color:#000;
font-size:108%;
line-height:1.5;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}

#blg p.day {
text-align:right;
line-height:1.5;
border-bottom:1px solid #ccc;
margin-bottom:1em;
}

.btnCome {border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
.btnCome ul{
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #f2f2f2;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
}

.btnCome ul li {
	list-style-type:none;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	width:1000px;
	text-align: center;
	border-left: 1px solid #ccc;
	
}

.btnCome ul li a {
	display: block;
    padding: 5px 0;
}

.btnCome li:first-child {
    border: none;
}

.btnCome span {margin-right:5px;}

div.btnGo {padding:0 8px;}
.btnGo ul{
	display: -webkit-box;
  display: -moz-box;
  width: 100%;
}

.btnGo li {
list-style-type:none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)) #cccccc;
	border: 1px solid #DDD;
    font-size: 93%;
    text-align: center;	
	margin-right: 2px;
	margin-bottom:20px;
	margin-left: 2px;

}
.btnGo li a {
    text-shadow: 1px 1px 0 #ddd;
    display: block;
	position: relative;
    padding: 12px 0;
    color: #444444;
    text-decoration: none;
}

.aaf a:after{
display: block;
position: absolute;
top: 50%;
right: 7px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.abe a:before{
display: block;
position: absolute;
top: 50%;
left: 7px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
content: "";
}


#cate-box {
margin:10px; 
border-radius: 5px;
background: #f2f2f2;
border: 1px solid #ccc;
}

#cate-box ul li {
	border-bottom: 1px solid #ccc;
	list-style-type:none;
}
#cate-box ul li:last-child{
	border-bottom:0px solid #fff;
}

#cate-box li a {
display:block;
position: relative;
padding: 11px 25px 11px 11px;
font-weight: bold;
text-decoration: none;
}
#cate-box li a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

#sea-box {
padding:10px;
}

input#sea {
padding:1px 0px;
box-sizing: border-box;
font-size:13px;
width:78.5%;
height:30px;
border-radius: 8px 0px 0px 8px;
-moz-border-radius: 8px 0px 0px 8px;
-webkit-border-radius: 8px 0px 0px 8px;
}
input#subbtn {
padding:1px 0px;
box-sizing: border-box;
font-size:13px;
width:20%;
height:30px;
background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
}




/* coment */
.come-box {margin-bottom:20px; border-bottom:1px solid #ccc;}
.come-box p {margin-bottom:1em; line-height:1.5;}
.come-box p.days {text-align:right; color:#666; margin-bottom:0.7em;}
p.pageing {text-align:center; margin-bottom:20px;}


/* coment form */

input:focus{
	background:#fcf7d2;
}

textarea:focus{
	background:#fcf7d2;
}

#commentform {
background:#fff;
text-align:left;
padding:10px;
}

#commentform textarea {
border:1px solid #999;
width:100%;
margin-bottom:15px;
box-sizing: border-box;
font-size:100%;
}

#commentform #email,#commentform #author,#commentform #url {
border:1px solid #999;
width:100%;
font-size:123.1%;
}

#commentform input {
margin-bottom:10px;
padding:3px;
box-sizing: border-box;
}

#commentform p {
font-size:123.1%;
font-weight:bold;
}

#gravatar {
align:right;
}



/* stuffNaiyo */
.staff-box {padding:10px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.staff-box td {vertical-align:top;}
td.sta-ph {width:135px;}
.stuffNameCSS
{
	font-size: 108%;
	font-weight:bold;
	line-height: 1.5;
	color: #943400;
}
.stuffNaiyoCSS
{
	font-size: 100%;
	line-height: 1.5;
	color: #000000;
}

/* kaitori */
#commentform p {margin-bottom:10px;}
#commentform #kinput {
	border:1px solid #999;
	width:100%;
	font-size:123.1%;
}
#kinput-s {
	border:1px solid #999;
	font-size:123.1%;
}
#commentform select {
	font-size:85%; 
	padding:3px;
	margin-bottom:10px;
}
input#subbtn-k {
	padding:5px 0px;
	box-sizing: border-box;
	font-size:108%;
	width:100%;
	background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

ul.sobi-list {

}
ul.sobi-list li{
	list-style-type:none;
	float:left;
	width:50%;
	font-size:85%;
}
.wh100 {width:100%;}


/* policy */
.po-list ul {padding-left:20px;}
.po-list ul li {
list-style-type:decimal;
margin-bottom:0.7em;
}

.po-list dt {margin-bottom:1.5em;}



/* Purcher */
.ph-al-R {float:right;}


/*=============== concept ==============*/
.img-cpt {
width:100%;
height:90px;
background:url(../../img/cpt_top.jpg) center top no-repeat;
background-size:cover;
}
h3.cpt-t {
color:#d5b329;
border-bottom:1px solid #ccc;
border-left:3px solid #ccc;
padding:5px 0 3px 10px !important;	
margin-bottom:20px;
}

#main {
	width:93.75%;
	margin:0 auto;
}

.cpt-img {
float:right;
margin-left:10px;
margin-bottom:10px;	
}

 .clear {
	clear:both; 
 }
 
 .gd {
	color:#d5b329;
}

.war-box {
	width:100%;
	margin:10px 0;
}

.war-box li {
margin-bottom:10px;
list-style:none;
}

p.war {
padding:5px;
background:#333;
color:#fff;
font-weight:bold;
border-radius:6px;
text-align:center;
}

/*=============== company ==============*/
.img-com {
width:100%;
height:90px;
background:url(../../img/com_top.jpg) center top no-repeat;
background-size:cover;
}

/*=============== Parts ==============*/
.img-par {
width:100%;
height:90px;
background:url(../../img/par_top.jpg) center top no-repeat;
background-size:cover;
}

.par-tt {
height:34px;
background:url(../../img/par_tt_bg.gif) left bottom repeat-x;	
margin-bottom:10px;
}
.par-dl {
	text-align:center;
	margin-bottom:20px;
}

.mb40 {
margin-bottom:40px;	
}

.links ul li {
margin-bottom:10px;
text-align:center;
border-top:1px solid #ccc;
padding:15px 0;
list-style:none;

}
.links ul li:last-child {
border-bottom:1px solid #ccc;	
}

/*=============== STAFF INFO ==============*/
.img-sti {
width:100%;
height:90px;
background:url(../../img/sti_top.jpg) center top no-repeat;
background-size:cover;
}


.sti-box1 {
	width:100%;
	min-height:483px;
	background:url(../../img/sti_ph1.jpg) right top no-repeat #000;
	background-size:120% auto;
	padding:10px 0px;
	color:#fff;
	margin-bottom:45px;
}

.sti-box1 h4 {
font-size:161.6%;
color:#d5b329;
font-weight:bold;
padding:0 20px;
margin-top:100px;
margin-bottom:100px;
}

.sti-box1 p {
line-height:1.8;
font-size:108%;	
/*width:62.5%;*/
padding:0 20px;
}

.sti-boxL {
width:100%;
min-height:219px;
color:#fff;
padding:35px 0px 20px;
margin-bottom:20px;
}
.sti-boxR {
width:100%;
min-height:219px;
color:#fff;
padding:35px 0px 20px;	
}

.sti-boxL p,.sti-boxR p {
	line-height:1.7;
font-size:100%;	
padding:0 20px;
}
.sti-boxL h4,.sti-boxR h4 {
	padding:0 20px;
font-size:138.5%;
/*font-weight:bold;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	margin-top:50px;
}



.bg2{
	background:url(../../img/sti_ph_nishiyama.jpg) center top no-repeat #000;
		background-size:contain;
}
.bg3{
	background:url(../../img/sti_ph_oyama.jpg) center top no-repeat #000;
		background-size:contain;
}
.bg4{
	background:url(../../img/sti_ph_tatsumi.jpg) center top no-repeat #000;
		background-size:contain;
}
.bg5{
	background:url(../../img/sti_ph_sato.jpg) center top no-repeat #000;
		background-size:contain;
}
.bg6{
	background:url(../../img/sti_ph_otsubo.jpg) center top no-repeat #000;
		background-size:contain;
}
.bg7{
	background:url(../../img/sti_ph_shibata.jpg) center top no-repeat #000;
		background-size:contain;
}

/* ------- top movie --------*/
.top-mov-box {
background:#000;
border-radius:6px;
	width:93.75%;
	margin:0 auto 40px;
	color:#fff;
	padding:10px 0;
}

.top-mov-box a {
color:#fff;
}

/* kaitori form */
#KaitoriForm{
background:#fff;
text-align:left;
padding:10px;
}

#KaitoriForm textarea {
border:1px solid #999;
width:100%;
margin-bottom:15px;
box-sizing: border-box;
font-size:100%;
}

#KaitoriForm #email,#KaitoriForm #author,#KaitoriForm #url {
border:1px solid #999;
width:100%;
font-size:123.1%;
}

#KaitoriForm input {
margin-bottom:10px;
padding:3px;
box-sizing: border-box;
}

#KaitoriForm p {
font-size:123.1%;
font-weight:bold;
margin-bottom:10px;
}

#KaitoriForm #kinput {
	border:1px solid #999;
	width:100%;
	font-size:123.1%;
}

#KaitoriForm select  {
	font-size:85%; 
	padding:3px;
	margin-bottom:10px;
}

/* =============== FLOW  ===============*/
#flow-head {
	width:100%;
	height:114px;
	background:#000;
	margin-bottom:25px;
}

.flow-head-inner {
width:100%;
margin:0 auto;
}

.flow-head-inner table {
	height:114px;
}

#main-flow {
width:100%;
margin:0 auto;
}

#main-flow h2 {
	font-size:161.6%;
	font-weight:bold;
	color:#f08300;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:20px;
padding:10px;
}

#main-flow h3 {
margin-bottom:20px;
overflow:hidden;
}

#main-flow h4 {
	margin-left:10px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}


.flow-txt {
padding:10px;
font-size:100%;
line-height:1.5;
}

.flow-ph {
padding:10px;
text-align:center;
}


.flow-txt b {
color:#f08300;
}

/* AUTOSALON */
.h3-t{
width:93.75%;
margin:10px auto;
color:#d5b329;
font-weight:bold;
font-size:108%;
}

.h3-t span {
color:#333;
font-weight:normal;	
}

.gal-box {
	width:93.75%;
	margin:0 auto;
}
.gal-box ul li {
float:left;
width:33.33%;
list-style:none;
margin-bottom:10px;
}

.gal-box ul li img {
width:100px;	
min-width:100%;
border:4px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-shadow:0px 0px 1px #666;
}

/* flow sim */
.sim {
text-align:center;

}
.sim a {
	background:#f2f2f2;
	padding:10px 20px;
	display:block;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#333;	
	border-radius:6px;
	border:1px solid #999;
}

.sim a:hover {
		background:#333;
		color:#fff;
}