@charset "utf-8";
/* CSS Document */
/*==============================================================================
■制作者：スパイスラボ
■内容：共通スタイル
■備考：
■目次--------------------------------------------------------------------------

	1=配置・マージン
	2=フォント
	3=リンク
	4=アイコン付テキスト
	5=リスト
	6=ページング


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

/*------------------------------------------------------------------------------ 1=配置・マージン*/

.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.center {display:block;margin-left:auto; margin-right:auto;text-align:center;}

.clear { clear:both; /*display:block; overflow:hidden; visibility:hidden; height:0px;*/}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.overflow {overflow:hidden;}

img.float_left {margin-right:11px; }


/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
 /* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }




.margin_t10 {margin-top:10px; }
.margin_t20 {margin-top:20px; }
.margin_t30 {margin-top:30px; }

.margin_b5 {margin-bottom:5px; }
.margin_b10 {margin-bottom:10px; }
.margin_b15 {margin-bottom:15px; }/*main_col bottom margin*/
.margin_b20 {margin-bottom:20px; }
.margin_b30 {margin-bottom:30px; }
.margin_b8 {margin-bottom:8px; } /*side_col margin */

.padding_t29 {padding-top:29px; }


/*------------------------------------------------------------------------------ 2=フォント　*/

body {
  font-size: 105%;
  *font-size: small;
  /* for IE */
  *font: x-small;
  /* for IE in quirks mode */
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 1.5;
}

#content .col_main　{font-size:14px;}

#content .col_side {font-size:12px; }

/* FONT STYLE */
.bold {font-weight:600;}
.normal {font-weight:normal; font-style:normal;}
.italic {font-style:italic;}

/* FONT SIZE */
.text10 {font-size:10px; }
.text12 {font-size:12px; }
.text13 {font-size:13px; }
.text14 {font-size:14px; }
.text16 {font-size:16px; }
.text18 {font-size:18px; }
.text22 {font-size:22px; }
.text26 {font-size:26px; }
.text33 {font-size:33px; }
/* FONT COLOR */
.white {color:#FFF; }
.red {color:#FF0000; }

/* FONT CLASS */
.date {font-size:12px; color:#666666; }
.reldate { font-size:10px; color:#777777; } /* 関連記事　日付スタイル*/

/*------------------------------------------------------------------------------ 3=リンク*/

a {	color:#000;	text-decoration:none; }
a:hover, a:focus { text-decoration:underline; outline:0; color:#FF0000;}
a:active {color:#FF0000; }
a:visited {}

.col_main a img, .col_side a img  { border:solid 1px #999; }
.col_main a:hover img, .col_side a:hover img  {border:solid 1px #FF0000; }

#nav a, #footer a {color:#FFF;	text-decoration:none; }
#nav a:hover, a:focus { color:#FF0000; }
#footer a:hover, a:focus { text-decoration:underline; }


.bg_black a, 
.bg_darkgray1 a, 
.bg_darkgray2 a {color:#FFF;}

.bg_black a:hover, 
.bg_darkgray1 a:hover, 
.bg_darkgray2 a:hover {color:#FFF; text-decoration:underline; }

a.read_more, a.go_list, a.jp_news, a.world_news, a.special,
a.jp_live, a.world_live, a.disc_review, a.continue, a.detail, a.page_top {
	display:block;
	background:url(http://ro69.jp/img/btn.gif) 0 0 no-repeat;
}

a.read_more span, a.go_list span, a.jp_news span, a.world_news span, a.special span,
a.jp_live span, a.world_live span, a.disc_review span, a.continue span, a.related_news span, a.detail span, a.page_top span,
a.read_more_large span {
	display:none;
}

a.read_more { width:67px; height:15px; background-position:0 -30px; }
a.read_more:hover {width:67px; height:15px; background-position:0 -45px; }

a.go_list { width:40px; height:15px; background-position:0 0; }
a.go_list:hover {background-position:0 -15px; }

a.continue { width:68px; height:15px; background-position:0 -60px;display:none; }
a.continue:hover {background-position:0 -75px; }

a.special { width:57px; height:15px; background-position:0 -90px; }
a.special:hover {background-position:0 -105px; }

a.jp_news { width:95px; height:15px; background-position:0 -120px; }
a.jp_news:hover {background-position:0 -135px; }
a.world_news { width:95px; height:15px; background-position:0 -150px; }
a.world_news:hover {background-position:0 -165px; }

a.jp_live { width:124px; height:15px; background-position:0 -180px;
	display:none;}
a.jp_live:hover {background-position:0 -195px; }
a.world_live { width:124px; height:15px; background-position:0 -210px; }
a.world_live:hover {background-position:0 -225px; }


a.disc_review { width:114px; height:15px; background-position:0 -240px; }
a.disc_review:hover {background-position:0 -255px; }

/*関連記事をもっと見る*/
a.related_news { 
	width:174px; 
	height:22px; 
	background:url(http://ro69.jp/img/btn_related_news.gif) 0 0 no-repeat; }
a.related_news:hover {background-position:0 -22px; }

/*もっと見る(大サイズ）*/
a.read_more_large { 
	width:102px; 
	height:22px; 
	display:block;
	background:url(http://ro69.jp/img/btn_read_more_large.gif) 0 0 no-repeat; }
a.read_more_large:hover {background-position:0 -22px; }



/*詳細を見る*/
a.detail { width:69px; height:15px; background-position:0 -326px; }
a.detail:hover { background-position:0 -341px; }

/*ページトップへ*/
a.page_top { display:none;width:105px; height:28px; background-position:0 -270px; }
a.page_top:hover {background-position:0 -298px; }


/*RSSボタン*/
.rss_btn_bg { background:url(http://ro69.jp/img/btn_rss.png) top right no-repeat; padding-right:25px; line-height:19px;}
a.rss_btn_bg:hover { background:url(http://ro69.jp/img/btn_rss_on.png) bottom right no-repeat; padding-right:25px;}

/*Hatenaボタン　白背景つき*/
a.hatena_btn_bg { 
	display:block;	
	background:url(http://ro69.jp/img/btn_social.png) -80px -60px no-repeat;
	width:20px;
	height:19px;
	text-indent:-9999px;
}
a.hatena_btn_bg:hover {  background-position:-80px -80px; }

/*Twitterボタン　白背景つき*/
a.twitter_btn_bg { 
	display:block;	
	background:url(http://ro69.jp/img/btn_social.png) 0 -60px no-repeat;
	width:20px;
	height:19px;
	text-indent:-9999px;
}
a.twitter_btn_bg:hover { background-position:0 -80px; }

/*------------------------------------------------------------------------------ 4=アイコン付テキスト*/
.arrow { background:url(http://ro69.jp/img/ico_arrow.png) center right no-repeat; padding-right:10px;}
.arrow_back { background:url(http://ro69.jp/img/ico_arrow_back.png) center left no-repeat; padding-left:10px;}
#news .article .new{
	background:url("http://ro69.jp/contents/img/sp/ico_blog_new_smt.gif") top left no-repeat;
	padding-top:10px;
	}
.new {background:url("http://ro69.jp/contents/img/sp/ico_blog_new_smt.gif") top left no-repeat; }
.blog_contents .new {background:url(http://ro69.jp/img/ico_blog_new.gif) 162px 0px no-repeat; padding-top:18px;
	margin-top:0px;}
.dot {background:url(http://ro69.jp/img/dot.gif) center left no-repeat; padding:3px 0 3px 6px; }

.btn_area {position:relative; height:15px;}
.btn_area a {position:absolute; top:0; right:0;}


/*------------------------------------------------------------------------------ 5=リスト*/
ul.list {}


.article ul.list li {
    background: url("http://ro69.jp/contents/img/sp/yazirushi.jpg") no-repeat scroll right center transparent;
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 26px;
    list-style: none outside none;
    max-height: 50px;
    overflow: hidden;
    padding: 5px 0 5px 0px;
    text-align: left;
    width: 100%;
}
#blog ul.list li {
    background: url("http://ro69.jp/contents/img/sp/yazirushi.jpg") no-repeat scroll right center transparent;
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 26px;
    max-height: 50px;
    overflow: hidden;
    text-align: left;
    width: 100%;
	padding-top:5px;
	padding-bottom:5px;
}
.article ul.list li a{
	padding-right:19px;
	display:block;
	max-height:50px;
	}
	
#blog .list a{
	padding-right:19px;
	display:block;
	max-height:50px;
	}


/*　関連アーティストに適用*/
ul.cloud_list { 
    _zoom: 1;}
	
ul.cloud_list li {
    display:inline;
	font-size:13px;
	line-height:2.2;
	margin:0 3px 0 5px;
	}

	
ul.cloud_list li a {

	background:url("http://ro69.jp/img/ico_arrow.png") no-repeat scroll right center;
	padding-right:10px;
	display:inline;
	}

/*------------------------------------------------------------------------------ 6=ページング*/

/* PAGEING */
.paging_outer {
	height:30px;
	height:43px\9; /* IE8 and below */
    *height:43px; /* IE7 and below */
    _height:43px; /* IE6 */
	position:relative;
	border-bottom:solid 1px #CCC;
	padding-bottom:20px;
	}
ul.paging { 
	position:absolute; 
	height:30px;
	margin-top:10px;
	width:205px;
	overflow:hidden;
	margin-left:96px;
	}
ul.paging li { 
	display:block;
	float:left;
	width:0px;
	height:30px; 
	line-height:25px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	background:#ffffff;
	color:#FFFFFF;
	border-right:solid #FFF 1px;
}
	
ul.paging li.current { background:#ffffff;line-height:30px; }
ul.paging li a { 
	display:block; 
	width:0px;
	height:30px;
	color:#FFFFFF; 
	text-decoration:none;
	background:#FFFFFF;
	line-height:30px;
	}
ul.paging li a:hover { color:#FFFFFF; text-decoration:none; background:#FF0000; }

ul.paging li.prev, ul.paging li.next {width:40px;height:30px;display:block; }
ul.paging li.prev a, ul.paging li.next a {width:40px; background:#787878; height:30px;font-size:20px;line-height:30px;}
ul.paging li.prev_off a {width:40px; background:#787878; height:30px;font-size:20px;line-height:30px;}
ul.paging li.prev a:hover, ul.paging li.next a:hover {background:#787878; }
ul.paging li.prev_off, ul.paging li.next_off { 
	width:40px;
	background:#CCC; 
	color:#999
	font-size:20px;
	height:30px;
	}
ul .paging li .prev_off a{
	background:none repeat scroll 0 0 #CCCCCC;
	display:block;
	font-size:20px;
	width:40px;
	height:30px;
	line-height:30px;
	}
						 
#product ul.list li {
    background: url("http://ro69.jp/contents/img/sp/yazirushi.jpg") no-repeat scroll right center transparent;
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    line-height: 26px;
    list-style: none outside none;
    max-height: 50px;
    overflow: hidden;
    padding: 5px 0;
    text-align: left;
    width: 100%;
}

.archive_tab {
	position:absolute;
	top:0;
	right:0;
	width:170px;
	height:23px;
	line-height:23px;
	font-size:12px;
	display:none;
}
.archive_tab select {width:100px;
	display:none;}

 /*Border関連 */
.no_border {border:0 none;}




/*------------------------------------------------------------------------------ 7=フッタ*/	
#footer ul.list li {
	padding:5px 0px 5px 5px;
	text-align:left;
	position:relative\9; /* IE8 and below */
    *position:relative; /* IE7 and below */
    _position:relative; /* IE6 */
	height:1%\9; /* IE8 and below */
    *height:1%; /* IE7 and below */
    _height:1%; /* IE6 */
	font-size:14px;
	border-bottom:1px solid #ccc;
	max-height:75px;
	line-height:25px;
	overflow:hidden;
	background:none;
	display:block;
	
	}
#kirikae .sp {
    line-height: 33px;
	float:left;
	width:50%;
	text-align:center;
	margin-top:0px;
}
#kirikae .pc {
    line-height: 33px;
	float:left;
	width:50%;
	text-align:center;
	margin-top:0px;
}
#kirikae {
    background-image: url("http://ro69.jp/contents/img/sp/kirikae.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
	font-weight:bold;
    height: 33px;
    margin-bottom: 10px;
    margin-left: 19px;
    margin-top: 15px;
	width:282px;
}
#kirikae a{
	color:#ffffff;
	display:block;
	clear:both;
	}