@charset "utf-8";


#ranking_cont{
	width:976px;
	margin:0 auto;
}

#ranking_main{
	width:596px;
	padding:4px 0 0;
	float:left;
}



/* ranking main contents */

#head{
	width:976px;
	margin:0 auto;
	position:relative;
}

#head h1{
	margin:0 0 8px;
}


#head p{
	font-size:12px;
	margin:0 0 4px;

}

.ranking_box{
	border:1px solid #ccc;
	padding:8px;
	margin:0 0 8px;
	position:relative;
}



.ranking_box dl,
.ranking_box dt,
.ranking_box dd{
	width:124px;
	margin:0;
	padding:0;
	line-height:1;
	position:relative;
}

.ranking_box dt{
	font-size:14px;
	font-weight:bold;
}

.ranking_box dl{
	float:left;
	_display:inline;
	margin:0 8px 0 0;
}

.rank_L{
	font-size:32px;
	margin:0 2px 0 0;
}

.rank_M{
	font-size:24px;
	margin:0 2px 0 0;
}

.rank_S{
	font-size:18px;
	margin:0 2px 0 0;
}

.score{
	font-size:12px;
}

.ranking_box dd img{
	width:120px;
	height:90px;
	border:2px solid #454A4A;
}

.length{
	position:absolute;
	bottom:3px;
	right:0;
	padding:2px 4px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.6);
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

.summary{
	overflow:hidden;
	zoom:1;
}

.date{
	font-size:10px;
	margin:0 0 2px;
}

.date span{
	color:#F30;
}

.description,
.comment,
.data,
.userAd{
	margin:4px 0;
	font-size:12px;
}

.description{
	height:1.4em;
	overflow:hidden;
}

.comment{
	padding:4px;
	height:1.4em;
	overflow:hidden;
	border:1px solid #666;
	background:#fff;
	font-weight:bold;
}

.userAd{
	height:19px;
	overflow:hidden;
	background:url('/img/ranking/top/ranking_uad_bg.png') no-repeat right;
}

.userAd_comment{
	height:18px;
	margin:0;
	padding:1px 0 0 12px;
	background:url('/img/ranking/top/ranking_uad_icon.png') no-repeat left top;
	overflow:hidden;
}


.userAd_summary{
	float:left;
	height:19px;
	background:#fff;
	padding:0 4px 0 0;
}

.gold{
	border-top:1px solid #CC9900;
	border-left:1px solid #996600;
	border-right:1px solid #996600;
	border-bottom:1px solid #663300;
	background:url('/img/ranking/top/ranking_gold_bg.png') repeat-x #E9B535;
}

.gold .userAd_summary{
	background:#E9B535;
}

.gold .userAd_comment{
	background:url('/img/ranking/top/ranking_uad_icon_gold.png') no-repeat left top;
}


.silver{
	border-top:1px solid #99AAAA;
	border-left:1px solid #667777;
	border-right:1px solid #667777;
	border-bottom:1px solid #334444;
	background:url('/img/ranking/top/ranking_silver_bg.png') repeat-x #BFD6D6;
}

.silver .userAd_summary{
	background:#BFD6D6;
}

.silver .userAd_comment{
	background:url('/img/ranking/top/ranking_uad_icon_silver.png') no-repeat left top;
}

.hidden_menu{
	padding:2px 4px;
	font-size:10px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.6);
	position:absolute;
	top:4px;
	right:4px;
	display:none;
}

.hidden_menu a{
	color:#fff;
}

/*  ranking Sub conents  */

#ranking_sub{
	width:372px;
	padding:4px 0 0;
	float:right;
}

.sub_head{
	border-bottom:2px solid #999;
	margin:0 0 4px;
}

.sub_head h2{
	font-size:16px;
	float:left;
}

a.sub_head_link{
	color:#F60;
	font-size:12px;
	font-weight:bold;
	float:right;
}

#ranking_sub h3{
	margin:16px 0 0;
	font-size:14px;
	border-bottom:2px solid #999;
}

#ranking_sub h3 span{
	font-size:10px;
	font-weight:normal;
}

.cat_wrap{
	margin-right:-8px;
	zoom:1;
}

.ranking_cat_menu{
	background:#F7F7F7;
	padding:8px;
	margin: 0 0 8px;
}

.ranking_cat_menu ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
}

.ranking_cat_menu li{
	float:left;
	white-space:nowrap;
	margin:0 12px 4px 0;
}

.ranking_cat_menu p{
	float:right;
	white-space:nowrap;
	font-size:12px;
	font-weight:bold;
}

.ranking_cat_menu p a{
	color:#F60;
}

.cat_rank{
	width:182px;
	float:left;
	margin:0 8px 0 0;
}

.cat_rank h4{
	font-size:12px;
	border-bottom:2px solid #999;
	margin:0;
	padding:0;
}

.cat_rank h4 a{
	text-decoration:none;
}

.cat_rank h5{
	margin:0;
	padding:0;
	line-height:1.2;
}

.cat_rank ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.cat_rank li{
	border-top:1px dotted #ccc;
	margin:-1px 0 9px;
	padding:8px 8px 0;
	clear:left;
	height:4em;
	overflow:hidden;
}

.cat_rank img{
	width:60px;
	height:45px;
	border:1px solid #393F3F;
	float:left;
	margin:0 8px 8px 0;
}

.cat_summary{
	overflow:hidden;
	zoom:1;
}

.cat_summary p{
	font-size:10px;
}

#userAd_rank ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#userAd_rank li{
	border-top:1px dotted #ccc;
	margin:-1px 0 9px;
	padding:8px 8px 0;
	clear:left;
}


#userAd_rank img{
	width:80px;
	height:60px;
	border:1px solid #454A4A;
}

.thumb_gold{
	float:left;
	border-top:2px solid #CC9900;
	border-left:2px solid #996600;
	border-right:2px solid #996600;
	border-bottom:2px solid #663300;
	background:#FFDD00;
	padding:4px;
	margin:0 8px 8px 0;
}

.thumb_silver{
	float:left;
	border-top:2px solid #99AAAA;
	border-left:2px solid #667777;
	border-right:2px solid #667777;
	border-bottom:2px solid #334444;
	background:#DCF1F1;
	padding:4px;
	margin:0 8px 8px 0;
}

.userAd_rank_summary{
	overflow:hidden;
	zoom:1;
	font-size:12px;
}

.userAd_rank_summary h5{
	margin:0;
	padding:0;
	font-size:12px;
}

#nicosound_rank ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#nicosound_rank li{
	border-top:1px dotted #ccc;
	margin:-1px 0 9px;
	padding:8px 8px 0;
	clear:left;
}


#nicosound_rank img{
	width:80px;
	height:60px;
	border:1px solid #454A4A;
	float:left;
	margin:0 8px 8px 0;
}

.nicosound_rank_summary{
	overflow:hidden;
	zoom:1;
	font-size:12px;
}

.nicosound_rank_summary h5{
	margin:0;
	padding:0;
	font-size:12px;
}

.nicosound_item{
	width:58px;
	border:1px solid #ccc;
	padding:3px;
}

.nicosound_summary{
	vertical-align:top;
	max-width:198px;
	word-break:break-all;
}

.list_link{
	border-top:1px dotted #ccc;
	font-size:12px;
	text-align:right;
	margin:8px 0;
	padding:4px 0 0;
}

#blomaga_popular_articles h4{
	font-size: 12px;
	margin: 8px 0 4px;
	padding: 0;
}

#blomaga_popular_articles h4.blomagaSubTitle{
	margin: 8px 0 4px;
	padding: 8px 0 0;
	border-top: 1px solid #666
}

.blomagaArticle{
	margin: 0;
	padding: 0;
}

.blomagaArticle li{
	list-style-type:none;
	margin: 8px 0;
	padding: 0 0 4px;
	border-bottom: 1px dotted #ccc;
}

.blomagaArticle li:last-child{
	border-bottom: none;
}

.blomagaArticle li div{
	overflow:hidden;
	position: relative;
	padding:0 0 0 2em;
}

.blomagaArticle li span{
	position: absolute;
	top: 0;
	left:0;
	font-size: 12px;
}

.blomagaArticle li h5{
	margin: 0;
	padding: 0;

}

.blomagaArticle li img {
	float:right;
	width:50px;
	border:1px solid #ccc;
	margin:0 0 4px 8px;
}

.blomagaArticle li div p {
	color:#666;
	font-size: 11px;
}

.seiga_cont{
	border-top:1px solid #999;
	padding:0 8px;
	margin:-1px 0 9px;
}

.seiga_cont h4{
	margin:8px 0 0;
	padding:0;
	font-size:12px;
}

.seiga_list{
	margin-right:-10px;
	zoom:1;
}

.seiga_list ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.seiga_list li{
	float:left;
	width:112px;
	font-size:12px;
	margin:0 10px 0 0;
}

.seiga_thumb{
	width:112px;
	text-align:center;
}

.seiga_link{
	margin:4px 0;
}

.seiga_link a{
	color:#995500;
	font-weight:bold;
}

.seiga_name{
	color:#009999;
}

.seiga_thumb img{
	max-width:110px;
	max-height:110px;
	border:1px solid #ccc;
}


#ichiba_rank ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#ichiba_rank li{
	border-top:1px dotted #ccc;
	margin:-1px 0 9px;
	padding:8px 8px 0;
	clear:left;
}


#ichiba_rank img{
	width:48px;
	height:48px;
	border:1px solid #ccc;
	float:left;
	margin:0 8px 8px 0;
}

.ichiba_rank_summary{
	font-size:12px;
	overflow:hidden;
	zoom:1;
}

.ichiba_rank_summary h5{
	margin:0;
	padding:0;
	font-size:12px;
}

.ichiba_rank_summary h5 a{
	color:#0066CC;
}

.ichiba_rank_summary span{
	color:#009999;
	font-size:10px;
	font-weight:bold;
}


#local_rank {
	margin-bottom:16px;
}

#local_rank h3{
	font-size:16px;
	margin-top:0;
}

#local_rank ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#local_rank li{
	border-top:1px dotted #ccc;
	margin:-1px 0 9px;
	padding:8px 8px 0;
	clear:left;
}


#local_rank img{
	width:80px;
	height:60px;
	border:1px solid #454A4A;
	float:left;
	margin:0 8px 8px 0;
}

.local_rank_summary{
	overflow:hidden;
	zoom:1;
	font-size:12px;
}

.local_rank_summary h5{
	margin:0;
	padding:0;
	font-size:12px;
}


/*  button  */

.ranking_btn{
	position:absolute;
	top:0;
	right:0;
}

.ranking_btn img{
	vertical-align:middle;

}

.ranking_btn input{
	font-size:12px;
}


/* information */

#rank_information{
	margin:4.1em 0 -2.3em;
	border:1px solid #ccc;
	padding:8px;
	background:url('/img/ranking/top/ranking_info_bg.png') repeat-x #BFD6D6;
	position:relative;
}

#rank_information p{
	font-size:14px;
}

#rank_information span{
	position:absolute;
	top:4px;
	right:4px;
	width:14px;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
	background:url('/img/ranking/top/btn_close.png') no-repeat;
	cursor:pointer;
}

/* navigation */

#ranking_nav{
	margin:8px 0 8px;
}

#ranking_nav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#ranking_nav li{
	float:left;
}

.ranking_nav_top{
	height:32px;
	width:968px;
	background-image: url('/img/ranking/nav_top_bg.png');
	padding:0 0 0 8px;
}

/* Now */

.rankNav_top a,
.rankNav_ent a,
.rankNav_lif a,
.rankNav_pol a,
.rankNav_sci a,
.rankNav_ani a,
.rankNav_etc a,
.rankNav_r18 a{
	display:block;
	width:128px;
	height:32px;
	background-image: url('/img/ranking/g1_st0.png');
	text-indent:-9999px;
}

.rankNav_top a:hover,
.rankNav_ent a:hover,
.rankNav_lif a:hover,
.rankNav_pol a:hover,
.rankNav_sci a:hover,
.rankNav_ani a:hover,
.rankNav_etc a:hover,
.rankNav_r18 a:hover{
	background-image: url('/img/ranking/g1_st1.png');
}

.rankNav_top a.current,
.rankNav_ent a.current,
.rankNav_lif a.current,
.rankNav_pol a.current,
.rankNav_sci a.current,
.rankNav_ani a.current,
.rankNav_etc a.current,
.rankNav_r18 a.current{
	background-image: url('/img/ranking/g1_st2.png');
}

/* past */

.past .rankNav_top a,
.past .rankNav_ent a,
.past .rankNav_lif a,
.past .rankNav_pol a,
.past .rankNav_sci a,
.past .rankNav_ani a,
.past .rankNav_etc a,
.past .rankNav_r18 a{
	display:block;
	width:128px;
	height:32px;
	background-image: url('/img/ranking/g1_st0_past.png');
	text-indent:-9999px;
}

.past .rankNav_top a:hover,
.past .rankNav_ent a:hover,
.past .rankNav_lif a:hover,
.past .rankNav_pol a:hover,
.past .rankNav_sci a:hover,
.past .rankNav_ani a:hover,
.past .rankNav_etc a:hover,
.past .rankNav_r18 a:hover{
	background-image: url('/img/ranking/g1_st1_past.png');
}

.past .rankNav_top a.current,
.past .rankNav_ent a.current,
.past .rankNav_lif a.current,
.past .rankNav_pol a.current,
.past .rankNav_sci a.current,
.past .rankNav_ani a.current,
.past .rankNav_etc a.current,
.past .rankNav_r18 a.current{
	background-image: url('/img/ranking/g1_st2_past.png');
}


.rankNav_top a,.past .rankNav_top a{width:96px;}
.rankNav_ent a{background-position:-96px 0;}
.rankNav_lif a{background-position:-224px 0;}
.rankNav_pol a{background-position:-352px 0;}
.rankNav_sci a{background-position:-480px 0;}
.rankNav_ani a{background-position:-608px 0;}
.rankNav_etc a,.past .rankNav_etc a{width:129px;background-position:-736px 0;}
.rankNav_r18 a,.past .rankNav_r18 a{width:95px;background-position:-865px 0;}

.ranking_nav_btm{
	margin:0 auto 0;
	width:958px;
	border-right:2px solid #393F3F;
	border-left:2px solid #393F3F;
	border-bottom:2px solid #393F3F;
	background:url('/img/ranking/nav_btm_bg.png') repeat-x #F9FFFF;
	position:relative;
}

.ranking_nav_btm li a{
	display:block;
	padding:4px 8px;
	font-size:13px;
	text-shadow:0 1px 0 #999F9F;
	text-decoration:none;
}

.ranking_nav_btm li a:hover,
.ranking_nav_btm li a.current{
	color:#fff;
	background:url('/img/ranking/nav_btm_bg_ov.png') repeat-x 0 50% #474D4D;
}

/**
 * Calender
 */


#ranking_calender{
	margin:0;
	padding:4px 0;
	background:#393F3F url('/img/ranking/controller_bg.png') repeat-x;
}

#ranking_calender form{
	display:inline;
}

.cal_open{
	font-size:13px;
	float:right;
	margin:4px 8px 4px 0;
	zoom:1;
	cursor:pointer;
}

.cal_open:hover{
	text-decoration:underline;
}

#rank_cal{
	display:none;
	position:absolute;
	top:6px;
	right:8px;
	border:2px solid #393F3F;
	z-index:999;
	background:#efefef;
	-moz-box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	color:#fff;
}

#rank_head_cont{
	position:relative;
}

#rank_pulldown{
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
}

#rank_pulldown form{
	display:inline;
}


/**
 * Clearfix
 */

.ranking_box:after,
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size:0;} .clearfix,.ranking_box { display: inline-block; } .clearfix,.ranking_box { display: block; }

/**
 * ranking_recommend_20120706
 */
#box_recommend {
	margin: 4px 0 10px 4px;
	padding: 0;
	width: 660px;
	height: auto;
	border: 2px solid #F26100;
	background-image: url(/img/ranking_recommend/vocaloid/title_recommend.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
}

box_recommend img {
	border: none;
}

#box_txt_date {
	padding: 30px 0 0 0;
	width: 220px;
	height: auto;
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
}

#box_th {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 76px;
	float: left;
}

#box_txt_read {
	margin: 0;
	padding: 0 0 0 10px;
	width: 290px;
	height: auto;
	float: left;
}

.txt_title_r {
	margin: 0;
	padding-top: 10px;
	font-size: 16px;
	line-height: 1;
	white-space:nowrap;
}

.txt_r {
	margin: 0;
	padding-top: 5px;
	font-size: 12px;
	line-height: 140%;
}

#box_btn_close {
	margin: 0;
	padding: 5px 5px 0 0;
	width: 15px;
	height: 15px;
	float: right;
}



/*
	for zero navigation
*/

.categoryNav{
	width: 976px;
	background: url(../../img/index/g/gnav_main.png) repeat-x top center;
	border: #000 solid 1px;
	padding: 0;
	margin: 12px 4px 0;
	zoom: 1;
}

.categoryNav:after{
	content: "";
	display: block;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.categoryNav li{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: auto;
	border-right: #000 solid 1px;
	list-style: none;
}

.categoryNav li a{
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	padding: 2px 12px 2px;
	vertical-align: middle;
	width: auto;
	outline: none;
	text-shadow: 1px 1px #ccc;
	font-weight: bold;
	background: url(../../img/index/g/gnav_main.png) repeat-x top center;
}

body.en-us .categoryNav li a{
	font-size: 12px;
}

.categoryNav li.current a{
	background-position: 0 -240px;
	color: #fff;
	text-shadow: none;
}

.categoryNav li a:hover{
	background-position: 0 -120px;
	text-shadow: none;
	color: #333;
}

.categoryNav li.current a:hover{
	background-position: 0 -240px;
	color: #fff;
	text-shadow: none;
}

.categoryNav li p{
	display: block;
	position: absolute;
	top: -14px;
	left: 50%;
	font-size: 12px;
	color: #000;
	text-align: center;
	padding: 2px 8px;
	margin: 0;
	line-height: 1;
	background: url(../../img/index/g/gnav_sub.png) repeat-x top center;
	border: #000 solid 1px;
	border-radius: 6px;
	z-index: 2;
}

.categoryNav li.current p{
	color: #fff;
	background: url(../../img/index/g/gnav_sub.png) repeat-x top center;
	background-position: 0 -240px;
}

.aside{
	position: relative;
	width: 976px;
  margin: -1px 4px 12px;
	padding: 0;
	background: url(../../img/index/g/gnav_sub.png) repeat-x top center;
	color: #333;
	font-size: 13px;
	border: #000 solid 1px;
}

.aside:after{
	content: "";
	display: block;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.aside p{
	margin: 4px 0 2px 8px;
}

.aside ul{
	margin: 0;
	padding: 0;
	zoom: 1;
}

.aside ul:after{
	content: "";
	display: block;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.aside ul li{
	float: left;
	list-style: none;
}

.aside ul li a{
	display: block;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	text-shadow: 1px 1px #bbb;
	outline: none;
	background: url(../../img/index/g/gnav_sub.png) repeat-x top center;
}

.aside ul li a.selected{
	color: #fff;
	background-position: 0 -240px;
	text-shadow: none;
}

.aside ul li a:hover{
	background-position: 0 -120px;
	text-shadow: none;
}

.aside ul li a.selected:hover{
	color: #fff;
	background-position: 0 -240px;
	text-shadow: none;
}

.aside span.cal_open{
	position: absolute;
	display: inline-block;
	float: none;
	top: 4px;
	right: 4px;
	margin: 0;
}

#ranking_cont .categoryNav{
  width: 974px;
  margin: 12px 0px 0;
}

#ranking_cont .aside{
  width: 974px;
  margin: -1px 0 12px;
}

#ssLink a{
	display:block;
	margin: 0 8px;
	text-align: center;
	padding:4px 8px;
	background: #f2f2f2;
	font-size: 12px;
}

#ranking_main #ssLink a{
	margin: 0 0 4px;
}

#martix_ssLink{
	text-align: center;
}

#martix_ssLink #ssLink a{
	display: inline-block;
	margin: 0 auto;
	background: #fff;
}