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

/*==============================================================================
■制作者：スパイスラボ
■内容：コンテンツページ共通
■備考：
■目次--------------------------------------------------------------------------

	1=タイトル
	2=タブメニュー
	3=ブログ注目写真
	4=邦楽・洋楽
	5=ブログ
	6=特集
	7=RO69JACK


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





/*------------------------------------------------------------------------------ 1=タイトル*/
/* 第2階層タイトル*/
p.contents_ttl {     
	position:relative;
	display:none;
}
p.contents_ttl img {
	width:100%;
}

/* 第2階層サブタイトル*/
.contents_sub_ttl {
	background:#E7E7E7;
	font-weight:bold;
	font-size:14px;
	padding:3px 3px;
	line-height:1.4;
	clear:both;
}

/*------------------------------------------------------------------------------ 2=タブメニュー*/
.menu_bar {
	border-bottom:solid 1px #CCC;
	margin:11px 0 5px;
	height:25px;
	position:relative;
	display:none;

}
/*RSSボタン*/

.menu_bar a.rss_btn_bg {
	position:absolute;
	top:2px;
	right:0px;
	color:#000;

}


/*今後のライブレポート予定*/
.menu_bar a.live_report, .menu_bar a.live_report_on {
	position:absolute;
	top:0;
	right:0;
	width:168px;
	height:25px;
	background:url(http://ro69.jp/img/live/btn_live_schedule.gif) 0 0 no-repeat;
	text-indent:-9999px;
}
.menu_bar a.live_report:hover, .menu_bar a.live_report_on{ background:url(http://ro69.jp/img/live/btn_live_schedule.gif) 0 -25px no-repeat; }


.menu_bar ul.tab {
 	position:absolute; 
	top:0; 
	left:0;
	width:357px;
	height:25px;

}
.menu_bar ul.tab li {
	display:inline;
	width:94px;
	height:25px;
	
}

.menu_bar ul.tab li a{
	display:block;
	text-indent:-9999px;
	float:left;
	width:94px;
	height:25px;
	border-right:solid 1px #FFF;
}
/*NEWS TAB NORMAL*/
ul.tab li a.tab_jp_news {background:url(http://ro69.jp/img/news/news_tab.gif) -12px 0 no-repeat;}
ul.tab li a.tab_world_news {background:url(http://ro69.jp/img/news/news_tab.gif) -130px 0 no-repeat;}
ul.tab li a.tab_all_news {background:url(http://ro69.jp/img/news/news_tab.gif) -248px 0 no-repeat; }
/*NEWS TAB HOVER*/
ul.tab li a.tab_jp_news:hover, ul.tab li a.tab_jp_news_on {background:url(http://ro69.jp/img/news/news_tab.gif) -12px -25px no-repeat; }
ul.tab li a.tab_world_news:hover, ul.tab li a.tab_world_news_on {background:url(http://ro69.jp/img/news/news_tab.gif) -130px -25px no-repeat; }
ul.tab li a.tab_all_news:hover, ul.tab li a.tab_all_news_on {background:url(http://ro69.jp/img/news/news_tab.gif) -248px -25px no-repeat; }


/*LIVE TAB NORMAL*/
ul.tab li a.tab_jp_live {background:url(http://ro69.jp/img/live/live_tab.gif) 0 0 no-repeat;}
ul.tab li a.tab_world_live {background:url(http://ro69.jp/img/live/live_tab.gif) -118px 0 no-repeat;}
ul.tab li a.tab_all_live {background:url(http://ro69.jp/img/live/live_tab.gif) -236px 0 no-repeat; }
/*LIVE TAB HOVER*/
ul.tab li a.tab_jp_live:hover, ul.tab li a.tab_jp_live_on {background:url(http://ro69.jp/img/live/live_tab.gif) 0 -25px no-repeat; }
ul.tab li a.tab_world_live:hover, ul.tab li a.tab_world_live_on {background:url(http://ro69.jp/img/live/live_tab.gif) -118px -25px no-repeat; }
ul.tab li a.tab_all_live:hover, ul.tab li a.tab_all_live_on {background:url(http://ro69.jp/img/live/live_tab.gif) -236px -25px no-repeat; }


/*DISC TAB NORMAL*/
ul.tab li a.tab_jp_disc {background:url(http://ro69.jp/img/disc/disc_tab.gif) 0 0 no-repeat;}
ul.tab li a.tab_world_disc {background:url(http://ro69.jp/img/disc/disc_tab.gif) -118px 0 no-repeat;}
/*DISC TAB HOVER*/
ul.tab li a.tab_jp_disc:hover, ul.tab li a.tab_jp_disc_on {background:url(http://ro69.jp/img/disc/disc_tab.gif) 0 -25px no-repeat; }
ul.tab li a.tab_world_disc:hover, ul.tab li a.tab_world_disc_on {background:url(http://ro69.jp/img/disc/disc_tab.gif) -118px -25px no-repeat; }

/*DISC TAB NORMAL*/
ul.tab li a.tab_new_pro {background:url(http://ro69.jp/img/product/product_tab.gif) 0 0 no-repeat;}
ul.tab li a.tab_backnumber_pro {background:url(http://ro69.jp/img/product/product_tab.gif) -118px 0 no-repeat;}
/*DISC TAB HOVER*/
ul.tab li a.tab_new_pro:hover, ul.tab li a.tab_new_pro_on {background:url(http://ro69.jp/img/product/product_tab.gif) 0 -25px no-repeat; }
ul.tab li a.tab_backnumber_pro:hover, ul.tab li a.tab_backnumber_pro_on {background:url(http://ro69.jp/img/product/product_tab.gif) -118px -25px no-repeat; }

/*FEATURE TAB NORMAL*/
ul.tab li a.tab_jp_feat {background:url(http://ro69.jp/img/feat/feat_tab.gif) 0 0 no-repeat;}
ul.tab li a.tab_world_feat {background:url(http://ro69.jp/img/feat/feat_tab.gif) -118px 0 no-repeat;}
ul.tab li a.tab_all_feat {background:url(http://ro69.jp/img/feat/feat_tab.gif) -236px 0 no-repeat; }
/*FEATURE TAB HOVER*/
ul.tab li a.tab_jp_feat:hover, ul.tab li a.tab_jp_feat_on {background:url(http://ro69.jp/img/feat/feat_tab.gif) 0 -25px no-repeat; }
ul.tab li a.tab_world_feat:hover, ul.tab li a.tab_world_feat_on {background:url(http://ro69.jp/img/feat/feat_tab.gif) -118px -25px no-repeat; }
ul.tab li a.tab_all_feat:hover, ul.tab li a.tab_all_feat_on {background:url(http://ro69.jp/img/feat/feat_tab.gif) -236px -25px no-repeat; }


ul.tab li a.tab_free_word { 
	background:#000; 
	color:#FFF; 
	text-indent:0; 
	font-weight:bold; 
	text-align:center;
	line-height:25px;
	white-space:nowrap;
}
ul.tab li a.tab_free_word_on {
	background:#FF0000; 
	color:#FFF; 
	text-indent:0; 
	font-weight:bold; 
	text-align:center;
	line-height:25px;
	white-space:nowrap;

}
ul.tab li a.tab_free_word:hover, ul.tab li a.tab_free_word_on:hover {text-decoration:none; background:#FF0000; }

/*------------------------------------------------------------------------------ 3=前後ページナビゲーション*/
.article_head { border-bottom:solid 1px #CCC; margin-bottom:10px; padding-bottom:10px; }
.article_foot { zoom:1; }

.article_head .small_link {
	display:none;
}

.small_link {
	width:286px;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
}

.small_link .col1 {
	display:block;
	width:45%;
	font-size:11px;
	margin-right:4px;
	height:43px;
	line-height:20px;
	background:url(http://ro69.jp/img/ico_arrow_back.png) left 11px no-repeat; 
	padding-top:5px;
	padding-left:8px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	float:left;
	margin-bottom:-1px;
	
}

.small_link .col2 {
	width:44%;
	font-size:11px;
	height:43px;
	line-height:20px;
	background:url(http://ro69.jp/img/ico_arrow.png) right 11px no-repeat; 
	padding-right:8px;
	padding-left:8px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	padding-top:5px;
	float:left;
	border-left:1px solid #ccc;
}

.small_link .col1 a, .small_link .col2 a {
	height:40px;
	overflow:hidden;
	padding-right:5px;
	display:block;
}





/*------------------------------------------------------------------------------ 4=ソーシャルリンク*/
ul.social { float:right; width:169px; height:21px; margin-top:10px;}
ul.social li {
	display:inline;
	width:20px;
	height:21px;
	margin-top:10px;
	}
ul.social li.twitter {
	width:65px;
	}
.fb-like {
	width:68px;
	position:relative;
	z-index:200;
	}
ul.social li a {
	display:block;
	float:right;
	width:20px;
	height:20px;
	margin-right:5px;
    _margin-right:2.5px; /* IE6 */
	text-indent:-9999px;
	background:url(http://ro69.jp/img/btn_social.png) 0 0 no-repeat;
	margin-left:0px;
	zoom:1;
}
ul.social li a.twitter { /*background-position: 0 -20px;*/ width:65px; background-position: 0 -100px; position:relative; z-index:201; }
ul.social li a.hatena { /*background-position: -80px -20px;*/ background-position: -80px -100px; }


ul.social li a.twitter:hover { /*background-position: 0 -40px;*/ width:65px; background-position: 0 -120px; }
ul.social li a.hatena:hover  { /*background-position: -80px -40px;*/ background-position: -80px -120px; }

/*------------------------------------------------------------------------------ 5=一覧ページ　スタイリング*/
/* 第2階層　共通記事ブロック*/
.article {
	padding-bottom:5px;
	margin-bottom:5px;

}
/*スタイルの順序の関係で、ここにも.articleにも適用されるように
no_border入ります。他のno_borderと同じ設定です。*/
.no_border {border-bottom:0; }
#news .article p{
	font-size:12px;
	display:none;
	}

.article_ttl {
	font-size:18px !important;
	font-weight:bold;
	width:100%;
	line-height:1.3;
	display:block !important;
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
}

.article_border_ttl {
	font-size:18px;
	font-weight:bold;
	width:100%;
	border-bottom: solid 1px #CCC;
	margin-bottom:10px;
	line-height:1.3;
	padding:5px 0;
}
#news .article img.float_right { margin-left:20px; margin-bottom:10px ;display:none;}



/*------------------------------------------------------------------------------ 6=記事内スタイリング*/

.article_body {
	margin-bottom:30px;
	margin:0 0 1.52em; font-size:14px; line-height:1.9;
}

/*.article_body p {margin:0 0 1.52em; font-size:14px; line-height:1.9; }
	.article_body p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	.article_body p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}*/
	.article_body a {text-decoration:underline; }
#info .article .new{
	padding-top:10px;
	}
#info{
	padding-top:15px;
	}
#info .title{
	margin-bottom:10px;
	}