@charset "utf-8";

@import url("base.css");

.acidm div.timage {background: url(../service/img/acidm_photo.jpg) left top no-repeat;}
.online div.timage {background: url(../service/img/online_photo.jpg) left top no-repeat;}
.usdata div.timage {background: url(../service/img/usdata_photo.jpg) left top no-repeat;}
.dispatch div.timage {background: url(../service/img/dispatch_photo.jpg) left top no-repeat;}
.tech div.timage {background: url(../service/img/tech_photo.jpg) left top no-repeat;}
.paint div.timage {background: url(../service/img/paint_photo.jpg) left top no-repeat;}
.engine div.timage {background: url(../service/img/engine_photo.jpg) left top no-repeat;}
.school div.timage {background: url(../service/img/school_photo.jpg) left top no-repeat;}
.road div.timage {background: url(../service/img/road_photo.jpg) left top no-repeat;}
.hotel div.timage {background: url(../service/img/hotel_photo.jpg) left top no-repeat;}
.inspection div.timage {background: url(../service/img/inspection_photo.jpg) left top no-repeat;}
.oil div.timage {background: url(../service/img/oil_photo.jpg) left top no-repeat;}
.insurance div.timage {background: url(../service/img/insurance_photo.jpg) left top no-repeat;}
.bl10 div.timage {background: url(../service/img/bl10_photo.jpg) left top no-repeat;}
.factory div.timage {background: url(../service/img/factory_photo.jpg) left top no-repeat;}
.royal div.timage {background: url(../service/img/royalclub_photo.jpg) left top no-repeat;}


p { margin: 20px 0;}
.service p { margin: 3px 0;}
.inspection p { margin: 3px 0;}
.service p.mtop {
margin: 0;
padding: 15px;
background: #FFF;
}
.t-center { text-align: center;}

.service_img img {
float: left;
padding-right: 7px;
}
.service_img2 img {
float: left;
padding-right: 20px;
padding-bottom: 25px;
}
.service_img3 img {
float: right;
padding-left: 20px;
padding-bottom: 20px;
}
p.wid2 img {
padding-right: 15px;
}

h3{
padding: 5px 0;
background: none;
color: #CC4C4C;
font-size:1.3em;
line-height:100%;
font-weight:bold;
letter-spacing:1px;
clear: both;
}

/* service */

.service .wrap { border-top: none;}

.service .contents h2{ margin: 20px 0 10px 0;}

.vslink { float: right;}
.vslink img { margin: 0 0 15px 15px;}

.service h3{
padding: 5px 20px 5px 10px;
background: #F3ECEC url(../img/h3_right.jpg) right top no-repeat;
color: #555555;
font-size:1em;
line-height:100%;
font-weight:bold;
letter-spacing:1px;
clear: both;
}

.padt {
line-height: 200%;
}

.blockl {
width: 310px;
margin: 10px 0;
float:left;
}
.blockr {
width: 310px;
margin: 10px 0;
float: right;
}

/* inspection */

.inspection h3 {
padding: 2px 0;
background: none;
color: #555555;	
font-size: 1.0em;
line-height: 100%;
font-weight: bolder;
letter-spacing:1px;
clear: both;
}

.inspection h4 {
font-weight: normal;
}

div.ins01,
div.ins06,
div.ins12,
div.ins24,
div.ins36 {
width: 570px;
margin: 18px 0;
padding: 0 0 15px 65px;
border-top: 1px solid #FBFBFB;
border-bottom: 1px solid #999999;
}
div.ins01 {background: url(../service/img/inspection_01.gif) left top no-repeat;}
div.ins06 {background: url(../service/img/inspection_06.gif) left top no-repeat;}
div.ins12 {background: url(../service/img/inspection_12.gif) left top no-repeat;}
div.ins24 {background: url(../service/img/inspection_24.gif) left top no-repeat;}
div.ins36 {background: url(../service/img/inspection_36.gif) left top no-repeat;}

div.ins36 li {
display: inline;
padding-right: 10px;
}
div.ins36 ul.annotation li { display: block;}

.contents .mtop { margin: 15px 0 10px;}

.inspection table {
margin: 10px 0;
width: 99%;
background: #BBBBBB;
font-size: 0.9em;
font-family: "ＭＳ ゴシック", "Osaka竏駐剳鴀";
}
.inspection td {
padding: 2px 3px;
background: #FFF;
text-align: center;
}
.inspection th {
padding: 2px 3px;
background: #EEECE9;
font-weight: normal;
}
.inspection td.bgglay {background: #E5E3E1;}
.inspection td.bggreen {background: #EBE1D2; color: #555555;}
.inspection td.bgblue {background: #DBD3CC; color: #555555;}

/* acidm */

ul.englist {
text-transform: uppercase;
}
ul.englist li:first-letter {
color: #CC3333;
}

table.acidmprice {
width: 75%;
margin: 5px 0;
background: #CCCCCC;
}
table.acidmprice caption {
text-align: left;
}
table.acidmprice th {
padding: 2px 5px;
background: #E3E3E3;
text-align: center;
font-weight: normal;
}
table.acidmprice td {
padding: 2px 5px;
background: #FFFFFF;
color: #777777;
text-align: center;
}

.acidm h3 {
margin: 30px 0 10px;
padding: 0 0 0 5px;
border-left: 0.6em solid #CC3333;
}

.acidm h4 {
clear: both;
margin: 20px 0 15px;
border-bottom: 1px solid #CCCCCC;
letter-spacing: 1px;
}
.acidm h4:first-letter {
color: #CC3333;
}

.acidm .service_img3 {
margin: 10px 0;
}

/* road */

.roadtop div.wid { background: #FFF url(../service/img/road_bg.jpg) right top no-repeat;}
.road div.rwid { padding: 10px 19px 0; border-bottom: 1px solid #FFF;}
.road-f1 div.rwid { background: #FFF url(../service/img/road_f1_bg.jpg) right top no-repeat;}
.road-f2 div.rwid { background: #FFF url(../service/img/road_f2_bg.gif) right top no-repeat;}
.road-f3 div.rwid { background: #FFF url(../service/img/road_f3_bg.jpg) right top no-repeat;}

.road h3 { margin: 0 0 15px;}
.roadtop .contents p { margin: 22px 0;}

.roadtop table, .roadtop .flash {
width: 653px;
margin: auto;
}
.roadtop th, .roadtop td {
width: 218px;
text-align: center;
vertical-align: top;
}
.roadtop th { width: 217px;}

.road h4 {
height: 26px;
margin: 20px 0 12px;
padding: 4px 0 0 22px;
border-right: 1px solid #A61D1E;
border-left: 1px solid #A61D1E;
background: url(../service/img/ttl_bg.gif) left center no-repeat;
color: #FFF;
font-size: 14px;
letter-spacing: 1px;
}

/* road bn */

ul.bn { height: 90px; margin: 40px 0 0;}
ul.bn li {
float: left;
}
ul.bn a {
display: block;
width: 162px;
height: 69px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -9999px;
font-size: 1px;
}
li.bnroad a { background-image: url(../service/img/road_bn_top.gif);}
li.bnf1 a { background-image: url(../service/img/road_bn_f1.gif);}
li.bnf2 a { background-image: url(../service/img/road_bn_f2.gif);}
li.bnf3 a { background-image: url(../service/img/road_bn_f3.gif);}

.road-f1 li.bnf1 a,
.road-f2 li.bnf2 a,
.road-f3 li.bnf3 a { background-position: 0 -69px;}

li.bnroad a:hover,
li.bnf1 a:hover,
li.bnf2 a:hover,
li.bnf3 a:hover { background-position: 0 -69px;}


/* road f */

div.other,
div.red {
width: 638px;
margin: 25px auto 15px;
padding: 0 0 14px;
background: url(../service/img/road_f1_other_bg.gif) top;
}
div.red { background: url(../service/img/road_f1_red_bg.gif) top;}

div.other h4,
div.red h4 {
margin: 0;
border: none;
background: #505052 url(../service/img/road_f1_ttl_bg1.gif) top no-repeat;
text-align: center;
}
div.red h4 { background: #9B0009 url(../service/img/road_f1_ttl_bg2.gif) top no-repeat;}

div.other div,
div.red div {
margin: 14px 10px 0;
padding: 14px 10px;
background: #FFF;
}
div.other li {
margin: 2px 0 2px 25px;
list-style-type: disc;
}
div.red li {
margin: 3px 0 3px 25px;
list-style-type: square;
color: #B3000B;
font-size: 1.1em;
font-weight: bolder;
}
div.other img,
div.red img { margin: 5px 0 10px 5px;}
.road-f1 div.red img { margin: 5px 0 10px 10px;}

.road-f1 td,
.road-f2 td,
.road-f3 td { padding: 5px 3px;}

div.other td { width: 290px; vertical-align: top;}

.road-f2 dd { margin: 0 0 0 18px;}

.road-f3 td { vertical-align: top;}
.road-f3 h5 { padding: 2px 7px; border: 1px solid #E6E6E6; background: #F6F6F6; font-size: 1.1em; letter-spacing: 1px; color: #666;}
.road-f3 h6 { margin: 10px 10px 5px 5px; padding: 0 0 3px; border-bottom: 1px solid #CCCCCC; font-size: 1em; letter-spacing: 1px; color: #666;}
.road-f3 td p { margin: 5px 10px 18px 5px;}

table.rstable { margin: 22px 0 15px 10px;; border-collapse: collapse;}
table.rstable td,
table.rstable th { padding: 5px 2px; border: 1px solid #D1D1D1; text-align: center; vertical-align: middle;}
table.rstable tbody td { width: 117px;}
table.rstable th { width: 146px; background: #F7F5F0; font-weight: normal; font-size: 0.9em;}
table.rstable thead td.hbg { background: #ECE8DB;}
table.rstable tr:hover { background: #FFEEEE;}
table.rstable tr:hover th { background: #FFF5F0;}
table.rstable .borderdd { border-top: 3px double #D1D1D1;}

.road-f3 ol { margin: 10px 22px; list-style-type: none; font-family: "ＭＳ ゴシック", "Osaka竏駐剳鴀";}
.road-f3 ol li { padding-left: 2em; text-indent: -2em;}

.road-f3 .fonts { font-size: 11px; }
.road-f3 .fontss { font-size: 11px; margin: 30px;}

/* hotel */

.hotel table { margin: 25px 0;}
.hotel th { width: 210px; padding: 0 0 10px; vertical-align: top; text-align: left; font-weight: normal;}
.hotel td { width: 210px; padding: 0 0 10px 15px; vertical-align: top;}

.hotel h3 {
height: 22px;
margin: 20px 0 12px;
padding: 8px 0 0 22px;
border-right: 1px solid #A61D1E;
border-left: 1px solid #A61D1E;
background: url(../service/img/ttl_bg.gif) left center no-repeat;
color: #FFF;
font-size: 14px;
}

.hotel strong { color: #CC0000; font-size: 1.1em;}
.hotel p { margin: 15px 10px 20px;}

/* oil */

.oil h3 {
margin: 20px 0 0 0;
padding: 3px 5px;
background: url(../service/img/oil_bg.jpg) right bottom no-repeat;
color: #6E5F4A;
font-size:1em;
line-height:105%;
font-weight:bold;
letter-spacing:1px;
}
.oil div.block {
float: left;
width: 320px;
margin: 10px 0 0 0;
padding: 0;
}
.oil div.blockr {
float: right;
width: 320px;
margin: 10px 0 0 0;
padding: 0;
}
.oil p {
margin: 2px 15px 0 5px;
}
.oil .layout {
margin: 10px 0 20px;
}

div.useoil {
clear: both;
margin: 20px 0 20px;
}
.oil .useoil h2 {
margin: 30px 0 5px;
padding: 3px 15px;
font-size: 1.3em;
font-weight: bold;
}

.useoil h3 {
margin: 0;
padding: 5px 0 2px 5px;
border-bottom: 1px solid #DDDDDD;
background: none;
color: #CC3333;
}

.oil .useoil  p {
margin: 5px 15px 0 5px;
}

caption {
margin: 10px;
padding: 20px 0 2px 0;
background: none;
color: #CC3333;
font-weight: bold;
letter-spacing: 2px;
text-align: left;
}
.useoil table {
width: 80%;
margin: 7px 0 20px;
background: #AAAAAA;
line-height: 1.3em;
}
.useoil th {
padding: 2px 8px;
background: #F3F3F3;
font-weight: normal;
text-align: left;
}
.useoil td {
padding: 2px 8px;
background: #FFF;
}
.useoil thead td {
background: #EEEEFF;
color: #6666CC;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}

/* insurance */

.insurance p { margin: 10px 0;}
.insurance .att { font-size: 90%; color: #666;}
.insurance h3.copy { color: #A59358; font-size: 140%;}
.insurance h3.copy2 { margin: 30px 0 15px; padding: 5px 10px; border-left: 10px solid #223F99; background: #4395D1; color: #FFF;}
.insurance h3.copy3 { margin: 40px 0 10px; padding: 3px 10px; border-left: 10px solid #4395D1; background: #223F99; color: #FFF;}
div.insurance-bg { padding: 0 307px 0 0; background: url(../service/img/insurance_img2.jpg) right top no-repeat;}

.insurance div.box { width: 312px; margin: 5px 10px; background: url(../service/img/insurance_box_bg.jpg) repeat-y;}
*html .insurance div.box { margin: 5px 5px;}
.insurance div.box h4 { padding: 12px 0 12px 50px; color: #FFF;}
.insurance div.box1 h4 { background: url(../service/img/insurance_box1.jpg) center top no-repeat;}
.insurance div.box2 h4 { background: url(../service/img/insurance_box2.jpg) center top no-repeat;}
.insurance div.box3 h4 { background: url(../service/img/insurance_box3.jpg) center top no-repeat;}
.insurance div.box4 h4 { background: url(../service/img/insurance_box4.jpg) center top no-repeat;}
.insurance div.box5 { width: 645px; background: url(../service/img/insurance_box5_bg.jpg) repeat-y;}
.insurance div.box5 h4 { background: url(../service/img/insurance_box5.jpg) center top no-repeat;}
.insurance div.box p { min-height: 40px; margin: 0; padding: 8px 15px 15px; background: url(../service/img/insurance_box_bg_foot.jpg) center bottom no-repeat;}
.insurance div.box5 p { background: url(../service/img/insurance_box5_bg_foot.jpg) center bottom no-repeat;}

table.insur-outline { margin: 10px; border-bottom: 4px solid #D4EFFC; border-left: 4px solid #D4EFFC;}
table.insur-outline th { padding: 6px 5px 6px 10px; border-top: 4px solid #D4EFFC; background: #4395D1; vertical-align: top; color: #FFF; text-align: left; white-space: nowrap;}
table.insur-outline td { padding: 6px 10px 6px 8px; border: 3px solid #D4EFFC; border-width: 4px 4px 0 0; vertical-align: top;}
ul.attention { margin: 0 20px 10px; font-size: 90%;}
ul.attention li { margin: 0 0 0 2em; text-indent: -2em;}
table.insu-waku { margin: 10px 0 10px 25px;}
table.insu-waku td { width: 20px;}
table.insu-waku td.cel1 { width: 280px; padding: 3px 8px; border: 1px solid #4395D1; vertical-align: top;}
td.cel1 div { padding: 30px 0 40px; text-align: center;}
td.aioi div { padding: 35px 0 40px; font-size: 140%;}

/* bl10 */

.bl10 p { margin: 10px 0;}

div.bl10-bg {
padding: 0 250px 5px 0;
background: url(../service/img/bl10_image.jpg) bottom right no-repeat;
}

.bl10-point h3, div.bl10-price h3 { margin: 40px 0 10px; padding: 3px 10px; border-left: 10px solid #4395D1; background: #223F99; color: #FFF;}

div.bl10-price p { margin: 30px 0 10px; text-align: center;}
div.bl10-price ul { margin: 10px 0 10px 50px;}

/* movie */

.acidm h3.movie_t,
.dispatch h3.movie_t,
.online h3.movie_t,
.usdata h3.movie_t {
margin: 10px 0 10px;
padding: 2px 0 0 8px;
border-left: 0.6em solid #CC3333;
font-size: 1.1em;
}

div.movie_block {
float: right;
width: 320px;
}
h3.movie_title {
margin: 0;
padding: 0 0 0 8px;
border-left: 0.6em solid #CC3333;
font-size: 1.1em;
}


/* royal */

.royal div.timage { height: 230px;}
.royal h3 {
margin: 30px 0 15px;
padding: 0 0 10px;
background: url(../about/img/line_bg.gif) bottom repeat-x;
color: #333;
font-size: 1.1em;
}
.royal h3:first-letter {
padding-right: 2px;
color: #BBB;
font-size: 0.8em;
vertical-align: bottom;
}
.royal h3.pst1 { margin: 5px 0 15px;}
.royal h4 { clear: both;
margin: 20px 0 12px;
background: url(../service/img/royal_ttl_bg3.gif) center repeat-x;
font-size: 110%;
color: #333;
letter-spacing: 2px;
}
.royal h4 span { padding-right: 5px; background: #FFF;}
.royal h5 { clear: both;
margin: 14px 0 8px 8px;
padding: 2px 10px;
color: #FFF;
letter-spacing: 1px;
font-size: 1em;
}
.royal div.main h5 { background: #221084 url(../service/img/royal_ttl_bg4.jpg) bottom repeat-x;}
.royal div.sub h5 { background: #8F7C54 url(../service/img/royal_ttl_bg5.jpg) bottom repeat-x;}

.royal strong { color: #003399;}
.royal .contents p { margin: 12px 0 12px 15px;}
.royal ol { margin: 12px 0 12px 30px;}
.royal th, .royal td { background: #F9F9FC; padding: 10px 10px 10px 10px; border-top: 10px solid #FFF; vertical-align: top;}
.royal th { border-right: 1px solid #FFF; text-align: left; white-space: nowrap; color: #003366;}
.royal .contents td p { margin: 0 0 5px;}
.royal td ol { margin: 0 0 0 22px}
.royal ul.annotation { margin: 0 0 0 10px}
.royal tr.att th, .royal tr.att td { background: #EEEEFF;}
.royal div.repairbox { clear: both; margin: 15px 20px; padding: 10px 20px; background: #DDFFDD;}
.royal div.repairbox h6 { font-size: 100%; color: #006600;}
.royal div.repairbox p { margin: 5px 3px 0;}
.royal img.floatr { padding-bottom: 20px;}