html{background: #eeeeee;}  
body{background: url(images/2012/bg.jpg) 0 -15px repeat-x #fff;}
img{border: none;}
html, body, div, p, table, tr, td, span, ul, li, a, img{padding: 0; margin: 0;}
ul{list-style: none;}

a:visited{color: #00F; text-decoration: underline; outline: none;}
a:link{color: #00F; text-decoration: underline; outline: none;}
a:hover{color: #F60; text-decoration: none; outline: none;}
a:active{color: #00F; text-decoration: none; outline: none;}


#alls{height: 100%; width: 100%;}
#outline{margin: 0 auto; width: 960px;}
.re{clear : both;}

.f10{font-size: 10px; line-height: 150%; color: #333; padding: 2px 0;}
.f10gray{font-size: 10px; line-height: 150%; color: #666; padding: 2px 0;}
.f11gray{font-size: 11px; line-height: 125%; color: #666; padding: 2px 0;}
.f12{font-size: 12px; line-height: 125%; color: #333;}
.f12bold{font-size: 12px; line-height: 125%; color: #333; font-weight: bold;}
.f12gray{font-size: 12px; line-height: 150%; color: #666; padding: 2px 0;}
.f12nl{font-size: 12px; color: #333;}

/*header
-----------------------------------------------------------------------------------------*/
#head{height: 103px; width: 960px;}
.logo{padding-top: 23px; height: 27px; width: 186px;}

.head_navi{margin-top: 17px; height: 36px; width: 960px;}
.head_navi li{float: left;}


/*header bike navi
-----------------------------------------------------------------------------------------*/
.headbike_bg{border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #EEE; height: 45px; width: 100%;}
.headbike_navi{height: 37px; width: 960px; margin: 0 auto;}
.headbike_navi_right{float: right; height: 37px; width:719px;}

.bikenavi2021{height: 37px; width: 719px;}
.bikenavi2021 li{float: left; height: 37px;}
.bikenavi2021 li a{display: block; height: 37px; text-indent: -9999px;}

.bikenavi2021_01, .bikenavi2021_01 a{width: 124px;}
.bikenavi2021_02, .bikenavi2021_02 a{width: 138px;}
.bikenavi2021_03, .bikenavi2021_03 a{width: 184px;}
.bikenavi2021_04, .bikenavi2021_04 a{width: 150px;}
.bikenavi2021_05, .bikenavi2021_05 a{width: 123px;}

.bikenavi2021_01 a{background: url(images/2021/bikenavi.gif) 0 0 no-repeat;}
.bikenavi2021_01 a:hover, .bikenavi2021_01 .active{background: url(images/2021/bikenavi.gif) 0 -37px no-repeat;}
.bikenavi2021_02 a{background: url(images/2021/bikenavi.gif) -124px 0 no-repeat;}
.bikenavi2021_02 a:hover, .bikenavi2021_02 .active{background: url(images/2021/bikenavi.gif) -124px -37px no-repeat;}
.bikenavi2021_03 a{background: url(images/2021/bikenavi.gif) -262px 0 no-repeat;}
.bikenavi2021_03 a:hover, .bikenavi2021_03 .active{background: url(images/2021/bikenavi.gif) -262px -37px no-repeat;}
.bikenavi2021_04 a{background: url(images/2021/bikenavi.gif) -446px 0 no-repeat;}
.bikenavi2021_04 a:hover, .bikenavi2021_04 .active{background: url(images/2021/bikenavi.gif) -446px -37px no-repeat;}
.bikenavi2021_05 a{background: url(images/2021/bikenavi.gif) -596px 0 no-repeat;}
.bikenavi2021_05 a:hover, .bikenavi2021_05 .active{background: url(images/2021/bikenavi.gif) -596px -37px no-repeat;}


.bikenavi2023{height: 37px; width: 275px;}
.bikenavi2023 li{float: left; height: 37px;}
.bikenavi2023 li a{display: block; height: 37px; text-indent: -9999px;}

.bikenavi2023_01, .bikenavi2023_01 a{width: 124px;}
.bikenavi2023_02, .bikenavi2023_02 a{width: 151px;}

.bikenavi2023_01 a{background: url(images/2023/bikenavi.gif) 0 0 no-repeat;}
.bikenavi2023_01 a:hover, .bikenavi2023_01 .active{background: url(images/2023/bikenavi.gif) 0 -37px no-repeat;}
.bikenavi2023_02 a{background: url(images/2023/bikenavi.gif) -124px 0 no-repeat;}
.bikenavi2023_02 a:hover, .bikenavi2023_02 .active{background: url(images/2023/bikenavi.gif) -124px -37px no-repeat;}



/*footer
-----------------------------------------------------------------------------------------*/
.foot_bg{background-image: url(images/2012/foot_bg.jpg); background-repeat: repeat-x; height: 15px; width: 100%; margin-top: 15px;}
.foot_outline{margin: 0 auto; width: 960px;}

.foot{margin: 0 auto; width: 960px;}
.foot_left{float: left; clear: both; margin-top: 10px; margin-bottom: 30px; width: 715px;}
.foot_left_left{float: left; width: 223px;}
.foot_left_right{float: right; width: 492px;}
.foot_right{float: right; margin-top: 8px; width: 245px;}

.footlogo{margin: 0 auto; width: 223px; color: #666; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; font-size: 10px; line-height: 160%;}
.footlogo a{color: #666; text-decoration: none;}
.footlogo a:hover{text-decoration: underline;}

.footcatalog{margin: 0 auto; width: 492px;}
.footcatalog_left{float: left; width: 60px;}
.footcatalog_right{color: #666; line-height: 160%; float: right; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; font-size: 10px; margin-top: 2px; width: 418px;}
.footcatalog_right a{color: #06C; text-decoration: none;}
.footcatalog_right a:hover{color: #06C; text-decoration: underline;}



/*index.html メインイメージ
-----------------------------------------------------------------------------------------*/
.main_pict{padding-top: 10px; height: 570px; width: 960px;}



/*bike top.html
-----------------------------------------------------------------------------------------*/
.bike_outline{margin: 20px auto 0 auto; width: 960px;}

.bikeidx{margin: 0 auto; width: 960px;}
.bikeidx_left{float: left; width: 480px;}
.bikeidx_right{float: right; width: 480px;}

.bikeidx_bgtop{background-image: url(images/2012/bikeidx_bgtop.gif); background-repeat: no-repeat; margin: 0 auto; overflow:auto; width: 418px;}
*:first-child+html .bikeidx_bgtop{overflow: hidden;}
.bikeidx_bgunder{background-image: url(images/2012/bikeidx_bgunder.gif); background-repeat: no-repeat; margin: 0 auto; height: 20px; width: 418px;}

.bikeidx_rearmecha{margin: 0 auto; text-align: center; width: 418px;}

.bikeidx_inner{margin: 20px 0 0 20px; width: 376px;}

.bikeidx_title{margin: 10px 0 7px 0; width: 376px;}

.bikeidx_txt{color: #666; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; font-size: 10px; line-height: 150%; margin-bottom: 10px; width: 376px;}
.bikeidx_txt2{color: #666; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; font-size: 10px; line-height: 150%; margin-bottom: 24px; width: 376px;}
.bikeidx_linktxt{color: #06C; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; font-size: 12px; line-height: 160%; margin-bottom: 2px; text-align: center; width: 376px;}
.bikeidx_linktxt a{color: #06C; text-decoration: none;}
.bikeidx_linktxt a:hover, .bikeidx_linktxt a:active{color: #06C; text-decoration: underline;}
.bikeidx_linktxt span{font-size: 8px; line-height: 140%; vertical-align: top;}

.bikeidx_line, .bikeidx_line2, .bikeidx_line3 .bikeidx_line4{background-image: url(images/2012/bikeidx_line376.gif); background-repeat: no-repeat; width: 376px;}
.bikeidx_line{height: 10px;}
.bikeidx_line2{height: 19px;}
.bikeidx_line3{height: 36px;}
.bikeidx_line4{height: 57px;}


.bikectgtop{margin: 0 auto; width: 960px;}
.bikectgtop_left{float: left; width: 185px;}
.bikectgtop_left2{float: left; width: 197px;}
.bikectgtop_right{float: right; width: 700px;}



/*bikeページ 共通レフトナビ
-----------------------------------------------------------------------------------------*/
.bikeln_title{margin-bottom: 5px; width: 185px;}
.bikeln_text{color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; text-indent: 7px; width: 185px;}
.bikeln_text2{border-left: 2px solid #69c; color: #000; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px 0; margin: 0 auto; text-decoration: none; text-indent: 7px; width: 185px;}

.bikeln_text a{border-left: 2px solid #FFF; color: #000; display: block; font-size: 12px; padding: 5px 0; text-decoration: none; height: 100%; width: 100%;}
.bikeln_text a:hover{border-left: 2px solid #69C;}

.bikeln_cellline_under{border-bottom: 1px dotted #ccc; margin: 0 auto 3px auto; width: 185px;}
.bikeln_cellline_top{border-bottom: 1px dotted #ccc; margin: 3px auto; width: 185px;}
.bikeln_cellline_toplast{border-bottom: 1px dotted #ccc; margin: 3px auto 15px auto; width: 185px;}

span.reg{font-size: 8px; vertical-align: top;}



/*bikeページ イメージ画像
-----------------------------------------------------------------------------------------*/
.bike_imgpict{height: 470px; width: 700px;}



/*bikeカテゴリページ
-----------------------------------------------------------------------------------------*/
.bikethmub{width: 700px; margin: 15px auto 0 auto;}
.bikethmub table tr td{text-align: center; vertical-align: top;}
.bikethmub table tr td a{text-decoration: none;}
.bike_txtarea1{color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 3px 0;}
.bike_txtarea2{color: #666; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace; font-size: 10px; padding: 0; margin: 0;}



/*bike詳細ページ 
-----------------------------------------------------------------------------------------*/
.bike_mainpict{text-align: center; width: 700px;}
.bike_mainpict2{color: #999; font-size: 10px; margin: 0 auto; text-align: center; width: 550px;}

.bikedtl{margin: 15px auto 0 auto; width: 700px;}
.bikedtl_left{float: left; width: 293px;}
.bikedtl_left_left{float: left; width: 258px;}
.bikedtl_left_right{float: right; width: 35px;}
.bikedtl_right{float: right; width: 407px;}

.cyclecomputer{width: 136px;}
.cyclecomputer_left{float: left; width: 54px;}
.cyclecomputer_right{float: right; width: 82px;}

.bikedtlsc{margin :0 auto; width: 407px;}
.bikedtlsc_left{float: left; width: 141px;}
.bikedtlsc_right{float: right; width: 260px;}
.bikedtlsc_right_left{float: left; font-size: 10px; text-align: center; width: 130px;}
.bikedtlsc_right_right{float: right; font-size: 10px; text-align: center; width: 130px;}

.bikename{color: #000; font-size: 12px;}
.bikename span{font-size: 10px; line-height: 100%; vertical-align: top;}
.bikeprice{color: #000; font-size: 12px; width: 293px;}
.bikeoption{margin-top: 10px; width: 293px;}
.bikecolor{color: #000; font-size: 10px; text-align: center;}
.bikecolor span{color: #999; line-height: 170%;}
.bikecolor2{color: #000; font-size: 10px; margin-top: 5px; width: 550px;}

.specbtn{border-bottom: 1px solid #ccc; margin-top: 15px; height: 32px; width: 700px;}
.specbtn_left{float: left; width: 186px;}
.specbtn_right{float: right; width: 514px;}

.specgeometry{margin-top: 15px; width: 700px;}
#tab{border-bottom: 1px solid #CCC; height: 1.5em; margin-left: 0; padding-left: 0; overflow: hidden;}
#tab li{float: left; height: 1.5em; width: 198px;}
#tab li a{color: #777; border: 1px solid #ccc; border-bottom: 0; display: block; height: 1.5em; width: 198px; text-indent: 10px; text-decoration: none;}
.speconly{color: #777; display: block; border: 1px solid #ccc; border-bottom: 0; height: 1.5em; width: 198px; text-indent: 10px; text-decoration: none;}
#tab li a:hover, #tab li.present a{border-color: #CCC; color: #000; text-decoration: underline;}

#page1, #page2{margin-bottom: 15px;}

.bikedtl{margin: 13px 0 0 0; width: 700px;}

.spec_table td{font-size: 10px; line-height: 150%; font-family: "ＭＳ ゴシック", "Osaka−等幅"; padding: 3px 5px}
.spec_table table td{padding: 0!important;}
.spec_table .bg td{background-color: #e4e4e4;}

.geometry_table{border: none; border-top: 1px solid #ccc!important;}
.geometry_table td{border: none; border-bottom: 1px solid #ccc!important; padding: 3px 5px; font-size: 10px; line-height: 150%; font-family: "ＭＳ ゴシック", "Osaka−等幅";}
.geometry_value{background-color: #e4e4e4; text-align: center;}
.geometry{font-size: 10px; line-height: 150%; font-family: "ＭＳ ゴシック", "Osaka−等幅";}
.geometry span{color: #999;}



/*リアメカ
-----------------------------------------------------------------------------------------*/
.rearmecha{border: 1px solid #666; border-collapse: collapse; border-spacing: 0; margin: 20px 0 50px 0;}
.rearmecha td{border: 1px solid #666; font-size: 10px; line-height: 150%; padding: 10px;}
.rearmecha .td01{background-color: #039; color: #fff; text-align: center;}
.rearmecha .td02{background-color: #ccc; color: #fff; text-align: center;}
.rearmecha .td03{background-color: #E1E1C8;}


/*WEBサイトご利用にあたって
-----------------------------------------------------------------------------------------*/
.reg_outline{width: 700px;}
.regln{margin-bottom: 5px; width: 197px;}



/*お問い合わせレフトナビ
-----------------------------------------------------------------------------------------*/
.contactln{margin-bottom: 5px; text-align: center; width: 197px;}
.contact_f12l{font-size: 12px; line-height: 155%; color: #333;}
.contact_f12bold{font-size: 12px; line-height: 125%; color: #333; font-weight: bold;}
.contact_f12ldarkgray{font-size: 12px; line-height: 140%; color: #444;}
.contact_f11gray{font-size: 11px; line-height: 125%; color: #666;}

form{margin-top: 0; margin-bottom: 0;}



/*ショップリスト
-----------------------------------------------------------------------------------------*/
.shop_outline{padding-top: 20px; width: 960px;}
.list_title{float: left; width: 260px;}
.shoplist{float: right; padding: 6px 0; width: 700px;}

.prefecture{background-color: #E0E0E0; color: #000; font-size: 12px; font-weight: bold; padding: 5px 0; margin: 10px 0 20px 0; text-indent: 7px;}

.shoplist_table tr td{border-bottom: 1px dotted #999; color: #333; font-size: 10px; padding: 20px 0 20px 3px; line-height: 120%;}
.cellline_top td{border-top: 1px dotted #999;}



/*過去モデルバイクボタン
-----------------------------------------------------------------------------------------*/
.pastmodel{border-top: 1px solid #ccc; margin:20px auto 0 auto; width: 960px;}
.pastmodel_right{float: right; width: 72px;}
.pastmodel_right li{float: left; margin: 5px 0 0 0;}



/*スペーサー
-----------------------------------------------------------------------------------------*/
.sp5{clear: both; margin-top: 5px;}
.sp7{margin-top: 7px;}
.sp10{margin-top: 10px;}
.sp15{clear: both; margin-top: 15px;}
.sp20{margin-top: 20px;}
.sp25{margin-top: 25px;}
.sp30{margin-top: 30px;}
.sp35{margin-top: 35px;}