/* CSS Document */



/*base.css */
/* 全体*/
* {
margin: 0;
padding: 0;
}

body {
color: #333333;
font-family: Arial , Helvetica , sans-serif , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka, "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック";
font-style: normal;
font-size: 14px;
line-height: 1.5;
background: #ffffff;
text-align: center;
margin-top: 0px;
word-spacing: 0.2em;
}

h1,h2,h3,h4,h5,h6 {
color: #333333;
font-style: normal;
font-size: 14px;
line-height: 1.6;
}

p {
text-indent: 1em;
}
/* for WinIE6*/
* html body {
  font-size: 70%;
  font-family: Verdana, "MS P ゴシック", sans-serif;
  background: #ffffff;
  margin: 0px;
  text-align: center;
}
/* for WinIE7*/
*:first-child+html body {
  font-size: 80%;
  font-family: 'メイリオ', Meiryo, sans-serif;
}

/*------------komidasi textsize------------*/
/* for WinIE6*/
* html .komidasi {
	font-size: 100%;
}
/* for WinIE7*/
*:first-child+html .komidasi {
	font-size: 100%;
}
/*------------------------*/

#wrapper {
	width:900px;
	margin: 0px auto;
	background: url(../img/url.gif) repeat-y;
}

#outlinebg {
	text-align: left;
	margin: 0px auto;
}

#outline {
	width: 810px;
	text-align: left;
	margin-left: 53px;
	font-size: 86%;
	line-height: 1.6em;
	word-spacing: 0.5em;
}

img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-size: 0%;
line-height: 0%;
}

ul li {list-style-type: none;}
ul,ol,dl,img {margin: 0px; padding: 0px;}
ul,ol {list-style-type: none;}
ul.disc {list-style-type: disc;}

a:link {color: #0032ef;text-decoration: none;}
a:visited {color: #0077ef;text-decoration: none;}
a:hover {color: #ff9933;text-decoration: none;position: relative;top: 1pt;left: 1pt;}
a:active {color: #ff9933;text-decoration: none;}

a:hover.stop {text-decoration: none;position: relative;top: 0;left: 0;}

.c-both {
	clear: both;
}

.red {color:#cc0000;}
.orange {color:#ff9933;}
.blue {color:#003399}
.green {color:#0b8d35;font-weight: bold;}

.bold {font-weight: bold;}

.font16 {font-size: 16px;}
.font14 {font-size: 14px;}
.font12 {font-size: 12px;}
.font11 {font-size: 11px;}
.font9 {font-size: 9px;}
.underdott {border-bottom: dotted 1px #333333;}
.underline {text-decoration: underline;}
.blue_b {background-color: #66ccff;font-weight: bold;}
.red_b {background-color: #ffcab3;font-size: 12px;}
.gray_b {background-color: #e2e2e2;font-size: 12px;}
.yellow_b {background-color:#ffff23;font-size: 14px;}

.center {margin-left: 120px;}
.right {margin-left: 450px;}
.left {margin-left: 60px;}

hr {
    height: 1px;
    width: 95%;
    text-align: center;
    margin: 0 auto;
}

/* ------------------------------
 header
------------------------------ */

#header {
	width: 900px;
	height: 90px;
	margin: 0px auto;
	text-align: left;
	background: #ffffff url(../img/header_bg.gif);
}

#logo {
	height: 34px;
	width: 135px;
	position: absolute;
	margin-left: 30px;
	top: 40px;
}

#top_deli {
    height: 77px;
	width: 124px;
	position: absolute;
	margin-left: 480px;
	top: 200px;
}

#header h1 a {
	font-size: 13px;
	line-height: 55px;
	color: #666666;
	display: block;
	height: 40px;
	width: 240px;
	text-indent: 60px;
	text-align: left;
}
/* for WinIE*/
* html #header h1 a {
	font-size: 13px;
	line-height: 30px;
	color: #666666;
	display: block;
	height: 20px;
	width: 240px;
	text-indent: 50px;
	margin-top: 10px;
}


/* ------------------------------
 header menu
------------------------------ */

#headermenu{
	height: 60px;
	width: 280px;
	position: absolute;
	margin-left: 475px;
	top: 25px;
}

/* ------------------------------
 main
------------------------------ */

#main {
	width: 610px;
	margin: 0px;
	float: left;
}
#mainspace {
	margin: 15px;
}
.boxl {
  width: 580px;
  margin: 0px auto;
  border-top: none;
  border-left: solid 1px #987868;
  border-bottom: solid 1px #989898;
  border-right: solid 1px #987868;
  background-color: #ffffff;
  }
.box{
  width: 270px;
  margin: 0 auto;
  border-top: solid 1px #989898;
  border-left: solid 1px #987868;
  border-bottom: solid 1px #989898;
  border-right: solid 1px #987868;
  background-color: #ffffff;
  }
.boxthree {
  width: 165px;
  float: left;
  padding: 10px;
  border: none;
  }
.boxleft {
  width: 140px;
  float: left;
  padding: 10px;
  border: none;
  }
.boxright {
  width: 400px;
  float: right;
  padding: 10px;
  border: none;
  }
#box {
  width: 578px;
  background: #00a239;
  color: #ffffff;
  }
#daytona {
  width: 578px;
  border: none;
  background-color: #ffffff;
  }
#box li#box1 {
  width: 280px;
  float: left;
  background: #00a239 url(../img/top/teinenpi_01.gif) no-repeat left top;
  padding-top: 110px;
  }
#box li#box2 {
  width: 280px;
  float: right;
  border-left: dotted 1px #8cc763;
  }
#box li#box2 #ue {
  background: #00a239 url(../img/top/teinenpi_03.gif) no-repeat right top;
  }
#box li#box2 #sita {
  background: #00a239 url(../img/top/teinenpi_06.gif) no-repeat right top;
  }

/* -- boxcss -- */
html .tlc, html .trc {height: 1%;}
.boxcss	{position: relative; margin-left: 10px; margin-right: auto; margin-top: auto; padding: 0; text-align: left; width:auto; background-color: #efefef;}
.content {padding:3em;}
.content h3 {color:#0354c2; font-weight: bold;font-size: 14px; line-height:16px;}
.content h4 {color:#0354c2; font-weight: bold;font-size: 14px; line-height:16px;}
.content h5 {color:#0354c2; font-weight: bold;font-size: 14px; line-height:16px;}
.content h6 {color:#0354c2; font-weight: bold;font-size: 14px; line-height:16px;}
.content p {color:#3b3b3b; font-size: 12px; line-height:14px;}
.tlc, .trc, .blc, .brc {background-color: transparent; background-repeat: no-repeat;}
.tlc {background-image:url(../img/boxcss/tlc.gif); background-position: 0% 0%;}
.trc {background-image:url(../img/boxcss/trc.gif); background-position: 100% 0%;}
.blc {background-image:url(../img/boxcss/blc.gif); background-position: 0% 100%;}
.brc {background-image:url(../img/boxcss/brc.gif); background-position: 100% 100%;}
.tb, .bb {background-color: transparent; background-repeat: repeat-x;}
.tb {background-image:url(../img/boxcss/tb.gif); background-position: 0% 0%;}
.bb {background-image:url(../img/boxcss/bb.gif); background-position: 50% 100%;}
.rb {background-image:url(../img/boxcss/r.gif); background-position: 100% 0%; background-repeat: repeat-y;}
.lb {background-image:url(../img/boxcss/l.gif); background-position: 0% 100%; background-repeat: repeat-y;}

/* ------------------------------
 custominfo
------------------------------ */
#custominfo {
    width: 300px;
    background-color: #efefef;
    border: none;
    float: left;
    margin: 0px auto;
	padding: 7px 3px;
}
#welcome p {
   color: #000000;
}
#custominfo_right {
    width: 270px;
    float: right;   
    margin: 0px auto;
}

/* ------------------------------
 side
------------------------------ */

#side {
	width: 200px;
	margin: 0px;
	float: right;
}
#sidespace {
	margin: 10px;
}
#info{
    border: solid 1px #989898;
    color: #333333;
    font-size: 12px;
    line-height:14px;
    padding: 5px 10px;
}
#info li {

	padding-right: 5px;
	padding-left: 5px;
}
#info a {
	text-decoration: none;
}

#facebook {
	height: 28px;
	width: 130px;
	position: absolute;
	margin-left: 50px;
	top: 295px;
}
/* ------------------------------
 main + side
------------------------------ */

#msbox {
	width: 810px;
	margin: 0px;
}
#msspace {
	margin: 15px;
}

/* ------------------------------
 What's new
------------------------------ */
#whatsnew {
	overflow : auto;
	height : 400px;
	width : 180px;
	font-size: 11px;
    background: #ffffe0;
	border-left: 1px solid #0065ce;
    border-bottom: 1px solid #99ccff;
}

#whatsnew dt {
        padding-left: 3px;
        font-weight: bold;
        color: #007DC9;
        margin-top: 1em;
        background: url(../img/top/line.gif) repeat-x left bottom;
}
      
#whatsnew dd {
        font-size: 12px;
        padding: 1em;
        margin-left: 0em;
        background: #ffffe0;
        border-bottom: solid 1px #0065ce;
}

/* ------------------------------
 footer
------------------------------ */

#footer {
	width: 900px;
	height: 75px;
	margin: 0 auto;
	text-align: center;
	clear: both;
	background: #ffffff url(../img/footer_bg.gif);
}


#footerspace {
	margin-left: 80px;
	padding: 20px 50px 0px;
	text-align: left;
}

#footerspace li {
	display: inline;
	margin: 0px;
	font-size: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 5px;
	padding-left: 5px;
}

#footerspace a:hover {
	color: #ff9933;
	text-decoration: underline;
}

#footerspace .noline {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#copy {
font-size:11px;
background: #ffffff;
color: #666666;
text-align: right;
}

#copy a {
	color: #666666;
}

#copy a:hover {
	color: #ff9933;
	text-decoration: underline;
}

/* ------------------------------
 パンくずリスト
------------------------------ */

#main #pankuzu {
	height: 17px;
}
#main #pankuzu h2 {
	font-size: 85%;
	text-align: left;
	font-weight: normal;
	margin-left: 15px;
	line-height: 17px;
	height: 17px
}
#main #pankuzu h2 a {
	color: #666666;
}

#main #pankuzu h2 a:hover {
	text-decoration: underline;
	color: #ff9933;
}


/* ------------------------------
 carinfo
------------------------------ */
table {
    margin: 0 auto;
    text-align: center;
}
table.normal td {
    text-align: left;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: top;
}
table.line td {
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #003399;
    padding: 10px 3px;
}

/* ------------------------------
 oil+service+tyre
------------------------------ */
.leftimg{
  width: 180px;
  padding: 8px 4px 7px 9px;
  margin: 0px 0px 0px 3px;
  float:left;
}

.righttext{
  width: 330px;
  padding: 8px 4px 7px 9px;
  margin: 0px 0px 0px 3px;
  float:left;
}

.oilcheck {
  width: 160px;
  color: #ffffff;
  background-color: #00a239;
  margin: 0 auto;
  padding: 7px 0px 0px 5px;
}

/* ------------------------------
 factory
------------------------------ */

table.color {
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
  background: url(../img/factory/bg_td.jpg) no-repeat bottom;
}

th.color {
  background: url(../img/factory/bg_th.jpg) no-repeat;
  border-bottom: 1px solid #FFF;
}

/* ------------------------------
 link
------------------------------ */

table.link {
  font-size: 14px;
  border-left: solid 1px #999999;
  border-bottom: solid 1px #999999;
  background-color: #fdfaf4;
  text-align: left;
}

table.link td {
  border-top: solid 1px #999999;
  border-right: solid 1px #999999;
  padding: 5px;
}

table tr.linktop {
  background-color: #66ccff;
  font-weight: bold;
  text-align: center;
}

/* ------------------------------
 service_body
------------------------------ */

#service_1 {
  height: 189px;
  line-height: 1.5;
  font-size: 12px;
  text-align: left;
}

#service_2 {
  height: 184px;
  line-height: 1.5;
  font-size: 12px;
  text-align: left;
}
#service_3 {
  height: 185px;
  line-height: 1.5;
  font-size: 12px;
  text-align: left;
}

/* ------------------------------
 sitemap
------------------------------ */
.sitemap-tree {
  margin-top:5px;
  background:url("../img/sitemap/line_sitemap.gif") repeat-y 7px 0px;
}
.sitemap-link {
  margin:0px 0px;
  text-indent:40px;
  list-style-type:none;
  font-size: 14px;
  background:url("../img/sitemap/sitemap_link.gif") no-repeat 8px 7px;
}
.sitemap-link-last {
  margin:0px 0px;
  text-indent:40px;
  list-style-type:none;
  font-size: 14px;
  background:url("../img/sitemap/sitemap_link_l.gif") no-repeat 7px 7px; 
}

/* ------------------------------
 tyre_koutin
------------------------------ */

table.color14 {
  border-collapse: collapse;
  font-size: 14px;
  text-align: left;
  background: url(../img/factory/bg_td.jpg) no-repeat bottom;
}

table.color14 td {
  border-bottom: 1px solid #003399;
  padding: 10px 3px;
}

.logbox {
  border: none;
  width: 810px;
  height: 1300px;
  overflow: auto;
}