@charset "Shift_JIS";

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

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
body {
	background:url(../img/bg.jpg);
}

#all {
	padding-top:20px;
}

	#all .wrap {
		width:862px;
	}

/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
	position:relative;
	height:350px;
}
	
	#summary .img {
		position:absolute;
		right:-18px;
		top:20px;
	}
	
		#summary .img a {
			position:absolute;
			left:45px;
			top:232px;
		}
		
/*-------------------------------------------------------------------------
	Gameclear
/*-----------------------------------------------------------------------*/
#gameclear {
	overflow:hidden;
	height:565px;
	margin-bottom:25px;
	background:url(../img/gameclear/bg.png) no-repeat center bottom;
}

	#gameclear .text {
		position:relative;
		left:40px;
		margin-bottom:10px;
	}
	
	#gameclear .obj,
	#gameclear .img {
		display:inline;
		float:left;
	}
	
	#gameclear .obj {
		margin:0 20px 0 60px;
	}
	
/*-------------------------------------------------------------------------
	Select
/*-----------------------------------------------------------------------*/
#select {
	overflow:hidden;
	height:645px;
	margin-bottom:40px;
	background:url(../img/select/bg.png) no-repeat center bottom;
}

.wiiu #select {
	display:none;
}

	#select-music {
	}
	
		#select-music .text {
			margin-bottom:20px;
			text-align:center;
		}
		
		#musicPlayer,
		#select-music .banner {
			width:731px;
			margin:0 auto;
		}
	
		#musicPlayer {
			position:relative;
			height:321px;
			margin-bottom:15px;
			background:url(../img/select/musicPlayer/bg.png) no-repeat center top;
		}
		
		.nonFP #musicPlayer {
			background-image:url(../img/select/musicPlayer/poster.png) !important;
		}
		
			.noscript #musicPlayer-content,
			.noscript #musicPlayer .comingsoon,
			.nonFP #musicPlayer-content,
			.nonFP #musicPlayer .comingsoon {
				display:none;
			}
			
				#musicPlayer-content ul {
					display:inline;
					float:left;
					position:relative;
					left:3px;
					top:40px;
					width:360px;
					margin:0 1px;
				}
				
					#musicPlayer-content ul li {
						position:relative;
						height:53px;
						margin-bottom:2px;
					}
					
					#musicPlayer-content ul li:first-child {
						height:54px;
					}
					
						#musicPlayer-content ul li p {
							position:absolute;
						}
					
						#musicPlayer-content ul li span {
							position:absolute;
							left:0;
							top:0;
						}
						
						#musicPlayer-content ul li span.on,
						#musicPlayer-content ul li span.pause,
						#musicPlayer-content ul li.active span.off,
						#musicPlayer-content ul li.active span.play {
							display:none;
						}
						
						#musicPlayer-content ul li.active span.on,
						#musicPlayer-content ul li.active span.pause,
						#musicPlayer-content ul li span.off,
						#musicPlayer-content ul li span.play {
							display:block;
						}
						
						#musicPlayer-content ul li .title,
						#musicPlayer-content ul li .btn {
							cursor:pointer;
						}
						
						#musicPlayer-content ul li .title {
							left:0;
							top:0;
						}
						
						#musicPlayer-content ul li .btn {
							left:13px;
							top:7px;
						}
						
						#musicPlayer-content ul li .progress {
							left:8px;
							top:40px;
							width:40px;
							height:7px;
							border-radius:2px;
							background:#1e5095;
						}
						
							#musicPlayer-content ul li .progress span {
								left:2px;
								top:2px;
								width:0;
								height:3px;
								background:#ffc700;
							}
							
				#musicPlayer-content .volume {
					position:absolute;
					right:8px;
					top:2px;
				}
				
					#musicPlayer-content .volume .body,
					#musicPlayer-content .volume .meter {
						display:inline;
						float:left;
					}
				
					#musicPlayer-content .volume .body {
						position:relative;
						left:10px;
						width:33px;
						height:38px;
						cursor:pointer;
					}
					
						#musicPlayer-content .volume .body span {
							position:absolute;
							left:0;
							top:0;
						}
						
						#musicPlayer-content .volume .body span.sound,
						#musicPlayer-content .volume .body.mute span.mute {
							display:block;
						}
						
						#musicPlayer-content .volume .body.mute span.sound,
						#musicPlayer-content .volume .body span.mute {
							display:none;
						}
						
					#musicPlayer-content .volume .meter {
						width:32px;
						height:20px;
						padding:9px;
						background:url(../img/select/musicPlayer/volume/background.png) no-repeat left top;
					}
					
						#musicPlayer-content .volume .meter span {
							display:block;
							overflow-x:hidden;
							width:0;
						}
		
			#musicPlayer .comingsoon {
				position:absolute;
				right:5px;
				bottom:6px;
			}
		
		#select-music .banner {
			text-align:right;
		}
		
/*-------------------------------------------------------------------------
	Campaign
/*-----------------------------------------------------------------------*/
#campaign {
	margin-bottom:40px;
}

	#campaign p {
		position:relative;
		width:731px;
		margin:0 auto;
	}
	
		#campaign p .new {
			position:absolute;
			left:-30px;
			top:-20px;
		}