@charset "Shift_JIS";

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

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
}

	#main-content h2 {
		margin-bottom:-30px;
	}
	
/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
	margin-bottom:20px;
}

	#summary .text {
		margin-bottom:30px;
	}
	
	#summary .obj {
		position:relative;
		left:-140px;
		top:20px;
		margin-right:-100px;
	}
	
	#summary .img {
		position:absolute;
		right:-20px;
		top:65px;
	}
	
		#summary .img li {
			position:relative;
		}
		
		#summary .img li:first-child {
			left:-50px;
			margin:0 -50px 20px 0;
		}
		
		#summary .img li:last-child {
			left:20px;
		}
		
/*-------------------------------------------------------------------------
	World
/*-----------------------------------------------------------------------*/
#main-content .world {
}

	#main-content .world h3 {
		position:relative;
		left:5px;
		top:10px;
		margin-bottom:40px;
	}
	
	#main-content .world .obj {
		position:absolute;
	}

	#main-content .world .content {
		padding:0 38px;
	}
	
		#main-content .world .content .explanation {
			position:relative;
			left:10px;
		}
	
	#main-content .world .special {
		width:804px;
		height:315px;
		margin:0 auto;
		padding:0 18px;
		background:no-repeat center bottom;
	}
	
		#main-content .world .special h4 {
			margin-bottom:10px;
		}
		
		#main-content .world .special .text,
		#main-content .world .special .movie {
			display:inline;
			float:left;
		}
		
		#main-content .world .special .text {
			width:321px;
			margin-right:10px;
		}
		
		#main-content .world .special .movie {
			width:480px;
			margin-right:-16px;
		}
		
			#main-content .world .special .movie li {
				display:inline;
				float:left;
				margin-right:16px;
			}
		
/*-------------------------------------------------------------------------
	Real
/*-----------------------------------------------------------------------*/
#real {
	height:1050px;
	margin-bottom:55px;
	background:url(../img/real/bg.png) no-repeat center bottom;
}
	
	#real .obj {
		right:70px;
		top:30px;
	}
	
	#real .content {
	}
	
		#real .content .text {
			margin-bottom:55px;
		}
		
		#real .content .explanation {
			margin-bottom:-5px;
		}
		
			#real .content .explanation li {
				margin-bottom:20px;
			}
			
	#real .special {
		background-image:url(../img/real/special/bg.png) !important;
	}
	
/*-------------------------------------------------------------------------
	Dream
/*-----------------------------------------------------------------------*/
#dream {
	height:1080px;
	background:url(../img/dream/bg.png) no-repeat center bottom;
}

	#dream .obj {
		right:50px;
		top:45px;
	}
	
	#dream .content {
	}
	
		#dream .content .text {
			margin-bottom:20px;
		}
		
		#dream .content .explanation {
			margin-bottom:-15px;
		}
		
			#dream .content .explanation li {
				position:relative;
				margin-bottom:55px;
			}
			
				#dream .content .explanation li .btn {
					position:absolute;
					left:500px;
					top:-5px;
				}
				
	#dream .special {
		background-image:url(../img/dream/special/bg.png) !important;
	}