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


#container {

margin: auto!important;
height: auto;
zoom: 100%;
}

#container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


.context{ overflow:hidden; text-align:left; margin-bottom:10px;}
.context p{ font-size:15px; line-height:160%; color:#000; margin-bottom:15px;}


.broslink a{ border:1px solid #F90; display:block; padding:8px 12px; text-align:center; font-size:13px; color:#111 !important; font-weight:bold;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457));
background: -webkit-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -moz-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -o-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -ms-linear-gradient(top, #efe457 0%, #feae31 100%);
background: linear-gradient(top, #efe457 0%, #feae31 100%); text-decoration:none;}

.infolink{ background-image:url(http://www.bikebros.co.jp/vb_img/bbcommon/img/sp/new_window.png); background-repeat:no-repeat; padding-left:20px; margin-top:10px; font-size:13px;}
.infolink a{ font-size:13px; color:#1685CC; text-decoration:underline; padding-top:0; display:inline;}


.boxmidashi {
text-align: left;
font-size: 18px;
font-weight: bold;
color: #FFF;
padding: 10px;
margin: 0px 0px 10px;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
border-top-left-radius: 3px;
border-top-right-radius: 3px;
position: relative;

}


.introbox{display:block; width:100%;}
.introbox .intro2box {display:block;}
.introbox .intro2box img{width:100%; height:auto; }

.introbox:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.introbox01l{float:left ; width:580px;}
.introbox01r{float:right; width:350px;}

.introbox02l{float:left ; width:350px;}
.introbox02r{float:right; width:580px;}

.introbox03l{float:left ; width:580px;}
.introbox03r{float:right; width:350px;}




/* 共通クレジット */
#credit {
font-size: 12px;
color: #333333;
margin-bottom: 5px;
margin-top: 5px;
}

#credit:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #credit{
height: 1em;
overflow: visible;
}

/**/
#credit .left {
width: 720px;
float: left;
text-align:left;
}
#credit .right{
width:200px;
float:right;
text-align:right;
}
.clear{
clear:both;
}




/* メインカット */
#mainimg950 {
width: 950px;
}


/* 導入部分 */
.leadintro {
background-color: rgb(238, 238, 238);
border: 1px solid rgb(204, 204, 204);
color: rgb(0, 0, 0);
font-size: 14px;
font-weight: nomal;
line-height: 155%;
margin-bottom: 30px;
padding: 18px;
}

.topicsmain_cap {color:#D20000 !important; padding-top:5px;font-size:12px !important;font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:150%;}



/*見出し */
.context h2.midashi {
border-left: 6px solid #C60000;
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: bold;
line-height: 140%;
margin-bottom: 15px;
padding: 5px 10px;
}

.context h4.pmidashi {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}


.context h4.capmidashi {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
}

/*�*&s2*/









/* =======================================
ClearFixElements
======================================= */



.contextbox950{
width: 950px;
caption-side: bottom;
font-size: 14px;
line-height: 150%;
color: #000000;
text-align: left;
margin-bottom: 15px;
/* [disabled]overflow: hidden; */
}



.context img {
vertical-align: middle;
}







.contextbox950_shop01{width:300px;float:left;margin-right:25px; margin-bottom:5px;}
.contextbox950_shop02{width:300px;float:right; margin-bottom:5px;}


.shopkakomi{border:5px solid #999999;padding:12px;margin-bottom:15px;}


.shopbox_midashi{background-color:#900;color:#fff;padding:7px 7px 5px 7px;width:206px;text-align:center;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin-bottom:0;}
.shopbox{
width: 425px;
padding: 15px 15px 10px 15px;
border: 5px solid #900;
text-align: left;
margin-top: 0;
overflow: hidden;
}
.shopbox01{
width: 230px;
margin-right: 10px;
float: left;
}
.shopbox02a{
width: 230px;
margin-right: 10px;
font-size: 12px;
float: left;
/* [disabled]height: 100px; */
margin-bottom: 10px;
}
.shopbox01b{
width: 160px;
margin-right: 10px;
float: left;
height: 120px;
}
.shopbox02b{
width: 430px;
/* [disabled]margin-right: 10px; */
font-size: 12px;
/* [disabled]padding: 20px 0px; */
float: right;
}
.shopbox03{
width: 425px;
float: left;
color: #0066FF;
margin-top: 15px;
clear: both;
}
.photo_cap02{ font-size:12px; color:#900; line-height:150%;}


.brandbox_midashi{
background-color: #000;
color: #fff;
padding: 7px 7px 5px 17px;
width: 926px;
text-align: left;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0;
}

.brandbox{
width: 918px;
padding: 15px 15px 10px 15px;
border: 1px solid #000;
text-align: left;
margin-top: -10px;
overflow: hidden;
margin-bottom: 20px;
display:table;
}
.brandbox01{ width:260px; padding-right:20px; display:table-cell; vertical-align:middle;}
.brandbox01 img{ width:100%; height:auto; }

.brandbox02{
width: 200px;
font-size: 12px;
line-height: 160%;
color: #000;
display:table-cell;
vertical-align:middle;
padding-right: 20px;
}
.brandbox03{
width: 418px;
font-size: 13px;
display:table-cell;
vertical-align:middle;
}
.brandbox03 .profile_intro{font-size: 13px !important;}

.profile_name { color: #000; font-size: 16px; font-weight: bold; padding: 0; margin-bottom: 10px; }
.profile_intro{font-size: 12px; color: #333;line-height: 145%;margin-bottom: 8px;}




/* フォトトピスライド */


#photo_topicsbox{
width: 950px;
margin-bottom: 20px;
clear: both;
height: 741px;
background-color: #000;
}
#photo_topicsbox #photo_topicsbox_l{width:950px;float:left;background-color:#000;margin-right:10px; height: 737px;}
.panel img{ width:948px; border-right:1px solid #000;}
.photog-cap{color:#FFF !important; padding-top:10px;font-size:12px !important;font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:150%;padding-left: 2.4em;text-indent: -2.4em;}
.topics_cap{color:#FFF !important; padding-top:10px;font-size:12px !important;font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height:150%;padding-left: 2.4em;text-indent: -2.4em;}
.photo_number{background-color:#CC0000;color:#FFFFFF;padding:2px 5px 2px 5px;margin-right:5px;}
.number{background-color:#CC0000;color:#FFFFFF;padding:2px 5px 2px 5px;margin-right:5px;}

.filmstrip{display:block !important;}


.fblikebox{
text-align: center;
background-color: #EEE;
padding: 10px;
}

.snsbox {
font-size: 15px;
color: #000;
line-height: 165%;
}


/* 記事個別の追加 */


.brand3box .midashi {
border-left: 6px solid #C60000;
color: rgb(0, 0, 0);
font-size: 16px;
font-weight: bold;
line-height: 140%;
margin-bottom: 15px;
padding: 5px 10px;
}



.contextbox940_h03a{width:300px;float:left;margin-right:20px;}
.contextbox940_h03b{width:300px;float:right;}

.contextbox940_h03a a:hover img{
filter: alpha(opacity=80);
opacity:0.8;
background: #ffffff;
}

.contextbox940_h03b a:hover img{
filter: alpha(opacity=80);
opacity:0.8;
background: #ffffff;
}