@charset "utf-8";



body {
  margin: 0 ;
  padding: 0;
  width: 100%;
    color: #333333;
background: url(../img/bodybg.jpg)  repeat #666666 ;
font-family: "ＭＳ ゴシック","ＭＳ Ｐゴシック",sans-serif;
}

#my_body {
  margin: 0 ;
  width: 835px;
}


/* ヘッダ-
---------------------------------------------------- */
#header {
  width: 835px;
  margin: 0 auto;
  padding:0;
}

h1{
margin:0;
padding: 5px 15px 0 0;
font-size: 12px; color:#000000; font-weight:normal; 
text-align: right;font-family: "ＭＳ ゴシック",sans-serif;
}




#navi{
  width: 230px;
  margin: 0;
  padding: 0 0 0 20px;
  float: left;
}

#logo {
  width: 230px;
  margin: 0 auto;
  height: 120px;
  padding: 0;
}

.toplogo a {
width:230px;
height:120px;
display:block;
margin:0;
padding:0;
text-decoration: none;
}
.toplogo span
 { visibility: hidden; }




/* ナビゲーション
---------------------------------------------------- */
#navigation {
  width: 170px;height: 450px;
margin: 0 auto;
padding:0;
  background: url(../img/navi.jpg) no-repeat ;
}



/* ナビゲーション-menu
---------------------------------------------------- */

#navigation ul {
  margin:0 0 0 0;
  padding: 0;
  list-style: none;
  width: 170px;

}
#navigation li {
  margin: 0 ;
  padding: 0;
  width: 170px;
  height: 60px;
  text-indent: -9999px;
}
#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 170px;
  height: 60px;
}

#navigation li#menu01 {
  background: url(../img/navi.jpg) no-repeat 0px 0px ;
}
#navigation li#menu01 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px 0px ;
}
#navigation li#menu01b {
  background: url(../img/navi.jpg) no-repeat -170px 0px ;
}

#navigation li#menu02 {
  background: url(../img/navi.jpg) no-repeat 0px -60px ;
}
#navigation li#menu02 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px -60px ;
}
#navigation li#menu02b {
  background: url(../img/navi.jpg) no-repeat -170px -60px ;
}

#navigation li#menu03 {
  background: url(../img/navi.jpg) no-repeat 0px -120px ;
}
#navigation li#menu03 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px -120px ;
}
#navigation li#menu03b {
  background: url(../img/navi.jpg) no-repeat -170px -120px ;
}

#navigation li#menu04 {
  background: url(../img/navi.jpg) no-repeat 0px -180px ;
}
#navigation li#menu04 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px -180px ;
}
#navigation li#menu04b {
  background: url(../img/navi.jpg) no-repeat -170px -180px ;
}

#navigation li#menu05 {
  background: url(../img/navi.jpg) no-repeat 0px -240px ;
}
#navigation li#menu05 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px -240px ;
}
#navigation li#menu05b {
  background: url(../img/navi.jpg) no-repeat -170px -240px ;
}

#navigation li#menu06 {
  background: url(../img/navi.jpg) no-repeat 0px -300px ;
}
#navigation li#menu06 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px -300px ;
}
#navigation li#menu06b {
  background: url(../img/navi.jpg) no-repeat -170px -300px ;
}

#navigation li#menu07 {
  background: url(../img/navi.jpg) no-repeat 0px -360px ;
}
#navigation li#menu07 a:hover {
  background: url(../img/navi.jpg) no-repeat -170px -360px ;
}
#navigation li#menu07b {
  background: url(../img/navi.jpg) no-repeat -170px -360px ;
}


/* メインコンテンツ
---------------------------------------------------- */
#contents {
width: 550px;
float: right;
padding:10px 0 0 35px;

}

/* メインの画像
---------------------------------------------------- */
h2{
margin: 0;
padding: 0 0 20px 0;
vertical-align: bottom;
}

h3{
margin:0;
padding:10px 0 10px 0;
}

#contents p{
padding:0 0 0 10px;
margin: 0;font-family: "ＭＳ ゴシック",sans-serif;
font-size: 14px; color:#333333; font-weight:normal;line-height: 170%; 
}


#contents img {
margin: 0;

}


.txt{
font-family: "ＭＳ ゴシック",sans-serif;
font-size: 14px; color:#333333; font-weight:normal;line-height: 170%; 
}



h4{
margin:0;
padding:10px 0 10px 0;
}




.photo_r {
padding:0 10px 10px 0;
float: left; 
}

.clear-left{
clear: left;
}










/* バイクリスト明細テーブル
---------------------------------------------------- */

table.bikelist1 {
  width: 530px;
  border-top: 1px #666666 solid;border-left: 1px #666666 solid;border-right: 1px #666666 solid;
border-collapse: collapse;  vertical-align: middle;
  font-size: 14px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.bikelist1 th {
  font-weight: bold;
  text-align: left;padding: 4px; 
background: #ff9900;vertical-align: middle; 
}
table.bikelist1 td {
font-size: 12px;vertical-align: middle; 
padding: 4px; background: #fff;
}

table.bikelist {
  width: 530px;
  border-left: 1px #666666 solid;border-right: 1px #666666 solid;
border-collapse: collapse;  
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.bikelist th {
  font-weight: normal;width: 120px;
  text-align: center;padding: 4px; 
background: #fffde3; 
border: 1px #666666 solid;
}
table.bikelist td {
font-size: 12px;vertical-align: middle; border: 1px #666666 solid;
padding:4px 8px;  text-align: left;background: #fff;
}

table.bikelist3 {
  width: 530px;
  border-bottom: 1px #666666 solid;border-left: 1px #666666 solid;border-right: 1px #666666 solid;
border-collapse: collapse;  vertical-align: middle;
  font-size: 14px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.bikelist3 th {
  font-weight: normal;width: 120px;
  text-align: center;padding: 4px; border-right: 1px #666666 solid;
background: #fffde3; 

}
table.bikelist3 td {
font-size: 12px;vertical-align: middle; 
padding:4px 8px;  text-align: left;background: #fff;
}






/* フッタ
---------------------------------------------------- */
#footer {
  clear: both;
  width: 835px;
  height: 30px;
margin:0px auto ; 
padding-top: 20px;
}

#footer p {
  margin: 0 0 0 0;
  font-size: 10px;
  color: #000000;line-height: 120%;
  padding-top: 2px;padding-right: 10px;
  text-align:right;font-family: "ＭＳ ゴシック",sans-serif;
  
}


.getbike{ 
float: left;font-size: 10px;
margin: 0;font-family: "ＭＳ ゴシック",sans-serif;
padding-left: 50px; padding-top: 2px;
}

#footer a:link{
text-decoration:none; color:#000;
}
#footer a:visited{
text-decoration:none; color:#000;
}
#footer a:hover{
text-decoration:underline;COLOR:#c4161c;
}



/* フォント
---------------------------------------------------- */
.ft10black {
  font-size: 10px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft11black {
  font-size: 11px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft12black {
  font-size: 12px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft12blackB {
  font-size: 12px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft14black {
  font-size: 14px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft14blackB {
  font-size: 14px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft16black {
  font-size: 16px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft16blackB {
  font-size: 16px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft18black {
  font-size: 18px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft18blackB {
  font-size: 18px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft12orange {
  font-size: 12px; color:#F26923; font-weight:normal;line-height: 120%;
}
.ft14orange {
  font-size: 14px; color:#F26923; font-weight:normal;line-height: 120%;
}
.ft12green {
  font-size: 12px; color:#8CC63E; font-weight:normal;line-height: 120%;
}
.ft14green {
  font-size: 14px; color:#8CC63E; font-weight:normal;line-height: 120%;
}
.ft12red {
  font-size: 12px; color:#D71920; font-weight:normal;line-height: 120%;
}
.ft12redB {
  font-size: 12px; color:#D71920; font-weight:bold;line-height: 120%;
}
.ft14red {
  font-size: 14px; color:#D71920; font-weight:normal;line-height: 120%;
}
.ft14redB {
  font-size: 14px; color:#D71920; font-weight:bold;line-height: 120%;
}
.ft12gray {
  font-size: 12px; color:#444444; font-weight:normal;line-height: 120%;
}
.ft12blue{
  font-size: 12px; color:#00334E; font-weight:normal;line-height: 120%;
}

.ft14red-toda {
  font-size: 14px; color:#ff0000; font-weight:normal;line-height: 120%;
}
.ft14redB-tota {
  font-size: 14px; color:#ff0000; font-weight:bold;line-height: 120%;
}



/* CSSでドロップダウンメニュー 20100630-追加分
---------------------------------------------------- */
#navigation ul ul{
   display:none;
   position:absolute;
   top:0;
   left:80%;
}



/* サブメニュー2段目以降 */
#navigation ul ul ul {
   top:0;
   left:100%;background:#ddd;
}

/* リスト */
#navigation  li li {
   height: 30px;
}

#navigation ul  li:hover {
   position:relative;
}

#navigation  li:hover > ul {
   display: block
}


#navigation ul ul  li a{
   display: block;
   width:170px;height: 30px;
   text-decoration:none;
   padding:0 ;
   	background:#121212;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
	line-height: 30px;text-indent: 5px;font-size: 12px;
}

#navigation ul ul li:hover {
   background:#444;
   color:#fff;
}



/* IE6用 */
* html #navigation li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navigation li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navigation li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#navigation .column1 {position:relative;}
#navigation .column1 ul {display:block;}
#navigation .column1 * ul {display:none;}

#navigation .column2 {position:relative;}
#navigation .column2 ul {display:block;}
#navigation .column2 * ul {display:none;}

#navigation .column3 {position:relative;}
#navigation .column3 ul {display:block;}
#navigation .column3 * ul {display:none;}

#navigation .column1, #navigation .column2, #navigation .column3 {
   background:#444;
   color:#fff;
}
.menu07 {
  background: url(../img/navi.jpg) no-repeat 0px -360px ;
  text-indent: -9999px;
  display: block;
  width: 170px;
  height: 60px;
}
.menu07 a:hover    {
  background: url(../img/navi.jpg) no-repeat -170px -360px;
  display: block;
  width: 170px;
  height: 60px;
}