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

/* タグ
---------------------------------------------------------- */
body {
	margin: 0 auto !important;
	padding: 0 !important;
	background-color: #FFCC33;
	font-size: 80%;
	color: #414141;
	text-align:center;
}

html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,address,pre,div,form,fieldset,input,textarea {
	margin: 0;
	padding: 0;
}

li {
	list-style:none;
}

a {
	color: #ffffff;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

hr {
	height: 1px;
	border-size: 1px;
	border-color #cccccc;
}

b {
	display: none;
}

/* 共通
----------------------------------------------------------- */
.clear {
	clear:both;
}

.frame img {
	padding: 1px 1px 1px 1px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

.pagetop a {
	
}

.pagetop a:hover {

}

.dotline {
	height: 10px;
	background: url(images/dotline.gif) repeat-x;
}

a:hover img{
  filter: alpha(opacity=60);
  opacity:0.6;
  background: #ffffff;
}

/* 基本レイアウト右寄せ・左寄せ（WP用）
-------------------------------------------------------- */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/* ブロックレイアウト
------------------------------------------------------------------------ */
/* ヘッダ */
#header {
	width: 100%;
	height: 100px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(images/header-back.jpg) repeat-x;
}

#header-in {
	width: 900px;
	margin: 0 auto;
	text-align:center;
}

/* ヘッダ以下コンテンツ＋サイドブロック */
#base {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFCC33;
	text-align:center;
}

/* コンテンツブロック */
#contents {
	margin: 0;
	padding: 0;
}


/* ヘッダ
------------------------------------------------------------------------ */
/* ロゴ */
#logo {
	width: 330px;
	height: 100px;
	margin: 0;
	padding: 0 !important;
	display: block;
	float: left;
}

#logo h1 a {
	width: 340px;
	height: 100px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(images/logo.jpg) no-repeat;
	background-position: left bottom;
	display:block;
}

/* ヘッダーナビ
------------------------------------------------------------------------ */
#h_right {
	width: 520px;
	height: 56px;
	margin: 0;
	padding: 0;
	display: table;
	float:right;
}

#h_top {
	width: 140px !important;
	height: 25px;
	float:right !important;
	text-align:right !important;
}

#h_top iframe {
	width: 100px !important;
	margin: 10px 0 0 20px !important;
	float:right !important;
	text-align:right !important;
}

#h-navi {
	width: 540px;
	height: 56px;
	margin: 19px 0 0 0;
	padding: 0;
	display: table;
	float:right;
}

.vertical-bottom {
	display: table-cell;
	vertical-align: bottom;
}

* html div#h-navi {  
	position: relative;
}  
*+html div#h-navi {  
	position: relative;  
}

* html div.vertical-bottom {  
	position: absolute;
	top: 35px;
	left: 0;
}  
*+html div.vertical-bottom {  
	position: absolute;
	top: 35px;
	left: 0;
}

#h-navi ul li {
	float: left;
}

.hn01 a {
	width: 129px;
	height: 56px;
	background: url(images/h-navi01.jpg) no-repeat;
	background-position: left bottom;
	display:block;
}
.hn01 a:hover {
	background: url(images/h-navi01-o.jpg) no-repeat;
}

.hn02 a {
	width: 129px;
	height: 56px;
	background: url(images/h-navi02.jpg) no-repeat;
	background-position: left bottom;
	display:block;
}
.hn02 a:hover {
	background: url(images/h-navi02-o.jpg) no-repeat;
}

.hn03 a {
	width: 129px;
	height: 56px;
	background: url(images/h-navi03.jpg) no-repeat;
	background-position: left bottom;
	display:block;
}
.hn03 a:hover {
	background: url(images/h-navi03-o.jpg) no-repeat;
}

.hn04 a {
	width: 129px;
	height: 56px;
	background: url(images/h-navi04.jpg) no-repeat;
	background-position: left bottom;
	display:block;
}
.hn04 a:hover {
	background: url(images/h-navi04-o.jpg) no-repeat;
}

/* ドロップダウンリスト
-------------------------------------------------------------------------------- */
/* 
	LEVEL ONE
*/
#h-navi ul {
	position: relative;
}
#h-navi ul li {
	width: 130px;
	background: none !important;
}
#h-navi ul li:hover {
	position: relative;
}

/* 
	LEVEL TWO
*/
#h-navi ul ul  {
visibility: hidden; position: absolute; top: 100%; left: 0;
}
#h-navi ul ul li {
float: none;
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
#h-navi ul ul li a {
width: 130px;
height: auto !important;
top: 0;
left: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-top: none !important;
border-bottom: 1px solid #ffcc33 !important;
border-left: none !important;
border-right: none !important;
background: none !important;
background-color: #FFF9CA !important;
display: inline-block;
color: #FF9900;
line-height: 220% !important;
font-weight: normal;
text-decoration: none !important;
text-align: left;
text-indent: 0;
}

#h-navi ul ul li a:hover {
left: 0;
background-color: #FDC502 !important;
color: #ffffff;
}

/* 
	LEVEL THREE
*/
#h-navi ul ul ul {
left: 100%;
top: 0;
margin: 0 !important;
padding: 0 !important;
}

#h-navi ul ul ul li {
top: 0;
margin: 0 !important;
padding: 0 !important;
}

#h-navi ul ul ul li a {
top: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}

#h-navi ul li:hover > ul 			{ visibility: visible; }








/* コンテンツヘッダ LINE・instagram
------------------------------------------------------------------------ */
#h-navi-sns {
	width:100%;
	margin:0 auto;
}
#h-navi-sns .hn-sns {
	margin-left:130px;
}

#h-navi-sns .hn-sns img {
	margin:10px 20px;
}


/* コンテンツ
------------------------------------------------------------------------ */
#c-contents {
	width: 860px;
	margin: 10px auto;
	padding: 0;
	text-align: left;
}

#c-contents h2 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

#c-contents h3 {
	height: 35px;
	margin: 0 0 10px 40px;
	padding: 0;
	background: url(images/c-title-h3.jpg) repeat-x;
	font-size: 120%;
	color: #ffffff;
	line-height: 230%;
	text-indent: 20px;
}

#c-contents h4 {
	height: 35px;
	margin: 0 0 15px 40px;
	background: url(images/c-title-h4.jpg) no-repeat;
	font-size: 110%;
	color: #ffffff;
	line-height: 270%;
	text-indent: 35px;
}

#c-contents h5 {
	height: 20px;
	margin: 0 0 0px 40px;
	background: url(images/c-title-h5.jpg) no-repeat;
	font-size: 110%;
	color: #ffffff;
	line-height: 100%;
	text-indent: 30px;
}

#c-contents p {
	margin: 0 0 15px 60px;
}

#c-contents ul {
	margin: 0 0 15px 70px;
}

#c-contents ul li {
	margin: 5px 0 5px 0;
	background: none !important;
	list-style-type: circle !important;
}

#c-contents ol {
	margin: 0 0 15px 100px;
}

#c-contents ol li {
	margin: 5px 0 5px 0;
	list-style-type: decimal;
}

#c-contents table {
	margin: 0 0 15px 50px;
}

/* 会社概要
------------------------------------------------------------------------ */
.company-block {
}

.company-left {
	width: 600px;
	float: left;
}

.company-right {
	width: 200px;
	float: right;
	text-align: right;
}

.company-block table {
	width: 580px;
}

.company-block table th {
	width: 80px;
	padding: 5px;
	border-right: 4px solid #FF9F00;
	text-align: left;
	font-weight: normal;
}

.company-block table td {
	padding: 5px;
}

/* 会社沿革
------------------------------------------------------------------------ */
.development-block table {
}

.development-block table th {
	padding: 5px;
	background-color: #62B0FF;
	font-weight: normal;
	text-align: left;
}

.development-block table td {
	padding: 5px;
	background-color: #ffffff;
	border-bottom: 1px dotted #CEE7FF;
}

/* お問い合わせ
------------------------------------------------------------------------ */
#contact-form table {
	width: 750px;
}

#contact-form table th {
	width: 120px;
	padding: 5px;
	background-color: #FFC20B;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
}

#contact-form table td {
	padding: 5px;
	border-bottom: 1px dotted #D2D2D2;
}

/* サービス内容
------------------------------------------------------------------------ */
#service-layout img {
	margin: 0 2px 0 0;
}


/* ローコスト車検・スタンダード車検・デラックス車検の比較
------------------------------------------------------------------------ */
.hikaku {
	margin:0 auto;
	width:700px;
}
	
.hikaku table {
	margin: 0 auto;
	width:550px;
	background-color:#FFC20B;
}
.hikaku table th {
	text-align:left;
	font-weight:normal;
	background-color:#FCE878;
	vertical-align:middle;
	padding:5px;
}
.hikaku table td {
	text-align:center;
	background-color:#FFFFFF;
	vertical-align:middle;
	padding:5px;
}
.hikaku_marubatsu {
	margin-left:50px;
	}
.hikaku_chui {
	margin-left:60px;
	text-indent:-30px;
	font-size:12px;
	}
.hikaku_setsumei {
	width:530px;
	text-indent:-15px;
	font-size:12px;
	}
	
#win_close	{
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
		}


/* 点検項目
------------------------------------------------------------------------ */
#tenkenkomoku {
	margin:0 auto;
	padding-top:10px;
	margin-bottom:30px;
	width:750px;
	background-color:#FFFFFF;

}
.tenkenkomoku_1nen {
	width:330px;
	height:320px;
	margin-left:30px;
	margin-bottom:20px;
	float:left;
}
#c-contents .tenkenkomoku_1nen ul {
	font-size:12px;
	margin:0 0 0 10px;;
}
#c-contents .tenkenkomoku_1nen ul li{
	list-style-type:none;
	font-size:12px;
	margin:0 0 0 10px;
	line-height:16px;
}
.red {
	color:#FF0000;
	}
	
.tenkenkomoku_anshin {
	float:left;
}
#c-contents .tenkenkomoku_anshin dl {
	width:245px;
	height:140px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
}
#c-contents .tenkenkomoku_anshin dt {
	float:left;
	height:140px;
}
#c-contents .tenkenkomoku_anshin dt img {
	padding-right:10px;
}
.title{
	color:#28B7F3;
	padding-bottom:6px;
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
}
.tenken {
	padding-bottom:6px;
	padding-right:6px;
	font-size:12px;
}




/* フッター
------------------------------------------------------------------------ */
#footer {
	margin: 0;
	padding: 0;
}

/* フッターLINE・instagram
------------------------------------------------------------------------ */
#f-navi-sns {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
#f-navi-sns .fn-sns {
	margin:0 auto;
}

#f-navi-sns .fn-sns img {
	margin:10px;
}

/* フッター修理はコチラ
------------------------------------------------------------------------ */
#f-navi-shuri {
	clear: both;
	float: left;
}

#f-navi-shuri .fn-shuri a {
	width:230px;
	height:52px;
	margin-left:30px;
	background: url(images/f-navi-shuri.jpg) no-repeat;
	display:block;
}

#f-navi-shuri .fn-shuri a:hover {
	background: url(images/f-navi-shuri-o.jpg) no-repeat;
}


/* フッターナビ
------------------------------------------------------------------------ */
#f-navi {
	float: right;
}

#f-navi ul {
	margin: 0;
	padding: 0;
}

#f-navi ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#f-navi ul li.fn01 a {
	width: 70px;
	height: 52px;
	margin: 0;
	padding: 0;
	background: url(images/f-navi01.jpg) no-repeat;
	display: block;
}

#f-navi ul li.fn01 a:hover {
	background: url(images/f-navi01-o.jpg) no-repeat;
}

#f-navi ul li.fn02 a {
	width: 158px;
	height: 52px;
	margin: 0;
	padding: 0;
	background: url(images/f-navi02.jpg) no-repeat;
	display: block;
}

#f-navi ul li.fn02 a:hover {
	background: url(images/f-navi02-o.jpg) no-repeat;
}

#f-navi ul li.fn03 a {
	width: 112px;
	height: 52px;
	margin: 0;
	padding: 0;
	background: url(images/f-navi03.jpg) no-repeat;
	display: block;
}

#f-navi ul li.fn03 a:hover {
	background: url(images/f-navi03-o.jpg) no-repeat;
}

address {
	font-size: 70%;
	font-style: normal;
}

/* top-image
------------------------------------------------------------------------ */
#top-image {
	clear: both;
	margin: 0;
	padding: 0;
}
#top-image .top_sns {
	width::100%;
	height:240px;
	background-color:#FFCC33;
	text-align:center;
}
#top-image .top_sns img {
	margin:6px 0 30px 0 ;
}
#top-image .top_sns p {
	font-size:18px;
	font-weight:bold;	
}


/* What's New
------------------------------------------------------------------------ */
.top-title-news a {
	width: 636px;
	height: 26px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(images/c-title-information.jpg) no-repeat;
	display:block;
}
.top-title-news a:hover {
	background: url(images/c-title-information-o.jpg) no-repeat;
}

#top-new {
	clear: both;
	margin: 0;
	padding: 5px;
}

#top-new dl {
	margin: 0 0 0 10px;
}

#top-new dl dt {
	width: 90px;
	margin: 0;
	padding: 0;
	display:block;
	float: left;
	text-align: left;
}

#top-new dl dd {
	width: 520px;
	margin: 0;
	padding: 0;
	display:block;
	float: right;
	text-align: left;
}

#top-new hr {
	clear: both;
	height: 1px;
	margin: 0 0 0 5px;
	padding: 0;
	border-style: dotted;
}


/* 必須事項マーカー
--------------------------------------------------- */
#contact-form span.red {
	color: #ff0000;
}

/* ドロップダウンリストスタイル
--------------------------------------------------------- */
#contact-form select {
	border: 1px solid #ffc617;
color: #333333;
}

#contact-form select option {
	border: 1px solid #ffc617;
}

#contact-form select:hover {
	border: 1px solid #ffc617;
	background-color: #FBD379;
}

/* 一行テキスト欄スタイル
--------------------------------------------------------- */
#contact-form table td input {
	width: 200px;
	border: 1px solid #FFC617;
color: #333333;
}

#contact-form table td input:hover {
	border: 1px solid #ffc617;
	background-color: #FBD379;
}

/* テキストエリアスタイル
--------------------------------------------------------- */
#contact-form textarea {
	border: 1px solid #ffc617;
}

#contact-form textarea:hover {
	border: 1px solid #ffc617;
	background-color: #FEF5E0;
}

/* 区切り線スタイル
--------------------------------------------------------- */
#contact-form hr {
	clear:both;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 0;
	border-width: 1px 0px 0px 0px;
	border-color: #ccc;
	color: #ccc;
}

/* 確認ボタンスタイル
--------------------------------------------------------- */
.submit {
	width: 350px;
	margin: 0 auto;
	display:block;
	text-align: center;
}

.submit input {
	width: 161px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: url(images/contact_button.jpg) no-repeat;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}

/* 入力モード自動切り替え
--------------------------------------------------------- */
.form-active {
	ime-mode: active;
}

.form-inactive {
	ime-mode: inactive;
}

#search-form {
	border: 1px solid #cccccc !important;
}

#search-button {
	width: 58px !important;
	height: 26px !important;
	background: url(images/searchbutton.jpg) no-repeat !important;
	display: block !important;
	border: none !important;
}


/* Sitemap */
#sitemap_block a {
	text-decoration: none;
}