@charset "utf-8";
/*reset*/
*{ margin:0; padding:0;}
body { background: url(../images/bg.jpg) top center no-repeat #00001a; }
ul { list-style: none; }
fieldset,
img { border: 0; vertical-align: middle; overflow: hidden; }
.w95 { width: 950px; margin: 0 auto; }
/*********************************global css*********************************/
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
.fl { float: left; }
.fr { float: right; }
.blue { color: #3366cc; }
.red { color: #e82b41; }
.gray { color: #737373; }
.yellow { color: yellow; }
.white { color: #ffffff; }
.fz12 { font-size: 12px; }
.fz13 { font-size: 13px; }
.fz14 { font-size: 14px; }
.fz16 { font-size: 16px; }
.fz18 { font-size: 18px; }
.mart1 { margin-top: 10px; }
.mart2 { margin-top: 20px; }
.mart3 { margin-top: 30px; }
.mart4 { margin-top: 40px; }
.marl1 { margin-left: 10px; }
.marl2 { margin-left: 20px; }
.marl3 { margin-left: 30px; }
.marl4 { margin-left: 40px; }
.marb1 { margin-bottom: 10px; }
.marb2 { margin-bottom: 20px; }
.marb3 { margin-bottom: 30px; }
.marb4 { margin-bottom: 40px; }
.marr1 { margin-right: 10px; }
.marr2 { margin-right: 20px; }
.marr3 { margin-right: 30px; }
.marr4 { margin-right: 40px; }
.tuline { text-decoration: underline; }
.taright { text-align: right; }
.dinone { display: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;
}
.clear { clear: both; display: block; height: 0; overflow: hidden; }
.absolute_b { position: absolute; left: 0; bottom: 0; }
.page_hide { opacity: 0; }
/*********************************global css*********************************/
#header { position:relative; height: 81px; background:#FFF; border-bottom-right-radius:5px; border-bottom-left-radius:5px; z-index:99; }
#header #header-top { height: 31px; }
#header ul { padding-left: 4px; }
#header ul li { float: left; margin: 0; }
.container { /*background: url(../images/container_bg.png) no-repeat top center; margin-top:-20px; padding-top:20px;*/ }
.container .ad { height: 570px; background: #000; overflow:hidden; }

.container .ad .first{ position:relative; width:949px; height:570px; overflow:hidden;}
.container .ad .first img{ position:absolute; left:0; top:0;}
.container .ad .first .bg{ left:-300px; opacity:0;}

.container .ad .second{ display:none; position:relative;}
.container .ad .second ul{ position:relative;}
.container .ad .second ul li{ position:absolute; opacity:0;}
.container .ad .second ul li img{ width:190px; height:190px;}
.container .ad .second ul li.img1{ left:0; top:0;}
.container .ad .second ul li.img1 img{ width:380px; height:380px;}
.container .ad .second ul li.img2{ left:380px; top:0;}
.container .ad .second ul li.img3{ left:570px; top:0;}
.container .ad .second ul li.img4{ left:760px; top:0;}
.container .ad .second ul li.img5{ left:380px; top:190px;}
.container .ad .second ul li.img6{ left:0; top:380px;}
.container .ad .second ul li.img7{ left:190px; top:380px;}
.container .ad .second ul li.img8{ left:380px; top:380px;}
.container .ad .second ul li.img9{ left:570px; top:190px;}
.container .ad .second ul li.img9 img{ width:380px; height:380px;}
.container .ad .second .list{ position:absolute; right:-380px; top:190px; width:380px; height:317px; padding-top:63px; background:url(../images/list_on.jpg) no-repeat;}
.container .ad .second .list a{ float:left; width:380px; height:63px;}
.container .ad .second .list a:hover{ background:url(../images/list_off.jpg) no-repeat;}
.container .ad .second .list .num2,
.container .ad .second .list .num4{ height:64px;}
.container .ad .second .list .num1:hover{ background-position: 0 -63px;}
.container .ad .second .list .num2:hover{ background-position: 0 -126px;}
.container .ad .second .list .num3:hover{ background-position: 0 -190px;}
.container .ad .second .list .num4:hover{ background-position: 0 -253px;}
.container .ad .second .list .num5:hover{ background-position: 0 -317px;}


.container .sliding { background: #FFF; }
.container .sliding .tit { height:30px; line-height:30px; padding: 8px 0; text-align: center; font-size: 31px; color:#bc007f; }
.container .sliding .prev { float: left; width: 14px; height: 20px; margin-top: 40px; background: url(../images/sliding_lr.png) no-repeat; }
.container .sliding .prevStop { }
.container .sliding .next { float: right; width: 14px; height: 20px; margin-top: 40px; background: url(../images/sliding_lr.png) -14px 0 no-repeat; }
.container .sliding .nextStop { }

.container .sliding .con { float: left; width: 910px; height: 100px; margin: 0 0 0 6px; overflow: hidden; }
.container .sliding .con ul { width: 1000%; overflow: hidden; zoom: 1; }
.container .sliding .con li { float: left; width: 94px; height: 94px; padding: 3px 0; margin-right: 8px; }
.container .sliding .con li img { width: 94px; height: 94px; }


.container .info { background: #FFF; padding-bottom: 60px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; text-align:left; }
.container .info .l,
.container .info .m,
.container .info .r { float: left; width: 300px; margin-left: 12px; }
.container .info .info_show{ padding: 10px 0 10px 10px; border:1px #d8d9d9 solid;}
.container .info .special { width:600px; margin-top:40px;}
.container .info .adjust { margin-top:934px;}
 @media screen and (-webkit-min-device-pixel-ratio:0) {

.container .info .special { margin-top:30px;}
.container .info .adjust { margin-top:910px;}

}
.container .info .info_show .tit_r{ margin-top:10px; color:#bc007f; font-size: 20px; font-weight:bold; line-height: 120%; font-family:"ヒラギノ明朝";}
.container .info .info_show .tit_e{ margin-top:10px; color:#0099c9; font-size: 20px; font-weight:bold; line-height: 120%; font-family:"ヒラギノ明朝";}
.container .info .info_show .tit_d{ margin-top:10px; color:#005e6a; font-size: 20px; font-weight:bold; line-height: 120%; font-family:"ヒラギノ明朝";}
.container .info .info_show .tit_g{ margin-top:10px; color:#6f00bc; font-size: 20px; font-weight:bold; line-height: 120%; font-family:"ヒラギノ明朝";}
.container .info .info_show .tit_s{ margin-top:10px; color:#c99e01; font-size: 20px; font-weight:bold; line-height: 120%; font-family:"ヒラギノ明朝";}


.container .info .info_show .con{ line-height:160%; font-size: 13px; font-weight:bold; word-wrap: break-word;}
.container .info .info_show .con h1{ float:none; width:100%; height:auto; padding:8px 0; font-size: 18px; font-weight:bold;}


.container .vote_info{ background: #FFF; padding: 20px 0 60px 0; color:#6d4a00; font-size:14px; line-height:20px; text-align:left;}
.container .vote_info p{ margin: 20px 0;}
.container .vote_info .tet_rg{ text-align:right;}
.container .vote_info table{font-size:13px;}
.container .vote_info tr{ height:20px;}
.container .vote_info td{ padding:5px 0px 5px 10px;}
.container .vote_info td.songname{ font-weight:bold;}
.container .vote_info .ma_year{ font-size:16px; font-weight:bold; background:#bc0281; color:#FFF; }
.container .vote_info .ma_bgcolor{ background:#fcdcf3;}