@charset "utf-8";
@import url("../packages/myroad/css/import.css");
/*@import url("../packages/default/css/import.css");*/

body {
   background-image: url(../packages/myroad/img/bg.jpg);
   background-position:center;
   background-repeat:repeat-y;
   background-color:#F5F5F5;
}

a:link {  color:#333333;}
a:visited {  color:#333333;}
a:hover { color:#CC3300; }

img { border:none; }

div#header a.logo {
   width:221px;
   height:100px;
   margin:0px;
   background-image: url(../packages/myroad/img/h1.jpg); 
}

div#header {
   width:778px;
   height:137px;
   border-left:solid 1px #CCCCCC;
   border-right:solid 1px #CCCCCC;
   padding:0;
   background-image: url(../packages/myroad/img/header_bg.jpg); 
}

h1 {
   padding-right:3px;
   padding-top:2px;
   color:#FFFFFF;
   font-size:10px;
   width:auto;
}

.bd { font-weight:bold; }

div#topmenu ul {
   padding:0px;
}

div#topmenu ul li a{
   height:0px;
   padding:37px 0px 0px 0px;
   line-height:37px;
   background-color:#222222; 
   overflow:hidden;
}

div#topmenu ul li a:hover {
   background-position:0 37px;
}

div#topmenu ul li a.navi1 { width:82px; background-image: url(../packages/myroad/img/navi01.jpg); }
div#topmenu ul li a.navi2 { width:179px; background-image: url(../packages/myroad/img/navi02.jpg); }
div#topmenu ul li a.navi3 { width:179px; background-image: url(../packages/myroad/img/navi03.jpg); }
div#topmenu ul li a.navi4 { width:100px; background-image: url(../packages/myroad/img/navi04.jpg); }
div#topmenu ul li a.navi5 { width:138px; background-image: url(../packages/myroad/img/navi05.jpg); }
div#topmenu ul li a.navi6 { width:100px; background-image: url(../packages/myroad/img/navi06.jpg); }

div#fotter {
   width:778px;
   height:30px;
   border-left:solid 1px #CCCCCC;
   border-right:solid 1px #CCCCCC;
   border-top:none;
   line-height:30px;
   text-align:center;
   padding:0;
   background-image: url(../packages/myroad/img/foot.jpg); 
}

div#container{
  padding:0px 9px;
  width:760px;
}

*+html div#container {
  border-left:solid 1px #CCCCCC;
}

div#leftcolumn {
   width:170px;
}

div#rightcolumn{
   width:170px;
}

div#centercolumn {
   width:400px;
   margin:0 10px;
   _margin:0 5px;
  padding:10px 0px 0px 0px;
}

div#leftcolumn h2 {  padding:0px 0px 0px 20px;  margin-top:10px;}
div#rightcolumn h2 {  padding:0px 0px 0px 20px; margin-top:10px; }
div#centercolumn h2 {  padding:10px 0px 0px 0px; }

#topbtn {
  width:400px;
  margin-top:10px;
  height:40px;
  padding-bottom:10px;
}

#topbtn img {
  float:left;
}

div#newsarea dl dt {
  background-image:url(../packages/myroad/img/listimage.gif);
  line-height:100%;
}

div#newsarea dl dd {
  padding-left:20px;
}


div#newsarea { margin-bottom:20px; }

div.osme {
  float:left;
  width:55px;
}

div.recomendleft img, div.recomendright img { float:none; }

div.recomendleft {
  float:none;
  margin:0px 0px 10px 0px;
  padding:0px 0px 10px 0px;
  //background:transparent url(../packages/myroad/img/common/line_400.gif) no-repeat scroll center bottom;
  background:none;
  border-bottom:dotted 1px #CCCCCC;
}
div.recomendright {
  float:none;
  margin:0px 0px 10px 0px;
  padding:0px 0px 10px 0px;
  //background:transparent url(../packages/myroad/img/common/line_400.gif) no-repeat scroll center bottom;
  width:auto;
  background:none;
  border-bottom:dotted 1px #CCCCCC
}

div.recomendleft p.mini { padding-bottom:0px; margin:0; }
div.recomendright p.mini { padding-bottom:0px; margin:0; }

div.recomendblock {background:none; padding:0;} 

h2.side {
  background-image:url(../packages/myroad/img/blockhead.jpg);
  height:30px;
  line-height:30px;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  padding:0px 0px 0px 10px;
}

div.cartarea {
  width:158px;
  padding:5px;
  border:solid 1px #CCCCCC;
  border-top:none;
  font-family:"ＭＳ Ｐゴシック",MS, Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}

div#searcharea,div#categoryarea {
  width:158px;
  padding:5px;
  border:solid 1px #CCCCCC;
  border-top:none;
}

input.smt {
  padding:0px 10px;
}

div.kagon {text-align:center;}
div.kagon input { padding:0 5px; }

div#guidearea ul li a {
  display:block;
  background-image:url(../packages/myroad/img/sa_bg.jpg);
  width:150px;
  height:25px;
  line-height:25px;
  font-size:11px;
  padding:0px 0px 0px 20px;
  text-align:left;
  margin:0px 0px 1px 0px;
  color:#333333;
  text-decoration:none;
  letter-spacing:0px;
}

div#guidearea ul li a:hover {
  color:#CC3300;
}

ul.mainlist {
  margin:0;
  list-style-image:url(../packages/myroad/img/listimage.gif);
  padding:0 0 0 20px;
}

ul.mainlist li {
  padding:0px;
  line-height:100%;
  margin:0px 0px 8px 0px;
}

.maintbl {
  margin:0;
  background-color:#FFFFFF;
  border-collapse:collapse;
  border: solid 1px #FFFFFF;
  width:580px;
}

div#undercolumn table.maintbl { width:580px; }

.maintbl th {
  background-color:#FFE8D9;
  font-weight:bold;
  _font-size:12px;
  color:#333333;
  text-align:left;
  vertical-align:top;
  padding:5px;
  border: solid 1px #FFFFFF;
}

.maintbl td {
  background-color:#F0F0F0;
  text-align:left;
  padding:5px;
  vertical-align:top;
  border: solid 1px #FFFFFF;
}

div#undercolumn {
  margin:10px 0 0 0;
}

div#listtitle {
  border-top-color:#CC0000;
  background-image: url(../packages/myroad/img/h2.gif); 
}

.toptext {
  border:solid 1px #999999;
  background-color:#FDF0F0;
  text-align:left;
  padding:5px;
  color:#CC0000;
  font-weight:bold;
}

.toptext a { color:#CC0000; }
.toptext a:hover { color:#0000FF; }
.toptext span { color:#000000; }

h3.kasou {
  border-left:solid 2px #CC0000;
  padding:0 0 0 10px;
  margin-bottom:10px;
}

p.new { margin-bottom:20px; }
#pagetop{ background:none; }

.h3area {
  margin:0 0 20px 0;
}

.taiho {
  border:solid 1px #CCCCCC;
  padding:5px;
}

.ctbl {
  margin:0;
  background-color:#FFFFFF;
  border-collapse:collapse;
  border: solid 1px #FFFFFF;
  width:580px;
  margin-bottom:10px;
}

div#undercolumn table.ctbl { width:580px; }

.ctbl th {
  background-color:#FFE8D9;
  font-weight:bold;
  _font-size:12px;
  color:#333333;
  text-align:left;
  vertical-align:top;
  padding:5px;
  border: solid 1px #FFFFFF;
}

.ctbl td {
  text-align:left;
  padding:5px;
  vertical-align:top;
  border: solid 1px #FFFFFF;
}

.ctbl td.bd {
	font-weight:bold;
}

.ctbl tr{

background-color: #F0F0F0;
}



.c2tbl {
  margin:0;
  background-color:#FFFFFF;
  border-collapse:collapse;
  border:0;
  width:285px;
}

div#undercolumn table.c2tbl { margin-bottom:20px; }

.c2tbl th {
  font-weight:bold;
  _font-size:12px;
  color:#333333;
  text-align:left;
  vertical-align:top;
  padding:5px;
  border:0;
  background-color:#FFFFFF;
  border-bottom: dashed 2px #A91418;
}

.c2tbl td {
  text-align:left;
  padding:5px;
  vertical-align:top;
  border:0;
  border-bottom: dashed 1px #E9B8B9;
}

.c2tbl td.bd {
	font-weight:bold;
}

.c2tbl tr{
background-color: #FFFFFF;
}


.fleft {
	float:left;
}

div#detailphotoblock {
  width:270px;
}
div#detailrightblock {
  width:300px;
}
div.subarea div.subtext h3 {
  background-color:#FFFFFF;
  font-size:100%;
  font-weight:normal;
  padding:0 0 5px 0;
  width:365px;
}

div.subtext {
  width:365px;
  margin-left:10px;
  _margin-left:5px;
}

div.subarea {

}

div.subphotoimg {
  float:left;
}

div.listrightblock h3 {
  font-size:14px;
}

.kome3 {
  color:#FF0000;
  font-size:12px;
  margin-top:10px;
}

#pagetop {
  padding:10px 8px 10px 0;
}

table.floatertbl {
 border:none;
 margin:0 auto 0 0;
 padding:0;
}

table.floatertbl td {
  margin:0;
  padding:0;
  border:none;
  vertical-align:top;
}