@charset "UTF-8";
/* CSS Document */

body{
	background:url(../img/bg.jpg) center center no-repeat fixed;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	トップ
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

header{
	position:relative;
}

.btn_viewhowto{
	width:212px;
	height:134px;
	overflow:hidden;
	position:absolute;
	top:340px;
	left:70px;
}

.btn_viewhowto > a{
	display:block;
}

.btn_viewhowto > a:hover{
	margin-left:-212px;
}

#wrapper{
	width:1002px;
	overflow:hidden;
	margin:0 auto;
}

#ticker_wrap{
	width:997px;
	height:97px;
	margin:0 auto;
	padding:10px 0;
	background:url(../img/ticker_bg.png) no-repeat;
}

.tickercontent_wrap{
	width:905px;
	height:42px;
	overflow:hidden;
	margin:0 auto 5px;
	padding:12px 0 0;
}

.vote{
	width:1070px;
	height:42px;
	position:relative;
	left:1070px;
}

.vote > li{
	display:inline-block;
	float:left;
	padding:0 2px;
}

/*ティッカー*/
#news {
	width:905px;
	height:25px;
	margin:0 auto;
	overflow: hidden;
	background:url(../img/news_bg.png) no-repeat;
	color: #fff;
}

.ticker {
	width:830px;
	height:25px;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	overflow:hidden;
	left:65px;
}

.ticker ul {
	height:25px;
}

.ticker li {
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	list-style-type: none;
	position: relative;
	line-height: 25px;
	white-space: nowrap;
}

.newscontent_wrap > p{
	font-size:12px;
	line-height:19px;
	color:#FFFFFF;
}

#top_container{
	width:1002px;
	margin:50px 0;
	padding:30px 0;
	position:relative;
	background:url(../img/topframe_body2.png) repeat-y;
}

#top_container > h1{
	text-align:center;
}

.frame_head{
	position:absolute;
	top:-30px;
}

.frame_bottom{
	position:absolute;
	bottom:-30px;
}

#chara{
	width:795px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:10;
}

#chara > li{
	font-size:0;
	line-height:0;
	float:left;
	margin:4px;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

#chara > li > a{
	display:block;
}

#chara > li > a:hover{
	opacity:0.8;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	結果発表
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.top_three{
	width:787px;
	margin:0 auto;
}

.top_three > li{
	font-size:0;
	line-height:0;
	margin:6px 0;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.top_three > li > a{
	display:block;
}

.top_three > li > a:hover{
	opacity:0.8;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	優勝者オリジナルコンテンツダウンロード
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.downloadimg{
	width:620px;
	height:672px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-336px 0 0 -310px;
}

.btn_dl{
	width:330px;
	height:31px;
	position:absolute;
	left:145px;
	top:538px;
}

.btn_dl > li{
	width:90px;
	height:31px;
	overflow:hidden;
	float:left;
	margin:0 10px;
}

.btn_dl > li > a{
	display:block;
}

.btn_dl > li > a:hover{
	margin-left:-90px;
}

.btn_close_red{
	width:119px;
	height:32px;
	overflow:hidden;
	position:absolute;
	top:595px;
	left:50%;
	margin-left:-59px;
}

.btn_close_red > a{
	display:block;
}

.btn_close_red > a:hover{
	margin-left:-119px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	footer
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.footer_wrap{
	width:100%;
	height:42px;
	background:#000000;
}

.footer_wrap2{
	width:1002px;
	height:42px;
	margin:0 auto;
	position:relative;
}

.footer_wrap2 > div{
	position:absolute;
}

.copyright2{
	top:8px;
	right:210px;
}

.soundswitch2{
	width:172px;
	height:27px;
	overflow:hidden;
	position:absolute;
	top:7px;
	right:200px;
	font-size:0;
	cursor: pointer;
}

.soundswitch_margin2{
	margin-left:-172px;
}

.yamasalogo2{
	top:8px;
	right:90px;
}

.sns_t2{
	width:27px;
	height:26px;
	top:7px;
	right:45px;
}

.sns_f2{
	width:27px;
	height:26px;
	top:7px;
	right:10px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	初期：display : none;
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#chara_box , #secret , #howto , #thanks , #download{
	width:100%;
	height:100%;
	background:url(../img/blackbg.png);
	position:fixed;
	top:0;
	z-index:50;
	display:none;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	キャラ紹介,投票
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#chara_container{
	width:563px;
	background:url(../img/frame_body.png) repeat-y;
	position:absolute;
	top:50%;
	left:50%;
	margin:-265px 0 0 -281px;
}

.frame_head_chara{
	position:absolute;
	top:-50px;
	z-index:101;
}

.frame_bottom_chara{
	position:absolute;
	bottom:-58px;
	z-index:101;
}

.no{
	width:61px;
	height:61px;
	position:absolute;
	top:-10px;
	left:70px;
	z-index:120;
}

.charaimg{
	font-size:0;
	line-height:0;
	text-align:center;
	position:relative;
	z-index:110;
}

.charaname{
	font-size:0;
	line-height:0;
	text-align:center;
	position:relative;
	z-index:130;
}

.charatext{
	width:390px;
	min-height:60px;
	padding:10px;
	margin:0 auto 10px;
	background:url(../img/textbg_head.png) center top no-repeat , url(../img/textbg_bottom.png) center bottom no-repeat , url(../img/textbg_body.png) repeat-y;
}

.charatext > p{
	font-size:14px;
	color:#FFFFFF;
}

.count_btn_set{
	width:410px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:140;
}

.count{
	width:245px;
	overflow:hidden;
	float:left;
}

.countbtn_wrap{
	width:45px;
	overflow:hidden;
	float:left;
	margin:0 2px;
}

.arrow{
	width:45px;
	height:23px;
	overflow:hidden;
}

.arrow > a{
	display:block;
}

.arrow > a:hover{
	margin-left:-45px;
}

.countbox{
	width:45px;
	height:76px;
	padding:3px 0;
	background:url(../img/count_bg.png) center center no-repeat;
}

.btn_wrap{
	width:165px;
	height:105px;
	padding:12px 0;
	float:left;
	background:url(../img/btnbg.png) no-repeat;
}

.twinbtn{
	width:137px;
	height:49px;
	overflow:hidden;
	margin:0 auto;
	padding:2px 0;
}

.twinbtn > a{
	display:block;
}

.twinbtn > a:hover{
	margin-left:-137px;
}

.btn_secret{
	width:374px;
	height:34px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 10px;
	position:relative;
	z-index:150;
}

.btn_secret > a{
	display:block;
}

.btn_secret > a:hover{
	margin-left:-374px;
}

.pointvalue{
	width:413px;
	height:76px;
	margin:0 auto;
}

.btn_close_red2{
	width:119px;
	height:32px;
	overflow:hidden;
	margin:10px auto 0;
}

.btn_close_red2 > a{
	display:block;
}

.btn_close_red2 > a:hover{
	margin-left:-119px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	投票ありがとうございました
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.thanks{
	width:489px;
	height:152px;
	background:url(../img/thanks.png) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin:-76px 0 0 -245px;
}

.thanks > p{
	text-align:center;
	font-size:20px;
	color:#FFFFFF;
	padding-top:50px;
}

.thanks > div{
	width:84px;
	height:30px;
	overflow:hidden;
	margin:0 auto;
}

.thanks > div > a{
	display:block;
}

.thanks > div > a:hover{
	margin-left:-84px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	投票方法説明
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

.howtoimg{
	width:562px;
	height:681px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-340px 0 0 -281px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
	そっと教える、秘密の情報
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/
.secretimg{
	width:620px;
	height:644px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-322px 0 0 -310px;
}

.redbtn{
	width:120px;
	height:32px;
	position:absolute;
	bottom:65px;
	left:50%;
	margin-left:-60px;
}

.redbtn > li , .redbtn_close{
	width:120px;
	height:32px;
	margin:0 5px;
	overflow:hidden;
	float:left;
}

.redbtn > li > a , .redbtn_close > a{
	display:block;
}

.redbtn > li > a:hover , .redbtn_close > a:hover{
	margin-left:-120px;
}

.redbtn_close{
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-60px;
}

/* ==========================================================================
	Loading
=============================================================================*/

#loading{
	width: 100%;
	height: 100%;
	min-width: 1024px;
	min-height: 650px;
	background-color: #000;
	position: fixed;
	top:0;
	left: 0;
	z-index: 10000;
}

#loading > img{
	width: 100px;
	height: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
}

/* ==========================================================================
	カウントダウン
=============================================================================*/
.countdown{
	width: 122px;
	height: 122px;
	background-image: url(../img/countdownbg.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 345px;
    right: 162px;
}

.countnum{
	width: 60px;
	height: 41px;
	margin-left: 25px;
    padding-top: 60px;
}