@charset "Shift_JIS";

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

/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
	margin-bottom:45px;
}

/*-------------------------------------------------------------------------
	Contents
/*-----------------------------------------------------------------------*/
#main-content .content {
	width:888px;
	margin:0 auto 30px auto;
	padding:0 16px;
}

	#main-content .content h3 {
		position:relative;
		left:-20px;
		margin:0 -20px 15px 0;
	}
	
	#main-content .content .obj {
		position:absolute;
	}

/*-------------------------------------------------------------------------
	Beginner
/*-----------------------------------------------------------------------*/
#beginner {
	height:655px;
	background:url(../img/beginner/bg.png) no-repeat center bottom;
}

	#beginner .obj {
		right:45px;
		top:-50px;
	}
	
	#beginner .text {
		margin-bottom:25px;
	}
	
	#beginner .explanation {
	}
	
		#beginner .explanation li {
			display:inline;
			float:left;
			width:267px;
			height:298px;
			margin:0 14px;
			padding-top:18px;
			background:url(../img/beginner/explanation/bg.png) no-repeat center top;
			text-align:center;
		}
		
			#beginner .explanation li h4,
			#beginner .explanation li .text {
				margin-bottom:5px;
			}
			
/*-------------------------------------------------------------------------
	Expert
/*-----------------------------------------------------------------------*/
#expert {
	height:520px;
	background:url(../img/expert/bg.png) no-repeat center bottom;
}

	#expert .img,
	#expert .text {
		display:inline;
		float:left;
		position:relative;
	}
	
	#expert .img {
		left:10px;
	}
	
	#expert .text {
		left:-40px;
		margin-right:-40px;
	}
	
	#expert .obj {
		right:35px;
		top:270px;
	}
	
/*-------------------------------------------------------------------------
	Extreme
/*-----------------------------------------------------------------------*/
#extreme {
	height:650px;
	background:url(../img/extreme/bg.png) no-repeat center bottom;
}

	#extreme .img {
		display:inline;
		position:relative;
	}
	
	#extreme .img.no0 {
		float:left;
		top:10px;
	}
	
	#extreme .img.no1 {
		float:right;
		top:-30px;
		margin-bottom:-30px;
	}
	
	#extreme .obj {
		left:355px;
		top:235px;
	}

/*-------------------------------------------------------------------------
	Hardmode
/*-----------------------------------------------------------------------*/
#hardmode {
	left:-16px;
	margin-right:-16px;
}