@charset "UTF-8";
/*全媒体共通用 記事本体css*/

/****************************************
		*記事インフォメーション
*****************************************/
.page_data{
	color:#FF6600;
	font-size:12px;
	margin-bottom:5px;
}
.page_data a{
	text-decoration:none;
}
.page_data a:hover{
	text-decoration:underline!important;
	color:#CC0000!important;
}
.page_credit{
	font-size:11px;
	line-height:145%;
	color:#333333;
	margin-bottom:5px;
}	

/****************************************
		*記事　本体
*****************************************/	

.kiji_title{
	background-image:url(../img/single/kiji_title.jpg);
	background-repeat:no-repeat;
	width:665px;
	height:20px;
	padding:10px 5px 5px 10px;
	font-size:14px;
	color:#000000;
	margin-bottom:10px;
}

.kiji_main{
	margin-bottom:10px;
}	
.context2{
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 155%;
	font-weight: normal;
	color: #000000;
	width: 680px;
	margin-bottom: 15px;
}
.context2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .context2 {
    height: 1em;
    overflow: visible;
}
/**/

#context{
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 155%;
	font-weight: normal;
	color: #000000;
	width: 680px;
	margin-bottom: 15px;
}
#context:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #context {
    height: 1em;
    overflow: visible;
}
/**/

/****************************************
		*横3枚組
*****************************************/	

.menubox {
	width: 680px;
	margin-bottom: 10px;
}
.menubox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .menubox {
    height: 1em;
    overflow: visible;
}
/**/
.menubox .lbox {
	float: left;
	width: 450px;
}
.menubox .lbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .menubox .lbox {
    height: 1em;
    overflow: visible;
}
/**/
.menubox .lbox .minilbox {
	float: left;
	width: 220px;
}
.menubox .lbox .minirbox {
	float: right;
	width: 220px;
}
.menubox .rbox {
	float: right;
	width: 220px;
}

.detail3box{ width:680px; overflow:hidden; margin-bottom:10px;} 
.detail3box_l{ width:220px; float:left; margin-right:10px;} 
.detail3box_r{ width:220px; float:right;} 

.detail2box{ width:680px; overflow:hidden; margin-bottom:10px;} 
.detail2box_l{ width:335px; float:left; margin-right:10px;} 
.detail2box_r{ width:335px; float:right;} 


/****************************************
		*画像マウスオーバー
*****************************************/
.detail{
	margin-bottom:5px;
}
.detail img{
	border:1px solid #000000;
}
.detail a:hover img{
	border:1px solid #990000;
}
/****************************************
		*写真キャプション
*****************************************/
.photo_cap{
	font-size:12PX;
	line-height:150%;
	color:#990000;
	margin-top:5px;
}	
/****************************************
		*カスタムメニュー
*****************************************/

.custom_menu{
	border:1px solid #000000;
	padding:10px 0px 10px 0px;
	clear:both;
	margin-bottom:10px;
}
.custom_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .custom_menu {
    height: 1em;
    overflow: visible;
}
/**/
.custom_midashi{
	font-size:13px;
	border-bottom:1px solid #000000;
	margin-bottom:10px;
	padding-bottom:5px;
	padding-left:10px;
	font-weight:bold;
	color:#003399;
}
.custom_text{
	padding:10px;
	font-size:13px;
	color:#000000;
}


/****************************************
		*関連記事を表示
*****************************************/
.kanrenkiji{
	width:658px;
	clear:both;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #999999;
	background-color:#F5F5F5;
}	

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

.kanrenkiji p{
	height:55px;
	font-size:13px;
	border-bottom:1px dotted #999999;
	margin-bottom:5px;
}
.kanrenkiji p a{
	text-decoration:none;
}	
.kanrenkiji p a:hover{
	text-decoration:none;
	color:#CC0000!important;
}	

.kanrenkiji a img{
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	float:left;
	margin-right:5px;
}
.kanrenkiji a:hover img{
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #CC0000;
	float:left;
	margin-right:5px;
}	
.kanrenkiji .left{
	width:320px;
	margin-right:10px;
	float:left;
}	
.kanrenkiji .right{
	width:320px;
	float:right;
}
.kanrenkiji_midashi{
	background-color:#003399;
	width:170px;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin-bottom:0px;
}		

/****************************************
		*記事のキーワード
*****************************************/
.kiji_keyword{
	font-size:13px;
	line-height:160%;
	margin-bottom:10px;
	padding:10px;
	background-color:#FFFFE0;
	border:1px solid #E6DB55;
}	
.kiji_keyword a{
	color#0033CC!important;
	text-decoration:none!important;
	font-weight:normal!important;
}	
.kiji_keyword a:hover{
	text-decoration:underline!important;
}	

/****************************************
		*試乗インプレッション共通
*****************************************/

#kumiph {
	float: right;
	width: 250px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.spec_box{
	border:1px solid #996633;
	padding:10px;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	line-height: 150%;
	color:#333333;
	height:auto;
	clear:both;
	margin-bottom:20px;
	width:658px;
}
.spec_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .spec_box{
    height: 1em;
    overflow: visible;
}
/**/
.spec_leftbox{
	float:left;
	width:280px;
	margin-right:10px;
}
.spec_rightbox{
	float:right;
	width:360px;
}
.spec_midashi{
	font-weight:bold;
	font-size:14px;
	color:#996600;
	border-bottom:1px solid #996633;
	padding-bottom:5px;
	margin-bottom:10px;
}
/*関連ニュース*/
ul.impre_news{
	clear:both;
}
ul.impre_news li{
	padding-bottom:5px;
	padding-top:7px;
	font-size:13px;
	border-bottom:1px dotted #999999;
}	
ul.impre_news li a:link{
text-decoration:none;
}
ul.impre_news li a:visited{
text-decoration:none;
}
ul.impre_news li a:hover{
text-decoration:underline!important;
}
ul.impre_news li a:active{
text-decoration:underline!important;
}
/*関連リンク*/
.impre_link{
	padding:10px 5px 10px 5px;
	text-align:center;
	border:1px solid #999999;
	background-color:#FFFFCC;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}
.img_left5{
	margin-right:5px;
}	
.date {
	font-size: 12px;
	color: #FF3300;
}
.midashi_mini {
	font-weight: bold;
}	
	
/*次のページへのリンク*/
.context_next{	
	border:2px solid #CC0000;
	padding:10px;
	margin-top:10px;
	margin-bottom:15px;
	background-color:#F9F9F9;
	text-align:center;
}
/*コンテンツリンク*/
.contents_link{
	border:2px solid #CC0000;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}


/***************************************************
	  *プラグイン使用関連記事
****************************************************/
.kanren_blockbox{
	width:680px;
	clear:both;
}	
.kanren_blockbox:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .kanren_blockbox{
  height: 1em;
  overflow: visible;
}
/*\*/

.kanren_blockbox li.kanren_block{
	width:162px;
	margin-right:7px;
	float:left;
	height:190px;
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
	display:block;
	margin-bottom:10px;
}

.kanren_blockbox li.kanren_block .kanren_midashi a{
	color:#0033CC!important;
	text-decoration:none;
	font-size:12px;
	margin-bottom:5px;
	line-height:145%;
	font-weight:normal;
	margin-top:5px;
}
.kanren_blockbox li.kanren_block .kanren_midashi a:hover{
	color:#0033CC!important;
	text-decoration:underline!important;
}	
.kanren_blockbox li.kanren_block .kanren_profile{
	font-size:11px;
	color:#000000;
	margin-bottom:8px;
}	
/***************************************************
	  *転載元雑誌情報
****************************************************/
.zassibox {
	width: 678px;
	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;
}
.zassibox .inner {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:12px;
	line-height:150%;
}
.zassimidashi {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:13px;
}
/***************************************************
	  *ニュース新着を記事に表示
****************************************************/
#news h2 {
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px;
	margin: 0px;
	clear: both;
	width: 670px;
	color: #FFFFFF;
	background-image: url(http://www.bikebros.co.jp/news/files/midashi_bg.jpg);
}


#news h3 {
	font-size: 16px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 20px;
	color: #3366FF;
	float: left;
	width: 100%;
}

#news h3 a {
	color: #0066FF;
	text-decoration: none;
}

#news h3 a:hover {
	color: #FF6600;
	text-decoration: underline;
}


#news h4 {
	color: #0066FF;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#news h4 a {
	color: #333333;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin: 0px;
	background-image: url(http://www.bikebros.co.jp/news/arr.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}

#news h4 a:hover {
	color: #FF6600;
	text-decoration: underline;
}

/*枠*/
.contextbox .inbox {
	padding: 9px;
	clear: both;
	width: 660px;
	border: 1px solid #999999;
	margin-bottom: 10px;
	clear:both;
}
.topicslist .text {
	float: left;
	width: 85%;
}

.topicslist li.sublist {
	background-color: #E9F0F0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	width: 657px;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}

.topicslist li.sublist_blue {
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 2px;
	width: 657px;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}


.topicslist li.sublist a {
	text-decoration: none;
	font-size:13px;
	line-height:140%;
}

.topicslist li.sublist_blue a {
	text-decoration: none;
	font-size:13px;
	line-height:140%;
}

.topicslist li.sublist a:hover {
	text-decoration: underline;
}

.topicslist li.sublist_blue a:hover {
	text-decoration: underline;
}


.topicslist li.more {
	text-align: right;
	margin-bottom: 0px;
	margin-top: 5px;
	font-size: 12px;
}
.newsimg {
	float: left;
	width: 15%;
	display: table;
}

.newsimg a img {
	padding: 4px;
	border: 1px solid #999999;
}

/***************************************************
	  *次の記事へのリンク
****************************************************/
.nextpagelink{
	color:#0033CC;
	font-size:17px;
	line-height:150%;
	font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin-bottom:15px;
	margin-top:15px;
	text-align:center;
	padding:10px;
	border:3px solid #CCCCCC;
}
.nextpagelink a{
	color:#0033CC!important;
	text-decoration:none!important;
}	
.nextpagelink a:hover{
	color:#0033CC!important;
	text-decoration:underline!important;
}	
.size11{
	font-size:11px;
	line-height:150%;
}	
.size12{
	font-size:12px;
	line-height:150%;
}	
.size13{
	font-size:13px;
	line-height:150%;
}

/****************************************
		*フォトTOPICS
*****************************************/
#photo_topicsbox{
	width:940px;
	clear:both;
	background-color:#FFFFFF;
	height:660px;
	margin-bottom:10px;
}	
#photo_topicsbox #photo_topicsbox_l{
	width:752px;
	float:left;
	margin-right:10px;
	height:660px;
}
#photo_topicsbox #photo_topicsbox_r{
	width:156px;
	float:right;
	background-color:#FFFFFF;
	height:638px;
	padding:10px 10px 5px 10px;
	color:#000000;
	font-size:12px;
	line-height:160%;
	font-weight:normal;
	background-color:#F5F5F5;
	border-top:5px solid #666666;
}	
.photog-cap{
	padding-top:10px;
	font-size:12px;
	line-height:150%;
}	


/****************************************
		*680pxの横2列組み
*****************************************/
.styling_box{
	width:680px;
	clear:both;
	margin-bottom:10px;
}
.styling_box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .styling_box{
    height: 1em;
    overflow: visible;
}
/**/
.styling_left{	
	float:left;
	width:335px;
	margin-right:8px;
}
.styling_right{	
	float:right;
	width:335px;
}
/****************************************
		*関連コンテンツへのテキストリンク
*****************************************/
.contents_link{
	border:2px solid #CC0000;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

/****************************************
		*右メニュー人気記事ランキング
*****************************************/

.ranking_midashi img{
	vertical-align:bottom;
	padding:0px;
	margin:0px;
}
.ranking_right_midashi_big {
  font-weight:normal;
  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;
  text-align:center;
}	
.ranking_right_inner{
	margin-bottom: 10px;
	padding: 5px;
	font-size:12px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color:#D8AD06;
	border-bottom-color:#D8AD06;
	border-left-color:#D8AD06;
}
.ranking_right_inner .menu_list{
	height:52px;
	border-bottom:1px dotted #999999;
	line-height:140%
}	
.ranking_right_inner .menu_list a{
	text-decoration:none!important;
	color:#0033CC!important;
}	
.ranking_right_inner .menu_list a:hover{
	text-decoration:underline!important;
}	

/****************************************
		*右メニュー新着記事
*****************************************/
.newkiji_right_inner{
	margin-bottom: 10px;
	padding: 5px;
	font-size:12px;
	border-right-width: 6px;
	border-bottom-width: 6px;
	border-left-width: 6px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-left-color:#CCCCCC;
}
.newkiji_right_inner .menu_list{
	height:52px;
	border-bottom:1px dotted #999999;
	line-height:140%;
}	
.newkiji_right_inner .menu_list a{
	text-decoration:none!important;
	color:#0033CC!important;
}	
.newkiji_right_inner .menu_list a:hover{
	text-decoration:underline!important;
}	
/****************************************
		*左プロフィール
*****************************************/	
#context680_profile{
	border-top:2px solid #CCC;
	padding-top:15px;
	padding-bottom:10px;
	border-bottom:2px solid #CCC;
	margin-bottom:15px;
}	

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

#context680_profile_l{
	width:180px;
	margin-right:10px;
	float:left;
}
#context680_profile_r{
	width:490px;
	float:right;
}
.profile_title{
	font-size:12px;
	color:#666;
	margin-bottom:5px;
}
.profile_name{
	color:#000000;
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}
.profile_intro{
	font-size:12px;
	line-height:150%;
	color:#333333;
}	

/****************************************
		*page navi
*****************************************/

.kijinavi_infobox{ width:680px; overflow:hidden;}
.kijinavi_infobox .left{ width:420px; float:left; text-align:left;}
.kijinavi_infobox .right{ width:260px; float:right; text-align:right; font-size:12px;}
.kijinavi_infobox .right a{ padding:6px 8px 5px 8px; background-color:#555; color:#fff; text-decoration:none; display:block; width:96px; float:right; margin-left:10px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; text-align:center;}
.kijinavi_infobox .right a:hover{ background-color:#777;}

.kijinavi_infobox .left_img{ width:410px; float:left; text-align:left;}
.kijinavi_infobox .right_img{ width:250px; float:right; text-align:right; font-size:12px;}
.kijinavi_infobox .right_img a{float:right; margin-left:10px;}
.kijinavi_infobox .right_img a:hover img{filter: alpha(opacity=80);opacity:0.8;background: #ffffff;}


/****************************************
		*padding
*****************************************/
.pleft5{ padding-left:5px;}
.pleft10{ padding-left:10px;}
.pleft20{ padding-left:20px;}
.pleft30{ padding-left:30px;}


/****************************************
	*テキストのセンタリング
*****************************************/
.textcenter{ text-align:center; }
.textleft  { text-align:left;   }
.textright { text-align:right;  }


/****************************************
	*GoogleMap埋め込みマップのテキスト
*****************************************/
.googlemaptext{ color:#00F; text-align:left; }


/****************************************
	*Amazon導線のスタイル
*****************************************/
.amazon_ec{ border:none !important; margin:0px !important;}