html, body {
	height    : 100%;
	text-align: center;
}

body {
	background-color : #E5E5E5;
}

.wrap {
	width            : 900px;
	min-height       : 100%;
	margin           : auto;
	text-align       : center;;
	background-image : url(../../images/common/ex8/wrap.png);
	background-color : #000;
}

	* html .wrap { height : 100%; }

.container {
	width      : 892px;
	margin     : auto;
	text-align : left;
}


#wrapHeader {
	height : 190px;
}
	

#wrapBody {
	height : 579px;
	background-image : url(../../images/common/ex8/wrapBody.jpg);
}

#wrapFooter {
}

#menu {
	height : 31px;
	background-image : url(../../images/common/ex8/menu.jpg);
	text-align : center;
}

#menuContainer {
	margin : auto;
}

.btMenu {
	display : block;
	float   : left;
	height  : 31px;
	outline: none;
}
	.btMenu:hover {
		background-position : 0 center;
	}

.btMenuCommingSoon {
	
}

.btDisable, .btDisable:hover {
	cursor : default;
	background-position : 0 bottom;
}

#btGoToHome {
	width : 63px;
	height : 17px;
	display : block; 
	position : absolute;
	margin : 17px 0 0 17px;
}

/*-------------------------------------------------------------------------
 * 製品情報
 * ------------------------------------------------------------------------ */
#txtProduct{
	width  : 892px;
	height : 530px;
	background-repeat : no-repeat;
}

/*-------------------------------------------------------------------------
 * ストーリー
 * ------------------------------------------------------------------------ */
#txtStory {
	width  : 890px;
	height : 530px;
	background-repeat : no-repeat;
}

#storyContainer {
	width  : 892px;
	height : 530px;
	background-image : url(../../images/common/ex8/bgStory.png);
	background-repeat : no-repeat;
}

/*-------------------------------------------------------------------------
 * アビセアン
 * ------------------------------------------------------------------------ */
.monsImage {
	width  : 488px;
	height : 371px;
	position : absolute;
	margin : 73px 0 0 368px;
}
	#monsImage1 { background-image : url(../../images/common/ex8/mons1.jpg) }
	#monsImage2 { background-image : url(../../images/common/ex8/mons2.jpg) }
	#monsImage3 { background-image : url(../../images/common/ex8/mons3.jpg) }
	#monsImage4 { background-image : url(../../images/common/ex8/mons4.jpg) }
	#monsImage5 { background-image : url(../../images/common/ex8/mons5.jpg) }
	#monsImage6 { background-image : url(../../images/common/ex8/mons6.jpg) }
	#monsImage7 { background-image : url(../../images/common/ex8/mons7.jpg) }

.monsText {
	width  : 892px;
	height : 530px;
	background-repeat : no-repeat;
}

	
#pager {
	width : 145px;
	height : 32px;
	position : absolute;
	margin : 462px 0 0 374px;
}
	#pgNext, #pgPrev {
		width   : 28px;
		height  : 32px;
		display : block;
		float   : left;
		cursor  : pointer;
	}
	#pgNext:hover, #pgPrev:hover {
		background-position : 0 bottom;
	}
	#pgNext {
		background-image : url(../../images/common/ex8/pgNext.png);
	}
	#pgPrev {
		background-image : url(../../images/common/ex8/pgPrev.png);
	}
	#pgBody {
		width    : 89px;
		height   : 32px;
		float    : left;
		overflow : hidden;
		background-image : url(../../images/common/ex8/pgBody.png);
	}
		#pgBody div {
			text-align  : center;
			padding-top : 9px;
			color       : #fff;
			font-size   : 12px;
		}

#pagerContainer {
	text-align : center;
}

/*-------------------------------------------------------------------------
 * 装備品
 * ------------------------------------------------------------------------ */
#equipContainer {
	width  : 892px;
	height : 530px;
	background-repeat : no-repeat;
}

.equipImageContainer {
	width  : 892px;
	height : 525px;
}

#equipButtonContainer {
	width  : 303px;
	height : 237px;
	position : absolute;
	margin : 225px 0 0 52px;
	background-image  : url(../../images/common/ex8/equipButtonContainer.jpg);
	background-repeat : no-repeat;
}

#txtNoteEquip {
	position : absolute;
	margin   : 462px 0 0 0;
	height   : 45px;
	width    : 100%;
	background-repeat : no-repeat;
}

.btEquip {
	width   : 140px;
	height  : 27px;
	margin  : 0 0 5px 0;
	background-image : url(../../images/common/ex8/btEquipBase.png);
}

.btEquipHover {
	width  : 100%;
	height : 100%;
	display : block;
	background-image : url(../../images/common/ex8/btEquipHover.png);
}

.lbEquip {
	width  : 100%;
	height : 100%;
}

/*-------------------------------------------------------------------------
 * 動画
 * ------------------------------------------------------------------------ */
#swfAreaContainer {
	height : 530px;
}
#swfArea {
	position : absolute;
	margin : 61px 0 0 165px;
}

/*-------------------------------------------------------------------------
 * トップの詳細ページへのリンク
 * ------------------------------------------------------------------------ */
#lnkGameDetail {
	width   : 416px;
	height  : 15px;
	display : block;
	background-repeat   : no-repeat;
	background-position : 50% 50%;
	margin  : auto;
	position : relative;
	top     : 14px;
}