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

/*------------wrapper-------------*/
#wrapper #main {margin-bottom:11px;}
#wrapper .contents_id .rss {
    float:right;
    margin-right:5px;
}
/*---------artist-------*/
#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,
.check_bottom,
.check_in,
.check_in .title,
.check_box2,
.check_box2_bottom{
    float:left;
    clear:both;
}
.check_box,
.check_bottom,
.check_box2,
.check_box2_bottom  {
    width:645px;
}
.check_bottom ul li,
.check_bottom ul li a {
    float:left;
}
.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{
	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 .title {font-weight:bold;} 
/*--------------check_box img-------------*/ 
.check_in table{
    width:600px;
	height:128px;
	margin:0 auto;
}
.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_bottom {
	margin-bottom:15px;
	padding-top:2px;
    background:url(../img/common/check_bottom_line.gif) repeat-x left top;
	text-align:right;	
}
.check_bottom .right{
    padding:2px 8px 2px 0;
    font-size:80%;
}
.check_bottom ul li {
	float:right;
	clear:none;
}
/*----------category-------------*/
.check_box2 ul#category_box li ul.category_in,
.check_box2 ul#category_box li ul.category_in li {
    float:left;
}
.check_box2 {
    margin-top:7px;
    background:url(../img/common/check01.gif) repeat-y left top;
}
.check_box2 ul#category_box,
.check_box2 ul#category_box li ul.category_in,
.check_box2 .tx_al_ri {
    width:598px;
}
.check_box2 ul#category_box { 
	margin-left:35px;
}
.check_box2 .tx_al_ri,
.check_box2 ul#category_box li ul.category_in{
    clear:both;
}
.check_box2 ul#category_box li {
    float:left;
	padding:5px 3px;
	font-size:90%;
	text-align:left;
	white-space:nowrap;
}
.check_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;
}
.check_box2_bottom {
    padding-bottom:3px;
	margin-bottom:15px;
    background:url(../img/common/check_bottom_line2.gif) repeat-x left bottom;
}
#contents-main #category_box a:link,
#contents-main #category_box a:visited{text-decoration:underline;}
#contents-main #category_box a:hover,
#contents-main #category_box a:active{text-decoration:none;}
/*--------------------------------------*/
#see-more-category {
    float:left;
    clear:both;
    width:635px;
	padding:3px 0;
	text-align:right;
}
#see-more-category a{
    padding-left:15px;
    background:url(../img/common/icon/arrow01.gif) no-repeat left center;
	font-size:80%;
}
/*--------------------------------------*/
/*--------------tab-----------------*/
#wrapper #topics-selecter {
    float:left;
	clear:both;
}
#wrapper #topics-selecter li {float:left;}
#wrapper #topics-selecter {
    width:610px;
	height:25px;
    /*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:610px;
	padding-bottom:0;
	margin-bottom:0;
	background:#f4f3f1;
}
/*---------------------------------*/
.hide{
    display:none;
    padding-bottom:0;
	margin-bottom:0;
}
/*------------ranking list--------------*/
#ranking,
#ranking_bottom,
.ranking_list,
.ranking_list .title {
    float:left;
	clear:both;
}
#ranking,
.ranking_list {
    width:610px;
}
#ranking {
	padding:0 0 0px 35px;
	margin:5px 0 0 0;
    background:url(../img/common/check01.gif) repeat-y top left #F4F3F1;
	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 .title {
    display:block;
	width:590px;
	padding:4px 0 2px 10px;
    background:#337fbc;
	border-bottom:solid 2px #132e52;
	font-weight:bold;	
	font-size:90%;
	color:#FFFFFF;
}
.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{
	clear:both;
	width:600px;
}
.ranking_list dl.rank_box{
	padding-top:10px;
	text-align:left;
}
.ranking_list .basic dl.rank_box{
	width:600px;
	clear:both;
}
.ranking_list .line dl.rank_box {
    width:295px;
}
.ranking_list .rank_box dt {
	padding:3px 0 2px 10px;
	background:#72a3bd;
    border-bottom:solid 1px #000000;
	font-size:80%;
}
.ranking_list ul,
.ranking_list ul li,
.ranking_list .rank_box .date,
.ranking_list .rank_box .all_list {
    float:left;
	clear:both;
}
.ranking_list .rank_box ul li {
	font-size:85%;
	white-space:nowrap;
}
.ranking_list .rank_box ul{
	margin:12px 0;
	padding-left:10px;
	list-style:none outside;
}
.ranking_list .rank_box .date,
.ranking_list .rank_box .all_list {
	padding-right:5px;
	text-align:right;
}
.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{
    padding:5px 5px 5px 0;
	background:#DBEAF1;
	border-top:solid 2px #000000;
	font-size:85%;
}
.ranking_list .rank_box .date{
	padding-bottom:5px;
	font-size:80%;
}
/*--basic--*/
.ranking_list .basic .rank_box,
.ranking_list .basic .rank_box dt,
.ranking_list .basic .rank_box dd,
.ranking_list .basic ul,
.ranking_list .basic ul li {
    width:600px;
}
.ranking_list .basic .rank_box {
	padding:0;
	margin:0;
    background:#F4F3F1;
}
.ranking_list .basic .rank_box dd{background:#F4F3F1;}
.ranking_list .basic .rank_box .date,
.ranking_list .basic .rank_box .all_list{width:595px;}
/*--line--*/
.ranking_list .line .rank_box dt {width:285px;}
.ranking_list .line .rank_box dd,
.ranking_list .line ul,
.ranking_list .line ul li {
    width:290px;
}
.ranking_list .line .rank_box dd {background:#F4F3F1;}
.ranking_list .line .rank_box .date,
.ranking_list .line .rank_box .all_list{width:290px;}
/*--------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,
.ranking_list table .txt div.no {
    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,
.ranking_list table .txt .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,
.ranking_list table .txt .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,
.ranking_list table .txt .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,
.ranking_list table .txt .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,
.ranking_list table .txt .rank_no_5 {background:url(../img/top/icon_rank5.gif) no-repeat center bottom;}

/*-----------ranking img-------------*/
.ranking_list table{
    float:left;
	clear:both;
    width:600px;
	height:120px;
}
*html .ranking_list table{
    margin:12px 2px;
}
.ranking_list table td{
    padding:12px 0;
	vertical-align:top;
}
.ranking_list table .img a img {
    width:108px;
	height:108px;
}
.ranking_list table .img a:link,
.ranking_list table .img a:visited,
.ranking_list table .img a:link img,
.ranking_list table .img a:visited img {   
    float: left;
	overflow:hidden;
}
.ranking_list table .img a:hover img,
.check_box table .img a:active img {   
    margin:-3px;   
}
/*--------------check_box blue----------*/ 
.ranking_list table .img a:link img,
.ranking_list table .img a:visited img {border:solid 3px #b9b9b9;} 
.ranking_list table .img a:hover,
.ranking_list table .img a:active {border:solid 3px #3d96d2;}
/*-------ranking_list table in---------*/
.ranking_list table div.txt {
    float:left;
	clear:both;
	width:108px;
	font-size:80%;
	padding:5px 2px;
}
.ranking_list table div.txt div.name{
    float:right;
	width:77px;
}
.ranking_list table div.txt div.in,
.ranking_list table div.txt div.in_title{
    float:left;
	clear:both;
}
.ranking_list table div.txt div.in {width:108px;}
.ranking_list table div.txt div.in_title{
    padding-left:31px;
	width:77px;
}
/*------------------------*/
 /*-------------------------------------*/
.twit_box {
    float:left;
	clear:both;
	width:100%;
	text-align:left;
}
/*--------------------------------------*/
/*---------------4banner----------------*/
.music_topics .bottom {
    float:left;
	clear:both;
	width:629px;
	padding:5px 8px;
	text-align:right;
}
.music_topics .bottom a {
    float:none;
    font-size:80%;
	background-position: 0.0em 0.3em;
}
/*--------------------------------------*/
/*---------------music topics----------------*/
.music_topics {
    overflow:hidden;
    float:left;
	clear:both;
	width:645px;
	margin-bottom:15px;
}
.music_topics .in{
    float:left;
	clear:both;
	width:645px;
}
.music_topics .in p{
    padding:10px 0 0 0;
}
.music_topics .in .push_img{
    float:left;
	width:163px;
	padding:12px;
}
.music_topics .in .push_img img{
    width:163px;
}
.music_topics .in ul {
    float:right;
	width:450px;
	padding:12px 0 0;
}
.music_topics .in ul li{
    float:left;
    clear:both;
	width:430px;
	padding:0 0 5px 14px;
	margin-bottom:5px;
	background:url(../img/common/dot.gif) repeat-x left bottom;
	font-size:80%;
	text-indent:-14px;
}
.music_topics .in ul li img{
	/vertical-align:baseline;
	vertical-align:middle;
	margin-right:2px;
}
/*--------------------------------------*/
.em_info{
    float:left;
	clear:both;
	width:633px;
	margin-bottom:15px;
	padding:5px;
	border:solid 1px #ccc;
	text-align:center;
	font-weight:bold;
}
/*--------------------------------------*/
#two_column {
    float:left;
	clear:both;
	width:100%;
	margin-bottom:15px;
}
#two_column #side_column {
    float:left;
	width:172px;
}
#two_column #main_column {
    float:right;
	width:455px;
	overflow:hidden;
}
#two_column #main_column .contents_id{width:410px;}
#two_column #main_column .check_bottom {width:455px;}
/*--------------------------*/
/*---------------4banner----------------*/
#two_column #main_column .top_banner_list {
    overflow:hidden;
    float:left;
	clear:both;
	width:100%;
}
#two_column #main_column .pickup_img{
margin:0px 0px 10px 0px;
}
#two_column #main_column .top_banner_list ul {width:489px;}
#two_column #main_column .top_banner_list ul li {
    float:left;
	width:145px;
	margin-right:10px;
}
#two_column #main_column .top_banner_list ul li img {width:145px}
#two_column #main_column .top_banner_list ul.pickup_news {
    float:left;
	clear:both;
	width:490px;
}
#two_column #main_column .top_banner_list ul.pickup_news li {
    float:left;
	width:210px;
	padding:5px;
	margin-right:15px;
	background:url(../img/common/dot.gif) repeat-x left bottom;
	font-size:80%;
}
#two_column #main_column .top_banner_list .bottom {
    float:left;
	clear:both;
	width:439px;
	padding:5px 8px;
	text-align:right;
}
#two_column #main_column .top_banner_list .bottom a{
    float:none;
    font-size:80%;
	background-position: 0.0em 0.3em;
}
#two_column #main_column .top_banner_list ul.pickup_news li a,
#two_column #main_column .top_banner_list .bottom a.arrow_icon{
    background:url(../img/common/icon/arrow_pink.gif) no-repeat 0px 2px;
	/background:url(../img/common/icon/arrow_pink.gif) no-repeat 0px 3px;
}
#two_column #main_column .top_banner_list ul.pickup_news li a{
    padding-left:15px;
}
/*--------------------------------------*/
#two_column #side_column dl {
    float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
}
#two_column #side_column .contents_id {width:132px; border-right:none;}
#two_column #side_column dl dd {
    float:left;
	clear:both;
	width:169px;
	background:#f3f2f2;
	border-left:solid 1px #bab9b9;
	border-right:solid 2px #dadada;
	border-bottom:solid 1px #bab9b9;
}
#side_column dl dd li {
    float:left;
	clear:both;
	border-bottom:solid 1px #d6d6d6;
}
#side_column dl dd .more {
    float:left;
	clear:both;
    width:160px;
    padding:8px 2px;
	font-size:12px;
    text-align:right;
}
#side_column dl dd .more a{
    padding-left:15px;
    background:url(../img/common/icon/arrow01.gif) no-repeat left center;
}
/*---------feature_list----------*/
#side_column dl.feature_list ul{margin-left:5px;}
#side_column dl.feature_list li{  
	width:160px;
	padding:5px 0 4px 5px;
	font-size:12px;
}
#side_column dl.feature_list li a{
    padding-left:15px;
    background:url(../img/common/icon/arrow01.gif) no-repeat 0.0em 0.3em;
}
/*---------pick up!----------*/
#side_column dl.pickup dd {padding-top:1px;}
#side_column dl.pickup dd ul {font-size:10px;}
#side_column dl.pickup dd ul li {  
	width:164px;
	padding:13px 0px 8px 5px;
}
#side_column dl.pickup dd ul li .img {
    float:left;
	width:55px;
}
#side_column dl.pickup dd ul li .img img {
    width:53px;
	height:53px;
	border:solid 1px #2f85c8;
}
#side_column dl.pickup dd ul li div.txt {
    float:right;
    width:105px;
}
#side_column dl.pickup dd ul li div.txt img { margin-bottom:3px;}
#side_column dl.pickup dd ul li .name a {
    float:left;
	clear:both;
	margin-right:5px;
	color:#2f85c8;
	font-weight:bold;
}
#side_column dl.pickup dd ul li .in {
    float:left;
	clear:both;
	width:100%;
}
/*--------------------------------------*/