@charset "utf-8";
/*ranking_tab--------------------------------------------*/
#ranking_tab {
	margin:-10px 0 10px 0;
	width:960px;
	height:50px;
}
ul#ranking_tab {
	background: url(../../img/vocaloid/ranking/ranking_tab_box_bg.png) top center no-repeat;
}
#ranking_tab li {
	float:left;
	font-size:131%;
	line-height:131%;
	width:305px;
	text-align:center;
}
#ranking_tab li a {
	color:#fff;
}
/*共通*/

#ranking_tab .link:after {
	content: " ";
	height:5px;
	width:295px;
	background:url(../../img/vocaloid/ranking/ranking_tab_bg_after.png) top left repeat-x;
	display:block;
	margin:5px 5px 0 5px;
	margin-top: 4px\0/;
 *margin-top: 4px;
	_margin_top: 4px;
}
#ranking_tab .active:after {
	content: " ";
	background:none;
	height:5px;
	width:295px;
	display:block;
}
/*VOCALOランキング*/

#ranking_tab #vocalo_tab {
	margin-left:11px
}
#ranking_tab #vocalo_tab a {
	width:305px;
	display:block;
	padding-top:16px;
	background-image:url(../../img/vocaloid/ranking/ranking_tab_bg.png);
	background-position: 0 1px;
	background-repeat: no-repeat;
	overflow:hidden;
	height:34px;
}
#ranking_tab #vocalo_tab a.link:hover {
	background-position: 0 0;
	text-shadow: 0px 0px 4px rgb(255, 255, 255);
	color: rgb(255, 255, 255);
}
#ranking_tab #vocalo_tab a.active {
	padding-top:17px;
	width:305px;
	height:30px;
	display:block;
	cursor:default;
	background:url(../../img/vocaloid/ranking/ranking_tab_bg_active.png) left top no-repeat;
}
/*二次創作ランキング*/

#ranking_tab #fan_tab {
	margin-left:4px;
	height:50px;
}
#ranking_tab #fan_tab a {
	width:305px;
	display:block;
	padding-top:16px;
	background-image:url(../../img/vocaloid/ranking/ranking_tab_bg.png);
	background-position: 0 1px;
	background-repeat: no-repeat;
	overflow:hidden;
	height:34px;
}
#ranking_tab #fan_tab a.link:hover {
	background-position: 0 0;
	text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.7);
	color: rgb(255, 255, 255);
}
#ranking_tab #fan_tab a.active {
	padding-top:17px;
	width:305px;
	height:30px;
	display:block;
	cursor:default;
	background:url(../../img/vocaloid/ranking/ranking_tab_bg_active.png) left top no-repeat;
}
/*ranking_title--------------------------------------------*/
#ranking_title {
	background: url(../../img/vocaloid/ranking/ranking_title_bg.png) top center no-repeat;
	width:888px;
	height:40px;
	padding:10px 24px 0 40px;
	overflow:hidden;
}
#ranking_title.short {
	background:url(../../img/vocaloid/ranking/ranking_title_bg_short.png) top left no-repeat;
}
#ranking_title li {
	float:left;
	text-align:center;
	width:206px;
	margin-right:16px;
	color:#bcffff;
	font-size:116%;
	text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.4);
	overflow:hidden;
}
#ranking_title li span {
	font-size:131%;
}
/*slidenavi_ranking_title--------------------------------------------*/
#slidenavi_ranking_wrapper {
	width:100%;
	background: #42a3a3;
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
	text-align:center;
	position: fixed;
	z-index: 999;
	top: -40px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}
#slidenavi_ranking_title {
	width:888px;
	padding:5px 40px;
	overflow:hidden;
	margin:0 auto;
}
#slidenavi_ranking_title li {
	float:left;
	text-align:center;
	width:206px;
	margin-right:16px;
	color:#bcffff;
	font-size:116%;
	text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.4);
	overflow:hidden;
}
#slidenavi_ranking_title li span {
	font-size:131%;
}
/*ranking_cnt--------------------------------------------*/
.ranking_cnt {
	margin-left:40px;
}
ul.ranking_cnt {
	padding-bottom:10px;
}
.ranking_cnt li {
	background: url(../../img/vocaloid/ranking/ranking_cnt_bg) top left repeat;
	width:178px;
	border:1px solid #ccc;
	padding:5px 13px 13px;
	float:left;
	margin-right:18px;
	position:relative;
}
.video_thumb {
	border:1px solid #ccc;
	padding:5px 0 15px 15px;
	background:#f6f6f6;
}
.video_watch {
	width:535px;
	border:1px solid #ccc;
	padding:8px;
	float:left;
	margin:20px 10px 0 0;
	position:relative;
	background:#fff;
	float:left;
}
.up_time {
	position:absolute;
	top:-15px;
	left:4px;
	z-index:5;
}
.up_time span.count_time {
	background:#c9157f;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
	color:#fff;
	padding:2px 5px;
	display:inline-block;
	position:relative;
	z-index:4;
	height:17px;
	overflow:hidden;
}
.up_time span.fukidashi {
	background:url(../../img/vocaloid/icon_fukidashi_pink.png) top left no-repeat;
	display:block;
	width:9px;
	height:7px;
	margin:0 0 0 15px;
	position:relative;
	z-index:5;
}
.box {
	width:160px;
	border:1px solid #ccc;
	padding:8px;
	float:left;
	margin:20px 10px 0 0;
	position:relative;
	background:#fff;
}
.box .ttl {
	font-size:93%;
	height:2.8em;
	overflow:hidden;
	line-height:1.4em;
	margin-top:5px;
}
.icon_rank {
	background-image:url(../../img/vocaloid/ranking_no_m.png);
	background-repeat:no-repeat;
	display:block;
	width:31px;
	height:24px;
	text-indent:-9999px;
	position:absolute;
	text-align: left;
	right:4px;
	top:-16px;
}
.rank1 {
	background-position:0 0;
}
.rank2 {
	background-position:-31px 0;
}
.rank3 {
	background-position:-61px 0;
}
.rank4 {
	background-position:-92px 0;
}
.rank5 {
	background-position:-123px 0;
}
.rank6 {
	background-position:-154px 0;
}
.rank7 {
	background-position:-185px 0;
}
.rank8 {
	background-position:-216px 0;
}
.rank9 {
	background-position:-247px 0;
}
.rank10 {
	background-position:-278px 0;
}
.rank11 {
	background-position:-309px 0;
}
.rank12 {
	background-position:-340px 0;
}
.rank13 {
	background-position:-371px 0;
}
.rank14 {
	background-position:-402px 0;
}
.rank15 {
	background-position:-433px 0;
}
.rank16 {
	background-position:-464px 0;
}
.rank17 {
	background-position:-495px 0;
}
.rank18 {
	background-position:-526px 0;
}
.rank19 {
	background-position:-557px 0;
}
.rank20 {
	background-position:-588px 0;
}
.link_more {
	position:absolute;
	bottom:-25px;
	right:-2px;
}
.link_more a {
	background: url(../../img/vocaloid/arrow_gray.png) 0 5px no-repeat;
	padding-left:7px;
}
.cap {
	margin-top:50px;
	color:#666;
	font-size:93%;
}