@charset "UTF-8";

/*.bg{
	position: absolute;
	background: url(../images/common/bg.jpg) center top no-repeat;
	background-size: cover;
	top:0;
}*/

#zWorld{
	width: 168px;
	height: 332px;
	background: url(../images/common/s_story_bg.png) left top no-repeat;
	position: absolute;
	top: 99px;
	padding-top: 12px;
	padding-left: 35px;
}

#zDLC{
	width: 168px;
	height: 262px;
	background: url(../images/common/s_dlc_bg.png) left top no-repeat;
	position: absolute;
	top:199px;
	padding-top: 12px;
	padding-left: 35px;
}

#bSystem{
	width: 168px;
	height: 198px;
	background: url(../images/common/s_story3_bg.png) left top no-repeat;
	position: absolute;
	top: 208px;
	padding-top: 12px;
	padding-left: 32px;
}

#zWorld li,#bSystem li,#zDLC li{
	cursor: pointer;
}


.ssMenu{
	left: 28px;
}

#subsubMenu,#fclmbsMenu,#dlcMenu{
	position: fixed;
	top:0;
	left: 0;
}

#subsubMenu ul li,#fclmbsMenu ul li,#dlcMenu ul li{
	margin-bottom: 15px;
}

footer{
	width: 100%;
	position: fixed;
	background: url(../images/common/mid_footer_bg.png) center top no-repeat;
	bottom: -74px;
	padding-top: 117px;
	z-index:2;
}

article{
	display: block;
	visibility: hidden;
}

h1{
	margin: 0 auto;
	margin-top: -156px;
	position: relative;
	height: 159px;
}

#bnrCam{
	width: 240px;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}

#copyR{
	display: block;
	position: absolute;
	top: 65px;
	right: 8px;
}

#swfArea{
	position: absolute;
	top: 36px;
	left: 10px;
}

section{
	width: 804px;
	position: relative;
	margin-left: 236px;
}

#navCol{
	width: 202px;
	height: 100%;
	min-height: 2000px;
	position:absolute;
	top: 0;
	left: 36px;
	background: url(../images/common/mid_menu_bg.png) center top no-repeat;
}

.navColLock{
	position:absolute !important;
	background-attachment: fixed !important;
	background-position: 37px 0px !important;
	
}

nav{
	position: relative;
	margin-left: 28px;
}

#mainMenu li{
	background: url(../images/common/menu_line.png) left bottom no-repeat;
	padding: 7px 0 5px 10px;
	position: relative;
	width: 138px;
}

.subOn{
	/*height: 92px;*/
}

.subOn a{
	cursor: pointer;
}

#sns{
	width: 406px;
	margin: 0 auto;
	position: relative;
}

#sns ul{
	position: absolute;
	/*top: -103px;*/
}

#sns ul li{
	float: left;
	width: 135px;
}

#gaCol{
	height: 0 !important;
	overflow: hidden !important;
}

#subStory li{
	background: none;
	padding:0;
}

#subChara li{
	background: none;
	padding:0;
}

#subSystem li{
	background: none;
	padding:0;
}

#subSpecial li{
	background: none;
	padding:0;
}

#subDLC li{
	background: none;
	padding:0;
}

#subSpec li{
	background: none;
	padding:0;
}

#subMovie li{
	background: none;
	padding:0;
}



.subMenu{
	overflow: hidden;
	height:0;
}

.subMenu li a{
	cursor: pointer;
}

#logoPS3{
	display: block;
	position: absolute;
	top: -87px;
	right: 11px;
}

#footerInner{
	position:relative;
	width: 100%;
}
.ico_new{
	position: absolute;
	top: 10px;
	left: -3px;
}

.subMenu .ico_new{
	top: 5px;
	left: -2px;
}

.ssMenu li{
	position: relative;
}

.ssMenu .ico_new{
	position: absolute;
	top: 1px;
	left: -4px;
}

.charaThum{
	display: block;
	position:absolute;
	top: -23px;
	left: 80px;
	z-index: 1;
	pointer-events:none;
}