@charset "utf-8"; 		/* 文字コードセット */

/* 全体構造
---------------------------------------------------- */
*{margin: 0px;padding: 0px;}


html { overflow-y: scroll; }

a{ outline:none;}

body {
	font-size:75%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	letter-spacing:normal;
}

#wrapper {
	width:900px;
	color: #333; /* 基本文字色 */
	text-align:left;
	margin:0 auto; /* 新しいブラウザ用中央揃え */
	padding:0;
	background-image:url(../images/bg1.jpg);	
}

/* リンク
---------------------------------------------------- */
a:link {color:#C00; text-decoration:underline;} /* リンクの色 */
a:visited {color: #c00; text-decoration:underline;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #c00; text-decoration:none;} /* マウスオーバーの色 */
a:active {color: #c00; text-decoration:none;} /* アクティブリンクの色 */

/* ページ本体
---------------------------------------------------- */
h2{clear:both;}
h3{clear:both;}
h4{clear:both;}

/* フッタ
---------------------------------------------------- */
#footer-link{
	font-size:x-small;
	width:720px;
	text-align:left;
}
#footer-link ul{ line-height:1.7em;}
#footer-link li{
	list-style:none;
	display:inline;
	border-right:#666 1px solid;
	padding:0 3px;
}
#footer-link li.last{border:solid; padding-right:0;}
#footer-link a:link {color: #666; text-decoration:none;}
#footer-link a:visited {color: #666; text-decoration:none;}
#footer-link a:hover, a:active {color: #666; text-decoration:none;} 

address{
	font-style:normal;
	width:700px;
	float:right;
	line-height:1.3em;
	color:#666;
	border-top:#ccc dotted 1px;
	padding:10px 0;
	font-size:80%;
	}

#footer{
	background-image:url(../images/footer_bg.jpg) ;
	height:37px;
	margin:auto 0;
	text-align:center;
	}
/* トップページ
---------------------------------------------------- */
/* ナビ
---------------- */
#headnavi {
float:right;
}

#headnavi li {
float:left;
height:29px;
display:inline;
}

/* ページ全体
---------------- */
#pagebody {
width:900px;
}

/* 左画面全体
---------------- */
#side {
float:left;
width:180px;
margin:0;
padding:0;
}

/* 右画面全体
---------------- */
#content {
float:right;
width:720px;
}
/* 右画面上部（メイン画像）
---------------- */
#upper{
	width:720px;
	float:right;
	}

.hover a:hover {
position: relative;
top: 2px;
left: 2px;
}


/* 右画面下段（内容等）
---------------- */
#lower{
	width:700px;
	float:right;
	padding-top:10px;
}

/* 左メニュー
---------------- */
.navigation {
float:left;
width:180px;
font-size:x-small;
margin:0;
padding:0;
}

.navigation ul{
margin:0;
padding:0;
	}

.navigation li {
margin:0;
padding:0;
float:left;
width:180px;
list-style:none;
height: 28px;
}

.navigation2 {
float:left;
width:180px;
font-size:x-small;
margin:0;
padding:0;
}

.navigation2 ul{
margin:0;
padding:0;
	}

.navigation2 li {
margin:0;
padding:0;
float:left;
width:180px;
list-style:none;
height: 27px;
}

.navigation3 {
float:left;
width:180px;
font-size:x-small;
margin:0;
padding:0;
}

.navigation3 ul{
margin:20px 0 0;
padding:0;
	}

.navigation3 li {
margin:0;
padding:0;
float:left;
width:180px;
list-style:none;
height: 50px;
}

.navigation4 {margin-top:10px;}

	


/* フッター
---------------- */
#footer_link {
width:700px;
float:right;
border-top:1px #ccc solid;
padding:10px 0 10px 0;
}

#footer_link ul {
line-height:1.5em;
font-size:x-small;
margin-bottom:5px;
}

#footer_link li {
list-style:none;
display:inline;
border-right:#666 1px solid;
padding:0 5px;
}

#footer_link li.last {
border:none;
padding-right:0;
}

#footer_link li a:link,#footer_link li a:visited {
color:#666;
text-decoration:none;
}

#footer_link li a:hover,#footer_link li a:active {
color:#333;
text-decoration:underline;
}

#map{
	width:260px;
	float:right;
	}

#news{
	width:420px;
	float:right;
	margin-left:20px;
	}

.box{
	float:left;
	width:340px;
	height:150px;
	background-image:url(../images/bg2.jpg);
	margin-bottom:15px;
	margin-top:20px;
	font-size:80%;
	}

.box img{
	float:left;
	}

.box a{
	color:#C00;
	text-decoration:underline;
	}

.box2{
	float:left;
	width:340px;
	margin-bottom:15px;
	margin-top:20px;
	font-size:80%;
	}
 

/* 新着情報
---------------- */
.top_info {
width:420px;
border-collapse:collapse;
margin-top:10px;
font-size:1.0em;
}

.top_info th {
width:20%;
text-align:left;
vertical-align:top;
border-bottom:1px dotted #ccc;
padding:5px 10px 3px 10px;
}

.top_info td {
border-bottom:1px dotted #ccc;
padding:5px 10px 3px 10px;
}

/* 会社情報
---------------- */
.about_table{
	letter-spacing:-0.1em;
	width:260px;
	font-size:80%;}

.about_table th {
width:35%;
text-align:left;
vertical-align:top;
border-bottom:1px dotted #ccc;
padding:2px 0;
}

.about_table td {
border-bottom:1px dotted #ccc;
padding:2px 0;
}

.about_table a{
	color:	#C00;
	text-decoration:underline;
}

/* 問い合わせ　 contact
---------------------------------------------------- */
#kojin{
	border:1px #ccc solid;
	height:200px;
	overflow:auto;
	margin-top:20px;
	background-image:url(../images/bg3.jpg);
	background-repeat: repeat-x;}

.contact-table{
	width:700px;
	margin-top:20px;
	margin-bottom:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
.contact-table-th1{border-left:4px solid #C00;}
.contact-table-th2{border-left:4px solid #999;}
.contact-table-th1,
.contact-table-th2{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 10px;
	background-color:#f1f1f1;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	width:130px;
}
.contact-table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:4px 10px;
	vertical-align:top;
}

.contact-table span{font-size:x-small;color:#666;}
.contact-table span.aka{color:#ff0000;}
form p{text-align:center; margin-top:5px; margin-bottom:20px;}

input, textarea {   
line-height:1.4;   
padding:0;   
vertical-align:middle;  
}
textarea{font-size:120%;}
textarea{/font-size:100%;}
textarea,x:-moz-broken {font-size:100%;}



.form01{width:100px;}
.form02{width:150px;}
.form03{width:250px;}
.form04{width:350px;}

/* 会社概要　company
---------------------------------------------------- */
.gaiyo{
	float:left;
	}

.company_table {
border-collapse:collapse;
margin-top:1px;
margin-bottom:10px;
width:680px;
}

.company_table a{
	color:#C00;
	text-decoration:underline;
}

.company_table th,.company_table td {
text-align:left;
font-weight:400;
border:1px solid #C9C9C9;
padding:5px 10px;
}

.company_table th {
width:20%;
background-image:url(../images/bg1.jpg);
vertical-align:top;
}

/* faq
---------------------------------------------------- */
.question{
	border-top:5px #000 solid;
	border-bottom:1px #000 solid;
	border-right:1px #000 solid;
	border-left:1px #000 solid;
	background-color:#E1E1E1;
	padding:10px;
	float:left;
	margin-bottom:20px;
	font-size:1.0em;
	}
.question ul{
width:330px;
margin: 0;
}
.question li {
margin: 0 0 0 2em;
}

.question li a{
text-decoration:underline;
}

.link_contact{
	border-top:1px #ccc solid;
	float:left;
	width:698px;
	padding-top:10px;
	padding-bottom:10px;}

.link_contact p{
	width:460px;
	}

/* ロードサービス
---------------------------------------------------- */
.road{
	float:left;
	width:700px;
	padding-top:10px;
	padding-bottom:10px;
	}

.road p{
	width:490px;
	}


/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px;}

.clear {clear: both;}

.tar{text-align:right}
.tac{text-align:center}
.tal{text-align:left}

.f-left{float:left}
.f-right{float:right;}
.f-right2{float:right;}

.w1{width:330px;}
.w2{width:300px;}

.jumper{
	padding:10px;
	background-image:url(../images/background2.jpg);	
	border:1px #CCC solid;
	margin:10px 0 0 0;
}

.jumper img{
	vertical-align:middle;}

.aka {color:#C00;}
.gray {color:#333; font-weight:bold;}
.green{ color:#c00; font-weight:bold; }
.gray-bar{
	background: url(../images/bg5.jpg) left top repeat-x;
	padding:0 0 0 12px;
	font-weight:bold;
	margin-bottom:5px;
	line-height: 28px;
}
.gray_bold{
	color:#666;
	font-weight:bold;
	font-size:1.0em;

	}
.bold{
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;}

.gray2{
	text-align:left;
	pdding-left:10px;
	margin-bottom:10px;
	border-bottom:1px #666 dotted;
}

.bg4{
	background-image:url(../images/bg4.jpg);
	padding:4px 0 2px 10px;
	margin-bottom:5px;
	}
.bg4a{
	background-image:url(../images/bg4.jpg);
	padding:4px 0 2px 10px;
	margin-bottom:5px;
	font-weight:bold;
	}

.blue_bl{
	border-left:5px #19324c solid;
	border-bottom:1px #19324c solid;	
	padding:3px 0 3px 8px;
	font-size:1.0em;
	margin-top:20px;
	margin-bottom:10px;	
	color:#19324c;
	font-weight:bold;
	}

.red_bl{
	border-left:5px #c00 solid;
	border-bottom:1px #c00 solid;
	padding:3px 0 3px 8px;
	font-size:1.0em;
	margin-top:20px;
	margin-bottom:10px;	
	color:#c00;
	font-weight:bold;
	}

.li{ margin-bottom:15px; margin-left:30px;list-style-type:circle;}
.title{
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	padding:10px 0px 5px 10px;}
.title2{
	clear:both;
	font-size:1.2em;
	font-weight:bold;
	/*border-bottom:1px solid #000;*/
	margin-bottom:10px;
	padding:25px 0px 5px 0px;}
.dotted{
	border-bottom:1px #666 dotted;
	font-weight:bold;
	}

.ul { margin:0 0 15px 30px; }
.ul li { border-bottom:1px solid #ccc; list-style-type: disc; list-style-position: inside;}
.ul strong{color:#5ea600;}

.ol{ margin-left:30px; line-height:1.8em; margin-bottom:15px;}
.ol li{border-bottom:1px solid #ccc;}
.ol strong{color:#5ea600;}

.text-s{ font-size:1.0em; line-height:1.5em;}

.white{
	background-color:#fff;}

.paper_back{
	padding:10px;
	background-image:url(../images/background2.jpg);}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}


.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}

.mr5{ margin-right:5px;}
.mr7{ margin-right:7px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr17{ margin-right:17px;}
.mr20{ margin-right:20px;}

li img{ vertical-align:top; }

/* 車検プラン 20100312 - Saito -
---------------------------------------------------- */


.shaken-bg { border: 2px solid #369; background: url(../images/shaken-bg.gif) left top no-repeat; margin: 0 0 15px; position:relative;}
	.shaken-bg .btnReserve {position: absolute;left: 402px;top: 298px;border: 1px solid #FFF;}
.shaken-bg2 { border: 2px solid #693; background: url(../images/shaken-bg2.gif) left top no-repeat; margin: 0 0 15px;position:relative;}
	.shaken-bg2 .btnReserve {
	position: absolute;
	left: 406px;
	top: 299px;
	border: 1px solid #FFF;
}
.shaken-bg3 { border: 2px solid #c60; background: url(../images/shaken-bg3.gif) left top no-repeat; margin: 0 0 15px;position:relative;}
	.shaken-bg3 .btnReserve {position: absolute;left: 379px;top: 298px;border: 1px solid #FFF;}

.shaken-line1 { border-top: 1px solid #369; }
.shaken-line2 { border-top: 1px solid #693; }
.shaken-line3 { border-top: 1px solid #c60; }

.shaken-title { color: #036; font-size: 150%; }
h5 { font-size: 100%; margin: 0 7px 5px; }
.ul-s { margin: 0 7px 10px; }
.li-s { margin: 0 0 0 2em; }
.atte { margin: 0 7px 10px; color: #c03; }
.desc2 { margin: 0 7px 10px; }

.ul-f { margin: 0 7px 10px; }
.li-f { margin: 0 0 0 2em; float: left; width: 200px; }
#clm03 table { width: 676px; } 
#clm03 td { vertical-align: top;}

.whiteClumb{ background:#FFF; margin:0px 10px 20px; padding:5px;}
.priceBox{ background:#FFF; margin:0px 10px 10px;}
.priceBox table{ border-collapse:collapse; }
	.priceBox th{ width:98px;}
	.priceBox th,
	.priceBox td{border: 1px solid #333;text-align:left;}
	.priceBox .line01{ font-weight:bold; color:#F00;}
	.priceBox .line02 th{ padding:6px;}
	.priceBox .line02 td{ padding:6px;text-align:right; font-size:18px;}
	.priceBox .line03 th{ padding:6px; color:#F00;}
	.priceBox .line03 td{ padding:6px; text-align:right;font-weight:bold; color:#F00;font-size:24px;}



.l465 { width: 465px; float: left; display: inline; }
.l230 { width: 230px; float: left; display: inline; }
.r230 { width: 230px; float: right; display: inline; }

.l345 { width: 345px; float: left; display: inline; }
.r345 { width: 345px; float: right; display: inline; }

.l360 { width: 360px; float: left; display: inline; }
.r330 { width: 330px; float: right; display: inline; }

.l160 { width: 160px; float: left; display: inline; }
.r160 { width: 160px; float: right; display: inline; }

.cost_table {border-collapse:collapse;margin-top:1px;margin-bottom:10px;width:345px;}
.cost_table th,.cost_table td {text-align:left;font-weight:400;border:1px solid #C9C9C9;padding:5px 10px;}
.cost_table th {width:9em;background-image:url(../images/bg1.jpg);}
.cost_table td {text-align: right; }


.lh12 { line-height: 150%; }
.pd5-10 { padding: 5px 10px; }
.fxs { font-size: x-small; }
sup { font-size: x-small; }
.mb0 { margin: 0; padding: 0;}


	
	
	


/* blog */

/* コンテンツ幅
---------------------------------------------------- */

#content {/* コンテンツ全体の幅 */
	padding:0 0 20px;
	clear:both;
}

#main {/* 左カラムの幅 */
	width:480px;
	float:left;
}

#block {/* 右カラムの幅 */
	width:200px;
	float:right;
}
.comments{border-bottom:1px dashed #ccc;
padding-bottom:10px;margin-bottom: 20px;
}

/* 汎用スタイルシート
---------------------------------------------------- */

.clear {clear:both;}
.b-ph1{width:150px; border-right:10px solid #fff; float:left;}
.b-ph2{width:150px;float:left;}
.b-ph3{width:150px;float:right;}
#page-top a {
	float:right;
	display:block;
	text-decoration:none;
	width:21px;
	height:19px;
	padding-right:20px;

}

/* サイドバー
---------------------------------------------------- */

#calendar,
#search,
#recent,
#archive,
#category,
#rss,
#qr{
	margin-bottom:20px;
	border-right:1px #dddddd solid;
	border-left:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
}


.block-center { padding:0px 10px 10px;}/* カレンダー・RSS・検索の位置調整*/


.EzCalendar{/* カレンダーのセンター揃え */
	width:178px;
	margin:0px auto;
	text-align:center;
	border-collapse:collapse;
	padding:1px;
}

.EzCalendar th{ font-weight:normal;padding:1px;}

.EzCalendar td{ border:1px solid #ddd;padding:1px;}

#block h2 {
	margin-bottom:10px;
}

#block ul { width:180px; margin:0px auto; padding-bottom:10px;}

#block li {
	list-style:none;
	background: url(../blog_staff/img/plain/list-icon.jpg) no-repeat left center;/* サイドバーリストアイコン */
	padding:5px 0px 5px 12px;
}

.qr_p { background: url(../images/qr_president.jpg) left top no-repeat; padding:6px 75px 12px 12px; _height: 75px; min-height: 75px; }
.qr_s { background: url(../images/qr_staff.jpg) left top no-repeat; padding:6px 75px 12px 12px;_height: 75px; min-height: 75px; }


/* #block li a{color:#fb6a09; text-decoration:underline;}
#block li a:hover{ color:#fb6a09; text-decoration:none;}
 */
/* トップページ
---------------------------------------------------- */

.entry {}

.entry .day {font-size:90%; font-weight: bold; text-align: right; padding: 0 5px; }/* 日付 */

#main h3,.comments-h3,#block h3 {
	line-height:15px;
	font-size:100%;
	padding:7px;
	margin:0 0 10px;
	background-color:#000;
	color:#fff;
}

.entry .message {
	padding:0 5px 10px;
	border-bottom:1px #dcd8d8 solid;
	margin-top:10px;
}
.entry p{ margin-bottom:10px;}
.entry .posted {padding:5px 10px 10px; font-size:85%;}
.entry .message img{margin-bottom:10px;}

div.paging {color:#32257a;margin-bottom: 2em;}

div.paging div.disabled {color: #ddd;display:inline;}
div.paging div.enabled {display:inline;}

div.paging span {}

div.paging span.current {color: #000;}

div.paging span a {}

/* コメント画面
---------------------------------------------------- */

.comments h4{ font-size:100%; font-weight:normal; padding:10px;}/* コメントした人 */

.comments p{ padding:10px;}

.input{padding:15px 0; }

.input label{ display: block; font-weight: bold;}

.input input{display: block; width: 240px; border: 1px solid #dcd8d8;padding: 2px;}

.required{ padding:15px 0; }

.required label{display: block;}

.required textarea{ display: block; width:474px; border: 1px solid #dcd8d8;padding: 2px;}

.submit{ padding:10px 0px 0px 5px;}

.errorDiv{
	background:#f9f9f9;/* エラーコメント */
	color:#ff0000;
	margin-top:15px;
	padding:5px;
}

.massege{background-color:#f6f6f6; padding:8px; border:1px #ddd solid;}

/* ---- */

#tbURL {width:474px;border: 1px solid #dcd8d8;padding: 2px;}
.posted, .ping { margin: 0 0 10px; }

/* 車検
---------------------------------------------------- */
.shakenPlan_Box01{ width:700px; margin-bottom:40px;}
	.shakenPlan_Box01 h4{ margin-bottom:20px;}
	.shakenPlan_Box01 .left{ float:left; width:430px;}
	.shakenPlan_Box01 .right{ float:right; width:240px;}

.shakenPlan_Box02{ width:700px; margin-bottom:40px;}
	.shakenPlan_Box02 .left{ float:left; margin-left:40px;}
	.shakenPlan_Box02 .right{ float:right; margin-right:40px;}

.shakenPlan_Box03{ width:700px; margin-bottom:40px;}
	.shakenPlan_Box03 h4{ margin-bottom:20px;}
	.shakenPlan_Box03 .left{ float:left; width:340px;}
	.shakenPlan_Box03 .right{ float:right; width:340px;}



/* 車検料金簡単見積り
---------------------------------------------------- */
.estimateBox01{ width:700px; margin-bottom:40px;}
	.estimateBox01 h4{ margin-bottom:20px;}
	.estimateBox01 li{ float:left; width:180px; list-style:none;}
	.estimateBox01 li.last{  width:160px;}

.estimateBox02{ width:700px; margin-bottom:40px;}
	.estimateBox02 h4{ margin-bottom:20px;}
	.estimateBox02 dl{ float:left; width:240px; }
	.estimateBox02 dl.last{  width:220px;}
	.estimateBox02 dt{width:220px; margin-bottom:10px;}
	.estimateBox02 dd{width:220px;}
	.estimateBox02 dd li{list-style: square outside;margin:0px 0px 6px 16px; line-height:130%;}
	.estimateBox02 dd p.indent{margin-left: 2em;text-indent: -2em;}
	.estimateBox02 dd .clumb{border: solid 1px #eee; padding:8px;min-height: 450px; height: auto !important;	 height: 450px;}
	
.estimateBox03{ width:700px; margin-bottom:40px;}
	.estimateBox03 h4{ margin-bottom:20px;}
	.estimateBox03 .left{ float:left;}
	.estimateBox03 .right{ float:right;}

.estimateBox04{ width:700px; margin-bottom:40px;}
	.estimateBox04 p{ text-align:center;}



/* 車検料金簡単見積り 結果
---------------------------------------------------- */
#resalt{}
#resalt #wrapper {width:720px;background:none; }
#resalt #pagebody {width:720px; background:#FFF;}

#resalt .resaltBox01 { text-align:center; padding:20px;}
	#resalt .resaltBox01 p{ margin:0px auto;}
	#resalt .resaltBox01 .txt01{ font-size:180%; font-weight:600;}
	#resalt .resaltBox01 .txt02{ font-size:90%; }

#resalt .btnPrint input{ padding:2px 24px;}