@charset "UTF-8";
/*
=====================================================================
*
*    index
*
* ===================================================================
*/

#Header .navBlock.global .navWrapper{
		width: 960px;
}

#Header .mainBlock {
}

	#Header .navWrapper ul li{
		padding: 0px 11px;
	}

			#Header .mainBlock .logoWrapper {
				position: relative;
				width: 100%;
				height: 550px;
			}

			#Header .mainBlock .infoWrapper {
				width: 100%;
				height: 80px;
				padding: 0;
			}

			#Header .mainBlock .ds3InfoWrapper .infoWrapper {
				background: #9a1424;
				text-align: right;
			}

				#Header .mainBlock .infoWrapper img,
				#Header .mainBlock .infoWrapper a {
					display: block;
					width: 466px;
					height: 76px;
					margin-bottom: 0;
				}

				#Header .mainBlock .ds3InfoWrapper .infoWrapper img,
				#Header .mainBlock .ds3InfoWrapper .infoWrapper a {
					margin-left: auto;
					margin-right: 20px;
				}

				#Header .mainBlock .ds3InfoWrapper .infoWrapper a {
					background: url(../images/index/btn/main-3ds-btn.png) no-repeat;
					background-position: 0 0;
				}

				#Header .mainBlock .ds3InfoWrapper .infoWrapper a:hover {
					background-position: 0 -77px;
				}

			#Header .mainBlock .wiiuInfoWrapper .infoWrapper {
				background: #178abb;
			}

				#Header .mainBlock .wiiuInfoWrapper .infoWrapper img,
				#Header .mainBlock .wiiuInfoWrapper .infoWrapper a {
					margin-left: 20px;
					margin-right: auto;
				}

				#Header .mainBlock .wiiuInfoWrapper .infoWrapper a {
					background: url(../images/index/btn/main-wiiu-btn.png) no-repeat;
					background-position: 0 3px;
				}


			/*============ 3ds ==============*/

			#Header .ds3MainBlock .mainImage {

				background: url(../../images/index/bg/3ds-main-bg.jpg) no-repeat;

			}



#IndexSection .captureBlock .bannerAddcharacter {
		width: 900px;
		margin: 0 auto 20px;
		padding-top: 25px;
	}
	#IndexSection .captureBlock .bannerAddcharacter a {
		display: block;
		width: 900px;
		height: 51px;
	}
	#IndexSection .captureBlock .bannerAddcharacter a:hover {
		background-position:0 -51px;
	}
	#IndexSection .captureBlock .ryu a {
		background: url(../images/index/btn/challenger-ryu.jpg) 0px 0px no-repeat;
	}
	#IndexSection .captureBlock .roy a {
		background: url(../images/index/btn/challenger-roy.jpg) 0px 0px no-repeat;
	}
	#IndexSection .captureBlock .lucas a {
		background: url(../images/index/btn/challenger-lucas.jpg) 0px 0px no-repeat;
	}

	#IndexSection .captureBlock .bannerE32015 {
		margin-bottom: 20px;
		text-align: center;
	}

	#IndexSection .captureBlock .bannerDlc {
		width: 412px;
		margin: 0 auto;
	}
	/*#IndexSection .captureBlock .bannerDlc a {
		display: block;
		width: 412px;
		height: 230px;
		background: url(../images/index/btn/banner-dlc.jpg) 0px 0px no-repeat;
	}
	#IndexSection .captureBlock .bannerDlc a:hover {
		background-position:0 -230px;
	}*/


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

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

/*
=====================================================================
*
*    update
*
* ===================================================================
*/

#SecretSection .characters .cell .update,
#CharacterList .characters .cell .update {
	width: 84px;
	height: 32px;
	background: url(../images/index/image/icon-update.png) no-repeat 0px 0px;
}

#IndexSection .developerBlock a {
display: none;
	}
#IndexSection .movieBtn a {
	background: url( ../images/index/btn/movie-btn.png ) no-repeat;
}

#IndexSection .topBannerBlock{
	width: 960px;
	margin: 0 auto 50px auto;	
}

	#IndexSection .topBannerBlock ul{
		width: 960px;
		margin: 0 auto;
	}

	#IndexSection .topBannerBlock ul li{
		float: left;
		margin-right: 15px;		
		margin-bottom: 15px;
	}

	#IndexSection .topBannerBlock ul li.turn{
		margin-right: 0px;
	}

#IndexSection .updateInfoBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .updateInfoBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-update.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .updateInfoBtn a:hover{
		background-position: 0px -70px;
	}

#IndexSection .amiibo {
	width: 308px;
	height: 70px;
}

	#IndexSection .amiibo a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-amiibo.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .amiibo a:hover{
		background-position: 0px -70px;
	}

#IndexSection .soundBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .soundBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-soundtrack.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .soundBtn a:hover{
		background-position: 0px -70px;
	}

#IndexSection .arakajimeBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .arakajimeBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-arakajime.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .arakajimeBtn a:hover{
		background-position: 0px -70px;
	}

#IndexSection .orderBannerBlock{
	width: 308px;
}

#IndexSection .orderBannerBlock a {
	display: block;
	width: 308px;
	height: 70px;
	background: url(../images/index/btn/banner-order.png) no-repeat 0px 0px;
}
#IndexSection .orderBannerBlock a:hover {
	background-position: 0px -70px;
}


#IndexSection .directBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .directBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-direct.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .directBtn a:hover{
		background-position: 0px -70px;
	}

#IndexSection .ballotBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .ballotBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-ballot.jpg) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .ballotBtn a:hover{
		background-position: 0px -70px;
	}


#IndexSection .wiiuUpdatedBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .wiiuUpdatedBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-upadate-info-wiiu.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .wiiuUpdatedBtn a:hover{
		background-position: 0px -70px;
	}

#IndexSection .wiiuPhotoResultBtn {
	width: 308px;
	height: 70px;
}

	#IndexSection .wiiuPhotoResultBtn a{
		display: block;
		width: 308px;
		height: 70px;
		background: url(../images/index/btn/banner-photo-result-wiiu.png) no-repeat;
		background-position: 0px 0px;
	}

	#IndexSection .wiiuPhotoResultBtn a:hover{
		background-position: 0px -70px;
	}
/*
*=============================
	3DS update block
*=============================
*/

.ds3 #IndexSection .newsBlock {
	width: 966px;
	margin: 0 auto 50px;
}

	.ds3 #IndexSection .newsWrapper {
		width: 960px;
		margin: 0 auto;
		padding: 2px 3px 0 2px;
	}

		.ds3 #IndexSection .newsWrapper .title {
			margin-bottom: 1px;
		}

			.ds3 #IndexSection .newsWrapper .list ul li {
				width: 100%;
				min-height: 66px;
				border-bottom: 1px solid #d1d1d1;
			}


				.ds3 #IndexSection .newsWrapper .list ul li .update {
					display: block;
					margin-top: 16px;
					margin-left: 883px;
					width: 84px;
					height: 32px;
					background: url(../images/content/image/icon-update.png) no-repeat;
				}

				.ds3 #IndexSection .newsWrapper .list ul li .category {
					float: left;
					width: 140px;
					height: 24px;
					margin: 20px 24px;
					background: url( ../images/index/image/update-cat.png ) no-repeat;
				}

					.ds3 #IndexSection .newsWrapper .list ul li.char .category {
						background-position: 0 0;
					}

					.ds3 #IndexSection .newsWrapper .list ul li.mode .category {
						background-position: 0 -24px;
					}

					.ds3 #IndexSection .newsWrapper .list ul li.howto .category {
						background-position: 0 -48px;
					}
					
					.ds3 #IndexSection .newsWrapper .list ul li.music .category {
						background-position: 0 -72px;
					}
					.ds3 #IndexSection .newsWrapper .list ul li.other .category {
						background-position: 0 -96px;
					}

				.ds3 #IndexSection .newsWrapper .list ul li .newsContent {
					width: 960px;
				}

					.ds3 #IndexSection .newsWrapper .list ul li .newsContent div {
						float: left;
					}

					.ds3 #IndexSection .newsWrapper .list ul li .newsContent .date,
					.ds3 #IndexSection .newsWrapper .list ul li .newsContent .text {
						padding: 23px 0;
					}

					.ds3 #IndexSection .newsWrapper .list ul li .newsContent .date {
						margin-right: 20px;
					}

					.ds3 #IndexSection .newsWrapper .list ul li .newsContent .text {
						max-width: 600px;
					}

					.ds3 #IndexSection .newsWrapper .list ul li .newsContent .text a {
						text-decoration: underline;
					}


					/*=========== news section ===========*/


					.ds3 #NewsSection .content .newsBlock ul li {
						padding-bottom: 40px;
					}


					.ds3 #NewsSection .content .newsBlock ul li .category {
						width: 140px;
						height: 24px;
						background : url( ../images/index/image/update-cat.png ) no-repeat;
					}

					.ds3 #NewsSection .content .newsBlock ul li.char .category {
						background-position : 0 0;
					}
					.ds3 #NewsSection .content .newsBlock ul li.mode .category {
						background-position : 0 -24px;
					}
					.ds3 #NewsSection .content .newsBlock ul li.howto .category {
						background-position : 0 -48px;
					}
					.ds3 #NewsSection .content .newsBlock ul li.music .category {
						background-position : 0 -72px;
					}
					.ds3 #NewsSection .content .newsBlock ul li.other .category {
						background-position : 0 -96px;
					}

					.ds3 #NewsSection .content .newsBlock ul li .text {
						width: 420px;
					}

/*
=====================================================================
*
*    challenger
*
* ===================================================================
*/