@charset "Shift_JIS";

@import "../../../files/css/common/popup.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
html,body,#all {
	height:100%;
}

body {
	overflow:auto;
	background:url(../img/common/bg.gif) repeat center center;
}

#all {
	padding-bottom:0;
}

	#all .wrap {
		overflow:hidden;
		position:relative;
		width:800px;
		height:100%;
	}

/*-------------------------------------------------------------------------
	Close
/*-----------------------------------------------------------------------*/
#close-popup {
	position:absolute;
	right:20px;
	top:0;
	z-index:10;
}

/*-------------------------------------------------------------------------
	Bubble
/*-----------------------------------------------------------------------*/
#bubble {
	display:none;
	position:relative;
	height:698px;
	margin-bottom:-698px;
	background:url(../img/common/bubble/bg.png) no-repeat center top;
}

	#bubble ul {
		width:800px;
		height:698x;
		margin:0 auto;
	}
	
		#bubble ul li {
			opacity:0;
			position:absolute;
			left:0;
			top:0;
		}

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	position:relative;
	padding-top:40px;
	z-index:1;
}

	#main-content .content {
		display:none;
		position:relative;
		width:602px;
		margin:0 auto;
		text-align:center;
	}
	
		#main-content .content h2 {
			position:relative;
		}

/*-------------------------------------------------------------------------
	Start
/*-----------------------------------------------------------------------*/
#start {
	height:315px;
	background:url(../img/start/bg.png) no-repeat center top;
	padding:30px 0;
}

	#start h1 {
		position:relative;
	}
	
		#start h1 span {
			position:absolute;
			left:30px;
			top:-70px;
		}

	#start .text {
		margin-bottom:25px;
	}
	
/*-------------------------------------------------------------------------
	Q and A
/*-----------------------------------------------------------------------*/
#qa {
	padding:30px 0;
}

	#qa h2 {
		margin-bottom:15px;
	}

	#qa .q,
	#qa .a {
		position:relative;
	}
	
	#qa .q {
		margin-bottom:25px;
	}
	
	#qa .a {
		width:350px;
		height:110px;
		margin:0 auto 45px auto;
		padding:15px 25px;
		background:url(../img/qa/common/bg.png) no-repeat center top;
		text-align:left;
	}
	
		#qa .a li {
			position:relative;
			height:21px;
			margin-bottom:8px;
			padding:1px 0 0 30px;
			background:url(../img/qa/common/check_off.png) no-repeat left center;
			cursor:pointer;
		}
		
		#qa .a li.checked {
			background-image:url(../img/qa/common/check_on.png);
		}
		
		#qa .btn {
			position:relative;
			left:-60px;
			margin-right:-60px;
		}
		
			#qa .btn a {
				display:none;
			}
			
				#qa .btn a span {
					display:inline-block;
					margin-right:10px;
				}
			
/*-------------------------------------------------------------------------
	Game
/*-----------------------------------------------------------------------*/
#game {
	padding:30px 0;
}

	#game h2 {
		margin-bottom:12px;
	}

	#game .text {
		margin-bottom:16px;
	}

	#game .target {
		display:table;
		position:absolute;
		left:0;
		top:35px;
		width:130px;
		height:130px;
		background:url(../img/game/target/bg.png) no-repeat center top;
		text-align:center;
	}
	
		#game .target span {
			display:table-cell;
			vertical-align:middle;
		}
	
	#game-area {
		overflow-y:hidden;
		position:relative;
		width:370px;
		height:230px;
		margin:0 auto 10px auto;
		padding:15px;
		background:url(../img/game/gameArea/bg.png) no-repeat center top;
	}
	
		#game-area .btn {
			position:relative;
			top:50%;
			margin-top:-35px;
		}
	
		#game-area .playing {
			display:none;
		}
		
			#game-area .playing ul {
			}
			
				#game-area .playing ul li {
					overflow-y:visible;
					position:relative;
					height:70px;
				}
				
				#game-area .playing ul li.center {
					margin:10px 0;
				}
	
					#game-area .playing ul li p {
						display:inline-block;
						position:relative;
						min-width:50px;
						max-width:64px;
						height:60px;
						text-align:center;
						cursor:pointer;
					}
					
		#game-set {
			position:absolute;
			left:0;
			top:-260px;
			width:400px;
			height:260px;
			background:url(../img/game/gameArea/gameset/bg.png) no-repeat center top;
		}
		
			#game-set p {
				display:none;
				position:absolute;
				left:0;
				top:0;
			}
	
	#game .timer {
		position:relative;
		left:-10px;
		width:108px;
		margin:0 auto;
		padding-right:32px;
		background:url(../img/game/timer/bg.png) no-repeat center center;
		text-align:right;
	}
	
/*-------------------------------------------------------------------------
	Result
/*-----------------------------------------------------------------------*/
#result {
	width:650px !important;
}

	#result h2,
	#result .meter {
		display:none;
	}

	#result h2 {
		margin-bottom:15px;
		text-align:left;
	}
	
	#result .meter {
		position:relative;
		height:74px;
		margin-bottom:-74px;
		padding:6px;
		border-radius:10px;
		background:#64be32;
	}
	
		#result .meter .obj {
			position:absolute;
			right:30px;
			top:-77px;
		}
	
		#result .meter p {
			width:0;
			height:100%;
			border-radius:6px;
			background:#ebffc8;
		}
		
	#result .dot {
		overflow:hidden;
		position:relative;
		width:100%;
		height:600px;
		margin-bottom:-430px;
	}
	
		#result .dot p {
			position:absolute;
			left:0;
			top:350px;
		}
		
	#announce {
		display:none;
	}
	
		#announce .percent,
		#announce .text {
			margin-bottom:25px;
		}

/*-------------------------------------------------------------------------
	To Original
/*-----------------------------------------------------------------------*/	
#toOriginal {
	display:none;
	position:absolute;
	right:0;
	bottom:10px;
	z-index:1;
}

/*-------------------------------------------------------------------------
	Luigi
/*-----------------------------------------------------------------------*/
#luigi {
	display:none;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	z-index:0;
}

	#luigi .obj {
		display:inline;
		position:relative;
	}