@charset "UTF-8";
/* CSS Document */

/*------------ranking-------------*/
.category-path{
	float:left;
	clear:both;
	width:635px;
	margin:5px 5px 0 5px;
	font-size:85%;
}
#bottom_line_box,
#top_line_box {
    float:left;
	clear:both;
}
#bottom_line_box {
	width:625px;
	margin:10px 0;
	padding:0 0 5px 20px;
	border-bottom:solid 2px #080808;	
}
#top_line_box {
    width:645px;
    border-top:solid 2px #080808;
}
#bottom_line_box .pager{
    clear:none;	
    width:625px;
	white-space:nowrap;
}
#bottom_line_box div.pager{margin:0;}
#bottom_line_box div.pager,
#top_line_box div.pager{float:right;}
.table-view{
    border:none;
	margin-top:0;
	text-align:center;
	float:none;
	width:645px;
}
.ranking_table-view{
    border-bottom:2px solid #080808;
    clear:both;
    float:left;
	width:645px;
}
/*----------------------*/

#ranking4all-table-view,
.ranking_table-view table{
    clear:both;
    width:629px;
	margin:10px auto;
	text-align:left;
}
#ranking4all-table-view tr.odd,
.ranking_table-view tr.odd {background:url(../img/common/line03.gif) repeat-x left bottom #f1f0ee;}
#ranking4all-table-view tr.even,
.ranking_table-view tr.even {background:url(../img/common/line03.gif) repeat-x left bottom #ffffff;}
#ranking4all-table-view td,
.ranking_table-view td{ vertical-align:top;}
#ranking4all-table-view td.rankbox,
.ranking_table-view td.rankbox{
    width:40px;
	padding:15px;
	text-align:center;
}
#ranking4all-table-view .category-path {width:470px;}
#ranking4all-table-view .category-path li {font-size:100%;}
/*----------------------*/
.rank{
    width:40px;
	height:25px;
	padding-top:15px;
	font-weight:bold;
	font-size:120%;
}
#ranking4all-table-view td.rank_img,
.ranking_table-view td.rank_img{
    width:70px;
	padding:15px 0;
}
#ranking4all-table-view .rank_img img,
.ranking_table-view .rank_img img{
    width:68px;
	height:68px;
	border:solid 1px #2f85c8;
}
#ranking4all-table-view td.artist_info {
	width:470px;
    padding:15px 10px;
}
.ranking_table-view td.artist_info  {
	width:470px;
    padding:25px 10px 15px 10px;
}
#ranking4all-table-view td .artist_name,
.ranking_table-view td .artist_name{
	float:left;
	clear:both;
    color:#2f85c8 !important;
	font-size:120% !important;
	font-weight:bold !important;
	text-decoration:none !important;
}
#ranking4all-table-view .artist_info p{
    float:left;
    clear:both;
	width:470px;
	margin-top:5px;	width:470px;
	margin-top:5px;	
	font-size:80%;
}
#ranking4all-table-view .artist_info .category-path{
    float:left;
    clear:both;
}
#ranking4all-table-view .artist_info .category-path li{
	float:left;
	line-height:0.9em;
}
#ranking4all-table-view .artist_info .category-path a {
    float:left;
	color:#000000;
	font-size:80%;
	line-height:1.2em;
}
#ranking4all-table-view .artist_info .category-path img {
    float:left;
    vertical-align:middle;
	margin-left:5px;
	line-height:0.9em;
}
/*--------------------------------*/
#all_list{margin-top:10px;}
#log_search,
.all_ranking_list{
    clear:both;
	width:627px;
	margin:5px auto;
    background:#bfdcea;
	border-collapse:separate;
	font-size:75%;
	text-align:left;
}
#log_search td,
.all_ranking_list td{
    padding:6px 15px;
    background:#deecf3;
	border:solid 1px #ffffff;
}
#log_search td td,
.all_ranking_list td td{
    padding:0;
    border:none;
	background:none;
}
#log_search td input,#log_search td select{
    margin:0 2px;
    vertical-align:middle;
}
.search-form .dot{
    width:594px;
	margin-bottom:10px;
	padding-bottom:7px;
    background:url(../img/ranking/dot_line.gif) repeat-x left bottom;
}
.all_ranking_list td ul.item-list li,
.ranking_view ul.item-list li {
    display:inline;
    float:left;
    margin-right:10px;
    white-space:nowrap;
}

.ranking_title {
    width:594px;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:7px;
    background:url(../img/ranking/dot_line.gif) repeat-x left bottom;
}
/*--------------------------------*/
#wrapper #tab,
#wrapper #ranking_selecter {
    float:left;
	clear:both;
}
#wrapper #ranking_selecter li {float:left;}
#wrapper #tab {
	margin:0;
	padding:0;
}
#wrapper #ranking_selecter {
    width:645px;
	height:25px;
	margin-top:10px;
    background:url(../img/top/music_topics_nv_bg.gif) repeat-x right top;
	overflow:hidden;
}
#wrapper #ranking_selecter a {display: block;}
#ranking_bottom {
    clear:both;
	width:645px;
	padding-top:2px;
	height:5px;
	background:url(../img/common/check_bottom_line.gif) repeat-x left top;
	text-align:right;	
}
.ranking_view{
    float:left;
	clear:both;
	width:625px;
	padding:10px;
	margin-bottom:0;
	background:#f4f3f1;
	font-size:75%;
}
/*--------------------------------*/
/*-------------original ranking----------------------------------------------------------------------*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/				 
div#main_contents table.special {
    float:left;
	clear:both;
	width:645px;
	border:none;
	margin-top:10px;
}
div#main_contents table.special td {
    padding:10px;
	border-bottom: 1px #999 dotted;
	vertical-align:middle;
	font-size:12px;
}
div#main_contents table.special td.box1 {}	
div#main_contents table.special td.box2 { 
	background-color:#f8f0e5;
}
div#main_contents table.special img { margin:10px;}	
h3 {
    font-size:16px;
    display:block;
}
div#title_bg {
    font-weight:bold;
    font-size:14px;
	background:url(/spl/img/ranking/ran_bg.jpg) no-repeat;
	width:630px;
	height:30px;
	margin-top:10px;
	padding-left:15px;
}
.m10{ margin:10px;}
.pi{
    color:#C03;
	font-weight:bold;
}
/*+ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

