@charset "UTF-8";

	#Header .logoBlock {
		position: absolute;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: auto;
		margin-right: auto;
		z-index: 99;
		background-color: #000;
	}
/*
=================================
	Gloval Nav
=================================
*/
/* ========= global index ========== */
#Header .navBlock.global {
	height: 70px;
}

	#Header .navBlock.global .navWrapper {
		width: 942px;
		height: 70px;
	}

		#Header .navBlock.global .navWrapper ul {
			height: 70px;
		}

		#Header .navBlock.global .navWrapper ul li {
			height: 46px;
			margin: 10px 0;
		}

			#Header .navBlock.global .navWrapper ul li a {
				height: 46px;
			}

				#Header .navBlock.global ul li a:hover .scrollImg,
				#Header .navBlock.global ul li a.currentPage .scrollImg {
					margin-top: -47px;
				}

/*-------------------------------------------------
*	bnr1-area
-------------------------------------------------*/
#IndexSection .switch {
	margin-bottom: 30px;
	text-align: center;
}
#IndexSection .bnr-direct {
	margin-bottom: 30px;
	text-align: center;
}

/*-------------------------------------------------
*	captureBlock
-------------------------------------------------*/
#IndexSection .captureBlock {
	margin-bottom: 23px;
	-webkit-user-select: none;
}

	#IndexSection .captureBlock .container {
		width: 420px;
	}
	body.wii #IndexSection .captureBlock .container {
		height: 246px;
		background: url(../images/index/bg/capture-wii.gif) no-repeat 0px 0px;
	}
	body.ds3 #IndexSection .captureBlock .container {
		height: 261px;
		background: url(../images/index/bg/capture-3ds.gif) no-repeat 0px 0px;
	}
		#IndexSection .captureBlock .container a {
			display: block;
			padding-top: 10px;
			padding-left: 10px;
		}
			#IndexSection .captureBlock .container a span {
				display: block;
			}


			#IndexSection .captureBlock .container a .icon {
				position: absolute;
				width: 48px;
				height: 48px;
				margin-left: -1px;
				margin-top: -1px;
			}
			body.wii #IndexSection .captureBlock .container a .icon {
				background: url(../images/index/image/icon-capture-wii.png) no-repeat 0px 0px;
			}
			body.ds3 #IndexSection .captureBlock .container a .icon {
				background: url(../images/index/image/icon-capture-3ds.png) no-repeat 0px 0px;
			}


			#IndexSection .captureBlock .container a .rollover {
				position: absolute;
				display: none;
				width: 400px;
			}
			body.wii #IndexSection .captureBlock .container a .rollover {
				height: 225px;
				background: url(../images/index/bg/capture-over-wii.png) no-repeat 0px 0px;
			}
			body.ds3 #IndexSection .captureBlock .container a .rollover {
				height: 240px;
				background: url(../images/index/bg/capture-over-3ds.png) no-repeat 0px 0px;
			}
			#IndexSection .captureBlock .container a:hover .rollover {
				display: block;
			}
			body.tablet #IndexSection .captureBlock .container a:hover .rollover {
				display: none;
			}


			/* MO_alpha */
			a:link img.alpha, 
			a:visited img.alpha {
				opacity: 1;
				-moz-opacity: 1; /* Firefox */
				filter: alpha(opacity=100); /* IE6/7 */
				-ms-filter: "alpha(opacity=100)"; /* IE8 */
			}
			a:hover img.alpha, 
			a:active img.alpha {
				opacity: 0.6;
				-moz-opacity: 0.6; /* Firefox */
				filter: alpha(opacity=60); /* IE6/7 */
				-ms-filter: "alpha(opacity=60)"; /* IE8 */
			}


/*-------------------------------------------------
*	newsBlock
-------------------------------------------------*/
#IndexSection .newsBlock {
	margin-bottom: 23px;
}

	#IndexSection .newsBlock .container {
		width: 670px;
		height: 48px;
		background: #fff;
	}
		#IndexSection .newsBlock .container .left {
			width: 602px;
			height: 48px;
		}
			#IndexSection .newsBlock .container .left ul {
				position: absolute;
				width: 598px;
				height: 24px;
				margin: 0 12px;
				padding: 12px 0;
				overflow: hidden;
			}
				#IndexSection .newsBlock .container .left ul li {
					height: 24px;
					line-height: 28px;
					font-size: 10px;
					color: #1A1A1A;
				}

					#IndexSection .newsBlock .container .left ul li div {
						float: left;
					}

					#IndexSection .newsBlock .container .left ul li .type {
						display: block;

						width: 100px;
						height: 25px;
						margin-right: 10px;
						background: url(../images/index/image/news-type.png) no-repeat;
					}
						#IndexSection .newsBlock .container .left ul li.global .type {
							background-position: 0 0;
						}
						#IndexSection .newsBlock .container .left ul li.ds3 .type {
							background-position: 0 -25px;
						}
						#IndexSection .newsBlock .container .left ul li.wiiu .type {
							background-position: 0 -50px;
						}

					#IndexSection .newsBlock .container .left ul li .date {
						margin-right: 10px;
						font-weight: bold;
					}
					#IndexSection .newsBlock .container .left ul li .text {
						font-size: 12px;
					}
						#IndexSection .newsBlock .container .left ul li .text a {
							text-decoration: underline;
							color: #1A1A1A;
						}
						#IndexSection .newsBlock .container .left ul li .text a:hover {
							color: #999;
						}
		#IndexSection .newsBlock .container .right {
			width: 48px;
		}
			#IndexSection .newsBlock .container .right a {
				display: block;
				height: 48px;
				background: url(../images/index/btn/news.gif) no-repeat 0px 0px;
			}
			#IndexSection .newsBlock .container .right a:hover {
				background-position: 0px -48px;
			}


/*-------------------------------------------------
*	developerBlock
-------------------------------------------------*/
#IndexSection .developerBlock {
	margin-bottom: 28px;
}
	#IndexSection .developerBlock a {
		display: block;
		width: 419px;
		height: 154px;
		margin-left: auto;
		margin-right: auto;
	}
	#IndexSection .developerBlock a:hover {
		background-position: 0px -154px;
	}


/*-------------------------------------------------
*	directBlock
-------------------------------------------------*/
#IndexSection .directBlock {
	margin-bottom: 20px;
}
	#IndexSection .directBlock a {
		width: 419px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

/*-------------------------------------------------
*	indexBtnBlock
-------------------------------------------------*/
#IndexSection .indexBtnBlock {
	width: 430px;
	margin: 0 auto;
}

	/*-------------------------------------------------
	*	movieBlock
	-------------------------------------------------*/
	#IndexSection .movieBtn {
		float: left;
		margin-bottom: 28px;
	}
		#IndexSection .movieBtn a {
			display: block;
			width: 313px;
			height: 78px;
		}
		#IndexSection .movieBtn a:hover {
			background-position: 0px -78px;
		}

	/*-------------------------------------------------
	*	cubeController
	-------------------------------------------------*/
	#IndexSection .cubeController {
		float: right;
	}

		#IndexSection .cubeController a {
			display: block;
			width: 104px;
			height: 78px;
			background: url( ../images/index/btn/cube-controller.png ) no-repeat;
		}

		#IndexSection .cubeController a:hover {
			background-position: 0px -78px;
		}

/*-------------------------------------------------
*	newCharacterBannerBlock
-------------------------------------------------*/
#IndexSection .newCharacterBannerBlock {
	margin-bottom: 30px;
	display: none;
}

	#IndexSection .newCharacterBannerBlock ul {
		margin: 0 auto;
	}

	#IndexSection .newCharacterBannerBlock ul li{
		height: 51px;
		list-style: none;
		margin-bottom: 2px;
	}

	#IndexSection .newCharacterBannerBlock ul li.last{
		margin-bottom: 0px;
	}

	#IndexSection .newCharacterBannerBlock ul li a {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}


/*
=====================================================================
*
*    CharacterList
*
* ===================================================================
*/
#CharacterList {
	padding: 25px 0 142px;
}

	#CharacterList .title {
		margin-bottom: 18px;
		text-align: center;
	}

	#CharacterList .container {
		overflow: hidden;
		position: absolute;
		width: 100%;
		min-width: 960px;
	}

	#CharacterList .characters {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}

		#CharacterList .characters .cell {
			height: 245px;
			float: left;
		}

		#CharacterList .characters .type1 {
			width: 230px;
		}

		#CharacterList .characters .type2 {
			width: 720px;
		}

			#CharacterList .characters .cell .update {
				position: absolute;
				display: block;
				margin-left: -5px;
				margin-top: 15px;
				z-index: 1;
			}
			#CharacterList .characters .cell a {
				display: block;
				-webkit-user-select: none;
			}
			#CharacterList .characters .cell:hover {
			}
				#CharacterList .characters .cell a .over {
					display: none;
					position: absolute;
					margin-top: 15px;
				}
				#CharacterList .characters .cell:hover .over {
					display: block;
				}
				body.tablet #CharacterList .characters .cell:hover .over {
					display: none;
				}

/*
=====================================================================
*
*    CaptuerSection
*
* ===================================================================
*/
#CaptuerSection {
		background: #3F5679;
}

	#CaptuerSection .content {
	}

	#CaptuerSection .bg {
		background: #333;
	}

			#CaptuerSection .header{
				background: #000;
			}


		#CaptuerSection .content .title {
			width: 350px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 90px;
			margin-bottom: 50px;
		}

	#CaptuerSection .content .captureBlock {
		width: 692px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:30px;
	}

	#CaptuerSection .content .captureBlock .text a{
		color: #FFFD38;
		text-decoration: underline;
	}

	body.wii #CaptuerSection .content .captureBlock .image{
		width: 680px;
		background: url(../images/index/bg/bg-daily-wii.gif) no-repeat 0px 0px;
		padding: 6px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
		margin-top: 140px;
	}

	body.wii #CaptuerSection .content .captureBlock .label {
		position: absolute;
		display: block;
		width: 47px;
		height: 47px;
		background: url(../images/index/image/icon-daily-wii.png) no-repeat;
	}

	body.ds3 #CaptuerSection .content .captureBlock .image{
		width: 400px;
		background: url(../images/index/bg/bg-daily-3ds.gif) no-repeat 0px 0px;
		padding: 6px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
		margin-top: 140px;
	}

	body.ds3 #CaptuerSection .content .captureBlock .label{
		position: absolute;
		display: block;
		width: 47px;
		height: 47px;
		background: url(../images/index/image/icon-daily-3ds.png) no-repeat;
	}

	#CaptuerSection .content .captureBlock {
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 50px;
	}

	#CaptuerSection .content .closeBtn{
		width: 35px;
		margin-left: auto;
		margin-right: auto;
	}

	#CaptuerSection .content .closeBtn a{
		height: 35px;
		display: block;
		background:url(../images/common/btn/modal-close.png) no-repeat;
		background-position: 0 0;
	}

	#CaptuerSection .content .closeBtn a:hover{
		background-position: 0px -35px;
	}

/*
=====================================================================
*
*    NewsSection
*
* ===================================================================
*/
#NewsSection {
		background: #3F5679;
}

	#NewsSection .content {
	}

	#NewsSection .bg {
		background: #333;
	}

			#NewsSection .header{
				background: #000;
			}

		#NewsSection .content .title {
			width: 870px;
			margin-left: auto;
			margin-right: auto;
			padding-top: 90px;
			margin-bottom: 50px;
			border-bottom: 1px solid #404040;
		}

		#NewsSection .content .title .img{
			width: 183px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 40px;
			}

		#NewsSection .content .newsBlock{
			width: 620px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 140px;
		/*
			position: relative;
			width: 820px;
			height: 400px;
			overflow: hidden;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 70px;
			margin-top: 140px;
		*/
		}

			#NewsSection .content .newsBlock ul {
				font-size: 12px;
			}

				#NewsSection .content .newsBlock ul li{
					width: 800px;
					padding-bottom: 45px;
				}

					#NewsSection .content .newsBlock ul li div {
						float: left;
						margin-right: 30px;
					}

					#NewsSection .content .newsBlock ul li .type {
						display: block;
						width: 80px;
						height: 20px;
						background: url(../images/index/image/news-type-min.png) no-repeat;
						background-size: cover;
					}
						#NewsSection .content .newsBlock ul li.global .type {
							background-position: 0 0;
						}
						#NewsSection .content .newsBlock ul li.ds3 .type {
							background-position: 0 -20px;
						}
						#NewsSection .content .newsBlock ul li.wiiu .type {
							background-position: 0 -40px;
						}

					#NewsSection .content .newsBlock ul li .date{
						color: #ffffff;
						width: 80px;
						line-height: 23px;
					}

					#NewsSection .content .newsBlock ul li .text {
						color: #ffffff;
						width: 530px;
						line-height: 23px;
					}
						#NewsSection .content .newsBlock ul li .text a {
							color: #FFF;
							text-decoration: underline;
						}
						#NewsSection .content .newsBlock ul li .text a:hover {
							color: #808080;
						}




	#NewsSection .content .closeBtn{
		width: 35px;
		margin: 30px auto 0;
	}

		#NewsSection .content .closeBtn a{
			height: 35px;
			display: block;
			background: url(../images/common/btn/modal-close.png) no-repeat;
			background-position: 0 0;
		}

		#NewsSection .content .closeBtn a:hover{
			background-position: 0px -35px;
		}







/*==========================
	3DS news box shadow
==========================*/

.ds3 #IndexSection .newsBlock {}

	.ds3 #IndexSection .newsBlock .topShadow,
	.ds3 #IndexSection .newsBlock .bottomShadow,
	.ds3 #IndexSection .newsWrapper {
		width: 960px;
		margin: 0 auto;
		padding: 0 2px;
	}

	.ds3 #IndexSection .newsBlock .topShadow,
	.ds3 #IndexSection .newsBlock .bottomShadow {
		display: block;
		width: 966px;
		margin-left: -2px;
		background: url(../images/common/bg/shadow-tb-960.png);
	}

	.ds3 #IndexSection .newsBlock .sideShadow {
		background: url(../images/index/bg/news-shadow.png) repeat-y;
	}

	.ds3 #IndexSection .newsBlock .topShadow {
		height: 3px;
	}

	.ds3 #IndexSection .newsBlock .bottomShadow {
		height: 3px;
		background-position: bottom;
	}






/*
=====================================================================
*
*    SoundPresentModal
*
* =================================================================== 
*/
#SoundPresentModal {}

	#SoundPresentModal .title{
		font-weight: bold;
	}
	

/*
=====================================================================
*
*    WiiuNewsModal
*
* =================================================================== 
*/
#WiiuNewsModal {}

	#WiiuNewsModal .title{
		font-weight: bold;
	}




/*
=====================================================================
*
*    MovieLinkSection
*
* ===================================================================
*/
#MovieLinkSection {}

	#MovieLinkSection .link{
		margin-top: 50px;
	}

			#MovieLinkSection.footerModal .content .link ul.simple {
				width: 350px;
			}



/*
=====================================================================
*
*    ModalNewsSection
*
* ===================================================================
*/
#ModalNewsSection {
	position: fixed;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
}

#ModalNewsSection .content {
	position: relative;
	top: 0;
	left: 0;
	width: 758px;
	padding: 1px;
	margin: 0 auto 90px;
	background: #fff;
}

	#ModalNewsSection .content .title {
		width: 100%;
		margin: 0 auto;
		background: #000;
		padding-top: 30px;
		padding-bottom: 25px;
		text-align: center;
		font-size: 24px;
		color: #fff;
	}

	#ModalNewsSection .content .texts {
		width: 640px;
		margin: 0 auto;
	}

	#ModalNewsSection .content .texts p {
		margin-bottom: 30px;
		text-align: left;
	}

	#ModalNewsSection .content .texts .imageWrapper {
		width: 640px;
		margin: 0 auto 30px;
		text-align: center;
	}

	/* Wiiu */
	#ModalNewsSection.modalWindow {
		position: absolute;
		overflow: visible;
		margin: 60px 0;
		padding-bottom: 120px;
	}

		#ModalNewsSection.modalWindow .bg {
			background: #333;
		}

		#ModalNewsSection.modalWindow .content {
			position: absolute;
			left: 50%;
			margin-left: -380px;
		}

			#ModalNewsSection.modalWindow .content .close {
				padding-bottom: 30px;
			}
				#ModalNewsSection.modalWindow .content .close a {
					display: block;
					width: 35px;
					height: 35px;
					margin-left: auto;
					margin-right: auto;
					background: url(../images/common/btn/footer-dialog-close.png) no-repeat 0px 0px;
				}
				#ModalNewsSection.modalWindow .content .close a:hover {
					background-position: 0px -35px;
				}
				
				/*
=====================================================================
*
*    ModalMovieSection
*
* ===================================================================
*/
#ModalMovieSection .content {
	width: 640px;
	left: 50%;
	margin-left: -320px;
	background: transparent;
}

	#ModalMovieSection .content .closeBtn{
		width: 35px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	#ModalMovieSection .content .closeBtn a{
		height: 35px;
		display: block;
		background:url(../images/common/btn/modal-close.png) no-repeat;
		background-position: 0 0;
	}

	#ModalMovieSection .content .closeBtn a:hover{
		background-position: 0px -35px;
	}