@charset "Shift_JIS";

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

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	padding-top:80px;
}

	#main-content .content {
		width:888px;
		margin:0 auto 20px auto;
		padding:0 16px;
		background-repeat:no-repeat;
		background-position:center bottom;
	}
	
		#main-content .content h3 {
			position:relative;
			left:-40px;
			margin:0 -40px 15px 0;
		}
		
		#main-content .content .obj {
			position:absolute;
		}

/*-------------------------------------------------------------------------
	Level
/*-----------------------------------------------------------------------*/
#level {
	height:635px;
	background-image:url(../img/level/bg.png);
}

	#level .obj.no0 {
		right:20px;
		top:-20px;
	}
	
	#level .text {
		margin-bottom:10px;
	}
	
	#level .explanation {
	}
	
		#level .explanation li {
			display:inline;
			float:left;
			margin:0 13px;
		}
		
	#level .obj.no1 {
		left:-10px;
		bottom:10px;
	}
	
/*-------------------------------------------------------------------------
	Leadoff
/*-----------------------------------------------------------------------*/
#leadoff {
	height:390px;
	background-image:url(../img/leadoff/bg.png);
}

	#leadoff .text,
	#leadoff .img {
		display:inline;
		float:left;
	}
	
	#leadoff .text {
		margin-right:10px;
	}
	
	#leadoff .img {
		position:relative;
		top:-115px;
		margin-bottom:-115px;
	}
	
	#leadoff .obj {
		right:25px;
		bottom:15px;
	}

/*-------------------------------------------------------------------------
	Equip
/*-----------------------------------------------------------------------*/
#equip {
	height:440px;
	background-image:url(../img/equip/bg.png);
}

	#equip .text,
	#equip .img {
		display:inline;
		float:left;
	}
	
	#equip .text {
		margin-right:10px;
	}
	
	#equip .img {
		position:relative;
		top:-115px;
		margin-bottom:-115px;
	}
	
	#equip .obj {
		right:40px;
		bottom:20px;
	}
	
/*-------------------------------------------------------------------------
	Badge
/*-----------------------------------------------------------------------*/
#badge {
	height:490px;
	background-image:url(../img/badge/bg.png);
}

	#badge .text,
	#badge .img {
		display:inline;
		float:left;
	}
	
	#badge .text {
		margin-right:10px;
	}
	
	#badge .img {
		position:relative;
		top:-110px;
		margin-bottom:-110px;
	}
	
	#badge .obj {
		left:20px;
		bottom:15px;
	}
	
/*-------------------------------------------------------------------------
	Attack
/*-----------------------------------------------------------------------*/
#attack {
	height:445px;
	background-image:url(../img/attack/bg.png);
}
	
	#attack .img {
		position:absolute;
		right:60px;
		top:30px;
	}
	
	#attack .obj {
		right:30px;
		bottom:30px;
	}