@charset "utf-8";


/*
	main column
*/

#content_624 h3{
	border-bottom: #999 solid 2px;
	font-size: 18px;
	margin: 0 4px 4px;
}

#content_624 #category_contents h3{
	margin: 0 0 4px;
}

#content_624 h3 span{
	font-size: 12px;
	font-weight: normal;
	padding-left: 12px;
}

#content_624.top_global h3{
	margin: 0 0 4px;
}

/*
	vocaloid pickup
*/
.pickupVideo{
	border: #c3f5e2 solid 1px;
	border-radius: 3px;
	padding-bottom: 8px;
	margin: 8px 0;
	overflow: hidden;
}

#content_624 .pickupVideo h3{
	color: #f2f5f5;
	font-size: 13px;
	border-radius: 3px;
	border: #c3f5e2 solid 1px;
	margin: 0;
	padding: 4px 8px;
	margin-top: -1px;
	margin-bottom: 8px;
	background: #020a09;
	background: -moz-linear-gradient(top,  #010504 0%, #228b83 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010504), color-stop(100%,#228b83));
	background: -webkit-linear-gradient(top,  #010504 0%,#228b83 100%);
	background: -o-linear-gradient(top,  #010504 0%,#228b83 100%);
	background: -ms-linear-gradient(top,  #010504 0%,#228b83 100%);
	background: linear-gradient(to bottom,  #010504 0%,#228b83 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010504', endColorstr='#228b83',GradientType=0 );
}

.pickupVideo .pickupVideoThumb{
	float: left;
	margin-left: 8px;
	margin-right: 12px;
}

.pickupVideo .pickupVideoSummary{
	float: left;
	width: 464px;
	margin-right: 8px;
}

.pickupVideo .pickupVideoSummary p{
	font-size: 13px;
}

.pickupVideo .pickupVideoSummary p.postDate strong{
	font-size: 12px;
	font-weight: normal;
}

.pickupVideo .pickupVideoSummary p.moreLink{
	text-align: right;
}

.pickupVideo .pickupVideoSummary h5{
	font-weight: normal;
	margin: 0;
}

.pickupVideo .pickupVideoSummary h5 a{
	font-size: 13px;
	margin: 0;
}

#content_624 .category_movie_list{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#content_624.top_global .category_movie_list li{
	margin: 4px 12px 8px 0;
}

#content_624 .translated_movie_list{
	margin: 0;
	padding:0;
	overflow: hidden;
}

#content_624 .translated_movie_list li{
	float: left;
	margin: 4px 12px 8px 0;
	overflow: hidden;
	width: 144px;
}

#content_624 .translated_movie_list .mov_thumb{
	padding:8px;	
}

#content_624 .category_movie_list h5{
	margin: 0;
}

#content_624 .translated_movie_list h5{
	margin: 0;
}

#content_624 .movlist_wrap {
   /* margin: 0 0 0 4px;
    width: 616px;
	*/
}

#content_624.top_global{
	padding:0 0 0 4px;
	width:620px;
}

/*
	right column
*/

#content_360 .mb8p4{
	margin: 0 8px 8px;
	padding: 0;
}

#web_pc_premium{
  margin-left: -2px;
}

.category_banner{
  margin: 0 0 8px 5px;
}

#ranking_sub .mb8p4{
	margin: 0;
	padding: 0;
}

.asideBox{
  width: 100%;
	margin: 0 auto;
	padding: 4px 0;
	border: #999 solid 2px;
	border-radius: 6px;
	box-shadow: 0 0 4px #999;
}

.asideBox h3{
	text-align: center;
	font-size: 18px;
	color: #696F6F;
	margin: 2px 0 2px;
}

.frm_a_title { 
	background: none;
}

.frm_a_bg {
	width: 312px;
	background: none;
}

#globalRanking .frm_a_bg, 
#localRanking .frm_a_bg, 
#withCaptionVideos .frm_a_bg
{
	width: inherit;
	padding: 0;
}

/*
	global ranking
*/

.mb8p4 .asideBox#globalRanking,
.mb8p4 .asideBox#localRanking,
.mb8p4 .asideBox#withCaptionVideos
{
	border: none;
	box-shadow: none;
}

.asideBox#globalRanking li{
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: #ccc dashed 1px;

}

.mb8p4 .asideBox#globalRanking h3,
.mb8p4 .asideBox#localRanking h3,
.mb8p4 .asideBox#withCaptionVideos h3
{
  width: 97%;
	text-align: left;
	color: #fff;
	font-size: 13px;
	padding: 4px 8px;
	background-color: #1b1b1b;
	border-radius: 3px;
	margin-bottom: 16px;
  margin-top: 0;
}

.mb8p4 .asideBox#globalRanking p.font12,
.mb8p4 .asideBox#localRanking p.font12,
.mb8p4 .asideBox#withCaptionVideos p.font12
{
	text-align: right;
}

.mb8p4 .asideBox#globalRanking p.font12 a.arrow,
.mb8p4 .asideBox#localRanking p.font12 a.arrow,
.mb8p4 .asideBox#withCaptionVideos p.font12 a.arrow
{
	padding-left: 14px;
	background: url(../img/index/icon_cur.png) no-repeat left 4px;
}


.mb8p4 .asideBox .frm_a_bg ol{
	margin: 0;
	padding: 0;
}

.mb8p4 .asideBox .frm_a_bg ol li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
}

.thumb{
	float: left;
	margin-right: 8px;
}

.thumb .img_std48{
	width: 100px;
	height:80px;
}

.summaryContainer{
	overflow: hidden;
}

.summaryContainer h5{
	margin: 0;
	line-height: 1;
}

.summaryContainer h5 span{
	font-size: 16px;
}

.summaryContainer p{
	font-size: 12px;
	color: #999;
}

.summaryContainer p strong{
	font-weight: normal;
	font-size: 11px;
}


/*
	utility
*/
.outerFrame{
	border: #969F9F solid 2px;
	border-radius: 8px;
}

/*
	button
*/
.submit.btn{
	display: block;
	padding: 4px 8px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 70%;
	margin: 0 auto;
	border-radius: 16px;
	border: #666 solid 1px;
	text-decoration: none;
	background: #656565;
	background: -moz-linear-gradient(top,  #656565 0%, #090e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#090e0e));
	background: -webkit-linear-gradient(top,  #656565 0%,#090e0e 100%);
	background: -o-linear-gradient(top,  #656565 0%,#090e0e 100%);
	background: -ms-linear-gradient(top,  #656565 0%,#090e0e 100%);
	background: linear-gradient(to bottom,  #656565 0%,#090e0e 100%);
	border: #999 solid 1px;
}

.btn:hover{
	background: #ffc900;
	background: -moz-linear-gradient(top,  #ffc900 0%, #fd6c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc900), color-stop(100%,#fd6c00));
	background: -webkit-linear-gradient(top,  #ffc900 0%,#fd6c00 100%);
	background: -o-linear-gradient(top,  #ffc900 0%,#fd6c00 100%);
	background: -ms-linear-gradient(top,  #ffc900 0%,#fd6c00 100%);
	background: linear-gradient(to bottom,  #ffc900 0%,#fd6c00 100%);
	border: #fd6c00 solid 1px;
}

/*
	watch login
*/

.hLine{
	padding: 4px;
	font-size: 18px;
	vertical-align: middle;
}

.hLine img{
	margin-right: 4px;
	vertical-align: middle;
}

#suggest_login .button{
	float: left;
	display: block;
	padding: 4px 8px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 6px;
	text-decoration: none;
}

#suggest_login .registerButton{
	width: 55%;
	margin: 0 12px 0 6px;
	background: #edab3b;
	background: -moz-linear-gradient(top,  #ffcc00 0%, #edab3b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#edab3b));
	background: -webkit-linear-gradient(top,  #ffcc00 0%,#edab3b 100%);
	background: -o-linear-gradient(top,  #ffcc00 0%,#edab3b 100%);
	background: -ms-linear-gradient(top,  #ffcc00 0%,#edab3b 100%);
	background: linear-gradient(to bottom,  #ffcc00 0%,#edab3b 100%);
	text-shadow: #000 1px 1px 1px;
	box-shadow: inset #fff 0 0 2px;
	border: #e9bd6a solid 1px;
}

#suggest_login .loginButton{
	width: 35%;
	background: #1975c7;
	background: -moz-linear-gradient(top,  #7ab8f2 0%, #1975c7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ab8f2), color-stop(100%,#1975c7));
	background: -webkit-linear-gradient(top,  #7ab8f2 0%,#1975c7 100%);
	background: -o-linear-gradient(top,  #7ab8f2 0%,#1975c7 100%);
	background: -ms-linear-gradient(top,  #7ab8f2 0%,#1975c7 100%);
	background: linear-gradient(to bottom,  #7ab8f2 0%,#1975c7 100%);
	text-shadow: #000 1px 1px 1px;
	box-shadow: inset #fff 0 0 2px;
	border: #296baf solid 1px;
}

/*
	for translated list
*/

/* original */
.translated{
	border: #2b8426 solid 2px;
	background-color: #bdf2cd;
}

/* for ranking */
.uad_thumbfrm.translated { background:#bdf2cd; padding:6px; border:solid 2px #2b8426;}
.uad_thumbfrm_1, .uad_thumbfrm_2 { padding:4px; border:solid 4px;}
.uad_thumbfrm_1.translated { border-color:#9AA #677 #344; background:url('../img/common/uad/thumbfrm_bg_1.png') repeat-x center;}
.uad_thumbfrm_2.translated { border-color:#C90 #960 #630; background:url('../img/common/uad/thumbfrm_bg_2.png') repeat-x center;}
.uad_thumbfrm_1.translated img { border-color:#344!important;}
.uad_thumbfrm_2.translated img { border-color:#630!important;}

/* for matrix */
.bg_grade_0.translated { padding:6px; border:solid 2px #2b8426 !important; background:#bdf2cd !important;}
.bg_grade_1.translated { padding:4px; border:solid 4px; background:url('../img/common/uad/thumbfrm_bg_1.png') repeat-x center; border-color:#9AA #677 #344;}/*宣伝Lv6～10*/
.bg_grade_2.translated { padding:4px; border:solid 4px; background:url('../img/common/uad/thumbfrm_bg_2.png') repeat-x center; border-color:#C90 #960 #630;}/*宣伝Lv6～10*/

/* ranking page */
.silver.translated{
  border-color: #99AAAA #667777 #334444;
  border-width: 1px;
  background-color: #BFD6D6;
}
.gold.translated {
  background-color: #E9B535;
  border-color: #CC9900 #996600 #663300;
  border-width: 1px;
}

.thumb_frm_rank_1.translated{
	border-color: #667777 #445555 #223333;
	background-color: #dee;
}

.thumb_frm_rank_2.translated{
	border-color: #CC9900 #996600 #663300;
	background-color: #fd0;
}

/*
	mylist
*/

a#BTN_playlist_play_all.autoPlayButton,
p.autoPlayButton.disable {
  display: inline-block;
  min-width: 70px;
  height: 18px;
  padding: 2px 6px;
  margin: -1px 8px 0 0;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #dedede 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#dedede 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#dedede 100%); /* IE10+ */
	background: linear-gradient(top,  #f1f1f1 0%,#dedede 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	border: #cbcbcb solid 1px;
	border-radius: 2px;
  text-shadow: 1px 1px 0 #EEEEEE;
  font-size: 14px;
  text-decoration: none;
  color: #333;
}

a#BTN_playlist_play_all.autoPlayButton span,
p.autoPlayButton.disable span{
	display: inline-block;
  width: 15px;
	height: 15px;
	background: url(../img/mylist/icon_watch.png) no-repeat 0 4px;
}

p.autoPlayButton.disable{
	color: #999;
}

p.autoPlayButton.disable span{
	opacity: 0.5;
}

.top_global .category_taglist{
	margin-bottom: 8px;
}