body {
}

#container {
	width:100%;
	min-width:950px;
	background:url(../img/subBg.jpg) top center no-repeat fixed;
}

#head {
	position:absolute;
	width:100%;
	min-width:950px;
	height:140px;
	z-index:1000;
}
#headFade {
	position:fixed;
	width:100%;
	min-width:950px;
	height:120px;
	background-image:url(../img/subHeadBg.png);
	background-position:0 0;
	background-repeat:repeat-x;
	top:-120px;
	z-index:900;
}

#head .title{
	width:950px;
	height:30px;
	margin:0 auto;
	background:url(../img/subHead.png) top center no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#head {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
}

#navi {
	width:940px;
	height:60px;
	margin:0 auto;
	position:relative;
}
#navi .main {
	width:940px;
	height:60px;
	overflow:hidden;
}
#navi .main li {
	height:60px;
	display:block;
	float:left;
}
#navi .main li a {
	height:60px;
	display:block;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
#navi .main li a div {
	text-indent:-9999px;
	height:60px;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../img/commonMenu.png);
	background-repeat:no-repeat;
	z-index:90;
}

#navi .main .m0,
#navi .main .m0 a,
#navi .main .m0 a div {	width:170px;	}
#navi .main .m1,
#navi .main .m1 a,
#navi .main .m1 a div {	width:193px;	}
#navi .main .m2,
#navi .main .m2 a,
#navi .main .m2 a div {	width:184px;	}
#navi .main .m3,
#navi .main .m3 a,
#navi .main .m3 a div {	width:129px;	}
#navi .main .m4,
#navi .main .m4 a,
#navi .main .m4 a div {	width:150px;	}
#navi .main .m5,
#navi .main .m5 a,
#navi .main .m5 a div {	width:114px;	}

#navi .main .m0 a div {	background-position:0 -120px;	}
#navi .main .m1 a div {	background-position:-170px -120px;	}
#navi .main .m2 a div {	background-position:-363px -120px;	}
#navi .main .m3 a div {	background-position:-547px -120px;	}
#navi .main .m4 a div {	background-position:-676px -120px;	}
#navi .main .m5 a div {	background-position:-826px -120px;	}
#navi .main .m0 .current div {	background-position:0 -240px;	}
#navi .main .m1 .current div {	background-position:-170px -240px;	}
#navi .main .m2 .current div {	background-position:-363px -240px;	}
#navi .main .m3 .current div {	background-position:-547px -240px;	}
#navi .main .m4 .current div {	background-position:-676px -240px;	}
#navi .main .m5 .current div {	background-position:-826px -240px;	}
#navi .main .m0 a:hover div,#navi .main .m0 .select div {	background-position:0 -180px;	}
#navi .main .m1 a:hover div,#navi .main .m1 .select div {	background-position:-170px -180px;	}
#navi .main .m2 a:hover div,#navi .main .m2 .select div {	background-position:-363px -180px;	}
#navi .main .m3 a:hover div,#navi .main .m3 .select div {	background-position:-547px -180px;	}
#navi .main .m4 a:hover div,#navi .main .m4 .select div {	background-position:-676px -180px;	}
#navi .main .m5 a:hover div,#navi .main .m5 .select div {	background-position:-826px -180px;	}

#navi .sub {
	display:block;
	float:left;
	height:40px;
	display:none;
	position:absolute;
	left:-950px;
}
#navi .sub li {
	display:block;
	float:left;
	min-width:120px;
	height:40px;
	background-image:url(../img/subMenu.png);
	background-repeat:no-repeat;
	background-position:-15px 0;
	border-right:1px dotted #cccccc;
}
#navi .sub li a {
	display:block;
	min-width:120px;
	height:38px;
	text-decoration:none;
	margin-top:1px;
	outline:none;
}
#navi .sub li a:hover {
	background:url(../img/subMenuSelect.png) 0 0 repeat;
}
#navi .sub li a div {
	margin:0 10px 0 5px;
	line-height:1em;
	white-space:nowrap;
}
#navi .sub li a .ms1 {
	font-size:12px;
	color:#00142f;
	font-weight:bold;
	padding-top:9px;
}
#navi .sub li a .ms2 {
	font-size:10px;
	color:#cccccc;
	margin-top:1px;
}
#navi .sub .m1 {
	background-position:0 0;
}
#navi .sub .m1 a {
	margin-left:15px;
	border-left:1px dotted #cccccc;
}
#navi .sub .m9 {
	min-width:15px;
	width:15px;
	background-position:top right;
	border-right:none;
}
#navi .m2sub {
	left:190px;
}
#navi .m3sub {
	left:410px;
}
#navi .sub .m8 {
	min-width:60px;
	width:60px;
}
#navi .sub .m8 a {
	min-width:60px;
	width:60px;
}
#navi .sub .m0 a .ms1 {
	color:#cccccc;
}

#main {
	min-height:500px;
	width:100%;
	min-width:950px;
	margin:0 auto;
	padding-top:150px;
}
#main h1,#main h2 {
	background-image:url(../img/subTitleBg.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:950px;
	height:55px;
	overflow:hidden;
	margin:0 auto;
	padding-top:100px;
	margin-top:-100px;
	margin-bottom:10px;
}
#main h1 div,#main h2 div {
	background-image:url(../img/subTitle.png);
	background-repeat:no-repeat;
	width:950px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
}

#WHATS div {	background-position:0 0;	}
#NEW360MODE div {	background-position:0 -60px;	}
#STORY div {	background-position:0 -120px;	}
#CHARACTER div {	background-position:0 -180px;	}
#SYSTEM div {	background-position:0 -240px;	}
#HDMODE div {	background-position:0 -300px;	}
#GAMESTAGE div {	background-position:0 -360px;	}
#SPECIAL div {	background-position:0 -420px;	}

#main .text {
	width:600px;
	margin:0 auto;
	font-size:16px;
	color:#00142f;
	line-height:1.3em;
	margin-bottom:30px;
	text-shadow:0 0 2px #ffffff,0 0 2px #ffffff;
	position:relative;
}

#main .link {
	width:924px;
	margin:0 auto;
	background:url(../img/topBannerBg.png) 0 0 repeat;
	padding:3px;
	margin-bottom:20px;
}
#main .link a {
	display:block;
	text-align:center;
	font-size:18px;
	text-decoration:underline;
	background:#ffffff;
	padding:10px;
}
#main .link a:hover {
	text-decoration:none;
}
#foot {
	width:930px;
	margin:0 auto;
	margin-top:10px;
	position:relative;
	margin-bottom:40px;
}
#foot .copy {
	width:930px;
	height:60px;
	margin-bottom:8px;
	position:relative;
}
#foot .copy .xbox {
	width:180px;
	height:60px;
	display:block;
	position:absolute;
	right:0;
	background:url(../img/subXb360.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#foot .copy .cave {
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	background:url(../img/cave.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#foot .copy div {
	width:600px;
	position:absolute;
	left:68px;
	font-size:12px;
	margin-top:8px;
	line-height:15px;
}

#foot .share {
	display:block;
	width:706px;
	height:36px;
	overflow:hidden;
	top:11px;
	right:10px;
	background:url(../img/subShare.png) 0 0 no-repeat;
	margin-bottom:10px;
}
#foot .share table {
	padding-left:15px;
}
#foot .share td {
	padding:8px 5px;
}
#foot .share th {
	padding:8px 5px;
	font-size:12px;
	color:#333333;
	font-weight:normal
}

#foot .pagetop {
	display:block;
	width:66px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	position:fixed;
	bottom:-50px;
	right:8px;
	background:url(../img/subPagetop.png) 0 0 no-repeat;
	opacity:0.5;
	outline:none;
	z-index:600;
	transition-property:opacity;
	transition-duration:200ms;
	transition-timing-function:linear;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:200ms;
	-webkit-transition-timing-function:linear;
	-moz-transition-property:opacity;
	-moz-transition-duration:200ms;
	-moz-transition-timing-function:linear; 
}
#foot .pagetop:hover {
	opacity:1;
}


.madb {
	width:110px;
	height:170px;
	background-image:url(../img/subMad.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:500;
}
.madt {
	width:95px;
	height:170px;
	background-image:url(../img/subMad.png);
	background-repeat:no-repeat;
	position:absolute;
	z-index:500;
}
.madb span,
.madt span {
	display:block;
	background-image:url(../img/subMadTex.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
#madb1 {
	left:-40px;
	top:30px;
	background-position:0 0;
}
#madb1 span {
	width:157px;
	height:85px;
	margin-top:-80px;
	margin-left:-20px;
}
#madb2 {
	left:50%;
	top:420px;
	margin-left:320px;
	background-position:-120px 0;
}
#madb2 span {
	width:157px;
	height:85px;
	background-position:-160px 0;
	margin-top:-82px;
	margin-left:-33px;
}
#madt1 {
	right:20px;
	bottom:60px;
	background-position:-335px 0;
}
#madt1 span {
	width:150px;
	height:85px;
	background-position:0 -100px;
	margin-top:-78px;
	margin-left:-40px;
}
#madt2 {
	left:50%;
	top:395px;
	margin-left:355px;
	background-position:-240px 0;
}
#madt2 span {
	width:140px;
	height:70px;
	background-position:-160px -100px;
	margin-top:-58px;
	margin-left:-28px;
}