@charset "utf-8";

body {
	min-width: 100%;
	}


/*bodyの直接の子要素のh1タグ（ページ最上段にあるh1）設定
---------------------------------------------------------------------------*/
body > h1 {
	display: none;
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: auto;
	margin-right: 6px;
	margin-left: 6px;
}

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	text-align: center;
	min-width: 100%;
}
/*h1ロゴの設定*/
header h1 {
	display: none;
	padding: 20px 0px 20px 0px;	/*上、右、下、左側へあける余白*/
}
header h1 img {
	width: auto;	/*画面に対して画像を70％の幅に*/
	height: auto;
}

/*ヘッダーブロックの中*/
header .inner {
	width: auto;	/*ブロック幅*/
	height: 65px;	/*ブロックの高さ*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.h1{
	display: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}


/*
.logo{
	width: 50%;
	height: auto;
	display: block;
	overflow: none;
	position: ;
	margin-top: 0%;
	
	}
*/


.logo {
	position: absolute;
	right: auto;	
	left: 0;
	margin-top: 5px;	
	width: auto;
	text-align: left;
}

.home{
	width: 70%;
	display: none;
	overflow:;
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;
	
	}

.senmon{
	width: 35%;
	display: none;
	overflow: ;
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;
	
	}


/*電話番号ボックスの設定*/
header .inner address {
	width: ;
	display: ;
	position: absolute;
	top: 10px;		/*innerに対して上から15pxの位置に配置*/
	right: 0px;	/*innerに対して右から20pxの位置に配置*/
	font-size: 11px;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	line-height: 0;	/*行間*/
	letter-spacing: 0;	/*文字間隔を少し広めにとる設定*/
	display: block;
}
/*電話番号の文字設定*/
header .inner address .tel {
	font-size: 18px;	/*文字サイズ*/
	color: #f00000;		/*文字色*/
	font-weight: bold;	/*太字に*/
	display: block;
	position: relative;
}

.tel{
	display: block;
	position: absolute;
	right: 0px;
	
	}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック設定*/
nav#menu {
	height: 153px;	/*ブロック 高さ*/
	width: auto;
	background-color: #ea5710;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ea5710), to(#ea5710));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#ea5710, #ea5710 49%, #ea5710 50%);	/*同上*/
	background-image: linear-gradient(#ea5710, #ea5710 49%, #ea5710 50%);			/*同上*/
	margin-bottom: px;
	min-width: 100%;
	
}
nav#menu ul {
	width: auto;	/*メニュー部分 ブロック幅*/
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	border-left: 0.8px solid #ea5710;
}
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: left;
	width: 49.5%;	/*メニュー幅*/
	border-right: 0.8px solid #524d3f;	/*メニューの右側の線の幅、線種、色*/
	border-left: 0.8px solid #524d3f;
	border-top: 0.8px solid #524d3f;
	border-bottom: 0.8px solid #524d3f;
	text-align: center;	/*文字を中央に揃える*/
	font-weight: bold;	/*文字を太字にする設定*/
	height: 51px;
	font-size: 15px;
	background-color: #ea5710;
}

nav#menu ul li a {
	text-decoration: none;
	display: block;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	line-height: 45px;
	padding-top:5px;
	color: #FFF;	/*文字色*/
	font-size: 80%;
}
nav#menu ul li a img {
	width: 60%;
}


/*英語表記*/
#menu ul li a span {
	display: none;
}

#Menuon a, #Menuon a:hover {
	color: #000000;
	background-color: #666;
	height: 49px;
	} 
	



/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	display: ;
	width: auto;
	background-color: none;	/*スライドショーの外側（左右）の背景色*/
	margin-bottom: 0px;
	height: auto;
}
#mainimg aside {
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#mainimg .slide_file {
	display: none;
}
#slide_image {
	display: none;
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#slide_image2 {
	display: none;
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}
.bxslider {
	margin-right: auto;
	margin-left: auto;
}




/*コンテンツ（main,subを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: auto;
}

#box_top {display: none;}
#box_top ul li {
	width: auto;
	padding: 0px;
	list-style-type: none;
	float: left;
	border-radius: 5px;
	border: 10px solid #FFF;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.3);
	display: block;
	padding: 0px;
	background: #FFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#box_top img {
	width: auto;
	border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.3);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}

#box_top h5 {
	margin: 0px;
	padding: 0px;
	color: #1e234c;
	font-size: ;
	font-weight: ;
	text-align: center;

}
#box_top .k3 {
	font-size: 110%;
	color: #ffffff;
	background: #ea5710;
	border-radius: 20px;
	font-weight: normal;
	display: block;
	width: auto;
	text-align: center;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box_top .k3:hover {
	color: #ffffff;
	background-color: #00C8AA;
}

/*本文
---------------------------------------------------------------------------*/

.honbun {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 110%;	
	}



.honbun_t {
	width: 100%;
}
.honbun_t, .honbun_t td, .honbun_t th{
	border: 0px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
		width: 100%;
}
/*テーブル内の右側*/
.honbun_t td{
	padding: 10px;
	color: #000;
	font-size: 100%;
}
/*テーブル内の左側の見出し部分*/
.honbun_t th{
	width: 90%;
	padding: 10px;
	text-align: left;
}


h6 {
	font-size: 130%;
	color: #ffffff;
	background: #1e234c;
	border-radius: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
	padding: 2px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*車検表 
---------------------------------------------------------------------------*/
	
.syaken {	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 85%;
	overflow:;
	}

.syaken, .syaken td, .syaken th{
	border: 1px solid #000;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1;
}
/*テーブル内の右側*/
.syaken td{
	width:auto;
    height:auto;
	color: #000;

}
/*テーブル内の左側の見出し部分*/
.syaken th{
	width:auto;
	height: auto;
	background-color: #FFCC00;
	color: #000000;
}



/*contents-in,main,subコンテンツ
---------------------------------------------------------------------------*/
#contents-in, #main, body.c2 #main, #sub {
	float: none;
	width: auto;
}

/*sideコンテンツ
---------------------------------------------------------------------------*/
#side {
	display: none;	/*表示させない設定*/
}



/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {

}
section#new h2.close {
	
}
/*ブロック全体の設定*/
#new {
	margin-bottom: 1em;
}
#new dl {
	height: auto;
	padding-left: 0;
}
/*日付設定*/
#new dt {
	float: none;
	width: auto;
}
/*記事設定*/
#new dd {
	padding-left: 0;
}

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 100px;
	padding: 2px;
}

/*商品詳細
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.komikomi_t td{
	width: auto;
	padding: 2px;
}
/*テーブル内の左側の見出し部分*/
.komikomi_t th{
	width: 100px;
	padding: 2px;
}

.komikomi_t2 td{
	width: auto;
	padding: 2px;
}

.komikomi_t2 th{
	width: 100px;
	padding: 2px;
}


.s_image{
display: none;
	}

/*service.html内の一覧の各ブロック
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main section.list article p {
	margin-left: 0;

}
/*ボックス内の写真設定*/
#main section.list article figure img {
	width: 40%;
	height: auto;
	margin-right: 5px;
}

/*その他
---------------------------------------------------------------------------*/
/*<body class="s-n">指定の場合にsubブロックも表示させない設定*/
body.s-n #sub {
	display: none;
}
/*幅一杯に画像を表示させる*/
img.wa {
	height: auto;
	width: 100%;
}

table.formtable{
	width:auto;
	margin:0 auto;
	border-collapse:collapse;
}
table.formtable td,table.formtable th{
	border:1px solid #ccc;
	padding:auto;
}
table.formtable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formtable td{
	width:30%;
	font-weight:normal;
}

/***************************************************************************************/
/*フッター
/***************************************************************************************/
/* ========= このページのトップへ ========= */ 
#pageTop {
text-align:right;
/*margin-top:40px;
height:44px;*/
}

/* ========= パンくずリスト ========= */ 
footer div#breadcrumb a:link {color:#333; text-decoration:underline;}
footer div#breadcrumb a:visited {color:#333; text-decoration:none;}
footer div#breadcrumb a:hover {color:#b72800; text-decoration:none;}
footer div#breadcrumb a:active {color:#333; text-decoration:none;}

footer div#breadcrumb {
width:auto;
padding:15px 0;
border-top:0px solid #2bac39;
border-bottom:8px solid #2bac39;
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ddffffff,EndColorStr=#ddffffff);
background-color: rgba(255, 255, 255, 0.6);
}

footer div#breadcrumb ul{
width:auto;
margin:0 auto;
text-align:left;
}

footer div#breadcrumb li {
display:inline;
background:url(../images/arrow.png) center left no-repeat;
padding-left:18px;
margin-left:10px;
}

footer div#breadcrumb li#homeMark {
background:url(../images/icon/icon_home.png) top left no-repeat;
padding-left:24px;
margin-left:7px;
}

footer div#breadcrumb li em {
color:#B72800;
font-weight:bold;
}

/*footer div#breadcrumb li.arrow {}
footer div#breadcrumb li a{}*/


footer {
	width: 100%;
	background-color: #ea5710;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}

footer p {
text-align:center;
font-size:85%;
margin-bottom:10px;
}

footer div.footBox1 li a,
footer div.footBox2 li a,
footer div.footBox3 li a,
footer div.footBox4 li a {
background:url(../images/arrow.png) center left no-repeat; 
padding-left:13px;
}

footer a:link {color:#333; text-decoration:none;}
footer a:visited {color:#333; text-decoration:none;}
footer a:hover {color:#b72800; text-decoration:underline;}
footer a:active {color:#333; text-decoration:none;}

/* ========= フッターリンク ========= */ 
footer div#footLinks {
	display: none;
	}

footer div#footLinksUp,
footer div#footLinksDown {
width:980px;
padding:30px 0 0 0;
margin:0 auto;
overflow:hidden;
position:relative;
zoom:1;
}

footer h3 {
margin-bottom:5px;
}

footer div ul {
font-size:85%;
}

footer div li {
line-height:1.6;
list-style:none;
text-align:left;
}

footer div.footBox1 {width:232px; float:left; margin-right:20px;}
footer div.footBox2 {width:232px; float:left; margin-right:20px;}
footer div.footBox3 {width:232px; float:left; margin-right:20px;}
footer div.footBox4 {width:224px; float:left;}

footer div#copyright {
	background-color: #FFFFFF;
	padding: 20px 0;
	color: #000000;
}

/*レスポンシブ
---------------------------------------------------------------------------*/

#smart{
	display: block;
	}

#hp {
	display: none;
}



/*車検料金表　テーブル
---------------------------------------------------------------------------*/

  .table-responsive {
    display: block;
    position: relative;
  }
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;

  }
  .table-responsive thead {
    float: left;
  }
  .table-responsive thead tr {
    border: 1px solid #fdfdfd;
  }
  .table-responsive thead tr th,
  .table-responsive thead tr td {
    line-height: 10px;
    padding: 4px 10px;
	background-color: #FFCC00;
  }
  .table-responsive thead tr th:last-child,
  .table-responsive thead tr td:last-child {
    border-right-color: #e61376;
	background-color: #FFCC00;
  }
  .table-responsive tbody {
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
  }
  .table-responsive tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .table-responsive tbody tr td:first-child {
    text-align: right;
  }


/*車検料金表　テーブル
---------------------------------------------------------------------------*/

.simple {
    width: 100%;
}
.simple th,
.simple td {
    padding: 10px 12px;
    border-bottom: 1px solid #ccc;
}
.reflow .label {
    display: none;
}
    .reflow thead  { display: none; }
    .reflow th,
    .reflow td { margin-left: 10px; float: left; clear: left; padding: 0; width: 100%; border-width: 0 0 1px; text-align: left !important; }
    .reflow tr > td:first-child { margin-top: 20px; margin-left: 10px; border-top: 2px solid #000;}
    .reflow tr > td:last-child  { margin-left: 10px; border-bottom: 2px solid #000; }
    .reflow tr:first-child > td:first-child { margin-top: 0; }
    .reflow .label,
    .reflow .content { padding: 5px 3px; }
    .reflow .label   { display: block; float: left; width: 30%; background: #e6e6e6; }
    .reflow .content { margin: 0 0 0 33%; background: #fff; }



/*文字 スマホ
---------------------------------------------------------------------------*/
	
.orange_syaken {
	font-size: 110%;
	color: #FF3300;
	font-weight: bold;
	}

#no{
	display: none;	
	}




.list_link {
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 1px solid #DDD;
	color: #fff;
	width: 300px;
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 120%;
}