@charset "euc-jp";

/*
-------------------------------------------------------------------------------------------
楽天市場　バイクキング　
http://www.rakuten.co.jp/bike-king

ショップ用CSS

2020年8月31日更新
-------------------------------------------------------------------------------------------
*/
body{
    margin:0;
	color:#333333;
	/*background-image:url('https://image.rakuten.co.jp/bike-king/cabinet/200208-bg-p10.jpg');*/
	/*background-image:url('http://image.rakuten.co.jp/bike-king/cabinet/sunday_tate.jpg');*/
	background-repeat:repeat-y;
	background-attachment:scroll;
	background-position:right top;
}
/*　リンクテキスト設定　*/
a:link { color: #0000FF; text-decoration:none;  } 
a:visited { color: #000099; text-decoration:none; } 
a:active { color: #ff00ff; text-decoration:none; } 
a:hover { color: #ff00ff; text-decoration:underline; } 

.text-arrow {
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	color: #333333;
	background: url(../image/arrow01.gif) no-repeat left center;
	padding-left: 14px;
}
/*10倍バナー*/
.head-bn-box{
	margin:15px auto 20px;
	display:block;
	width:100%;
	text-align: center;
}
/*赤帯キャンペーンバナー（クーポン付き）*/
.head-cambn-block{
	margin:0 0 20px 0;
	padding:0;
	position:relative;
	text-align: center;
	display:block;
	width:100%;
	height:60px;
}
.head-cambn-box{
	margin:0 auto;
	padding:0;
	text-align: center;
	display:block;
	width:100%;
		line-height: 0;
	font-size:1;
	position:absolute;
	top:0;
	background-color:#d00000;
}
.head-cambn-box a{
	margin:0 auto;
	padding:0;
	display:inline-block;
}
.head-cambn-box a img{
	margin-bottom:0!important;
}
/*------------------------------------------------------
商品ページレイアウト
------------------------------------------------------*/
span.item_name{
font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , sans-serif;
}
span.catch_copy{
font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , sans-serif;
}
table#rakutenLimitedId_aroundCart{
font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , sans-serif;
}
table#rakutenLimitedId_cart{
font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , sans-serif;
}
span.price2{font-weight:bold;}
/*納期表記*/
td.inventory font{
	margin:4px 10px;
	border:1px solid #E70012;
	padding:4px 6px;
	font-size:100%;
	color:#E70012;
	display:block;
	border-radius:3px;
	line-height:1.2;
}
/*納期　選択肢　上の場合*/
.unified_delvdate_msg {

    font-size: 120%;
    color: #ff0000;
    display: table;
    padding: 6px 15px;
    border: 1px solid #F00;
    margin: 10px 0;
    border-radius: 3px;
    font-weight: bold;

}

/*選択肢改行*/
span.inventory_choice_name {
    color: #333333;
    font-size: 90%;
    white-space: normal;
    word-break: break-all;
}
td.inventory font > br{display:none;}
span.choice{
	margin-top:5px;
	padding:3px 6px;
	font-size:100%;
	color:#bf0000;
	background:#EFEFEF;
	font-family:'メイリオ' , Meiryo , '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , sans-serif;
	line-height: 1.6;
	border:1px solid #ddd;
	border-radius:3px 3px 0 0;
	display:block;
	width:398px;
}
#rakutenLimitedId_aroundCart select {
	padding:3px 6px;
    margin-bottom: 10px !important;
    border-top:1px solid #222;
    border-left:1px solid #222;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    display:block;
    width:410px;
}
/*2016/12/6*/
.text-center{
	text-align: center;
}
/*iframe{
	margin-bottom:6px;
}*/
/*　トップニューステーブル　*/
table#news {
	font-size: 12px;
	line-height: 1.2em;
	color: #565656;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 6px 4px 6px;
}
table#news th{
    text-align:left;
    color:#eb7401;
    width:50px;
	}
	
table#news td{
}
/*　DL DT DD リスト組み　*/
dl.L1{
   width:780px;
   margin:0;
   padding:0;
}
dl.L1 dt {
  clear: left;
  float: left;
  margin: 0 0 0 0;
  padding:0 0 0.5em 0;
  width: 140px;
  padding-left: 5px;
  color: #333;
  font-size:13px;
font-weight:bold;
}

dl.L1 dd {
  margin: 0 0 0.8em 0;
  padding:0 0 0.5em 0;
  padding-left: 160px;
  font-size:13px;
  border-bottom: solid 1px #CCC;

}
/*-20140515追加-開始--------------------------------*/
p {
 text-align: justify;
 text-justify: inter-ideograph;
}
.text-box{
width:780;
}
/*-20140515追加-終了--------------------------------*/


ol{margin:0px; padding:0px;}
ul{margin:0px;
    padding:0px;
/*-20140515追加-開始--------------------------------*/
    text-align: justify;
    text-justify: inter-ideograph;
/*-20140515追加-終了--------------------------------*/
    }
li{
   margin:4px 0 4px 20px;
   padding:4px;}


/*

-------------------------------------------------------------------------------

ヘッダ

-------------------------------------------------------------------------------

*/

#head{
    margin-top:4px;
	height:90px;
	font-size:12px;
	background: url(../image/hed_bg-bar.jpg) no-repeat top center;
}
#head td{
	font-size:12px;
	text-align:center;
}
#head a:link{color:#000000;}
#head a:visited { color: #000000;} 
#head a:hover{color:#FF0000;}

.banner img{
    margin-bottom:10px;
}
/*

-------------------------------------------------------------------------------

レフトナビ

-------------------------------------------------------------------------------

*/
.left{
 font-size:12px;
 color:#333333;
}
.left img{
 margin-top:4px;
 margin-bottom:4px;
}
/*　サイドニューステーブル　*/	
table#news2{
	font-size: 11px;
	line-height: 1.2em;
	color: #333333;
	border-bottom: 1px dashed #CCCCCC;
	padding: 2px 5px 2px 0px;
}
/* table#news th{
    text-align:left;
    color:#eb7401;
    width:50px;
	} */
	
table#news td{
	}
		

/*

-------------------------------------------------------------------------------

レフトナビ

-------------------------------------------------------------------------------

*/
.main{
 font-size:12px;
 color:#333333;
}
.main img{
 margin-bottom:10px;
}
/*

-------------------------------------------------------------------------------

ライトナビ

-------------------------------------------------------------------------------

*/
.right table{
    margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}
.right table img{
    margin-right:10px;
}
.right td{
    font-size:10px;
	color:#333333;
}/*

-------------------------------------------------------------------------------

トップメイン（ｗ600部分）

-------------------------------------------------------------------------------

*/
.tbar{
    display:block;
	width:600px;
	height:30px;
	background:url(../image/tbar-bg.gif) no-repeat top center;
	font-size:16px;
	color:#FFFFFF;
	text-indent:15px;
	margin-top:6px;
	margin-bottom:10px;
	line-height:30px;
	font-weight:800;
}
.tbar2{
    display:block;
	width:780px;
	height:30px;
	background:url(../image/tbar-bg2.gif) no-repeat top center;
	font-size:16px;
	color:#FFFFFF;
	text-indent:15px;
	margin-top:6px;
	margin-bottom:10px;
	line-height:30px;
	font-weight:800;
}


/*

-------------------------------------------------------------------------------

カテゴリートップ共通

-------------------------------------------------------------------------------

*/
div.caMenu ul{
	margin: 10px 0 0 0;
	padding: 0;
	width:780px;
}
div.caMenu ul li{
	margin: 0 2px 2px 0;
	padding: 0;
	list-style:none;
	float:left;
}
div.caMenu ul li:nth-child(5n+5){
	margin: 0 0 2px 0;
	padding: 0;
	list-style:none;
	float:left;
}
/*

-------------------------------------------------------------------------------

共通

-------------------------------------------------------------------------------

*/
/* 注目テキストアミ枠 */
table.atten td{
background-color:#EFEFEF;
border:2px solid #24a901;
padding:16px;
color:#333333;
font-weight:100;
font-size:14px;
}
/* テーブル4 */

.table04{
    color:#000000;
    font-size:10px;
    border:1px solid #CCCCCC;
    border-collapse: collapse;
	margin:3px 0;

}

.table04 th{
    padding:2px 5px;
    border-right:1px solid #CCCCCC; 
    border-bottom:1px solid #CCCCCC;
   font-weight:400;
   text-align:left;

}
.table04 td{
    padding:2px 5px;
    border-right:1px solid #CCCCCC; 
    border-bottom:1px solid #CCCCCC;
   text-align:right;

}


-------------------------------------------------------------------------------

共通説明文（小）

-------------------------------------------------------------------------------

*/

.kyouS{
    display:block;
	border:1px solid #999999;
	font-size:12px;
	padding:4px 10px;

}

/*

-------------------------------------------------------------------------------
説明文共通
-------------------------------------------------------------------------------

*/


/*--------Shimano関連リンク--------------*/

.k_t_s {
  margin-top: 4px;
  margin-bottom: 4px;
  width: 780px;
  border-collapse: collapse;
  border: solid 2px #FFFFFF;
  font-size: 13px;
  color:#333333;
  line-height:1.2em;
}

.k_t_s caption {
  margin-top: 1em;
  text-align: left;
}

.k_t_s th,
.k_t_s td {
  border: solid 2px #FFFFFF;
  padding: 3px 10px;
}

.k_t_s th {
  background: #CCCCCC;
  text-align: center;
  white-space: nowrap;
  color: #000000;
  font-weight: 700  ;
}

.k_t_s td{
  background: #EFEFEF;
  text-align: left;
  font-size: 17px;
  font-weight: nomal;
  padding : 10px ;
}

.k_t_s img{
  width: 170px;
  height: 170px;
}

.k_t_s a{
  letter-spacing : 1px;
  line-height : 18px;
}

.k_t_s b{
  letter-spacing : 2px;
  line-height : 18px;
}

/*-------ここまで------------*/


/* テーブル身長 */
table#size {
  margin-top: 4px;
  margin-bottom: 4px;
  width: ;
  border-collapse: collapse;
  border: solid 2px #999999;
  font-size: 14px;
  margin-top:12px;
}


table#size th,
table#size td {
  border: solid 2px #999999;
  padding: 3px 10px;
}

table#size th {
  background: #000099;
  text-align: center;
  white-space: nowrap;
  color: #FFFFFF;
  font-weight: 100;
}

table#size td{
  background: #FFFFFF;
  text-align: center;
  font-size: 12px;
  font-weight: 100;
}


/* テーブルジオメトリ(過去)-2014年以降廃止予定-*/
 table#geo_old{
    margin:4px 0 4px 0;
    width: 100%;
    border: 2px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#geo_old th {
    padding: 2px 0 2px 0;
    border: 2px #999999 solid;
    border-width: 0 0 2px 2px;
    background-color: #000099;
	font-size:12px;
	color:#FFFFFF;
    text-align: center;
    font-weight: nomal;
}
#geo_old td {
    padding: 4px 0 2px 0;
    border: 2px #999999 solid;
    border-width: 0 0 2px 2px;
	font-size:12px;
    text-align: center;
}

/* テーブルジオメトリ(過去)-ここまで*/

/* テーブル　スペック(過去)-2014年以降廃止予定-*/
table#spec_old {
  margin-top: 12px;
  margin-bottom: 4px;
  width:100%;
  border-collapse: collapse;
  border: solid 2px #999999;
  font-size: 12px;
  color:#333333;
}

table#spec_old caption {
  margin-top: 1em;
  text-align: left;
}

table#spec_old th,
table#spec_old td {
  border: solid 2px #999999;
  padding: 4px 10px;
}

table#spec_old th {
  background: #EFEFEF;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-weight: 100;
}

table#spec_old td{
  background: #FFFFFF;
  text-align: left;
  font-size: 100%;
  font-weight: nomal;
}
/* テーブル　スペック(過去)-ここまで-*/

/* テーブルジオメトリ */
 table#geo{
    margin:4px 0 4px 0;
    /*20140510変更*/
    /*width:100%;*/
    width: 780px;
    border: 2px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#geo th {
    padding: 2px 0 2px 0;
    border: 2px #999999 solid;
    border-width: 0 0 2px 2px;
    background-color: #000099;
	font-size:12px;
	color:#FFFFFF;
    text-align: center;
    font-weight: nomal;
}
#geo td {
    padding: 4px 0 2px 0;
    border: 2px #999999 solid;
    border-width: 0 0 2px 2px;
	font-size:12px;
    text-align: center;
}
table#geotable tr.altercolor td{background:#EFEFEF;}

table#geo_legend {width:475px; font-size:11px; margin:0px auto; text-align:left;}
table#geo_legend td {padding:0px 2px;}
table#geo_legend td.note {padding-top:10px;}

/* テーブル　スペック*/
table#spec {
  margin-top: 12px;
  margin-bottom: 4px;
  /*20140510変更*/
  /*width:100%;*/
  width: 780px;
  border-collapse: collapse;
  border: solid 2px #999999;
  font-size: 12px;
  color:#333333;
}

table#spec caption {
  margin-top: 1em;
  text-align: left;
}

table#spec th,
table#spec td {
  border: solid 2px #999999;
  padding: 4px 10px;
}

table#spec th {
  background: #EFEFEF;
  text-align: left;
  white-space: nowrap;
  color: #000000;
  font-weight: 100;
}

table#spec td{
  background: #FFFFFF;
  text-align: left;
  font-size: 100%;
  font-weight: nomal;
}

/* 透明 */
a:hover img{
    -moz-opacity:0.6;
    opacity:0.6;
    z-index:3;
}
.text01 {
	font-size: 12px;
	line-height: 1.2em;
	color: #565656;
}
.mi-green {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../image/green-bar-bg.gif) repeat-x top;
	text-align: center;
	height: 26px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.img-line {
	border: 1px solid #999999;
}
/* テキスト基本 */
.t-1{ 
	font-size:10px;
	line-height:1.4em;
	}
.t-2{
	font-size:12px;
	line-height:1.4em;
    }
.t-3{
	font-size:14px;
	line-height:1.4em;
	}
.t-red{ 
	font-size:12px;
	color:#ef0044;
	padding:4px;
	}
.t-blue{ 
	font-size:12px;
	color:#0142c3;
	padding:4px;
	}
.text-mi01 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom: 3px solid #0000FF;
	margin-bottom: 10px;
}

.tw-2 {
	font-size: 12px;
	color: #FFFFFF;
}
.tw-1 {
	font-size: 10px;
	color: #FFFFFF;
}
.list-navi {
	font-size: 12px;
	background: url(../image/list-dot.gif) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px;

}
.list-navi02 {
	font-size: 12px;
	background: url(../image/list-dot02.gif) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 18px;
}


/*

-------------------------------------------------------------------------------
ブランドロゴ群
-------------------------------------------------------------------------------

*/
table#brand{
	font-size: 12px;
	line-height: 1.2em;
	color: #333333;
	padding: 6px 5px 15px 5px;
}
table#brand td{
	font-size: 12px;
	line-height: 1.2em;
	color: #333333;
	padding: 4px 4px 4px 4px;
}
#brand img{
    margin:4px auto;
}
#brand td{
    border-bottom:1px solid #CCCCCC;
}

/*
-------------------------------------------------------------------------------
関連商品テーブル
-------------------------------------------------------------------------------
*/

table.k_t
{
width: 780px;
border-collapse: collapse;
}

table.k_t tr td
{
width: 192px;
float: left;
text-align: center;
margin-bottom: 0;
line-height: 1.2em;
font-size: 12px;
}

table.k_t img
{
width:180px;
height:180px;
margin: 12px auto 4px auto;
border: none;
}

/*

-------------------------------------------------------------------------------
関連商品テーブル3個バージョン
-------------------------------------------------------------------------------

*/

table.k_t3
{
width: 780px;
border-collapse: collapse;
}

table.k_t3 tr td
{
width: 258px;
float: left;
text-align: center;
margin-bottom: 0;
line-height: 1.2em;
font-size: 14px;
}

table.k_t3 img
{
width:250px;
height:250px;
margin: 8px auto 2px auto;
border: none;
}



/*
-------------------------------------------------------------------------------
h4タグ
-------------------------------------------------------------------------------
*/
h4{
font-size: 18px;
margin: 40px auto 10px 0;
padding: 0 0 2px 25px;
width: 755px;
height:35px;
background-image: url("http://image.rakuten.co.jp/bike-king/cabinet/line-h4.jpg"); 
background-position: left bottom;
background-repeat: no-repeat;
}


.bn_flow{
    width: 100%;
    position: fixed;
    bottom: 0px;
    left:0px;
    z-index: 5;
} 

.bn_flow img {
    width: 100%;
    bottom: 0px;
    left:0px;
    position: absolute;
} 

/*

-------------------------------------------------------------------------------

左側浮くバナー

-------------------------------------------------------------------------------

*/
#uku_banner1 {
 left:0px;
 top: 150px;
 position: fixed;
 z-index: 100;
} 
#uku_banner2 {
 left:0px;
 top: 310px;
 position: fixed;
 z-index: 100;
} 
#uku_banner3 {
 left:0px;
 top: 470px;
 position: fixed;
 z-index: 100;
}