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

#contentArea #game{
	background: url(../images/common/bg_frame_bottom.png) center bottom no-repeat;
	padding-bottom: 99px;
}
#gameArea{
	background:url(../images/common/bg_frame.png) center top repeat-y;
	position:relative;
	min-height:1913px;
}
/*topArea*/
#topArea{
	position:absolute;
	height:1913px;
}
#topArea .start01{
	position:relative;
}
#topArea .start01 img{
	margin-top:-57px;
}
#topArea .start01 .btnStart{
	position:absolute;
	top:430px;
	left:0;
	right:0;
	text-align:center;
}
#topArea .btnBottom{
	margin:20px 0;
	text-align:center;
}
#topArea .btnBottom{
	margin:20px auto;
	width:437px;
}
#topArea .txtAttention{
	text-align:center;
}
#topArea .txtAttention img{
	margin-bottom:-42px;
}
#topArea .btnStart:hover{
	cursor:pointer;
}

/*playArea*/
#playArea{
	display:none;
	height:705px;
}
#playArea #txt01,
#playArea #txt02{
	text-align:center;
}
#playArea #txt01 img{
	margin-top:-40px;
}
#playArea #txt02 img{
	margin-bottom:-47px;
}
#playArea #mainFlame{
	position:relative;
	text-align:center;
}
#playArea #mainFlame img{
	position:relative;
	z-index:500;
}
#playArea #performanceArea #usoB{
	position:absolute;
	left:0;
	right:0;
	top:0;
}
#playArea #performanceArea #usoB img{
	opacity:0;
}
#playArea #performanceArea #usoB img{
	opacity:0;
}
#playArea #performanceArea #countdown{
	position:absolute;
	left:0;
	right:0;
	top:140px;
	z-index:2;
	opacity:0;
}
#playArea #performanceArea #effect{
	position:absolute;
	left:0;
	right:0;
	top:20px;
	z-index:2;
	opacity:0;
}

#playArea #mainFlame #bgArea img{
	position:absolute;
	top:17px;
	left:50px;
	z-index:1;
}
#playArea #mainFlame #bgArea #bgBw,
#playArea #mainFlame #bgArea #bgKira,
#playArea #mainFlame #bgArea #bgSun,
#playArea #mainFlame #bgArea #bgOverlay{
	opacity:0
}
#playArea #flowerArea div{
	position:absolute;
	top:344px;
	z-index:3;
	display:none;
}
#playArea #flowerArea .flower01{
	left:2px;
}
#playArea #flowerArea .flower02{
	left:90px;
}
#playArea #flowerArea .flower03{
	left:180px;
}
#playArea #flowerArea .flower04{
	left:270px;
}
#playArea #flowerArea .flower05{
	left:360px;
}
#playArea #flowerArea .flower06{
	left:450px;
}
#playArea #flowerArea .flower07{
	left:540px;
}
#playArea #flowerArea .flower08{
	left:630px;
}
#playArea #flowerArea .flower09{
	left:720px;
}
#playArea #flowerArea .flower10{
	left:810px;
}
#playArea #cloverArea{
	display:none;
	position:absolute;
	top:22px;
	left:50px;
	width:900px;
	height:528px;
	overflow:hidden;
}
#playArea #cloverArea div{
	cursor:pointer;
	position:absolute;
	top:-150px;
	z-index:5000;
}
#playArea #gaugeArea .gaugeBg{
	position:absolute;
	top:40px;
	left:30px;
	z-index:5000;
	opacity:0;
}
#playArea #gaugeArea #gaugeClover{
	overflow:hidden;
	position:absolute;
	width:580px;
	height:33px;
	top:69px;
	left:144px;
	z-index:5001;
}
#playArea #gaugeArea #gaugeClover div{
	opacity:0;
}
#playArea #gaugeArea #gaugeClover .gauge01{
	position:absolute;
	top:-17px;
	left:-108px;
}
#playArea #gaugeArea #gaugeClover .gauge02{
	position:absolute;
	top:-17px;
	left:-50px;
}
#playArea #gaugeArea #gaugeClover .gauge03{
	position:absolute;
	top:-17px;
	left:8px;
}
#playArea #gaugeArea #gaugeClover .gauge04{
	position:absolute;
	top:-17px;
	left:66px;
}
#playArea #gaugeArea #gaugeClover .gauge05{
	position:absolute;
	top:-17px;
	left:124px;
}
#playArea #gaugeArea #gaugeClover .gauge06{
	position:absolute;
	top:-17px;
	left:182px;
}
#playArea #gaugeArea #gaugeClover .gauge07{
	position:absolute;
	top:-17px;
	left:240px;
}
#playArea #gaugeArea #gaugeClover .gauge08{
	position:absolute;
	top:-17px;
	left:298px;
}
#playArea #gaugeArea #gaugeClover .gauge09{
	position:absolute;
	top:-17px;
	left:356px;
}
#playArea #gaugeArea #gaugeClover .gauge10{
	position:absolute;
	top:-17px;
	left:414px;
}
#playArea #gaugeArea,
#playArea #charaArea{
	display:none;
}
#playArea #charaArea #hugBox .charaPop{
	position:absolute;
	top:340px;
	left:35px;
	z-index:1001;
	opacity:0;
}
#playArea #charaArea #hugBox .charaImg{
	position:absolute;
	top:340px;
	left:155px;
	z-index:1000;
	opacity:0;
}
#playArea #charaArea #hamuBox .charaPop{
	position:absolute;
	top:360px;
	left:320px;
	z-index:1001;
	opacity:0;
}
#playArea #charaArea #hamuBox .charaImg{
	position:absolute;
	top:410px;
	left:455px;
	z-index:1000;
	opacity:0;
}
#playArea #charaArea #usoBox .charaPop{
	position:absolute;
	top:-45px;
	left:605px;
	z-index:5001;
	opacity:0;
}
#playArea #charaArea #usoBox .charaImg{
	position:absolute;
	top:-42px;
	left:705px;
	z-index:5000;
	opacity:0;
}

#playArea .txtIshi{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
#clearArea {
	display:none;
	position:relative;
	background: url(../images/game/clear/bg_bottom.png) center bottom no-repeat;
	padding-bottom: 99px;
}
#clearArea div{
	position:absolute;
	top:820px;
	left:0;
	right:0;
	text-align:center;
}
#clearArea div:hover,
#paperArea div:hover{
	cursor:pointer;
}
#paperArea {
	display:none;
	position:relative;
}
#paperArea .pdfBtn{
	position:absolute;
	top:636px;
	left:0;
	right:0;
	width:437px;
	margin:0 auto;
}
#paperArea .moreBtn{
	position:absolute;
	top:802px;
	left:0;
	right:0;
	width:437px;
	margin:0 auto;
}