/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   ローディング
   ========================================================================== */
body{
	background-color: #ffffff;
	}
	
#loding {
	width: 100%;
	height: 100%;
	position: fixed ;
	left: 0px;
	top: 0px;
	z-index:99;
	/*display:none;*/
	
	}

#loding_end {
	/*display:none;*/
	}
	
#loding .main {
	width:100%x;
	height:695px;
	overflow:hidden;
	}
	
#loding .main .inner {
	margin:200px auto 0px auto;
	width:417px;
	height:203px;
	}
	
#loding .main .idle_wars {
	margin:280px 0px 0px 0px;
	width:100%;
	position:absolute;
	text-align:center;
	}
	
#loding .main .idle_wars img{
	margin:0px 0px 0px 0px;
	}
	
	
#loding .main .base {
	position:absolute;
	width:417px;
	height:203px;
	overflow:hidden;
	background-image:url(../images/loading_flame_p.png);
	background-repeat:no-repeat;
	text-align:left;
	}
	
#loding .percent{
	margin:78px 0px 0px 147px;
	font-size:16px;
	height:40px;
	font-weight:bold;
	color:#7ad9df;
	}
	
#loding .bar{
	margin:0px 0px 0px 150px;
	width:262px;
	height:4px;
	color:#FFFFFF;
	background-color:#7ad9df;
	}
	
	
#menu{
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:123px;
	overflow:hidden;
	position:absolute;
	}
	
body{
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	}

#footer .page_top{
	margin:0px 0px 0px 980px;
	width:163px;
	height:0px;
	position:absolute;
	overflow:hidden;
	}
	
#footer{
	margin:0px 0px 0px 0px;
	}
	

#main{
	height:auto;
	}
	
#main .inner{
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
	}
	
#main .title{
	position:0px 0px 0px 0px;
	margin:0px 0px 0px 45px;
	width:1110px;
	height:55px;
	text-align:left;
	background-image: url(../event/images/title2.png);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#main .title ul {
	padding:47px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#main .title li:nth-child(1),#main .title li:nth-child(3),#main .title li:nth-child(5),#main .title li:nth-child(7) {
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:100px;
	}
	
#main .title li:nth-child(2),#main .title li:nth-child(4),#main .title li:nth-child(6),#main .title li:nth-child(8) {
	margin:-2px 10px 0px 10px;
	float:left;
	text-align:left;
	overflow:hidden;
	}
	
#main .title a:link,#main .title a:visited{
	color:#9c9c9c;
	}
	
#main .title a:hover,#main .title a:active{
	color:#9c9c9c;
	}
	
#main .title .left{
	width:600px;
	float:left;
	}
	
#main .title .right{
	width:710px;
	text-align:right;
	float:left;
	}
	
#main .title .right img{
	margin:50px 0px 0px 1px;
	}
	
#main .base1{
	margin:50px 0px 0px 114px;
	width:972px;
	height:57px;
	}
	
#main .base2{
	margin:0px 0px 0px 114px;
	width:972px;
	background-image:url(../event/images/base2.png);
	}
	
#main .base3{
	margin:0px 0px 0px 114px;
	width:972px;
	height:57px;
	background-image:url(../event/images/base3.png);
	background-repeat:no-repeat;
	}
	
#main_contents{
	width:100%;
	margin:0px 0px 0px 0px;
	height:790px;
	}
	
#main_contents .background1{
	position:absolute;
	background-image: url(../event/images/background1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:790px;
	}
	
#main_contents .background2{
	position:absolute;
	background-image: url(../event/images/background2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:790px;
	}
	
#main_contents .base_flame{
	position:absolute;
	background-image: url(../event/images/base_flame.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;
	height:790px;
	}
	
#main_contents .inner{
	margin:0px auto 0px auto;
	width:1200px;
	}
	
#main_contents .watch{
	position:absolute;
	margin:11px 0px 0px 705px;
	height:30px;
	width:100px;
	text-align:center;
	font-weight:bold;
	color:#62f0c0;
	white-space:nowrap;
	}
	
#main_contents .watch img{
	margin:-3px 5px 0px 5px;
	}
	
#main_contents .character_a,#main_contents .character_b{
	opacity:0;
	position:absolute;
	margin:-120px 0px 0px 700px;
	white-space:nowrap;
	overflow:hidden;
	width:496px;
	height:836px;
	}
	
#main_contents .character_a img{
	margin:50px 0px 0px -20px;
	}
	
#main_contents .character_b img{
	margin:40px 0px 0px 0px;
	}
	
#main_contents .voice{
	position:absolute;
	margin:-80px 0px 0px 50px;
	width:396px;
	height:636px;
	cursor:pointer;
	}
	
	
	
	
#main_contents .character_profile{
	opacity:0;
	position:absolute;
	margin:575px 0px 0px 270px;
	width:190px;
	height:44px;
	overflow:hidden;
	white-space:nowrap;
	}
	
#main_contents .character_profile_hosi{
	opacity:0;
	position:absolute;
	margin:575px 0px 0px 270px;
	width:190px;
	height:44px;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	}
	
#main_contents .character_profile_hosi img:nth-child(1){
	margin:12px 0px 0px 15px;
	}
	
#main_contents .character_profile_hosi img:nth-child(2){
	margin:12px 0px 0px 120px;
	}
	
#main_contents .character_a_base{
	opacity:0;
	position:absolute;
	margin:536px 0px 0px 50px;
	background-image: url(../event/images/name_plate.png);
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#main_contents .character_a_bar1{
	opacity:0;
	position:absolute;
	margin:600px 0px 0px 90px;
	background-color:#FF2D31;
	width:5px;
	height:85px;
	}
	
#main_contents .character_a_bar2{
	opacity:0;
	position:absolute;
	margin:600px 0px 0px 423px;
	background-color:#FF2D31;
	width:5px;
	height:85px;
	}
	
#main_contents .character_b_base{
	opacity:0;
	position:absolute;
	margin:536px 0px 0px 50px;
	background-image: url(../event/images/name_plate.png);
	background-repeat:no-repeat;
	overflow:hidden;
	
	}
	
#main_contents .character_b_bar1{
	opacity:0;
	position:absolute;
	margin:600px 0px 0px 90px;
	background-color:#ffa713;
	width:5px;
	height:85px;
	}
	
#main_contents .character_b_bar2{
	opacity:0;
	position:absolute;
	margin:600px 0px 0px 423px;
	background-color:#ffa713;
	width:5px;
	height:85px;
	}
	
#main_contents .character_hosi{
	opacity:0;
	position:absolute;
	margin:620px 0px 0px 90px;
	height:50px;
	}
	
#main_contents .character_hosi2{
	opacity:0;
	position:absolute;
	margin:620px 0px 0px 90px;
	height:50px;
	}
	
	
	
	
#main_contents .change{
	position:absolute;
	margin:728px 0px 0px 160px;
	width:183px;
	height:44px;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	background-image:url(../event/images/change_3.png);
	}
	
#main_contents .banner{
	opacity:0;
	position:absolute;
	margin:70px 0px 0px 464px;
	width:488px;
	height:618px;
	overflow:hidden;
	}
	
#main_contents .banner .move{
	margin:0px 0px 0px 0px;
	}
	 
#main_contents .banner .banner_img{
	border: #FFFFFF 1px solid;
	}
	
#main_contents .banner a:link,#main_contents .banner a:visited{
	height:206px;
	width:486px;
	display:block;
	}
	
#main_contents .banner .pop_up1{
	height:206px;
	width:486px;
	display:block;
	cursor:pointer;
	}
	
	
	 
#main_contents .banner .new_icon{
	margin:5px 0px 0px 5px;
	position:absolute;
	}
	
	
	
#main_contents .banner_button{
	opacity:0;
	position:absolute;
	margin:70px 0px 0px 964px;
	width:97px;
	height:330px;
	}
	
#main_contents .banner_button .banner_up{
	cursor:pointer;
	}
	
#main_contents .banner_button .banner_dw{
	cursor:pointer;
	}
	
#main_contents .banner_button_suu{
	margin:0px 0px 0px 4px;
	background-image:url(../event/images/left_button_base.png);
	width:97px;
	height:188px;
	text-align: center;
	}
	
#main_contents .banner_button_bar{
	margin:10px 0px 10px 4px;
	background-color:#FFFFFF;
	width:89px;
	height:2px;
	}
	
#main_contents .banner_button_keta{
	margin:20px 0px 0px 0px;
	}
	
#main_contents .koma4{
	opacity:0;
	position:absolute;
	margin:407px 0px 0px 964px;
	width:169px;
	height:268px;
	background-image:url(../event/images/event_twitcast_banner_sima.gif);
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	}
	
#main_contents .koma4_wa{
	margin:4px 0px 0px 3px;
	width:163px;
	height:51px;
	background-color:#CB4042;
	background-image:url(../event/images/event_twitcast_banner_sima.gif);
	}
	
#main_contents .koma4_suu{
	margin:0px 0px 0px 3px;
	padding:4px 0px 0px 0px;
	width:156px;
	text-align:center;
	}
	
#main_contents .koma4_kou{
	margin:0px 0px 0px 1px;
	}
	


#bottom{
	height:50px;
	background-position:center top;
	background-repeat:no-repeat;
	}