@charset "UTF-8";
@import "top_timeline.css";
/* CSS Document */

/*------------wrapper-------------*/
#wrapper #main {
    margin-bottom:11px;
}
#wrapper .contents_id .rss{
   float:right;
   margin-right:5px;
}
/*--------------tab-----------------*/
#wrapper #tab,
#wrapper #topics-selecter {
    float:left;
	clear:both;
}
#wrapper #topics-selecter li {float:left;}
#wrapper #tab {
	margin:0;
	padding:0;
}
#wrapper #topics-selecter {
    width:645px;
	height:25px;
	margin-top:1px;
    background:url(../img/top/music_topics_nv_bg.gif) repeat-x right top;
	overflow:hidden;
}
#wrapper #topics-selecter a {display: block;}
.topics-view{
    float:left;
	clear:both;
	width:645px;
	padding-bottom:0;
	margin-bottom:0;
	background:#f4f3f1;
}
.table-view {
    border:none;
	margin-top:0;
}
/*---------------------------------*/
#wrapper #tab {width:645px;}
table.news-table-view{margin-bottom:-1px;}
table.news-table-view tr td {
    vertical-align:middle;
	width:632px;
	padding:7px 0 7px 13px;
	font-size:95%;
}
.hide{
    display:none;
    padding-bottom:0;
	margin-bottom:0;
}
table.news-table-view tr td a {
    padding-left:25px;
    background:url(../img/common/icon/arrow01.gif) no-repeat left center;
}
table.news-table-view tr td a:link,
table.news-table-view tr td a:visited {text-decoration:none;}
table.news-table-view tr td a:hover,
table.news-table-view tr td a:active {text-decoration:underline;}
/*----------------*/
table.news-table-view tr.farstChild {padding-top:5px;}
table.news-table-view tr.odd {background:url(../img/common/line03.gif) repeat-x left bottom #f4f3f1;}/*#e2e0db*/
table.news-table-view tr.even {background:url(../img/common/line03.gif) repeat-x left bottom #ffffff;}
table.manager_news tr.odd {background:url(../img/common/line03.gif) repeat-x left bottom #ffdbe6;}
table.manager_news tr.even {background:url(../img/common/line03.gif) repeat-x left bottom #fff1f9;}
table.manager_news tr.lastChild {background-image:none;}
/*----------------*/
table.manager_news tr td a {
    padding-left:25px;
    background:url(../img/top/icon_r.gif) no-repeat left center;
	color:#e8188d;
}
/*----------------*/
#tab_bottom {
    clear:both;
	width:645px;
	padding-top:2px;
	background:url(../img/common/check_bottom_line.gif) repeat-x left top;
	text-align:right;	
}
#tab_bottom .right {
    padding:2px 8px 2px 0;
    font-size:70%;
}
#tab_bottom,
.check_box,
.check_bottom,
#tab_bottom ul li,.check_bottom ul li,
#tab_bottom ul li a,.check_bottom ul li a {
    float:left;
}
#tab_bottom ul li a {margin-right:8px;}
#artist_title{
    float:left;
	clear:both;
    width:600px;
	height:15px;
	margin-top:15px;
	padding:5px 5px 10px 35px;
	background:url(../img/common/h3_bg.gif) no-repeat #000000 left top;
	border-right:solid 5px #3d96d2;
	color:#FFFFFF;
	font-size:14px;
}
#wrapper #artist_title img {
   float:left;
   margin:5px 0 0 0;
}
/*--------------check_box-------------*/
.check_box {
    height:132px;
    padding-top:7px;
	background:url(../img/common/check_box_bg.gif) repeat-x right bottom;
	text-align:center;
}
.height_big{
    height:150px;
}
.check_in{
    float:left;
	width:620px;
	height:132px;
	padding-left:25px;
    background:url(../img/common/check01.gif) repeat-y left top;
	text-align:center;
	overflow:hidden !important;
}
.height_big .check_in{
   height:auto;
}
.check_in table{
    width:600px;
	height:128px;
	margin:0 auto;
}
/*--------------------------*/
.check_box_pink{
    float:left;
    clear:both;
    padding-top:7px;
	background:url(../img/common/check_box_bg.gif) repeat-x right bottom;
	text-align:left;
}
.check_in_pink {
    float:left;
	width:620px;
	padding-left:25px;
    background:url(../img/common/check01.gif) repeat-y left top;
	overflow:hidden !important;
}
.check_in_pink table {
    width:600px;
	margin:0 auto;
}
.check_in_pink span,
.check_in_short span{
   font-weight:bold;
}

/*--------------------------*/
.check_box2 {
    float:left;
	clear:both;
	width:645px;
	margin-bottom:15px;
}
.check_box_short {
    padding-top:7px;
	background:url(../img/common/check_box_bg.gif) repeat-x right bottom;
	text-align:center;
}
.check_in_short{
	width:290px;
	padding:5px 0 5px 25px;
    background:url(../img/common/check01.gif) repeat-y left top;
	text-align:left;
	overflow:hidden !important;
}
.check_bottom_short {
	clear:both;
	width:315px;
	padding-top:2px;
    background:url(../img/common/check_bottom_line.gif) repeat-x left top;
	text-align:right;	
}
.check_bottom_short .ranking_link {
	font-size:80%;
}
.check_bottom_short .ranking_link .arrow_icon,
.check_bottom_short .ranking_link .pink_icon{
    float:none;
}
.check_bottom_short .ranking_link .pink_icon {color:#d35e99 !important;}
.check_bottom_short span{
   font-size:80%;
   color:#333333;
}
.check_in_short .title {
    font-weight:bold;
	padding-bottom:5px;
}
.check_in .title {
    font-weight:bold;
	float:left;
	clear:both;
} 
/*--------------check_box img-------------*/ 
.check_box table a img {
    width:108px;
	height:108px;
}
.check_box table a:link,
.check_box table a:visited,
.check_box table a:link img,
.check_box table a:visited img {   
    float: left;
	overflow:hidden;
}
.check_box table a:hover img,.check_box table a:active img {   
    margin:-3px;   
}
 /*--------------check_box blue----------*/ 
.check_in table a:link img,
.check_in table a:visited img {border:solid 3px #b9b9b9;} 
.check_in table a:hover,
.check_in table a:active {border:solid 3px #3d96d2;}
 /*----------------------------------------*/
 /*-------------------------------------*/
 /*--------------check_box pink------------*/   
.check_in_pink table a:link img,
.check_in_pink table a:visited img{border:solid 1px #d35e99;} 
.check_in_pink table a:hover,
.check_in_pink table a:active {border:solid 3px #713352;}
 /*----------------------------------------*/
.check_bottom,
.check_bottom_pink {
    float:left;
	clear:both;
	width:645px;
	margin-bottom:15px;
	padding-top:2px;
    background:url(../img/common/check_bottom_line.gif) repeat-x left top;
	text-align:right;	
}
.check_bottom .right,
.check_bottom_pink .right{
    padding:2px 8px 2px 0;
    font-size:80%;
}
.check_bottom_pink .right a {color:#d35e99 !important;}
.check_bottom ul li {
	float:right;
	clear:none;
}
/*----------category-------------*/
#chack_box2,#chack_box2_bottom,
#chack_box2 ul#category_box li ul.category_in,
#chack_box2 ul#category_box li ul.category_in li {
    float:left;
}
#chack_box2,
#chack_box2_bottom {width:645px;}
#chack_box2 {
    margin-top:7px;
    background:url(../img/common/check01.gif) repeat-y left top;
}
#chack_box2 ul#category_box,
#chack_box2 ul#category_box li ul.category_in,
#chack_box2 .tx_al_ri {
    width:598px;
}
#chack_box2 ul#category_box { 
	margin-left:35px;
}
#chack_box2 .tx_al_ri,
#chack_box2 ul#category_box li ul.category_in{
    clear:both;
}
#chack_box2 ul#category_box li {
    float:left;
	padding:10px 3px;
	font-size:100%;
	text-align:left;
	white-space:nowrap;
}
#chack_box2 ul#category_box li ul.category_in li {
    display:inline;
	clear:none;
	width:auto;
	margin-right:10px;
	padding:0;
	border:none;
	font-size:85%;
	white-space:nowrap;
}
#chack_box2 .all_list {
    padding-left:12px;
    background:url(../img/common/icon/arrow03.gif) no-repeat left center;
}
#chack_box2_bottom {
    padding-bottom:3px;
    background:url(../img/common/check_bottom_line2.gif) repeat-x left bottom #ff0000;
}
#contents-main #category_box a:link,
#contents-main #see-more-category a:link,
#contents-main #category_box a:visited ,
#contents-main #see-more-category a:visited{text-decoration:underline;}
#contents-main #category_box a:hover,
#contents-main #see-more-category a:hover,
#contents-main #category_box a:active,
#contents-main #see-more-category a:active {text-decoration:none;}
/*--------------------------------------*/
#see-more-category {
    float:left;
    clear:both;
    width:630px;
	padding-right:15px;
	font-size:80%;
	text-align:right;
}
/*--------------------------------------*/
/*------------ranking list--------------*/
#ranking,
#ranking_bottom,
.ranking_list,
.ranking_list .title{
    float:left;
	clear:both;
}
#ranking{
    width:625px;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
    background:url(../img/common/check01.gif) repeat-y top left;
	overflow:hidden !important;
	text-align:left;
}
#ranking_bottom{
	width:645px;
	height:3px;
	margin-bottom:15px;
	background:url(../img/common/check_bottom_line2.gif) repeat-x scroll left bottom;
}
.ranking_list{
	width:615px;
	padding:10px 0 15px 10px;
}
.ranking_list .title{
    display:block;
	width:600px;
	font-size:90%;
	padding:4px 5px 2px 10px;
    background:#337fbc;
	font-weight:bold;	
	color:#FFFFFF;
	border-bottom:solid 2px #132e52;
}
.ranking_list .title img{
	vertical-align:middle;
}
.ranking_list .title #tsutaya_logo{
	margin-top:-5px;
}
.ranking_list .title span{
    font-size:70%;
	color:#132e52;
}
.ranking_list .basic,
.ranking_list .basic dl.rank_box,
.ranking_list .line,
.ranking_list dt,
.ranking_list dd{
    float:left;
}
.ranking_list .basic,
.ranking_list .line{
	width:615px;
	clear:both;
}
.ranking_list dl.rank_box{
    text-align:left;
	margin-bottom:12px;
	padding-top:10px;
}
.ranking_list .basic dl.rank_box{
	width:615px;
	clear:both;
}
.ranking_list .line dl.rank_box {
    width:300px;
}
.ranking_list .rank_box dt {
	background:#72a3bd;
	font-size:80%;
	padding:3px 0 2px 10px;
    border-bottom:solid 1px #000000;
}
.ranking_list .basic .rank_box {
    float:left;
	clear:both;
	width:615px;
	padding:0;
	margin:0;
    background:#F4F3F1;
}
.ranking_list .basic .rank_box dt{width:605px;}
.ranking_list .line .rank_box dt{width:290px;}
.ranking_list .basic .rank_box dd{width:615px;background:#F4F3F1;}
.ranking_list .line .rank_box dd{width:300px;background:#F4F3F1;}
.ranking_list ul,
.ranking_list ul li {
    float:left;
	clear:both;
}
.ranking_list .basic ul,
.ranking_list .basic ul li{width:605px;}
.ranking_list .line ul,
.ranking_list .line ul li{width:290px;}
.ranking_list .rank_box ul{
	margin:12px 0;
	padding-left:10px;
	list-style:none outside;
}
.ranking_list .rank_box ul li {
	font-size:85%;
	white-space:nowrap;
}
/*--------ranking icon----------*/
.check_in_short ul,
.check_in_short ul li {
    float:left;
	clear:both;
}
.check_in_short ul li{
    width:290px;
    font-size:85%;
	white-space:nowrap;
}
.check_in_short span,
.ranking_list .rank_box ul li span {
    float:left;
	font-weight:bold;
    text-align:center;
	width:20px;
	height:13px;
	padding:2px;
	margin-right:3px;
}
.check_in_short span.rank_no_1,
.ranking_list .rank_box ul li span.rank_no_1 {background:url(../img/top/icon_rank1.gif) no-repeat center bottom;}
.check_in_short span.rank_no_2,
.ranking_list .rank_box ul li span.rank_no_2 {background:url(../img/top/icon_rank2.gif) no-repeat center bottom;}
.check_in_short span.rank_no_3,
.ranking_list .rank_box ul li span.rank_no_3 {background:url(../img/top/icon_rank3.gif) no-repeat center bottom;}
.check_in_short span.rank_no_4,
.ranking_list .rank_box ul li span.rank_no_4 {background:url(../img/top/icon_rank4.gif) no-repeat center bottom;}
.check_in_short span.rank_no_5,
.ranking_list .rank_box ul li span.rank_no_5 {background:url(../img/top/icon_rank5.gif) no-repeat center bottom;}
/*--------------------*/
.ranking_list .rank_box .date,
.ranking_list .rank_box .all_list {
    float:left;
	clear:both;
	padding-right:5px;
	text-align:right;
}
.ranking_list .basic .rank_box .date,
.ranking_list .basic .rank_box .all_list{width:610px;}
.ranking_list .line .rank_box .date,
.ranking_list .line .rank_box .all_list{width:295px;}
.ranking_list .rank_box .all_list a{
    padding-left:12px;
    background:url(../img/common/icon/arrow01.gif) no-repeat scroll 0em 0.3em;
}
.ranking_list .rank_box .all_list{
    border-top:solid 2px #000000;
    padding:5px 5px 5px 0;
	font-size:85%;
	background:#DBEAF1;
}
.ranking_list .rank_box .date{
	padding-bottom:5px;
	font-size:80%;
}
/*------------img-------------*/
.ranking_list table{
    float:left;
	clear:both;
    width:605px;
	height:120px;
	margin:12px 5px;
}
*html .ranking_list table{
    margin:12px 2px;
}
.ranking_list table a img {
    width:108px;
	height:108px;
}
.ranking_list table a:link,
.ranking_list table a:visited,
.ranking_list table a:link img,
.ranking_list table a:visited img {   
    float: left;
	overflow:hidden;
}
.ranking_list table a:hover img,.check_box table a:active img {   
    margin:-3px;   
}
 /*--------------check_box blue----------*/ 
.ranking_list table a:link img,
.ranking_list table a:visited img {border:solid 3px #b9b9b9;} 
.ranking_list table a:hover,
.ranking_list table a:active {border:solid 3px #3d96d2;}
 /*-------------------------------------*/
.twit_box {
    padding-top:7px;
	text-align:left;
}
/*--------------------------------------*/