.right_rankmenu {
  width: 238px;
  margin-bottom: 10px;
  border: 1px solid #000000;
}
.right_rankinner {
  width: 228px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.right_rankinner li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCCCCC;
  list-style-type: decimal;
  margin-left: 27px;
  padding-left: -5px;
} 

/* ●common.css */
/* ボディ */
body {
  height: auto;
  margin-bottom:0px;
  background-position:left top;
}

/* パンくず */
#navi {
 font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-size: 12px;
 text-align: left;
 font-weight: normal;
 padding-top: 7px;
 padding-bottom: 5px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 0px;
 margin-bottom: 0px;
 width: 930px;
 padding-left: 10px;
 color:#000000;
 margin-bottom:10px;
 background-color:#EFEFEF;
 height:20px;
}
#navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*¥*/
* html #navi{
    height: 1em;
    overflow: visible;
}
/**/
#container #navi a{
 color:#003399;
}

/*コンテナ背景*/
#wrapper {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}
#container {
  clear: both;
  float: none;
  width: 940px;
  background-color:#FFFFFF;
  height:auto;
  padding-right: 25px;
  padding-left: 25px;
  text-align: left;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 13px;
  line-height: 19px;
  font-weight: normal;
  color: #000000;
  padding-top: 10px;
}
#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/**/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/
#twobox {
float:left;
font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:13px;
font-weight:normal;
line-height:19px;
width:680px;
}
#twobox:after {
clear:both;
content:"";
display: block;
height: 1px;
overflow: hidden;
}
* html #twobox {
height: 1em;
overflow: visible;
}

/* 右メニュー枠 */
#rightbox {
color: #333333;
float: right;
font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 19px;
list-style-type: none;
width: 240px;
}
#rightbox:after {
clear: both;
content: "";
display: block;
height: 1px;
overflow: hidden;
}
* html #rightbox {
height: 1em;
overflow: visible;
}
.right_inner {
  width: 228px;
  margin-bottom: 10px;
  padding: 5px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
}
.right_inner li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCCCCC;
  list-style-type: none;
}
.right_midashi_big {
  font-weight: bold;
  padding-left: 10px;
  font-size: 12px;
  color: #FFFFFF;
  background-image: url(../img/common/right_midashi_big.gif);
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 4px;
  padding-bottom: 1px;
}
.right_midashi_middle {
  font-weight: bold;
  padding-left: 10px;
  font-size: 12px;
  color: #333333;
  background-image: url(../img/common/right_midashi_middle.gif);
  background-repeat: no-repeat;
  text-align: left;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #888888;
  height: 20px;
  padding-top: 3px;
  padding-bottom: 2px;
}

/* メニューリスト */
.menu_list {
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  padding-top:3px;
  margin-bottom: 5px;
}
.menu_list img {
  margin-right: 5px;
}

/* スペーサー */
.bottom5 {
  margin-bottom: 5px;
}
.bottom10 {
  margin-bottom: 10px;
}
.bottom15 {
  margin-bottom: 15px;
}
.margin20 {
   margin-top: 10px;
   margin-bottom: 10px;
}
.top5 {
  margin-top: 5px;
}
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}

/*文字サイズ*/
.size11{
  font-size:11px;
  line-height:150%;
}
.size12{
  font-size:12px;
  line-height:150%;
}
.size13{
  font-size:13px;
  line-height:150%;
}
.img_right {
  margin-left: 10px;
  margin-bottom:5px;
}
.img_left {
  margin-right: 10px;
  margin-bottom:5px;
}
.right_img {
  margin-left: 10px;
  margin-bottom:5px;
}
.left_img {
  margin-right: 10px;
  margin-bottom:5px;
}

/* ページネーション */
.pagenation {
  text-align: right;
  font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
}
.pagenation a {
  padding: 4px;
  border: 1px solid #CCCCCC;
  margin-left: 5px;
}
.pagenation a:hover {
  background-color: #0033CC;
  color:#FFFFFF;
}

/* 見出し */
.topmidashi {
font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 5px;
  border-right-width: 1px;
  clear: both;
  padding-top: 6px;
  padding-right: 5px;
  padding-bottom: 4px;
  padding-left: 15px;
  background-image: url(../img/common/topmidashi_big.gif);
  background-repeat: no-repeat;
  height: 20px;
}

/* バッジバナー */
.badge {
  height: 200px;
  width: 240px;
  margin-bottom: 10px;
}

/* 装飾 */
.red_text {
  font-size: 12px;
  font-weight: normal;
  color: #FF0000;
}
.verdanatext_big {
  font-family: Verdana;
  font-size: 32px;
  font-weight: bold;
  color: #FF0000;
}
.verdanatext_middle {
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
  color: #FF0000;
}
.verdanatext_small {
  font-family: Verdana;
  font-size: 17px;
  font-weight: bold;
  color: #FF0000;
}


.img_left5 {
  margin-right: 5px;
}
.img_right5 {
  margin-left: 5px;
}
.img_left {
  margin-right: 10px;
}
.img_right {
  margin-left: 10px;
}


.img_link a img {
  border:1px solid #BABABA;
}
.img_link a:hover img {
  border:1px solid #CC3333;
}
.img_link_space a img {
  border:1px solid #BABABA;
  padding:1px;
}
.img_link_space a:hover img {
  border:1px solid #CC3333;
  padding:1px;
}


.ralign0 {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}
.ralign5 {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  margin-top: 5px;
}
.ralign10 {
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  margin-top: 10px;
}


*{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{
  font-size:14px;
  font-weight:bold;
  color: #333333;
  text-align: left;
}

a:link {
  color: #000099;
}
a:hover {
  text-decoration: none;
}
.border {
  border: 1px dashed #666666;
}
img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

/* 記事オリジナル */
.indexbox {
  width: 680px;
  margin-bottom: 10px;
}
.indexbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .indexbox {
    height: 1em;
    overflow: visible;
}
/**/
.indexbox .lbox {
  float: left;
  width: 330px;
}
.indexbox .rbox {
  float: right;
  width: 330px;
}
.indexbox img {
  margin-right: 5px;
  border: 1px solid #333333;
}


/* 基本ボックス */
.smatechbox {
  width: 680px;
  margin-bottom: 10px;
}
.smatechbox li {
  list-style-type: disc;
  margin-left: 15px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
.smatechbox .qlead {
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #000000;
  padding-bottom: 5px;
}



/* バッジバナー */
.badge {
  height: 200px;
  width: 240px;
  margin-bottom: 10px;
}
.creditbox {
  color: #FFFFFF;
  background-color: #000000;
  text-align: center;
  padding: 2px;
  font-size: 11px;
}
.smatech_logbox {
  width: 680px;
  font-family: "Osaka－等幅", "ＭＳ Ｐゴシック";
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  color: #000000;
}

.smaquestion_title {
  color: #FFFFFF;
  background-color: #000000;
  width: 658px;
  border: 1px solid #000000;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: 20px;
}
.smaquestion_mtitle {
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
}

.smaquestion {
  width: 658px;
  border: 1px solid #000000;
  padding: 10px;
}
.smaquestionbox {
  width: 658px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
.smaquestionbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .smaquestionbox {
    height: 1em;
    overflow: visible;
}
/**/
.smaquestionbox .lbox {
  float: left;
  width: 150px;
}
.smaquestionbox .rbox {
  float: right;
  width: 490px;
}

/* ヘッダー */
#header {
  width: 100%;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/header_bg.jpg);
  background-repeat: repeat-x;
  clear: both;
  float: none;
  padding-bottom: 20px;
}
#header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #header {
    height: 1em;
    overflow: visible;
}


#navigation {
  margin-right: auto;
  margin-left: auto;
  height: 34px;
  margin-bottom: 20px;
  text-align: center;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi_bg.jpg);
  background-repeat: repeat-x;
  clear: both;
}

#topnavi {
  height: 34px;
  width: 950px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  background-position: 0x 0px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}

#topnavi ul {
  height: 34px;
  width: 951px;
  float: left;
  list-style-type: none;
  margin-left: -1px;
  padding-left: -1px;
  display: inline;
}

#topnavi li {
  float: left;
  height: 34px;
  text-align: left;
  width: 93px;
  list-style-type: none;
  display: inline;
}


#topnavi li a {
  display: block;
  text-indent: -99999px;
  height: 34px;
  width: 93px;
}




#topnavi #tnav01 {
  width: 99px;
  margin-left: 1px;
}
#topnavi #tnav02 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav03 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav04 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav05 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav06 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav07 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav08 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav09 {
  width: 93px;
  margin-left: 1px;
}
#topnavi #tnav10 {
  width: 93px;
  margin-left: 1px;
}

#topnavi #tnav01 a {
  background-position: 0px 0px;
  width: 99px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav02 a {
  background-position: -100px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav03 a {
  background-position: -194px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav04 a {
  background-position: -288px 0px;
  width: 93px;
  overflow: hidden;
  height: 34px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav05 a {
  background-position: -382px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}

#topnavi #tnav06 a {
  background-position: -476px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav07 a {
  background-position: -570px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav08 a {
  background-position: -664px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav09 a {
  background-position: -758px 0px;
  width: 93px;
  height: 34px;
  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}
#topnavi #tnav10 a {
  background-position: -852px 0px;
  width: 93px;
  height: 34px;

  overflow: hidden;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
}


#topnavi #tnav01 a:hover { background-position: 0px -39px; }
#topnavi #tnav02 a:hover { background-position: -100px -39px; }
#topnavi #tnav03 a:hover {
  background-position: -194px -39px;
}
#topnavi #tnav04 a:hover {
  background-position: -288px -39px;
}
#topnavi #tnav05 a:hover {
  background-position: -382px -39px;
}
#topnavi #tnav06 a:hover {
  background-position: -476px -39px;
}
#topnavi #tnav07 a:hover {
  background-position: -570px -39px;
}
#topnavi #tnav08 a:hover {
  background-position: -664px -39px;
}
#topnavi #tnav09 a:hover {
  background-position: -758px -39px;
}
#topnavi #tnav10 a:hover {
  background-position: -852px -39px;
}


#topnavi #tnav01 .stay a {
  background-position: -0px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/img/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 99px;
  display: block;
  float: left;
}
#topnavi #tnav02 .stay a {
  background-position: -100px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav03 .stay a {
  background-position: -194px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav04 .stay a {
  background-position: -288px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav05 .stay a {
  background-position: -382px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav06 .stay a {
  background-position: -476px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav07 .stay a {
  background-position: -570px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav08 .stay a {
  background-position: -664px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav09 .stay a {
  background-position: -758px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
#topnavi #tnav10 .stay a {
  background-position: -852px -39px;
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/topnavi.jpg);
  background-repeat: no-repeat;
  height: 34px;
  width: 93px;
  display: block;
  float: left;
}
/**/

/* ヘッダー上部 */
#headtop {
  width: 950px;
  text-align: left;
  clear: both;
  margin-right: auto;
  margin-left: auto;
  float: none;
  height: 32px;
}
#headtop:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #headtop {
    height: 1em;
    overflow: visible;
}
/**/

/* ヘッダー上部ボタンボックス */
#box_menu {
  color: #FFFFFF;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  float: right;
  width: 300px;
}

#box_menu ul {
  height: 32px;
  text-align: right;
  display: block;
  white-space: nowrap;
  float: right;
}

#box_menu li {
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 12px;
  margin-left: 10px;
  display: inline;
}
#box_menu .icon {
  background-image: url(https://www.bikebros.co.jp/vb/newimg/common/top_login_icon.gif);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 14px;
  white-space: nowrap;
  display: block;
}

#box_menu img {
  font-size: 12px;
  line-height: 32px;
}
#box_menu a {
  color: #FFFFFF;
}





/* ヘッダー下部 */
#headmain {
  width: 950px;
  height: 90px;
  clear: both;
  float: none;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
}
#headmain:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #headmain {
    height: 1em;
    overflow: visible;
}
#bblogo {
  float: left;
  height: 90px;
  width: 200px;
  text-align: left;
}


/* ヘッダー内カテゴリーネーム */
#headcategory {
  float: left;
  width: 750px;
  font-size: 25px;
  font-weight: bold;
  line-height: 65px;
  height: 65px;
  text-align: left;
  color: #FFFFFF;
}


/**/

#header #headmain #ad {
  float: right;
}

#head_ad h1 {
  font-size: 12px;
  line-height: 32px;
  font-weight: bold;
  color: #FFFFFF;
}
#head_ad {
  width: 600px;
  float: left;
  line-height: 32px;
  color: #FFFFFF;
  font-size: 12px;
}