@charset "Shift_JIS";



body {
  margin: 0 ;
  padding: 0;
  width: 100%;
background: #E6E7E8 url(../img/backimg.gif) 50% 0%  repeat-y;
}

#my_body {
  margin: 0 auto;
  width: 750px;
}


/* フォント
---------------------------------------------------- */
.ft12black {
  font-size: 12px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft12black2 {
  font-size: 12px; color:#000000; font-weight:normal;line-height: 150%;
}
.ft12blackB {
  font-size: 12px; color:#000000; font-weight:bold;line-height: 120%;
}
.ft14black {
  font-size: 14px; color:#000000; font-weight:normal;line-height: 120%;
}
.ft12orange {
  font-size: 12px; color:#F26923; font-weight:normal;line-height: 120%;
}
.ft12orangeB {
  font-size: 12px; color:#F26923; font-weight:bold;line-height: 120%;
}
.ft14orange {
  font-size: 14px; color:#F26923; font-weight:normal;line-height: 120%;
}
.ft12green {
  font-size: 12px; color:#008C44; font-weight:normal;line-height: 120%;
}
.ft12greenB {
  font-size: 12px; color:#008C44; font-weight:bold;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%;
}
.ft12gray {
  font-size: 12px; color:#444444; font-weight:normal;line-height: 120%;
}
.ft12blue{
  font-size: 12px; color:#00334E; font-weight:normal;line-height: 120%;
}

/* ヘッダ
---------------------------------------------------- */
#header {
margin: 0 auto;
  width: 100%;
  height: 60px;
}

h1 {
  margin: 0;
  padding-top: 5px ;
float: left;
}

h2{
margin: 0;
padding: 5px 0 0 0;
font-size: 12px; color:#000000; font-weight:normal; 
text-align: right;
}

#header p{
margin: 0;
padding: 10px 0 0 0;
vertical-align: bottom;
font-size: 12px; color:#000000; font-weight:normal; 
text-align: right;
}


/* メニュー
---------------------------------------------------- */
#navigation {
  margin: 0;
  padding: 0;
clear: both;
  width: 100%;
  background: url(../img/menu.gif) no-repeat 0px 0px;
}


#navigation  ul {
  margin: 0;
  padding: 0;
  width: 750px;
  height: 35px;
  list-style: none;


}
#navigation  li {
  margin: 0;
  padding: 0;
  display : inline;
  float:left;
  width: 150px;
  height: 35px;
  text-indent: -9999px;
}
#navigation  li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 150px;
  height: 35px;
}
#navigation  li#menu01     {
  background: url(../img/menu.gif) no-repeat 0px 0px;
}
#navigation  li#menu02     {
  background: url(../img/menu.gif) no-repeat -150px 0px;
}
#navigation  li#menu03     {
  background: url(../img/menu.gif) no-repeat -300px 0px;
}
#navigation  li#menu04     {
  background: url(../img/menu.gif) no-repeat -450px 0px;
}
#navigation  li#menu05     {
  background: url(../img/menu.gif) no-repeat -600px 0px;
}

/* マウスオーバー時の指定
---------------------------------------------------- */
#navigation  li#menu01 a:hover    {
  background: url(../img/menu.gif) no-repeat 0px -35px;
}
#navigation  li#menu02 a:hover    {
  background: url(../img/menu.gif) no-repeat -150px -35px;
}
#navigation  li#menu03 a:hover    {
  background: url(../img/menu.gif) no-repeat -300px -35px;
}
#navigation  li#menu04 a:hover    {
  background: url(../img/menu.gif) no-repeat -450px -35px;
}
#navigation  li#menu05 a:hover    {
  background: url(../img/menu.gif) no-repeat -600px -35px;
}

/* 当該ページの指定
---------------------------------------------------- */
#navigation  li#menu01b    {
  background: url(../img/menu.gif) no-repeat 0px -35px;
}
#navigation  li#menu02b    {
  background: url(../img/menu.gif) no-repeat -150px -35px;
}
#navigation  li#menu03b    {
  background: url(../img/menu.gif) no-repeat -300px -35px;
}
#navigation  li#menu04b   {
  background: url(../img/menu.gif) no-repeat -450px -35px;
}
#navigation  li#menu05b   {
  background: url(../img/menu.gif) no-repeat -600px -35px;
}

/* メインの画像
---------------------------------------------------- */
#top {
width: 100%;
}
#top img {
margin-top: 10px ;
vertical-align: bottom;
}
object,  embed {  
    vertical-align: top; 
	margin-top: 10px ; 
 }

/* コンテンツ背景
---------------------------------------------------- */
#contentsbg {
  margin: 0 auto;
  width: 750px;
  background: url(../img/contentsbg.gif) repeat-y 50% 0% ;
}



/* コンテンツ1-メインコンテンツ
---------------------------------------------------- */
#contents1 {
  width: 490px;
  float: left;
margin: 10px 0 0 0;
padding:0;
}


#contents1-bikelist {
margin: 20px 0 0 10px;
padding:0;
}
#contents1 p {
  font-size: 14px; color:#000000; font-weight:normal;line-height: 170%;
}


h3{
width: 490px;
height: 24px;
margin:0 0 10px 0;
vertical-align: bottom;
font-size: 14px; color:#000000; font-weight:bold; 
padding-left: 18px; padding-top: 5px;
background: url(../img/titlebg-490.jpg) no-repeat ;
}


h4{
width: 490px;
height: 24px;
margin:0;
vertical-align: bottom;
font-size: 14px; color:#000000; font-weight:bold; 
padding-left: 18px; padding-top: 5px;
background: url(../img/titlebg-490.jpg) no-repeat ;
}

h5{
width: 490px;
height: 24px;
margin:0 0 5px 0;
vertical-align: bottom;
font-size: 14px; color:#000000; font-weight:bold; 
padding-left: 18px; padding-top: 5px;
background: url(../img/titlebg-490.jpg) no-repeat ;
}

.title{
width: 490px;
height: 24px;
margin:0 0 5px 0;
vertical-align: bottom;
font-size: 14px; color:#000000; font-weight:bold; 
padding-left: 18px; padding-top: 5px;
background: url(../img/titlebg-490.jpg) no-repeat ;
}


#contents1 table img {
  margin-bottom:5px;
}

.line-img{
  margin-top:20px;

}




#contents1 ul{
  margin: 0 ;padding-left: 10px; padding-bottom: 30px;padding-top: 0px;
  list-style : none ;  font-size: 14px; line-height: 200%; 
  }

#contents1 ul li{
  background-image : url(../img/icon.gif) ;
  background-position : left center ; /* 位置は左端の真ん中 */
  background-repeat : no-repeat ; /* 背景だけど繰り返し表示しない */
  padding-left : 28px ; /* 「画像の横幅+マーカーとの距離」を左方向に空ける */
  }

.camtxt {
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px;
  padding-left: 10px; padding-bottom: 30px;padding-top: 0px; 
}



/* コンテンツ2-サブコンテンツ
---------------------------------------------------- */
#contents2 {
margin:0 0 0 510px;
padding:10px 0 0 7.5px;
}

#contents2 img {
margin:0;
padding:0;
}

#contents2 p {
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
padding:10px 0 10px 0;
margin:0;border: 0px; 
}

#contents2 ul {
  margin: 0 0 20px;
  padding:20px 0 0 0 ;
  list-style: none;
}
#contents2 li {
  margin: 0 0 10px;
  padding: 0;
  width: 220px;
  height: 82px;
  text-indent: -9999px;
}
#contents2 li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 220px;
  height: 82px;
}

#contents2 li#sub01 {
  background: url(../img/submenu.jpg) no-repeat 0px 0px ;
}
#contents2 li#sub01 a:hover {
  background: url(../img/submenu.jpg) no-repeat 0px -82px ;
}
#contents2 li#sub01b  {
  background: url(../img/submenu.jpg) no-repeat 0px -82px ;
}

#contents2 li#sub02 {
  background: url(../img/submenu2.jpg) no-repeat 0px 0px ;
}
#contents2 li#sub02 a:hover {
  background: url(../img/submenu2.jpg) no-repeat 0px -82px ;
}
#contents2 li#sub02b  {
  background: url(../img/submenu2.jpg) no-repeat 0px -82px ;
}

#contents2 li#sub03 {
  background: url(../img/submenu3.jpg) no-repeat 0px 0px ;
}
#contents2 li#sub03 a:hover {
  background: url(../img/submenu3.jpg) no-repeat 0px -82px ;
}
#contents2 li#sub03b  {
  background: url(../img/submenu3.jpg) no-repeat 0px -82px ;
}



.sub-title{
width: 210px;
height: 24px;
margin:10px 0 0 0;
vertical-align: bottom;
font-size: 14px; color:#666666; font-weight:bold; 
padding-left: 18px; padding-top: 5px;
background: url(../img/titlebg-220.gif) no-repeat ;
}

/* subbox
---------------------------------------------------- */
.subbox-out {
margin:20px 0 10px 0;
padding:0px;
width:220px;
background:#BFC0C1;

}

.subbox-bar {
display:table;
margin:0 0 5px 0;
padding-top: 5px;
width:218px;
height: 23px;
background: url(../img/titlebg-220-.gif) no-repeat 0px 0px ;
border-bottom:1px solid #cccccc;
}
.subbox-bar strong {
margin:5px 0px 1px 5px;
padding-left: 13px; 
text-align:center;
font-size: 14px; color:#666666; font-weight:bold;  line-height: 17px; 
}
.subbox-in {
display:block;
width:218px;
border:1px solid #cccccc;
background:#ffffff;
position:relative;
z-index:1;
}

.subbox-in2 {
margin: 5px auto 10px;
display:block;
width:200px;
position:relative;
z-index:1;
font-size: 12px; color:#333333; font-weight:normal;line-height: 200%; 
text-align: left;
}





/* コンテンツb-バイクリスト明細
---------------------------------------------------- */
#contents-b {
margin: 0 auto;
  width: 750px;
padding:0;
}

#contents-b-title{
width: 730px;
height: 24px;
margin:20px 0 10px 0;
vertical-align: bottom;
font-size: 14px; color:#000000; font-weight:bold; 
padding-left: 15px; padding-top: 5px;
background: url(../img/titlebg-730.jpg) no-repeat ;
}


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

table.bikelist1 {
  width: 600px;
  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;  height: 20px;
}

table.bikelist {
  width: 600px;
  border: 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: #FFE6CB; 
border: 1px #666666 solid;
}
table.bikelist td {
font-size: 12px;vertical-align: middle; border: 1px #666666 solid;
padding: 8px;  text-align: left;
}

/* サービス
---------------------------------------------------- */
table.ser1 {
  margin:0;
  width: 490px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.ser1 th {
  font-weight: normal;
  text-align: left;
  padding: 6px;
  font-size: 14px; font-weight:bold; 
  border-right: 1px solid #bcbc9f;
  border-bottom: 1px solid #bcbc9f;
  color: #333333;
  background: #dedecf;
}
table.ser1 td {
  padding: 2px 6px;
  border-right: 1px solid #d1d1c1;
  border-bottom: 1px solid #d1d1c1;
  color: #333333;
  background: #f1f1ed;
}



/* キャンペーンテーブル
---------------------------------------------------- */


table.cam {
  margin: 0  auto;
  width: 490px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.cam th {
  font-weight: bold;
  height: 35px;
  text-align: left;
  font-size: 12px;
  padding: 6px;
  border-right: 1px solid #A67D4E;
  border-bottom: 1px solid #A67D4E;
  color: #333333;
  background: #FCBB76;
}
table.cam td {
  padding: 2px 6px;
  border-right: 1px solid #D3D2C2;
  border-bottom: 1px solid #D3D2C2;
  color: #333333;
  background: #FFFDE9;
}

table.cam td  img{
  padding: 2px 2px;
}

table.cam2 {
  margin: 0  auto;
  width: 490px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.cam2 th {
  font-weight: bold;
  height: 35px;
  text-align: left;
  font-size: 12px;
  padding: 6px;
  border-right: 1px solid #7284A6;
  border-bottom: 1px solid #7284A6;
  color: #333333;
  background: #97ADDA;
}
table.cam2 td {
  padding: 2px 6px;
  border-right: 1px solid #A5AFC5;
  border-bottom: 1px solid #A5AFC5;
  color: #333333;
  background: #C7D2EC;
}

table.cam2 td  img{
  padding: 2px 2px;
}


table.cam3 {
  margin: 0  auto;
  width: 490px;
  border-spacing: 5px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.cam3 th {
  font-weight: bold;
  height: 35px;
  text-align: left;
  font-size: 12px;
  padding: 6px;
  border-right: 1px solid #7284A6;
  border-bottom: 1px solid #7284A6;
  color: #333333;
  background: #97ADDA;
}
table.cam3 td {
  padding: 10px 8px;
  border-right: 1px solid #A5AFC5;
  border-bottom: 1px solid #A5AFC5;
  color: #333333;
  background: #C7D2EC;
}

table.cam4 {
  margin: 0  auto;
  width: 490px;
  border-spacing: 2px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.cam4 th {
  font-weight: bold;
  text-align: centor;
  font-size: 14px;
  padding: 6px;
  border-right: 1px solid #7284A6;
  border-bottom: 1px solid #7284A6;
  color: #333333;
  background: #97ADDA;
}
table.cam4 td {
width: 190px;
  padding: 10px 8px;
  border-right: 1px solid #A5AFC5;
  border-bottom: 1px solid #A5AFC5;
  color: #333333;
  background: #ffffff;
}

/* リンクテーブル
---------------------------------------------------- */
table.link1 {
  margin: 0  auto;
  width: 490px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.link1 th {
height: 20px;
  font-weight: bold;
  text-align: left;
  font-size: 14px;
padding: 5px 6px;
  color: #333333;
   vertical-align:top;
  background: url(../img/titlebg-490.gif) no-repeat;
}
table.link1 td {
  padding: 2px 6px;
  color: #333333;
  vertical-align:top;
}

table.link2 {
  margin: 0  auto;
  width: 490px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.link2 th {
height: 20px;
  font-weight: bold;
  text-align: left;
  font-size: 14px;
padding: 5px 6px;
  color: #333333;
   vertical-align:top;
  background: url(../img/titlebg-220.gif) no-repeat;
}
table.link2 td {
  padding: 2px 6px;
  color: #333333;
  vertical-align:top;
}


/* shopコンテンツ
---------------------------------------------------- */
.shop1 {
  float: left;
  width: 210px;
}

.shop1 img {
margin: 0 0 10px 0;
vertical-align: bottom;
}

.shop1 p {
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

.shop2 {
  float: right;
  width: 280px;
}

.shop-spacer{
  clear: both;
}


/* ショップテーブル
---------------------------------------------------- */
table#shop {
  margin: 0 0 10px 0;
  width: 270px;
  height: 158px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table#shop th {
  font-weight: normal;
  text-align: left;
  padding: 1px 6px;
  border-right: 1px solid #bcbc9f;
  border-bottom: 1px solid #bcbc9f;
  color: #333333;
  background: #dedecf;
}
table#shop td {
  padding: 1px 3px;
  border-right: 1px solid #d1d1c1;
  border-bottom: 1px solid #d1d1c1;
  color: #333333;
  background: #F1F2F2;
}

table#shop-2 {
  margin: 0;
  width: 200px;
  height: 300px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}
table#shop-2 td {
  padding: 2px 6px;
  color: #333333;
  vertical-align:top;
  background: #F1F2F2;
}



/* カスタムコンテンツ
---------------------------------------------------- */
.custom1 {
  float: left;
  width: 340px;
}

.custom1 img {
margin: 0 0 10px 0;
vertical-align: bottom;
}

.custom1 p {
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

.custom2 {
  margin-left: 350px;
  width: 133px;
}

.custom-spacer{
  clear: both;
}

/*カスタムテーブル
---------------------------------------------------- */
table.custom {
clear: both;
  margin: 5px 0 10px 0;
  width: 485px;
  border-spacing: 1px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.custom th {
  width: 120px;
  font-weight: normal;
  text-align: left;
  padding: 5px 6px;
  border-right: 1px solid #bcbc9f;
  border-bottom: 1px solid #bcbc9f;
  color: #333333;
  background: #dedecf;
}
table.custom td {
  padding: 3px 3px;
  border-right: 1px solid #d1d1c1;
  border-bottom: 1px solid #d1d1c1;
  color: #333333;
  background: #F1F2F2;
}





/* 問い合わせテーブル-線無し
---------------------------------------------------- */
table.contact {
  margin: 0;
  padding:0;
  width: 460px;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 17px; 
}

table.contact th {
width: 120px;
height: 50px;
padding:0 0 0 5px;
  font-weight: bold;
  text-align: left;
  font-size: 12px;
  color: #333333;
   vertical-align:middle;
}
table.contact td {
width: 340px;
padding:0 0 0 5px;
  color: #333333;
  vertical-align:middle;
}


/* ページ下部リンク
---------------------------------------------------- */
#bottom-link {
text-align: center;
  font-size: 12px; color:#000000; font-weight:normal;  line-height: 15px;
}

#bottom-link a:link{
text-decoration:none; color:#000000;
}
#bottom-link a:visited{
text-decoration:none; color:#000000;
}
#bottom-link a:hover{
text-decoration:underline;COLOR:#C4161C;
}



/* フッタ
---------------------------------------------------- */
#footer {
  clear: both;
  width: 750px;
  height: 30px;
 
border-top:  solid 1px #58595B;
}

#footer p {
  margin-top: 5px;
  font-size: 10px;
  color: #666666;
  padding-top: 5px;
  text-align:right;
  
}


.getbike{ 
float: left;
margin: 0;
padding-right: 5px; padding-top: 10px;
}