@charset "utf-8";
html{ background:none; }
#wrapper{ width:100%; padding:0; }
#widebanner{ margin:0 auto; }
.yahooInterst { display:none; }
#footer{ margin:0; }
#content{ width:100%!important; background:#fff url(../img/background.jpg) top left repeat-x; margin:0 auto; padding:0; }
#topimage{
	height:380px;
	position:relative;
	background:url(../img/topimage.png) no-repeat 40% 30px;
}
#menu{
width:938px; margin:0 auto 15px; position:relative;}
#menu li{ float:left; list-style:none; }
#menu li a{ height:116px; display:block; text-indent:-9999px; overflow:hidden; }
.btn_about{ width:204px; background:url(../img/menu.png) 0 0; }
.btn_artist{ width:218px; background:url(../img/menu.png) -204px 0; }
.btn_chart{ width:213px; background:url(../img/menu.png) -424px 0; }
.btn_vate{ width:214px; background:url(../img/menu.png) -637px 0; }
.btn_twitter{ width:81px; background:url(../img/menu.png) -851px 0; }
#menu li a:hover{filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
.btn_special{ width:168px; height:153px; background:url(../img/btn_sp9.png) no-repeat;
position:absolute; right:-50px; top:-160px; display:block; text-indent:-9999px; overflow:hidden; }
.btn_special:hover{ top:-163px; }
.btn_special:active{ top:-160px; }

#mainwrapper{ background-color:#ffcc00; padding:15px 0 10px; }
#maincontent{ width:930px; margin:0 auto; }
#pannavi{ list-style:none; margin-bottom:30px; }
#pannavi li{ display:inline; }
#pannavi li a{ text-decoration:underline; }
#pannavi li:after{ content:" > "; }
#pannavi li:last-child:after{ content:""; }

.title-about{ width:930px; height:69px; background:url(../img/title-about.png) no-repeat; margin-top:20px;
display:block; text-indent:-9999px; overflow:hidden; clear:both; }
.title-event{ width:350px; height:57px; background:url(../img/title-event.png) no-repeat;
display:block; text-indent:-9999px; overflow:hidden; margin-bottom:10px; }
.title-info{ width:351px; height:70px; background:url(../img/title-info.png) no-repeat; 
display:block; text-indent:-9999px; overflow:hidden; }
.title-artist{ width:930px; height:97px; background:url(../img/title-artist.png) no-repeat;
display:block; text-indent:-9999px; overflow:hidden; }
.subtitle-tohyo{ width:736px; height:64px; background:url(../img/title-tohyo.png) no-repeat;
display:block; text-indent:-9999px; overflow:hidden; margin:0 auto; }

.titletxt{ color:#231815; font-size:14px; padding:20px 10px 10px; }
.titletxt p{ margin-bottom:10px; }

#aboutbox{  margin-bottom:50px; }
#eventbox{  }

#info{ width:352px; float:right;}
#info dl{ height:170px; overflow:auto; padding:10px; margin-bottom:15px; background:url(../img/border.png) bottom no-repeat; }
#info dt{ background-color:#090605; color:#efefef; display:inline; padding:0 5px; }
#info dd{ padding-top:5px; margin-bottom:20px; color:#231815; }
#info dd:last-child{ margin-bottom:0; }
#banner { margin: 20px 0; }
#banner img{ margin-bottom:5px; }
#info dl::-webkit-scrollbar {
    width: 12px;
}
 
#info dl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
 
#info dl::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
    
#infobox{ margin:30px 0; }
#infoLF{ float:left; width:560px;}
.wbox{ background-color:#f0f0f0; border:6px solid #000; padding:20px }
.wbox .cf{ margin-bottom:20px; }
.wbox .cf:last-child{ margin-bottom:0; }
.wboxLF{ float:left; width:425px; }
.wboxRT{ float:right; width:425px; }
.subtitle{ background:#ccc url(../img/back-subtitle.png) repeat; display:inline; padding:3px 5px 0; color:#231815;
font-size:16px; }
.wbox p{ padding:15px 0; }
.wbox p:last-child{ padding:15px 0 0; }

.textCNT{ text-align:center; padding:20px 0; }
.textCNT a{ color:#0072ff; text-decoration:underline; }
.textCNT a:hover{ color:#F00; text-decoration:none; }

.artistLF{ width:448px; float:left; }
.artistRT{ width:448px; float:right; }
.aristTXT{ border-bottom:1px dotted #888; margin-bottom:15px; padding:0 0 15px!important; font-size:12px; color:#000; }
#vote h3, .artistLF h3,.artistRT h3{ display:block; text-indent:-9999px; overflow:hidden; margin-bottom:10px; width:448px; height:61px; }

.listLF,.listRT{ list-style:none; width:190px; }
.listLF li,.listRT li{ margin-bottom:10px; font-size:14px; color:#151414; }
.listLF{ float:left; }
.listRT{ float:right; }

.title-pop{ background:url(../img/title-pop.png) no-repeat; }
.title-jazz{ background:url(../img/title-jazz.png) no-repeat; }
.title-inde{ background:url(../img/title-inde.png) no-repeat; margin-top:40px; }
.title-classic{ background:url(../img/title-classic.png) no-repeat; margin-top:50px; }
.title-anime{ background:url(../img/title-anime.png) no-repeat; margin-top:50px; }

.textRT{ text-align:right; }
.btn_black{ background-color:#000; color:#fff; padding:2px 5px; }
.btn_black:hover{ color:#FFDF00; }
.flarge{ font-size:16px; }
.fsmall{ font-size:12px; }
.hr{ border-top:1px dotted #888; }
.pagetop{ text-align:right; clear:both; padding-top:30px; }
.pagetop a,.pagetop a:visited{ background-color:#000; color:#ffe400; padding:5px 10px; }
.pagetop a:hover{ color:#A0A0A4;}

#archive{ height:80px; margin:50px 0; }
.title-archive{ width:340px; height:80px; float:left; display:block; text-indent:-9999px; overflow:hidden;
background:url(../img/archive.png) no-repeat; }
#archive a{ display:block; text-indent:-9999px; overflow:hidden; height:80px; float:left; }
.a2009{ width:150px; background:url(../img/archive.png) -340px 0 no-repeat; }
.a2010{ width:151px; background:url(../img/archive.png) -490px 0 no-repeat; }
.a2011{ width:150px; background:url(../img/archive.png) -641px 0 no-repeat; }
.a2012{ width:139px; background:url(../img/archive.png) -791px 0 no-repeat; }
.a2009:hover{ background:url(../img/archive.png) -340px -80px no-repeat; }
.a2010:hover{ background:url(../img/archive.png) -490px -80px no-repeat; }
.a2011:hover{ background:url(../img/archive.png) -641px -80px no-repeat; }
.a2012:hover{ background:url(../img/archive.png) -791px -80px no-repeat; }

/* yahooAD */
#spYahooAD{ width:939px; border-top:1px solid #484848; text-align:left; margin:100px auto ; }
#spYahooAD a{ display:block; padding:10px 5px; }
#spYahooAD12,#spYahooAD18{ border-bottom:1px solid #484848; }
#spYahooAD .title{ font-size:small; color:#AF1717; font-weight:bold; text-decoration:underline; margin-right:10px; }
#spYahooAD .host{ color:#169791; }
#spYahooAD .descr,#spYahooAD .titlehost{ text-align:left; padding:0; }
.yahooad_p {
border-top:1px solid #484848;
text-align: right;
padding-top:10px;
}
#spYahooAD .yahooad_p a {
display: inline;
}
/* table */
#award_form table{ width:100%; margin:20px 0; }
#award_form tb,
#award_form tr{ border:1px solid #888; }
#award_form td {
padding: 10px;
text-align:left;
}
#award_form th{ background-color:#ccc; border-right:1px solid #888; font-weight:normal; padding:10px; }
#award_form input[type=radio]{ margin: 0 5px;}
#award_form li,
#award_form ul{ text-align:left; list-style:none; padding:5px; }
.title-vote{ text-align:center; font-size:x-large; }
.c_caption{ color:#D40000; font-size:small; }
#award_form .small{ font-size:x-small; }
#award_form .button{ font-size:123.1%; padding:3px 20px; margin-top:20px; }
#award_form td p{ padding:0; }
/* vote */
#vote h3{ margin:15px auto; background-position:center; }
#vote dl{ text-align:center; border:double #000 3px; padding:20px; width:50%; margin:0 auto; }
#vote dt{ margin-bottom:20px; }
.error{ font-weight:bold; color:red; }
.btnC{ text-align:center; }
.title-vote{ color:#000; font-size:123.1%; margin-bottom:20px; }
.guestLF{ float:left; width:30%; }
.guestRT{ float:right; width:66%; }