body{
	background:url("bg.gif") repeat center;
}

#top_line{
	background:url("top_line.gif")  center top repeat-x;
	min-width:950px;
	height:25px;
}

#header{
	
	height:480px;
	margin:0 auto;
	position:relative;
}


#logo{
	background:url("logo.png") no-repeat;
	width:592px; 
	height:180px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-500px;
	z-index:20;
}

#event_txt{
	background:url("event_txt.png") no-repeat;
	width:561px;
	height:200px;
	position:absolute;
	top:235px;
	left:50%;
	margin-left:-475px;
	z-index:20;
}

#login{
	background:url("login_bg.png") no-repeat;
	width:356px;
	height:386px;
	position:absolute;
	top:40px;
	left:50%;
	margin-left:140px;
}

#medama_img{
	width:332px;
	height:130px;
	margin:90px auto 5px auto;
	background:url("medama_20150812.png") no-repeat;
	
}

#medama_img #btn{
	background:url("btn_more.png") no-repeat;
	width:88px;
	height:30px;
	overflow:hidden;
	position:absolute;
	top:180px;
	right:30px;
}

#medama_img #btn:hover{
	background-position:0 -30px;
}


#login > #btn{
	width:145px;
	height:112px;
	margin-left:25px;
	float:left;
	
}

.maintenance{
	width:145px;
	height:112px;
}

.login_btn{
	width:145px;
	height:113px;
	background:url("btn_login.png") no-repeat;
	
}

.login_btn:hover{
	background-position:0 -113px;

}

#popup{
	width:310px;
	height:50px;
	position:absolute;
	top:426px;
	left:50%;
	margin-left:162px;
}

#popup #exitem{
	background:url("btn_boxitem.png") no-repeat top;
	width:150px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

#popup #exitem:hover{
	background-position:0 -50px;
}

#popup #howto{
	background:url("btn_boxhowto.png") no-repeat top;
	width:150px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0px;
}

#popup #howto:hover{
	background-position:0 -50px;
}

#point{
float:left;
margin-left:15px;

}

#getppt{
	
	width:72px;
	height:16px;
	padding:2px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin-top:32px;
	
	
}

#ticket{
	width:120px;
	height:16px;
	padding:2px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin-top:35px;
	
	
}


/*#useppt{
	
	width:91px;
	height:16px;
	padding:2px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	
}*/



#gacya{
	height:580px;
	width:1000px;
	background:url("gacya_bg.png") no-repeat center bottom;
	position:relative;
	margin:10px auto 0px auto;
	
	
}

#machine{
	background:url("gacya_machine.png") no-repeat top center;
	width:776px;
	height:300px;
	margin:0 auto;
	
}

#or{
	position:absolute;
	top:411px;
	right:180px;
	z-index:500;
}

#silver{
	background:url("btn_silver.png") no-repeat top center;
	width:237px;
	height:72px;
	overflow:hidden;
	position:absolute;
	top:335px;
	left:105px;
}

#silver:hover{
	background-position:0 -72px;
}

#gold{
	background:url("btn_gold.png") no-repeat top center;
	width:237px;
	height:72px;
	position:absolute;
	top:335px;
	left:390px;
}

#gold:hover{
	background-position:0 -72px;
}

#ex{
	background:url("btn_ex.png") no-repeat top center;
	width:237px;
	height:72px;
	position:absolute;
	top:445px;
	left:680px;
}

#ex:hover{
	background-position:0 -72px;
}

#ex_ticket{
	background:url("btn_exticket.png") no-repeat top center;
	width:237px;
	height:72px;
	position:absolute;
	top:335px;
	left:680px;
}

#ex_ticket:hover{
	background-position:0 -72px;
}


#ticketcount{
	background:url("ticketcount_bg.png") no-repeat;
	width:136px;
	height:117px;
	position:absolute;
	top:218px;
	right:30px;
	z-index:100;
	
}

#ticketcount p{
	color:#000000;
	font-size:30px;
	font-weight:bold;
	width:50px;
	height:35px;
	line-height:35px;
	text-align:center;
	position:absolute;
	top:55px;
	left:30px;
}


#log{
	background:url("method_log_bg.png") no-repeat;
	width:992px;
	height:222px;
	position:relative;
	margin:20px auto 0 auto;
	
	
}

#change_btn{
	background:url("change_btn.png") no-repeat top center;
	width:196px;
	height:41px;
	overflow:hidden;
	position:absolute;
	bottom:30px;
	left:385px;
}

#change_btn:hover{
	background-position:0 -41px;
	
}

#itemlog{
	position:absolute;
	width:360px;
	height:130px;
	top:60px;
	left:535px;
	padding:5px;
	overflow-y:scroll;
}

#normalcard{
	position:absolute;
	bottom:35px;
	left:280px;
	width:75px;
	height:16px;
	padding:2px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	
}

#itemlog li{
	color:#1a1a1a;
}


#bottom_line{
	background-color:#1a1a1a;
	width:100%;
	height:5px;
	margin-top:30px;
}

#bottom_bg{
	background:url("footer_bg.gif") repeat;
}

#trade{
	
	background:url("");
	background-repeat:no-repeat;
	background-position:top center;
	width:1020px;
	height:578px;
	margin:0 auto;
	
	
}

#trade_card{
	background:url("");
	background-repeat:no-repeat;
	background-position:top center;
	width:950px;
	height:559px;
	position:relative;
	margin:0 auto;
	
}

#trade_01{
	width:131px;
	height:134px;
	position:absolute;
	top:240px;
	left:45px;
}

#trade_02{
	width:131px;
	height:134px;
	position:absolute;
	top:240px;
	left:190px;
}

#trade_03{
	width:131px;
	height:134px;
	position:absolute;
	top:240px;
	left:338px;
}

#trade_04{
	width:131px;
	height:134px;
	position:absolute;
	top:240px;
	left:485px;
}

#trade_05{
	width:131px;
	height:134px;
	position:absolute;
	top:240px;
	left:632px;
}

#trade_06{
	width:131px;
	height:134px;
	position:absolute;
	top:240px;
	left:778px;
}


#trade_07{
	width:131px;
	height:134px;
	position:absolute;
	top:480px;
	left:45px;
}

#trade_08{
	width:131px;
	height:134px;
	position:absolute;
	top:480px;
	left:190px;
}

#trade_09{
	width:131px;
	height:134px;
	position:absolute;
	top:480px;
	left:338px;
}







#attention{
	padding-top:20px;
	width:950px;
	margin:0 auto;

	
	
}

#attention_top{
	background:url("attention_top.png");
	width:102px;
	height:23px;
	margin-left:30px;
}

#attention_main{
	
	width:950px;
	margin:0 auto;
}


#attention_main p{
	color:#FFFFFF;
	text-shadow: 1px 1px 0px #480909;
	width:870px;
	margin:0 auto;
	text-align:left;
	line-height:18px;
	padding:10px 0px;
	
}

#attention_main p b{
	color:#ffbe33;
}

#copy{
	height:50px;
	padding-top:50px;
	color:#ffb931;
	margin:0px auto;
	width:950px;
	text-align:center;
}


/*キャラ*/

#lem{
	position:absolute;
	top:1067px;
	left:50%;
	z-index:500;
	margin-left:-530px;
}

#aruru{
	position:absolute;
	top:1257px;
	left:50%;
	z-index:500;
	margin-left:-110px;
}

#eris{
	position:absolute;
	top:1062px;
	left:50%;
	z-index:500;
	margin-left:420px;
}

#lucotto{
	position:absolute;
	top:300px;
	left:50%;
	z-index:500;
	margin-left:-550px;
}

#milly{
	position:absolute;
	top:1347px;
	left:50%;
	z-index:500;
	margin-left:410px;
}

/*--------------SPチケット交換誘導-----------------*/

#spticket{
	background:url("spitemticket_bg.png") no-repeat top center;
	width:980px;
	height:177px;
	margin:10px auto;
	position:relative;
}

#spticket .whet{
	position:absolute;
	top:32px;
	left:410px;
	width:260px;
	height:20px;
	color:#fff;
	font-size:14px;
	text-align:center;
	font-weight:bold;
}

#spticket .btn{
	background:url("spitem_btn.png") no-repeat top center;
	width:212px;
	height:72px;
	position:absolute;
	top:60px;
	right:30px;
}



#spticket .btn:hover{
	background-position:0 -72px;
}
/*
     FILE ARCHIVED ON 22:22:35 Mar 30, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:59:42 Oct 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.443
  load_resource: 226.959 (2)
  PetaboxLoader3.resolve: 115.103 (2)
  PetaboxLoader3.datanode: 29.047 (2)
*/