@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body{
	font: 14px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	background: #fff;
}

/* リンク設定
------------------------------------------------------------*/
a{
	color: #14043F;
	text-decoration: none;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

/* 全体
------------------------------------------------------------*/
#container{
	width: 100%;
	background-color: #FFC700;	/*背景色*/
	height: auto;
	overflow:auto;
}
#wrapper{
margin:0px auto;
padding:0 1%;
width:100%;
position:relative;
}

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

/*************
/* ヘッダー
*************/
h1{
font-size:12px;
line-height:1.6;
font-weight:normal;
}

#header{
overflow:hidden;
padding:5px 0 0;
}

* html #header{height:1%;}


/*************
/* ロゴ
*************/
#header .logo{
float:left;
padding:20px 0;
}

.logo a{
font-size:20px;
font-weight:bold;
line-height:1;
font-family:"Palatino Linotype", "Book Antiqua", Palatino,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.logo span{
font-size:12px;
font-weight:normal;
}

.info{
float:right;
padding:20px 0;
}

.tel strong{
font-size:20px;
font-weight:bold;
}

/*メニューブロック設定*/
nav#menu {
	width: 100%;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(270deg,rgba(0,118,190,1.00) 0%,rgba(24,81,163,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,118,190,1.00) 0%,rgba(24,81,163,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,118,190,1.00) 0%,rgba(24,81,163,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,118,190,1.00) 0%,rgba(24,81,163,1.00) 100%);
	border-bottom-style: none;
	height: 70px;
}
nav#menu ul {
	width: 1020px;	/*メニュー部分のブロック幅*/
	margin-right: auto;
	margin-left: auto;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: left;
	width: 168px;	/*メニュー幅*/
	border-right: 1px solid #0a1278;	/*メニューの右側の線の幅、線種、色*/
	text-align: center;	/*文字を中央に揃える*/
	font-weight: bold;	/*文字を太字にする設定*/
	height: 70px;
}
nav#menu ul li a {
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	line-height: 70px;
	padding-top: 0px;
	color: #FFF;	/*文字色*/
	background-repeat: no-repeat;
	background-position: 82% 50%;
}
/*最初のメニューの設定*/
nav#menu ul li:nth-of-type(2) {
	background-color: #38AE36;
}
nav#menu ul li:nth-of-type(3) {
	background-color: #7274B5;
}
nav#menu ul li:nth-of-type(4) {
	background-color: #CB141C;
}
nav#menu ul li:nth-of-type(5) {
	background-color: #CC5097;
}
/*最初のメニューの設定*/
nav#menu ul li:first-child {
	border-left: 1px solid #0a1278;	/*左側に線を入れる*/
	background-color: #D88910;
}
nav#menu ul li:last-child {
	background-color: #3695D3;	/*背景色*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover {
	background-color: #0a1278;	/*背景色*/
}
/*英語表記の設定*/
nav#menu ul li a span {
	font-size: 9px;	/*文字サイズ*/
	display: block;
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/
	line-height: 20px;
	padding-bottom: 5px;
	opacity: 0.5;	/*透明度50％*/
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
clear:both;
line-height:0;
}

#mainBanner .inner{position:relative;}

#mainBanner img{
max-width:100%;
height:auto;
}


.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:0;
padding:5px 10px;
line-height:1.4;
text-align:left;
}

.subImg .slogan{
left:auto;
right:10px;
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}

.slogan h3{
font-size:14px;
}
/**************************
/*インフォメーション
**************************/
#info {
	width: 100%;
}
#info .infomation{
	clear: both;
	padding: 20px 0;
	overflow: hidden;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}
/* イベント */
.event{
	float: left;
	width: 500px;
	padding-bottom: 12px;
}
#sub .even {
	height: 200px;
}
#sub .even h3 {
	background-image: url(img/event_ttl.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 100%;
	background-position: 3% 0%;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 85%;
}
#sub .even h3 a {
	color: #5E5F61;
	text-decoration: none;
	}
     .even dl{
	width: 95%;
	margin-left:10px;
	margin-top: 10px;
	}
     .even dl dt,
     .even dl dd{
		padding: 8px 0;
		border-bottom: 1px solid #ddd;
	}

     .even dl dt{
	float: left;
	width: 15%;
	padding-left: 4%;
	color: #06057E;
	clear: both;
	font-size: 14px;
	background-image: url(img/arrow02.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	}

     .even dl dd{
	width: 75%;
	padding-left: 2%;
	float: left;
	margin: 0%;
	}
     .even dl dd a{
	color: #4B4B4B;
	text-decoration: none;
	font-size: 14px;
	}

     .even dl dd a:hover{
		text-decoration: underline;
	}
/* TOPICS */
.topics{
	float: right;
	width: 500px;
	padding-bottom: 12px;
}
#sub .topic h3 {
	border-top: 4px solid #2F3865;
	background-image: url(img/topics_b.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 100%;
	background-position: 3% 0%;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 85%;
}
#sub .topic h3 a {
	color: #2F3865;	
	text-decoration: none;
	}
     .topic dl{
	width: 95%;
	margin-left: 10px;
	margin-top: 10px;
	}

     .topic dl dt,
     .topic dl dd{
		padding: 8px 0;
	border-bottom: 1px solid #ddd;
	}

     .topic dl dt{
	float: left;
	width: 15%;
	padding-left: 4%;
	color: #06057E;
	clear: both;
	font-size: 14px;
	background-image: url(img/arrow03.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
	}

     .topic dl dd{
	width: 75%;
	padding-left: 2%;
	float: left;
	margin: 0%;
	}
     .topic dl dd a{
	color: #4B4B4B;
	text-decoration: none;
	font-size: 14px;
	}

     .topic dl dd a:hover{
		text-decoration: underline;
	}
/**************************
/* 下のメニューバー
**************************/
section#menu_bar {
	width: 100%;
}
section#menu_bar .menubar {
        overflow:hidden;
}
/**************************
/* 下のメニューボタン
**************************/
section#top_u_botan {
	background-color: #FFC700;	/*背景色*/
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
}
section#top_u_botan .menubar2 {
    padding:0 0;
    overflow:hidden;
}
/**************************
/* ページタイトルバー
**************************/
section#ttl_page {
	width: 100%;
	position: relative;
}
section#ttl_page .ttl {
    padding:0 0;
    overflow:hidden;
}
section#ttl_page h2 {
	float: left;
	color: #FFFFFF;
}
#ttl_page img {
	float: left;
}
#ttl_page p { float: left;
	        color: #FFFFFF;
}
/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
	float: left;
}

.colDark,.colLight{
padding-bottom:10px;
}

.colDark h3,.colLight h3{


text-align:center;
padding:5px 10px;
font-size:14px;
color:#fff;
background:#73c4e6;
}

.colDark h3{
background:#358cac;
}

.grid p{
padding:5px 10px;
}

.grid ul{margin:5px 10px;}

.grid li{
padding:5px 0;
list-style:inside;
border-top:1px solid #fff;
border-bottom:1px solid #dbdbdb;
}

.grid li:first-child{border-top:0;}
.grid li:last-child{border-bottom:0;}

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

/* フッター内のグリッド(3カラム) */
#footer .grid{
background:transparent;
}

#footer .col3 ul{
	margin: 0 0 10px 5px;
	text-align: center;
}

#footer .col3 li{
padding:0 7px 0 5px;
margin-bottom:3px;
list-style:none;
border-bottom:0;
display:inline-block;
border:0;
}
#footer p {
	text-align: center;
	color: #FFFFFF;
}

/*************
メイン コンテンツ
*************/
section.content{
margin-bottom:20px;
font-size:15px;
overflow:hidden;
}

* html section.content{height:1%;}

section.content article{
	padding: 10px;
	overflow: hidden;
	background-color: #FFFFFF;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading,#sub .grid h3{
	padding: 0;
	font-size: 14px;
}

#main h3.heading,#sub .col2 h3{background:#358cac;}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

img.frame,#gallery img{
border:3px solid #358cac;
}

#gallery .gridWrapper{padding:0;}
#gallery .grid{border:0;background:none;}

#gallery img{
margin:5px;
}

section#gallery{overflow:visible;}

/*************
サイドバー
*************/
#sub {
	margin-top: 20px;
}
#sub .grid {
	border: 2px solid #1F3B90;
}
#sub .grid ul li {
	margin: 0;
	list-style-type: none;
}
/*************
試乗車ページ
*************/
section.content .shijo {
	margin-top: 20px;
	margin-bottom: 20px;
}
section.content .shijo section {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;			/*同上*/
	float: left;
}
section.content .shijo_reserv section {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;
	width: 95%;
}
section.content .shijo_reserv h5 {
	color: #1F0680;
	font-size: large;
	text-align: center;
}
/*ボックス内の段h4設定*/
section.content .shijo section h4 {	padding: 0px;
	margin-left: 190px;	/*左の写真とのバランスをとって設定*/}

section.content .shijo_reserv h3 {
	color: #;
	border-bottom: 2px solid #;
	font-size: large;
	margin-bottom: 20px;
}	
/*ボックス内の段落タグ設定*/
section.content .shijo section p {
	padding: 0px;
	margin-left: 190px;	/*左の写真とのバランスをとって設定*/
	margin-top: 10px;
}
section.content .shijo_reserv section p {
	padding: 0px;
	margin-top: 10px;
	font-size: large;
	float: left;
	margin-left: 20px;
	color: #000000;
}
/*ボックス内の写真設定*/
section.content .shijo section figure img {
	float: left;			/*画像を左へ回り込み*/
	background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
}
/*ボックス内の写真設定*/
section.content .shijo_reserv section figure img {
	float: left;			/*画像を左へ回り込み*/
	background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
}
/*「もっと詳しく見る」ボタンの設定*/
section.content .shijo section p.detail a {
	text-decoration: none;
/*  display: block; */
	margin-top:4%;
}
/*予約カレンダー設定*/
div.shijo_reserv table {
	background-color: #FFFFFF;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
div.shijo_reserv td {
	padding: 10px;
	border: 1px solid #C54F09;
	font-size: large;
	text-align: center;
}
div.shijo_reserv th {
	padding: 10px;
	font-size: large;
	text-align: center;
	background-color: #C54F09;
	color: #FFFFFF;
}
.monthly-prev {float: left}
.monthly-prev a {
	color: #ED2E8A;
}
.monthly-next {float: right}
.monthly-next a {color: #ED2E8A;}
/*予約フォーム設定*/
section.content .content-form {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;			/*同上*/
}
/* 予約フォーム */
.content-form fieldset {
	border: 1px solid #dddddd;
	padding: 10px 0 0 10px;
	margin: 0 0 1.5rem 0;
	width: 99%;
}

.content-form legend {
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0 5px;
}

.content-form table {
	border: none;
	border-collapse: separate;
	border-spacing: 5px;
	margin: 0 0 5px 0;
	width: 99%;
}

.content-form th,
.content-form td {
	border-top: none;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: none;
	padding: 2px;
	vertical-align: middle;
}

.content-form th {
	font-size: 1rem;
	line-height: 2.2rem;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
	width: 30%;
}

.content-form td {
	font-size: 0.9rem;
}

.content-form input,
.content-form textarea {
	padding: 3px;
	margin-bottom: 3px;
	font-size: 1rem;
}

.content-form button {
	padding: 3px 7px;
}

.content-text.small {
	width: 3rem;
}

.content-text.medium {
	width: 48%;
}

.content-text.fat {
	width: 95%;
}

.input-number {
	float: left;
	margin-right: 1rem;
	text-align: center;
}

input.right {
	text-align: right;
}

.content-form .error-message {
	clear: both;
	color: red;
}

.content-form .required {
	color: red;
}

/* 予約フォーム オプション表示項目 */
.content-form input.booking-option-number {
	text-align: right;
	width: 3rem;
}

.content-form label.field-item {
	margin-right: 0.4rem;
}

.content-form label.field-item input {
	margin-right: 0.15rem;
}

.content-form select {
	font-size: 1rem;
	padding: 0.1rem 0.15rem;
}

/*************
スタッフ紹介ページ
*************/
section.content .staff section {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;			/*同上*/
	float: left;
}
/*ボックス内の段h3設定*/
section.content .staff h3 {
	color: #006DB8;
	border-bottom: 2px solid #006DB8;
	text-align: center;
}
/*ボックス内の段h4設定*/
section.content .staff section h4 { padding: 0px;
	margin-left: 20px;	/*左の写真とのバランスをとって設定*/}
/*ボックス内の趣味設定*/
section.content .staff section .hobby {
	border-top: 1px dotted #8A8A8A;
	border-bottom: 1px dotted #8A8A8A;
}
/*ボックス内の段落タグ設定*/
section.content .staff section p {
	padding: 0px;
	margin-left: 20px;	/*左の写真とのバランスをとって設定*/
	margin-top: 10px;
}
/*ボックス内の写真設定*/
section.content .staff section figure img {
	float: right;			/*画像を左へ回り込み*/
	padding: 5px;			
}
/*************
店舗紹介ページ
*************/
section.content .company {
	margin: 0;
}
section.content .company h3 {
	color: #006DB8;
	border-bottom: 2px solid #006DB8;
	text-align: center;
}
section.content .company section figure img {
	float: left;
	margin-right: 15px;
	margin-top: 15px;
}

/*ボックス内のテーブル設定*/
section.content .company table {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	border-top: 1px solid #000000;
}
section.content .company th,td {
	padding: 12px;
}
section.content .company th {
	border-bottom: 1px solid #000000;
}
section.content .company td {
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
/*ボックス内のアクセス設定*/
section.content .company section .map {
	float: left;
	margin-right: 20px;
}
section.content .company section p {
	padding: 0px;
	margin-left: 20px;	/*左の写真とのバランスをとって設定*/
	margin-top: 10px;
	float: left;
}
/*************
投稿ページ
*************/
#blog_ttl {
	clear: both;
	line-height: 0;
}
#blog_ttl img{
max-width:100%;
height:auto;
}
#blog_wrapper{
	margin-top: px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 0 1%;
	width: 100%;
	position: relative;
	background-color: #FFFFFF;	/*背景色*/
	overflow: auto;
}
/* ページタイトルバー*/
section#blog-ttl_page {
	background-image: url(img/blog-subttl_back.png);
	background-repeat: repeat-x;
	height: 16px;
	width: 100%;
	float: none;
}
section.content .contri section {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;			/*同上*/
	margin-top: 15px;
	}
section.content .contri h3 {
	color: #5D42C7;
	border-bottom: 2px solid #5D42C7;
	font-size: large;
}
.contri section .post-date {
	float: right;
	margin-bottom: 0px;
}
.contri section .category {
	margin-top: 10px;
	margin-bottom: 2px;
	float: right;
	clear: right;
}
.contri section p {
	clear: both;
}
section.content .contri section .pagenation {
	margin-top: 10px;
}
section.content .contri section span.oldpage  {float: left}
section.content .contri section span.newpage  {float: right}

/*************
カテゴリ一覧ページ
*************/
section.content .list { margin: 0;}
section.content .list section {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;			/*同上*/
	margin-top: 15px;
	}
section.content .list section h3 {border-bottom: 2px solid #5D42C7;}
section.content .list section h3 a {
	color: #5D42C7;
	font-size: large;
}
.list section .post-date {
	float: right;
	margin-bottom: 0px;
}
.list section .category {
	margin-top: 10px;
	margin-bottom: 2px;
	float: right;
	clear: right;
}
.list section p {
	clear: both;
}
/*************
テーブル
*************/
table.table{
border-collapse:collapse;
width:100%;
margin:10px auto;
}

table.table th,table.table td{
padding:5px;
border:1px solid #73c4e6;
}

table.table tr:first-child th,table.table tr:first-child td{
border-top:#73c4e6 4px solid
}

table.table th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#358cac;
}


/*************
/* メールフォーム関連
*************/
section.content .mail {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	border-radius: 6px;		/*角丸のサイズ*/
	padding: 10px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックス間（下側）のスペース*/
	overflow: hidden;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	-webkit-box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・距離・色を設定*/
	box-shadow: 0px 5px 5px #434343,0px 0px 0px 1px #FFF inset;			/*同上*/
	margin-top: 15px;
	}
section.content .mail h3 {
	color: #006DB8;
	border-bottom: 2px solid #006DB8;
}
/*************
サービス保険ページ
*************/
section.content .service section {
	float: left;
}
/*ボックス内の段落タグ設定*/
section.content .service section p {
	padding: 0px;
	margin-left: 155px;	/*左の写真とのバランスをとって設定*/
	margin-top: 5px;
}
/*ボックス内の写真設定*/
section.content .service section figure img {
	float: left;			/*画像を左へ回り込み*/
}
section.content .service h3 { padding-top: 20px;
	padding-bottom: 20px;}
section.content .service p { margin-top: 10px;
	margin-bottom: 20px;}
section.content .service .bannar { float: left; }
section.content .service .exp {	float: left; }
/*************
/* フッター
*************/
#footer .copyright{font-size:11px;}
#footer a {
	color: #FFFFFF;
}

/* PC用 */
@media only screen and (min-width:1020px){
section.content .shijo_reserv section p {
	width: 500px;
}
	#blog_ttl{
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}
nav#menu ul li a {
	font-size: 14px;
}
	#wrapper,.inner,ul#topnav{
	width:1020px;
	padding:0;
	}
	
	#wrapper{padding-bottom:20px;}
	#blog_wrapper{
	width:1020px;
	padding:0;
    padding-bottom:20px;
	}
	#main{
	float: left;
	width: 725px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	}
	
	#subpage #sub{
	float: right;
	width: 235px;
	overflow: hidden;
	}
	/* イベント */
    .even dl dd{
	margin-left: 10px;
	}
	/* アリーナブログ */
    .topic dl dd{
	margin-left: 10px;
	}
	
	/* グリッド */
	.botan {width:255px;}
	.grid{width:234px;}
	.col2{width:469px;padding-bottom:12px;}
	.col3{width:1020px;}
	#gallery .grid{width:230px;}
	#subpage #sub .grid{
	width:100%;
	float:none;
	padding-bottom:30px;
	}
	#footer {
	background-color: #ED2E8A;
}
/**************************
/* 下のメニューバー
**************************/
section#menu_bar {
	background-image: url(img/u_banner_back.png);
	background-repeat: repeat-x;
	height: 153px;
	width: 100%;
	float: none;
}
section#menu_bar .menubar {
	clear:both;
    padding:0 0;
    overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	width: 1020px;
}
section#menu_bar .botan{
	float: left;
}
/**************************
/* 下のメニューボタン
**************************/
section#top_u_botan {
	background-color: #FFC700;	/*背景色*/
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: none;
}
section#top_u_botan .menubar2 {
	clear:both;
    padding:0 0;
    overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	width: 1020px;
}
section#top_u_botan .botan2{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
/**************************
/* ページタイトルバー
**************************/
section#ttl_page {
	background-image: url(img/subttl_back.png);
	background-repeat: repeat-x;
	height: 76px;
	width: 100%;
	float: none;
}
#ttl_page .ttl {
	clear:both;
    padding:0 0;
    overflow:hidden;
	margin-right: auto;
	margin-left: auto;
	width: 1020px;
}
#ttl_page h2 {
	font-size: 20px;
	padding-top: 25px;
	padding-left: 25px;
}
#ttl_page p {
	font-size: 12px;
	padding-top: 30px;
	padding-left: 25px;
}
/**************************
/* ボックスの設定(試乗車)
**************************/
section.content .shijo section {
	width: 470px;
	height: 170px;
	margin-left: 13px;
}
section.content .shijo section h4 {
	font-size: 14px;
}
section.content .shijo section p {
	font-size: 13px;
	margin-bottom: 0px;
}
/*「もっと詳しく見る」ボタンの設定*/
section.content .shijo section p.detail a {
	width: 287px;
	height: 35px;
}
/**************************
/* ボックスの設定(スタッフ紹介)
**************************/
section.content .staff section {
	width: 470px;
	height:220px;
	margin-left: 13px;
}
section.content .staff section h4 {
	font-size: 20px;
	float: left;
	width: 260px;
}
section.content .staff section .hobby {	font-size:18px;
	float: left;
	width: 260px;}
section.content .staff section p {
	font-size: 13px;
	margin-bottom: 0px;
	float: left;
	width: 260px;
}
/*************
店舗紹介ページ
*************/
section.content .company h3 {
	font-size: 20px;
	margin-top: 10px;
}
section.content .company table {
	width: 470px;
	height: 340px;
}
/*ボックス内のアクセス設定*/
section.content .company section .map {
	width: 600px;
	height: 450px;
}
/*************
スタッフ紹介ページ
*************/
section.content .staff h3 {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
/*************
投稿ページ
*************/
section.content .contri h3 {
	font-size: 20px;
}
section.content .contri section .post-date {
	font-size: 14px;
}
section.content .contri section .category {
	font-size: 14px;
}
section.content .contri section p {
	font-size: 15px;
}
/*************
サービス保険ページ
*************/
section.content .service section {
	width: 490px;
	height: 110px;
	margin-left: 13px;
}
section.content .service section p {
	font-size: 13px;
	margin-bottom: 0px;
}
section.content .service .bannar {
	width: 350px;
}
section.content .service .exp { 
    font-size: 13px;
    width: 650px;}
}


/* モニター幅1019px以下 */
@media only screen and (max-width:1019px){
	h3 img {
	width: 100%;
	height: auto;
}
	#header h1,#header .logo{padding-left:10px;}
	#header .info{padding-right:10px;}
section#ttl_page { 
	background-image: url(img/subttl_back.png);
	background-repeat: repeat-x;
    width: 100%;
	clear: both;
}
section#ttl_page img {
	padding-left: 3%;
}

#ttl_page h2 {
	font-size: large;
	padding-left: 3%;
	padding-top: 4%;
}
#ttl_page p {
	font-size: x-small;
	padding-left: 1%;
}
section#menu_bar {
	width: auto;
	height: auto;
}
section#menu_bar img {
	width:50%;
	float: left;
}	/*試乗車からのメニュー画像サイズ*/
section#menu_bar .menubar {	width: auto;
	height: auto;}
section#top_u_botan {
	background-color: #FAA731;	/*背景色*/
	width: auto;
	height: auto;
}
section#top_u_botan .menubar2{
	width: auto;
	height: auto;
}
section#top_u_botan img { width:48%;
	float: left;
}
nav#menu {
	height: auto;
	margin-right: 6px;
	margin-left: 6px;
}
nav#menu ul {
	width: auto;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	width: 50%;	/*メニュー幅*/
	border: none !important;			/*同上*/
	margin-bottom: 1%;
}

/*最後のメニューの設定*/
nav#menu ul li:last-child {
	margin-bottom: 30px;
}
/*最初のメニューの設定*/
nav#menu ul li:nth-of-type(2) {
	background-color: #38AE36;
}
nav#menu ul li:nth-of-type(3) {
	background-color: #7274B5;
}
nav#menu ul li:nth-of-type(4) {
	background-color: #CB141C;
}
nav#menu ul li:nth-of-type(5) {
	background-color: #CC5097;
}
/*最初のメニューの設定*/
nav#menu ul li:first-child {
	border-left: 1px solid #0a1278;	/*左側に線を入れる*/
	background-color: #D88910;
}
nav#menu ul li:last-child {
	background-color: #3695D3;	/*背景色*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover {
	background-color: #0a1278;	/*背景色*/
}	
	#mainBanner{width:100%;}
	.botan2 {
	width: 50%;
	height: auto;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
        }	

	.botan {
	width: 50%;
	height: auto;
	margin-right: 0px;
	margin-left: 0px;
        }	

	.grid{
	width:50%;
	margin:2px 0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	}
	.col2{
	float:none;
	width:100%;
	margin:0 0 20px;
	}
	
	.grid img{
	float:left;
	margin-right:5px;
	}
	
	#gallery .grid{
	width:31%;
	margin:0 1%;
	padding:0;
	}
	
	#gallery .grid img{
	float:none;
	}
	
	section.content{
	padding: 0 10px;
}
	section.content .shijo section {
	width: 90%;
	height: auto;
}
	section.content .shijo_reserv section {
	width: 90%;
	height: auto;
}
	section.content .staff section {
	width: 90%;
	height: auto;
}
	section.content .service section {
	width: 90%;
	height: auto;
	margin-top: 5px;
}
    section.content .service .bannar img {
	width: 90%;
	height: auto;
	margin-top: 5px;
}



	section.content img{
  max-width:90%;
	height:auto;
	}
	
	#sub .grid{padding-bottom:20px;}
	
	#footer{
	padding: 0;
	background-color: #ED2E8A;
}
	
	#footer .grid{
	float:none;
	width:100%;
	margin-bottom:5px;
	text-align:center;
	}
	.topics{
	float:none;
	width:100%;
	margin:0 0 20px;
	}
	.topic dl dt,
    .topic dl dd,a{
	width: 100%;
	font-size: medium;
}
	.topics img {
	width: 50%;
	height: auto;
}
	.event img {
	width: 50%;
	height: auto;
}
	.event{
	float:none;
	width:100%;
	margin:0 0 20px;
	}
	.even dl dt,
    .even dl dd,a{
	width: 100%;
	font-size: medium;
}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:768px){
	 #header .logo img {width:100%;}
	.botan2 {width:100%;}
	
	.botan2 img{
	float:none;
	margin:0px auto 0px;
	}
	.botan {width:100%;}
	
	.botan img{
	float:none;
	margin:0px auto 0px;
	}
	.grid{width:100%;}
	
	.grid img{
	float: none;
	margin: 0px auto 10px;
	} 
	.grid p{text-align:left;}
	
	img.frame,#gallery img{border-width:2px;}

  .alignleft,.alignright{
	float:none;
	display:block;
	margin:0 auto 10px;
	}
	#info {
	width: 100%;
    }
    #info .infomation{
	clear: both;
	padding: 20px 0;
	overflow: hidden;
	width: 100%;
    }
	#footer .grid p{text-align:center;}
	.topics img {width:100%;}
	.event img {width:100%;}
#blog_ttl img{
max-width:100%;
height:auto;
}
/*************
投稿ページ
*************/
section.content .contri h3 {
	font-size: x-large;
}
/*************
店舗ページ
*************/
section.content .company h3 {
	font-size: large;
}
/*************
スタッフ紹介ページ
*************/
section.content .staff h3 {
	font-size: large;
}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

	#header .logo{
	padding-top: 10px;
}
  .info{padding:10px 0;}
section#menu_bar {
	width: auto;
}
nav#menu {
	height: auto;
	margin-right: 6px;
	margin-left: 6px;
}
nav#menu ul {
	width: auto;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: none;
	width: 100%;
	border: none !important;
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
}
/*最初のメニューの設定*/
nav#menu ul li:nth-of-type(2) {
	background-color: #38AE36;
}
nav#menu ul li:nth-of-type(3) {
	background-color: #7274B5;
}
nav#menu ul li:nth-of-type(4) {
	background-color: #CB141C;
}
nav#menu ul li:nth-of-type(5) {
	background-color: #CC5097;
}
/*最初のメニューの設定*/
nav#menu ul li:first-child {
	border-left: 1px solid #0a1278;	/*左側に線を入れる*/
	background-color: #D88910;
}
nav#menu ul li:last-child {
	background-color: #3695D3;	/*背景色*/
}
/*マウスオン時の設定*/
nav#menu ul li a:hover {
	background-color: #0a1278;	/*背景色*/
}		
	#mainBanner h2,#mainBanner h3{font-size:80%;}
}