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

#Header .mainBlock {
}

			#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;
	}*/


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

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

#IndexSection .developerBlock {
	display: none;
}

#IndexSection .movieBtn{
	margin-bottom: 20px;
}

#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 .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 .demoBtn {
	width: 308px;
	height: 70px;
}

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

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

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

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

	#IndexSection .wiiunewsBtn 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 .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: 898px;
					width: 69px;
					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
*
* ===================================================================
*/

#IndexSection .newCharacterBannerBlock li.ness a{
	width: 670px;
	height: 51px;
	background: url(../images/index/btn/challenger-ness.png) no-repeat 0px 0px;
}

#IndexSection .newCharacterBannerBlock li.ness a:hover {
 	background-position: 0px -51px;
}