@charset "Shift_JIS";

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

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {
	margin-bottom:0;
	padding-bottom:1px;
	background:#fff url(../img/bg/bottom.jpg) no-repeat center bottom;
}
	
/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	padding-top:35px;
	background:url(../img/bg/top.jpg) no-repeat center top;
}

	#main-content h2 {
		left:20px;
		margin:0 0 20px 0;
	}
	
/*-------------------------------------------------------------------------
	Summary
/*-----------------------------------------------------------------------*/
#summary {
	margin-bottom:35px;
	z-index:1;
}

	#summary .obj {
		position:absolute;
		right:0;
		top:-130px;
	}
	
/*-------------------------------------------------------------------------
	Outline
/*-----------------------------------------------------------------------*/
#outline {
	width:932px;
	height:971px;
	margin:0 auto 30px auto;
	background:url(../img/outline/bg.png) no-repeat center top;
}

	#outline h3,
	#outline .text,
	#outline .btn {
		position:relative;
	}
	
	#outline .btn {
		z-index:1;
	}
	
	#outline .img {
		position:absolute;
	}

	#outline-adventure {
		position:relative;
		top:30px;
		width:890px;
		height:455px;
		margin:0 auto 30px auto;
	}
	
		#outline-adventure h3,
		#outline-adventure .text {
			margin-bottom:15px;
		}
	
		#outline-adventure h3 {
			left:40px;
		}
	
		#outline-adventure .text {
			left:72px;
		}
		
		#outline-adventure .btn {
			left:368px;
		}
		
		#outline-adventure .img {
			right:0;
			bottom:0;
		}
		
		#outline-adventure .obj {
			position:relative;
			top:40px;
		}
		
	#outline-battle {
		position:relative;
		left:380px;
		width:540px;
	}
	
		#outline-battle h3,
		#outline-battle .text {
			margin-bottom:20px;
		}
	
		#outline-battle .text {
			left:35px;
		}
		
		#outline-battle .btn {
			left:350px;
		}
		
		#outline-battle .img {
			right:260px;
			top:220px;
		}
		
/*-------------------------------------------------------------------------
	History
/*-----------------------------------------------------------------------*/
#history {
	width:932px;
	height:746px;
	margin:0 auto;
	padding:30px 0;
	background:url(../img/history/bg.png) no-repeat center top;
}

	#history h3 {
		margin-bottom:20px;
		text-align:center;
	}
	
	#history .summary {
		margin-bottom:40px;
	}
	
		#history .summary .text {
			position:relative;
			left:40px;
		}
		
		#history .summary .obj,
		#history .summary .btn {
			position:absolute;
		}
		
		#history .summary .obj {
			right:-10px;
			top:-20px;
		}
		
		#history .summary .btn {
			right:12px;
			top:80px;
		}
		
	#history-soft {
		width:900px;
		margin:0 auto;
	}
	
		#history-soft li {
			display:inline;
			float:left;
			position:relative;
			width:266px;
			height:387px;
			margin:0 17px;
			padding-top:16px;
			background:url(../img/history/soft/bg.png) no-repeat center top;
			text-align:center;
		}
		
			#history-soft li h4 {
				position:relative;
				left:15px;
				margin-bottom:114px;
				text-align:left;
			}
			
			#history-soft li .btn,
			#history-soft li .package {
				position:absolute;
			}
			
			#history-soft li .btn {
				left:-5px;
				top:110px;
			}
			
			#history-soft li .package {
				right:17px;
				top:45px;
			}
			
			#history-soft li:first-child .package {
				top:65px;
			}
			
			#history-soft li .img {
				margin-bottom:16px;
			}