@charset "utf-8";

/* 共通 */

body {
	background-color: #FFF;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-text-size-adjust:none;
	font-size:16px;
	line-height:1.2em;
}

p{
	padding:5px 10px;
	font-size:16px;
	line-height:1.2em;
}

ol, ul, dl, table {
	font-size: 1.4em;
}
	

div, dd, dt, li {
	line-height:1.2em;
}


a {
	color:#000;
	text-decoration: none;
}

.disnon{
	display: none;
}

hr {
	display: block ! important;
	margin:-5px;
}


/* ついてくるメニュー */
.headbody{
	position: fixed !important;
	background-color: #fffdf7;
	width:100%;
	z-index:500;
}

.headmenu{
	width:100%;
	padding:3px;
	background-color:#180808;
	z-index:500;
}

.headmenu table{
	width:97%;
}

.headmenu span{
	margin-right:2px;
	margin-left:3px;
	display: inline !important;
}

.headmenu a{
	margin-right:2px;
	margin-left:3px;
	display: inline !important;
}


.panel{
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
}

.active {
	display: block;
}



/* 見出しバー 歌詞 */
h2.bar{
	padding:8px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	/*text-shadow: -1px -1px 0 #c9c9c9;*/
	border-top: 1px solid #bc0000;
	border-bottom: 1px solid #bc0000;
	margin-bottom:-1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f10000), to(#bc0000));
	line-height:1.2em;

}

h2.bar img{
	float:right;
	width:70px;
	margin-top:1px;
	padding-left:8px;
}

div.headtext{
	margin:15px 0px 0px 0px;
	font-size:16px;
	text-align:center;
}


/* お知らせ枠 */
.oshirase{
	background-color:#fff;
	text-align:center;
	position:relative;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

.oshirase ul li{
	margin:2px 0px;
	padding:5px 0px;
	background-color:#fffdc9;
	font-size:16px;
}

.oshirase ul li a{
	/* display:inline ! important; */
	display:block;
	color:#ff0000;
	/*font-weight:bold;*/
	font-family: "HiraKakuProN-W6";
}

.oshirase ul li img{
	padding-bottom:5px;
}



/* キーワードボタンリンク */
div.keywords{
	text-align: center;
	margin:5px 0px;
}


div.keywords a{
	font-size:14px;
	padding:5px;
	margin:3px;
	width:25%;
	text-align:center;
	border-radius:10px;
	line-height:1.2em;
	display:inline-block;
}


/* サムネ＋大文言＋ぶらさがり */
.thumblink{
	position:relative;
}

.thumblink ul{
}

.thumblink ul li{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
	height:83px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom:-1px;
	-webkit-text-size-adjust:none;
}

.thumblink ul li img{
	margin:1px 5px 0px 2px;
	height:80px;
	-webkit-text-size-adjust:none;
}

.thumblink ul li td{
	line-height:20px;
	vertical-align:middle;
}

.thumblink ul li a{
	height:80px;
	font-size:16px;
	display:block;
}

.thumblink dt{
	margin-right:30px;
	line-height:1.2em;
	font-size:16px;
	font-weight:bold;
	-webkit-text-size-adjust:none;
}

.thumblink dd{
	margin-right:30px;
	line-height:1.2em;
	font-size:14px;
	-webkit-text-size-adjust:none;
}

.thumblink p{
	padding:23px 20px 3px 0px;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	-webkit-text-size-adjust:none;
}


/* ジャンルアイコン */
.thumblinkicon{
	display:block;
	height:21px ! important;
	margin:0px 3px;
	padding-bottom:-1px ! important;
}


.topicon{
	display:inline;
	height:21px ! important;
	margin:0px 5px;
	padding-bottom:-1px ! important;
}

.genreicon{
	width:40px;
	padding:3px 7px 3px 0px;
	-webkit-text-size-adjust:none;
}

/* NEWアイコン */
.newicon{
	width:23px ! important;
	height:17px ! important;
	display:inline;
	padding:1px 3px;
}

.atticon{
	width:18px ! important;
	height:16px ! important;
	display:inline-block;
	padding:0px 5px;
	margin-bottom:-3px;
}


div.maru_r ul li{
	background:url(../img/maru_r.png) no-repeat right center,-webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
}

div.maru_g ul li{
	background:url(../img/maru_g.png) no-repeat right center,-webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
}

div.maru_777 ul li{
	background:url(../img/maru_777.png) no-repeat right center,-webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
}

div.kaku_777 ul li{
	background:url(../img/kaku_777.png) no-repeat right center,-webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
}

div.kaku_r ul li{
	background:url(../img/kaku_r.png) no-repeat right center,-webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
}

div.kaku_g ul li{
	background:url(../img/kaku_g.png) no-repeat right center,-webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
}


/* テキスト1行枠 */
.linelink{
}

.linelink ul li{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
	font-size:16px;
}

.linelink ul li a{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom:-1px;
	padding:10px 38px 10px 10px;
	-webkit-text-size-adjust:none;
	display:block;
	color:#000080;
}

.linelink ul li p{
	padding:10px 38px 10px 10px;
	-webkit-text-size-adjust:none;
	display:block;
	font-size:16px;
}


/* ランキングセレクタ */
.toprank-select{
	margin:8px 0px 5px 0px;
}

.toprank-select ul{
	width:100%;
	display: -webkit-box;
}

.toprank-select ul:before,
.toprank-select ul:after{
	content: "";
	display:-webkit-box;
	-webkit-box-flex:1;
}

.toprank-select ul li{
	text-align:center;
	font-size:14px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/*border: 1px solid #A9A9A9;*/
	background:#A9A9A9;
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(230,230,230)), color-stop(0.9, rgb(190,190,190)));
	background: -moz-linear-gradient(top center, rgb(230,230,230) 10%, rgb(190,190,190) 90%);
	color:#333;
	padding:5px;
	margin:3px;
	width:60px;
	height:26px;
	display:block;
	-webkit-text-size-adjust:none;
	line-height:13px;

}

li.toprank-pad{
	line-height:26px ! important;
}

li.toprank-select-fff{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px;
	margin:3px;
	width:60px;
	height:26px;
	border:0px solid #fff ! important;
	background:#fff ! important;
}


.toprank-select333{
	background:#333333 ! important;
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(150,150,150)), color-stop(0.9, rgb(30,30,30))) ! important;
	background: -moz-linear-gradient(top center, rgb(150,150,150) 10%, rgb(30,30,30) 90%) ! important;
	color:#fff ! important;
}


/* 検索BOX */
select{
position:relative;
top:-3px;
}

.kensaku_form{
	font-size:12px;
	text-align:center;
	margin:10px auto 10px auto;
	/*-webkit-box-shadow:#333 -3px 3px 3px;
	max-width:480px;*/
}

.kensaku_form form input{
	-webkit-border-radius:5px ! important;
}
.kensaku_form form select{
	font-size:16px;
}

.kensaku_form form{
	width:294px;	/* need for Android? */
	margin:0px auto;
	text-align:left;
}

.kensaku_form form p{
	font-weight:bold;
	font-family: "HiraKakuProN-W6";
	padding-top:5px;
}

.kensaku_form form input{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	margin:2px;
}

.kensaku_form form input.text{
	width:220px;
	font-size:14px;
}

.kensaku_form form input.submit{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
	background-image: -moz-linear-gradient(top, #e4847b, #d93729);
	border:#999 1px solid;
	font-size:14px;
	font-weight:bold;
	font-family: "HiraKakuProN-W6";
	padding:2px 10px;
	color:#000;
}

.kensaku_form form ul{
}

.kensaku_form form ul li{
	float:left;
	/*-webkit-border-radius:20px;
	-moz-border-radius:20px;*/
	width:95px;
	font-size:1em;
	color:#777;
	text-align:center;
	background-color:#ddd;
	margin:3px 0px 5px 0px;
	padding:6px 0px;
	border:1px #FFF solid;
}

.kensaku_form form ul li.on{
	background-color:#999;
	color:#fff;
}
.kensaku_form form ul li.off{
	background-color:#ddd;
	color:#999;
}



/* 注意文言とか */
.comment{
	margin:10px;
	font-size:16px;
	white-space:wrap;
	word-wrap:normal;
}
.comment a{
	color:#0000ff;
	text-decoration: underline;
}
.comment img{
	width:100%;
	margin:-10px;
	padding-bottom:5px;
}


.kome{
	padding:10px;
	font-size:14px;
	white-space:wrap;
	border-top: 1px solid #999;
	line-height:1.2em;
}


/* ボタン類 */
.smallbtn,
.widebtn{
	text-align:center;
	margin:5px 0px;
}

.smallbtn a{
	display:inline-block;
	font-size:14px;
	padding:8px 14px;
	margin:4px;
	width:60px ! important;
	text-align:center;
	-webkit-text-size-adjust:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	line-height:1.2em;
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(230,230,230)), color-stop(0.9, rgb(190,190,190)));
	color:#333;
}

.widebtn a{
	display:inline-block;
	font-size:16px;
	padding:5px;
	margin:4px;
	width:280px ! important;
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(230,230,230)), color-stop(0.9, rgb(190,190,190)));
	color:#333;
	text-align:center;
	-webkit-text-size-adjust:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	line-height:1.2em;
}


/* 濃い */
.btn_r a{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e4847b), to(#d93729));
	color:#fff;
}

.btn_o a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(247,208,160)), color-stop(0.9, rgb(247,164,25)));
	color:#333;
}

.btn_y a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(247,235,200)), color-stop(0.9, rgb(247,235,25)));
	color:#333;
}

.btn_g a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(0,200,52)), color-stop(0.9, rgb(0,144,37)));
	color:#fff;
}

.btn_b a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(113,200,255)), color-stop(0.9, rgb(0,156,255)));
	color:#000;
}

.btn_p a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(200,149,248)), color-stop(0.9, rgb(122,0,236)));
	color:#fff;
}

.btn_pi a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(255,199,224)), color-stop(0.9, rgb(254,136,189)));
	color:#000;
}

.btn_bl a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(150,150,150)), color-stop(0.9, rgb(30,30,30))) ! important;
	color:#fff;
}

.btn a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(230,230,230)), color-stop(0.9, rgb(190,190,190)));
}


/* 淡い */
.btn_r_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(251,131,121,0.5)), color-stop(0.9, rgba(255,84,69,0.5)));
	color:#333;
}

.btn_o_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(247,208,160,0.5)), color-stop(0.9, rgba(247,164,25,0.5)));
	color:#333;
}

.btn_y_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(247,235,200,0.5)), color-stop(0.9, rgba(247,235,25,0.5)));
	color:#333;
}

.btn_g_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(0,200,52,0.5)), color-stop(0.9, rgba(0,144,37,0.5)));
	color:#333;
}

.btn_b_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(113,200,255,0.5)), color-stop(0.9, rgba(0,156,255,0.5)));
	color:#000;
}

.btn_p_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(200,149,248,0.5)), color-stop(0.9, rgba(122,0,236,0.5)));
	color:#333;
}

.btn_pi_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(255,199,224,0.5)), color-stop(0.9, rgba(254,136,189,0.5)));
	color:#000;
}

.btn_bl_a a{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgba(150,150,150,0.5)), color-stop(0.9, rgba(30,30,30,0.5))) ! important;
	color:#333;
}



/* コピーライト */
#top_copyright{
	padding:0px 0px -5px 0px;
	position:relative;
}

#top_copyright p{
	font-size:16px;
	padding:12px 0px 15px 0px;
	text-align:center;
	border-top: 1px solid #999;
	font-family: "HiraKakuProN-W6";
}












/* カラオケランキング */

div.songlist a {
	color:#333;
	text-decoration: none;
	display:block;
	position:relative;
	/*top:2px;
	padding-bottom:-2px;
	padding-bottom:0px;*/
	-webkit-tap-highlight-color:rgba(0, 102, 204, 0.4);
}



.songlist{
	position:relative;
}

.songlist p{
	border-top:1px #999 solid;
}

.songlist ul{
}

.songlist ul li{
	border-top:1px #999 solid;
	font-size:16px;
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
	background: -moz-linear-gradient(top center, rgb(255,255,255) 50%, rgb(230,230,230) 90%);
}

.songlist ul li div {
	padding:5px 35px 7px 10px;
}

.songlist ul li a{
	padding:5px 35px 7px 10px ! important;
	background:url(../img/maru_r.png) no-repeat right center;
	overflow:hidden ! important;
	text-overflow:ellipsis ! important;
	-webkit-text-size-adjust:none ! important;
}

.songlist ul li dt{
	line-height:20px;
	font-size:18px;
	font-family: "HiraKakuProN-W6";
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-text-size-adjust:none;
}
.songlist ul li dd{
	font-size:14px;
	overflow:hidden;
	white-space:wrap;
	text-overflow:ellipsis;
	-webkit-text-size-adjust:none;
}

/* ランキングTOP3 */
#rank3{
}

li.rank{
	width:15%;
	margin:8px 0px 5px 5px;
	text-align:center;
}

li.title{
	width:75%;
	margin:5px;
}


li.icon img{
	float:right;
	/*padding-bottom:5px;
	display: inline;*/
	vertical-align: middle ! important;
	/*position:absolute ! important;*/
}


.rank-top{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0, rgba(255,255,255,0)), color-stop(0.9, rgb(230,230,230)));
	background: -moz-linear-gradient(top center, rgb(255,255,255) 50%, rgb(235,235,235) 90%);
}

.rank-top ul{
	border-top:1px #999 solid;
	display:-webkit-box;
}

.rank-top ul li:first-child{
}

.rank-top ul li{
	-webkit-text-size-adjust:none;
}

.rank-top ul li a{
	top:-1px;
}

.rank-top ul li dt{
	line-height:20px;
	font-size:18px;
	font-family: "HiraKakuProN-W6";
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-text-size-adjust:none;
}

.rank-top ul li dd{
	font-size:14px;
	overflow:hidden;
	white-space:wrap;
	text-overflow:ellipsis;
	-webkit-text-size-adjust:none;
}



dt.rank{
	font-size:14px ! important;
	line-height:1em;
}
.rank_icon{
	height:14px;
	padding:0px 1px 4px 4px;
}
.rank_icon2{
	height:10px;
	padding:0px 1px 5px 4px;
}
.rank_123{
	height:16px;
	padding:0px 3px 4px 0px;
}

dt.tieup{
	font-size:12px ! important;
	line-height:1em;
}

dt.title{
	font-weight:bold;
	line-height:1.4em;
}

dt.artist{
	font-size:14px ! important;
	line-height:1em;
}

dt.right{
	text-align:right;
	padding-right:-20px;
}


li.rank-select{
	background: -webkit-gradient(linear,center top,center bottom, color-stop(0.1, rgb(150,150,150)), color-stop(0.9, rgb(30,30,30))) ! important;
	color:#fff ! important;
}