@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;

			}


/*
=====================================================================
*
*    Tweet
*
* =================================================================== 
*/

#IndexSection .captureBlock {
	width: 670px;
	margin: 0 auto 23px auto;
	-webkit-user-select: none;
}

	#IndexSection .captureBlock .container {
		width: 420px;
		float: left;
	}

	#IndexSection .captureBlock .bannerAddcharacter {
		margin-bottom: 10px;
		padding-top: 15px;
	}
	#IndexSection .captureBlock .bannerAddcharacter a {
		display: block;
		width: 670px;
		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 {
		text-align: center;
	}
	#IndexSection .captureBlock .bannerE32015-text {
		display: block;
		margin: 5px 0 20px 0;
	}

	#IndexSection .captureBlock .bannerTotatake {
		margin-bottom: 20px;
		/*padding-top: 25px;*/
	}

	#IndexSection .captureBlock .bannerDlc {
		width: 412px;
		float: left;
	}
	/*#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;
	}*/

	#IndexSection .captureBlock .tweetBox {
		width: 240px;
		float: right;
		padding-bottom: 5px;
		background: url(../images/index/bg/tweet-bottom.png) no-repeat left bottom;
		position: relative;
	}

		#IndexSection .captureBlock .tweetBox .title{
			width: 240px;
			height: 30px;
			margin: 0 auto;
		}

		#IndexSection .captureBlock .tweetBox .tweet{
			width: 240px;
			margin: 0 auto;
			background: url(../images/index/bg/tweet-bg.png) repeat-y left top;
		}

		#IndexSection .captureBlock .tweetBox .label {
			position: absolute;
			width: 25px;
			margin-top: 20px;
			margin-left: 237px;
		}

		#IndexSection .captureBlock .tweetBox  a .label{
			display: block;
			height: 60px;
			background: url(../images/index/btn/icon-follow.png) no-repeat 0px 0px;
		}

		#IndexSection .captureBlock .tweetBox  a:hover .label {
			background-position: 0px -60px;
		}

	body.wii #IndexSection .captureBlock .tweetBox {
		margin-top: 4px;
		height: 235px;
	}
	
	body.ds3 #IndexSection .captureBlock .tweetBox {
		margin-top: 4px;
		height: 250px;
	}

	.timeline-footer{
		display: none;
	}
	
	body.ds3 iframe#twitter-widget-0 {
		height: 215px;
	}

	#IndexSection .indexBtnBlock{
		display: none;		
	}
/*
=====================================================================
*
*    update
*
* =================================================================== 
*/

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

#IndexSection .developerBlock {
	display: none;
}
#IndexSection .indexBtnBlock{
	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: 40px auto 0 auto;	
}

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

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

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

#IndexSection .new3ds {
	width: 308px;
	height: 160px;
}

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

	#IndexSection .new3ds a:hover{
		background-position: 0px -160px;
	}

#IndexSection .campaignInfoBtn {
	width: 308px;
	height: 160px;
}

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

	#IndexSection .campaignInfoBtn a:hover{
		background-position: 0px -160px;
	}

#IndexSection .controller {
	width: 308px;
	height: 160px;
}

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

	#IndexSection .controller a:hover{
		background-position: 0px -160px;
	}

#IndexSection .amiibo {
	float: right;
	width: 308px;
	height: 160px;
}

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

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

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

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

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

	#IndexSection .reasonBtn{
		width: 308px;
		height: 160px;
	}

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

	#IndexSection .reasonBtn a:hover{
		background-position: 0px -160px;
	}

#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 .saleBnr{
	width: 308px;
	height: 173px;
	float: left;
}

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

	#IndexSection .saleBnr a:hover{
		background-position: 0px -173px;
	}


#IndexSection .movielist{
	width: 308px;
	height: 160px;
	float: left;
}

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

	#IndexSection .movielist a:hover{
		background-position: 0px -160px;
	}


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

	#IndexSection .bottomBannerBlock ul{
		width: 308px;
		margin: 0 auto;
		margin-right: 18px;
		float: left;
	}

	#IndexSection .bottomBannerBlock ul li{
		float: left;
		margin-bottom: 20px;		
	}

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

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

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

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

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

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

	#IndexSection .photoBtn a:hover{
		background-position: 0px -70px;
	}
	
#IndexSection .photoResultBtn {
	width: 308px;
	height: 70px;
}

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

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

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

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

	#IndexSection .soundBtn a:hover{
		background-position: 0px -160px;
	}
	#IndexSection .infoBtn {
		width: 308px;
		height: 70px;
	}

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

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

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

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

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

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

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

#IndexSection .directBtn {
	width: 670px;
	height: 170px;
	margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

	#IndexSection .gamecubeBtn a:hover{
		background-position: 0px -70px;
	}
	
#IndexSection .guidebookBtn {
	width: 308px;
	height: 70px;
}

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

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

	
#IndexSection .ffBtn {
	width: 308px;
	height: 160px;
}

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

	#IndexSection .ffBtn a:hover{
		background-position: 0px -160px;
	}

	
#IndexSection .amiiboBtn {
	width: 308px;
	height: 160px;
}

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

	#IndexSection .amiiboBtn a:hover{
		background-position: 0px -160px;
	}
	#IndexSection .wiiUUpdateBtn {
		width: 308px;
		height: 70px;
	}

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

	#IndexSection .wiiUUpdateBtn 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: 120px;
					height: 27px;
					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 -27px;
					}

					.ds3 #IndexSection .newsWrapper .list ul li.howto .category {
						background-position: 0 -54px;
					}
					
					.ds3 #IndexSection .newsWrapper .list ul li.music .category {
						background-position: 0 -81px;
					}
					.ds3 #IndexSection .newsWrapper .list ul li.other .category {
						background-position: 0 -108px;
					}

				.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: 120px;
						height: 27px;
						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 -27px;
					}
					.ds3 #NewsSection .content .newsBlock ul li.howto .category {
						background-position : 0 -54px;
					}
					.ds3 #NewsSection .content .newsBlock ul li.music .category {
						background-position : 0 -81px;
					}
					.ds3 #NewsSection .content .newsBlock ul li.other .category {
						background-position : 0 -108px;
					}

					.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;
}