@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;}

.schools 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;}

.recall div.timage {background: url(../service/img/recall_photo.jpg) left top no-repeat;}

.netservice div.timage {background: url(../service/img/netservice_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;

}

.service_img4 img {

float: left;

padding-right: 20px;

padding-left: 10px;

padding-bottom: 25px;

}

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; font-size: 0.7em; list-style-type: none;}

.road-f3 ol li { padding-left: 2em; text-indent: -2em;}


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

.road-f3 .fontss { font-size: 9px; }

/* 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 {

margin: 10px 10px 10px 10px;

background: #AAAAAA;

line-height: 1.3em;

text-align:center;

}

.useoil th {

padding: 2px 8px;

background: #F3F3F3;

font-weight: normal;

text-align: left;

width: 65px;

}

.useoil td {

padding: 2px 8px;

text-align: left;

background: #FFF;

width: 140px;

}

.useoil thead td {

background: #EEEEFF;

color: #6666CC;

text-align: center;

font-weight: bold;

letter-spacing: 1.5px;

}

/* 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;}


/* netservice */

.netservice p { margin: 10px 0;}

div.netservice-bg {

padding: 0 250px 5px 0;

background: url(../service/img/netservice_image.jpg) bottom right no-repeat;

}

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


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

div.netservice-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 */

table.royal-oil {  margin: 2px 18px; border-collapse: collapse; }

table.royal-oil td {padding: 3px 8px; border: 1px solid #333333; text-align: center; vertical-align: middle;}

table.royal-oil2 {  margin: 2px 18px; border-collapse: collapse; }

table.royal-oil2 td {background-color: #FFF7F4; padding: 8px 20px; border: 1px solid #CCCCCC; text-align: left; vertical-align: middle;}

/*royal oilテーブル用の色変更クラス*/

table.royal-oil td.color1{background-color:#F6F6F6;}

table.royal-oil td.color2{background-color:#EEEEFF;}

table.royal-oil td.color3{background-color:#FFFFFF;}

/*---------------------------------*/

.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;}

/*royal oil追加分*/

.style2ro {color: #555555}

.style3ro {font-size: 80%}

.style4ro {color: #990000}

.style5ro {

	color: #000099;
	font-weight: bold;

}


/* qa */

.recall dl {

margin: 10px 40px 10px 10px;

}

.recall dt {

margin: 10px 0 0;

padding: 2px 0 5px 30px;

background: url(../sell/img/qa_q.gif) left top no-repeat;

color: #CC3333;

font-size: 120%;

}

.recall dd {

margin: 10px 0 0;

padding: 2px 0 15px 30px;

background: url(../sell/img/qa_a.gif) left top no-repeat;

color: #000099;

font-size: 120%;

}

.recall h4 {

clear: both;

margin: 20px 0 15px 20px;

border-bottom: 1px solid #CCCCCC;

letter-spacing: 1px;

color: #003366;

}

.recall h4:first-letter {

color: #CC3333;

}

.recall .ano {

margin: 10px 20px 10px 25px;

}

/* school */

.school div.mainimage { text-align: center;}
.school div.plaintext { text-align: left; margin: 20px 0px 30px 60px; color: #003366;}
.school div.maintext{ text-align: center; margin: 0px 0px 10px 0px; line-height:120%; font-size:1.3em; color: #000000 }