@charset "UTF-8";
/* CSS Document */

/*==デフォルトリセット=====================================*/

* {
 font-style:normal;
}
html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset, input, textarea{
  margin: 0;
  padding: 0;
}
img, fieldset{
  border: none;
}
img {
 vertical-align:bottom;
}
ul {
 list-style-type:none;
}
a {
 overflow:hidden;
 text-decoration:none;
 color:#000;
 cursor:pointer;
}
a:hover {
 color:#ccc;
}
optgroup {
 font-style:normal;
}



/*==共通で使用するクラス===================================*/

.clear {
 clear:both;
}
.desborder {
 border:0px;
}

/*テキスト関連*/
.lh18 {
 line-height:1.8em;
}
.txtcenter {
 text-align:center;
}
.txtbold {
 font-weight:bold;
}
.fsize12 {
 font-size:12px;
}
.fsize15 {
 font-size:15px;
}

/*ページトップ*/
.pagetop {
 float:right;
 width:100%;
 display:block;
 margin-bottom:30px;
}
.pagetop a {
 float:right;
}

.clr666 {
 color:#666;
}




/*==全ページ共通のボックス==============================================*/

html {
 width:100%;
 text-align:center;
}

body {
	font-size: 10px;
	font-family:  "Lucida Grande", Verdana, sans-serif;
}

/* for WinIE6*/

* html body {
	font-size: 55%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
}

/* for WinIE7*/

*:first-child+html body { 
	font-size: 65%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}

body {
 font-style:normal;
 line-height:1.4;
 color:#000;
 background-color:#000;
	text-align: center;
}

#all {
	width: 901px;
	margin: 0 auto;
	text-align: left;
}

#container {
 float:left;
 width:900px;
 height:auto;
 text-align:left;
 border:solid #fff; border-width:0 1px 0 0;
}
#main-container {
 float:left;
 width:680px;
 height:auto;
 padding-right:20px;
 border:solid #fff; border-width:0 1px 0 0;
}
#main {
 float:left;
 width:100%;
 min-height:1100px;
 height: auto !important;
 height:1100px;
 padding-bottom:40px;
 background:#fff;
}
#maininn {
 float:left;
 width:639px;
 padding:20px 0 20px 20px;
}
#header {
 width:100%;
 height:139px;
 margin-top:39px;
}



/*=グローバルナビ================================================*/

#contents {
 float:left;
 width:199px;
 height:auto;
 padding-top:178px;
}


/*ストアインフォ*/

#str-info {
 border:solid #fff; border-width:1px 0;
}
#linkstore {
 display:block;
 height:71px;
 text-indent:-9999px;
 background:url(../images/storeinfo.gif) no-repeat;
 background-position:0 0;
}
#linkstore:hover {
 background-position:0 -71px;
}


/*グローバルナビのロールオーバー効果*/

#gnav ,#spcon ,#link2store ,#weather-rep ,#login {
 float:left;
 width:100%;
 color:#fff;
 margin-top:12px;
 list-style-type:none;
 border:solid #fff; border-width:1px 0;
}
#gnav a ,#spcon a {
 display:block;
 height:25px;
 text-indent:-9999px;
}
#gnav1 {
 background:url(../images/gnav1.gif) no-repeat;
 background-position:0 0;
}
#gnav2 {
 background:url(../images/gnav2.gif) no-repeat;
}
#gnav3 {
 background:url(../images/gnav3.gif) no-repeat;
}
#gnav4 {
 background:url(../images/gnav4.gif) no-repeat;
}
#gnav5 {
 background:url(../images/gnav5.gif) no-repeat;
}
#gnav6 {
 background:url(../images/gnav6.gif) no-repeat;
}
a#gnav7 {
 background:url(../images/gnav7.gif) no-repeat;
}
a#gnav8 {
 height:24px;
 background:url(../images/gnav8.gif) no-repeat;
}
#spnav1 {
 background:url(../images/spnav1.gif) no-repeat;
}
#spnav2 {
 background:url(../images/spnav2.gif) no-repeat;
}
#spnav3 {
 background:url(../images/spnav3.gif) no-repeat;
}
a#spnav4 {
 height:24px;
 background:url(../images/spnav4.gif) no-repeat;
}

#gnav1:hover ,#gnav2:hover ,#gnav3:hover ,#gnav4:hover ,#gnav5:hover ,#gnav6:hover ,#gnav7:hover ,#gnav8:hover ,
#spnav1:hover ,#spnav2:hover ,#spnav3:hover {
 background-position:0 -25px;
}
a#gnav8:hover ,#spnav4:hover {
 background-position:0 -24px;
}


/*オンラインストアバナー*/
#link2store a {
 display:block;
 text-indent:-9999px;
 width:199px;
 height:57px;
 background:url(../images/store.gif) no-repeat;
 background-position:0 0;
}
#link2store a:hover {
 background-position:0 -57px;
}


/*天気予報*/

#weather-rep span {
 display:block;
 margin:0 0 5px 12px;
}
#weather-rep table {
 display:block;
 margin:0 8px 8px 8px;
}
#weather-rep table td {
 width:58px;
 border:solid #000; border-width:0 1px;
 background-color:#303030;
}
#weather-rep table p {
 display:block;
 width:58px;
 text-align:center;
 padding-bottom:5px;
 background-color:#303030;
}


/*メンバーログイン*/

#username {
 padding:6px 0;
 padding-left:10px;
}
#username span {
 padding:0 3px;
 font-size:110%;
 font-weight:bold;
}

#login table {
 width:100%;
}
#login table input {
 width:135px;
 height:1em;
}
#login table p {
 padding:3px 10px 7px 138px;
}
#login table p input {
 width:51px;
 height:18px;
}
#login #linkregistration ,#login #linkmypage {
 float:left;
 width:99px;
 height:25px;
 text-indent:-9999px;
 display:block;
 background:url(../images/memberbtn.gif) no-repeat;
}
#login #linkregistration:hover ,#login #linkmypage:hover {
 background:url(../images/memberbtn_over.gif) no-repeat;
}
#login #linkregistration {
 background-position:0 0;
}
#login #linkmypage ,#login #linkmypage:hover {
 width:100px;
 background-position:-99px 0;
}
#login #linkpoint {
 float:left;
 width:100px;
 height:26px;
 text-indent:-9999px;
 display:block;
 background:url(../images/point_system.gif) no-repeat;
 background-position:0 0;
}
#login #linkpoint:hover {
 background-position:0 -26px;
}
#balbaadd {
 border:solid #fff; border-width:0 0 1px 0;
}
#balbaadd a {
 color:#fff;
}
#balbaadd span {
 display:block;
 padding:0 0 11px 11px;
}




/*==トップページ============================================*/

#new {
 float:left;
 width:100%;
 margin-bottom:60px;
}
#new ul {
 font-size:10px;
 line-height:1.5em;
 list-style-type:none;
}
#tonews {
 margin:8px 0 0 0;
}
#tonews a {
 text-decoration:underline;
}


/*ムーンライダース*/
#moon {
 float:left;
 width:100%;
 margin-bottom:60px;
}
#moon td {
 vertical-align:bottom;
}
#moonlogo {
 width:130px;
}
#moonnum {
 width:342px;
 padding-top:17px;
}
#moonnum p {
 padding-top:2px;
}
#moonbtn {
 width:158px;
 padding-bottom:6px;
}

#joinmoon ,#inputkm-top ,#viewtotal-top {
 display:block;
 width:159px;
 height:34px;
 text-indent:-9999px;
 background-position:0 0;
}
#joinmoon {
 background:url(../images/moon_sanka.gif) no-repeat;
}
#inputkm-top {
 background:url(../images/moon_kyori.gif) no-repeat;
}
#viewtotal-top {
 background:url(../images/moon_viewtotal.gif) no-repeat;
}
#joinmoon:hover ,#inputkm-top:hover ,#viewtotal-top:hover {
 background-position:0 -34px;
}


/*ライダースファイル*/
#customer {
 float:left;
 width:100%;
 margin-bottom:60px;
}
#customer table {
 float:left;
 width:100%;
}
#customer table td {
 width:108px;
 vertical-align:top;
}
#customer table a {
 display:block;
 width:100px;
}
#customer table span {
 float:left;
 width:100px;
 padding-top:7px;
 line-height:1.4em;
}
#tlcfile {
 margin:20px 0;
}



#customer table td a ,#newarrival table td a {
 width:100px;
 margin-right:8px;
}


/*新着商品*/
#newarrival {
 float:left;
 width:100%;
}
#newarrival ul {
 float:left;
 width:100%;
 list-style-type:none;
 padding:23px 0;
}
#newarrival ul li {
 padding:2px 0;
}
#newarrival ul li p {
 height:24px;
}

#newarrival table {
 float:left;
}
#newarrival td {
 width:108px;
 padding-bottom:25px;
 vertical-align:top;
}
#newarrival td a {
 width:100px;
 display:block;
}
#newarrival td span {
 display:block;
 width:100px;
 padding-top:4px;
}



/*==次ページ目以降=========================================*/

/*=メインエリア内上部(トピックパス等の入っているボックス)=*/

#pagetl {
 width:100%;
 float:left;
 margin-bottom:30px;
}
#itemsort ,#subitem {
 float:right;
}
#subitem {
 padding-top:6px;
}
#tpath {
 width:429px;
}
#tpath ,#tpath li ,#itemsort li ,#subitem li {
 float:left;
}
#tpath li {
 display:block;
 white-space:nowrap;
}


/*==ページの説明(タイトルの下)=============================*/

#pageexpl {
 margin-bottom:25px;
}




/*==============================================================

//  ロールオーバーの指定

==============================================================*/

#inputcourse ,#howtoinput {
 display:block;
 width:180px;
 height:29px;
 text-indent:-9999px;
 background-position:0 0;
}
#inputcourse {
 background:url(../../courseguide/images/course_thoko.gif) no-repeat;
}
#howtoinput {
 background:url(../../courseguide/images/about_thoko.gif) no-repeat;
}
#inputcourse:hover ,#howtoinput:hover {
 background-position:0 -29px;
}


#gotoconf ,#backto ,#postto ,#gototop ,#transmit ,#kettei ,#aboutbuy ,#aboutshopping ,#btninq ,#buy ,#entry ,#gotohome ,#linktotalride ,#loginbtn ,#inputdistance {
 display:block;
 width:152px;
 height:24px;
 text-indent:-9999px;
 background-position:0 0;
}
#gotoconf {
 background:url(../../courseguide/images/kakunin.gif) no-repeat;
}
#backto {
 background:url(../../courseguide/images/back.gif) no-repeat;
}
#postto {
 background:url(../../courseguide/images/thoko.gif) no-repeat;
}
#gototop {
 background:url(../../courseguide/images/top.gif) no-repeat;
}
#transmit {
 background:url(../../moonrider/images/transmit.gif) no-repeat;
}
#kettei {
 background:url(../../mypage/images/kettei.gif) no-repeat;
}
#aboutbuy {
 background:url(../../onlinestore/images/storemenu2.gif) no-repeat;
}
#aboutshopping {
 background:url(../../onlinestore/images/storemenu3.gif) no-repeat;
}
#btninq {
 background:url(../../onlinestore/images/storemenu4.gif) no-repeat;
}
#buy {
 background:url(../../onlinestore/images/storemenu1.gif) no-repeat;
}
#entry {
 background:url(../../pl-blog/images/touroku.jpg) no-repeat;
}
#gotohome {
 background:url(../../registration/images/home.gif) no-repeat;
}
#linktotalride {
 background:url(../../moonrider/images/linkto_totalride.gif) no-repeat;
}
#loginbtn {
 background:url(../images/login.gif) no-repeat;
}
#inputdistance {
 background:url(../images/input_distance.gif) no-repeat;
}

#gotoconf:hover ,#backto:hover ,#postto:hover ,#gototop:hover ,#transmit:hover ,
#kettei:hover ,#aboutbuy:hover ,#aboutshopping:hover ,#btninq:hover ,#buy:hover ,#entry:hover ,#gotohome:hover ,#linktotalride:hover ,#loginbtn:hover ,#inputdistance:hover {
 background-position:0 -24px;
}



/*==百景ページのロールオーバー設定=================*/

#postphoto {
 display:block;
 width:100px;
 height:19px;
 text-indent:-9999px;
 background:url(../../hyakkei/images/contribute.gif) no-repeat;
 background-position:0 0;
}
#postphoto:hover {
 background-position:0 -19px;
}



/*==マイページのロールオーバー設定================*/

#changeid {
 display:block;
 width:99px;
 height:24px;
 text-indent:-9999px;
 background:url(../../mypage/images/thoroku_hen.gif) no-repeat;
 background-position:0 0;
}
#changeid:hover {
 background-position:0 -24px;
}



/*==ショッピングカートのロールオーバー設定====================*/

#btncontinue {
 display:block;
 width:180px;
 height:24px;
 text-indent:-9999px;
 background:url(../../onlinestore/images/btn_continue.gif) no-repeat;
 background-position:0 0;
}
#btncontinue:hover {
 background-position:0 -24px;
}
.cancel {
 display:block;
 width:70px;
 height:24px;
 text-indent:-9999px;
 background:url(../../onlinestore/images/cancel.gif) no-repeat;
 background-position:0 0;
}
.cancel:hover {
 background-position:0 -24px;
}


/*==ペダルライフブログのロールオーバー========================*/

#registblog {
 display:block;
 width:120px;
 height:19px;
 text-indent:-9999px;
 background:url(../../pl-blog/images/entry.gif) no-repeat;
 background-position:0 0;
}
#registblog:hover {
 background-position:0 -19px;
}


/*==ストアインフォのロールオーバー============================*/

#storeinq {
 display:block;
 width:180px;
 height:24px;
 text-indent:-9999px;
 background:url(../../storeinfo/images/detailmenu4.gif) no-repeat;
 background-position:0 0;
}
#storeinq:hover {
 background-position:0 -24px;
}

#map-open {
 display:block;
 width:96px;
 height:18px;
 margin-top:3px;
 text-indent:-9999px;
 background:url(../../storeinfo/images/storeinfo_map.gif) no-repeat;
 background-position:0 0;
}
#map-open:hover {
 background-position:0 -18px;
}


/*==オンラインストアのロールオーバー========================*/

#addtocart ,#aboutbuy-b ,#aboutshopping-b {
 display:block;
 width:180px;
 height:24px;
 text-indent:-9999px;
 background-position:0 0;
}

#addtocart {
 background:url(../../onlinestore/images/detailmenu1.gif) no-repeat;
}
#aboutbuy-b {
 background:url(../../onlinestore/images/detailmenu2.gif) no-repeat;
}
#aboutshopping-b {
 background:url(../../onlinestore/images/detailmenu3.gif) no-repeat;
}

#addtocart:hover ,#aboutbuy-b:hover ,#aboutshopping-b:hover {
 background-position:0 -24px;
}



/*==スタッフセレクトのロールオーバー========================*/

.selectlist {
 display:block;
 width:100px;
 height:16px;
 margin-top:4px;
 text-indent:-9999px;
 background:url(../../onlinestore/images/item_selectlist.gif) no-repeat;
 background-position:0 0;
}
.selectlist:hover {
 background-position:0 -16px;
}