@charset "UTF-8";

/*---------------------------------------------------

	Header
 
---------------------------------------------------*/
	#Header .mainBlock .image {
		width: 100%;
		background-image: url(../images/index/image/main.jpg);
		background-position: center top;
		background-size: 1000px 285px;
		height: 285px;
		background-repeat: no-repeat;
	}
		.ds3 #Header .mainBlock .image{
			width: 100%;
			background-image: url(../images/index/image/main-3ds.jpg);
			background-position: center top;
			background-size: 1000px 285px;
			height: 285px;
			background-repeat: no-repeat;
		}

	#Header .mainBlock .container .ds3 .btn{
		width: 142px;
		height: 32px;
		position: absolute;
		margin-top: 52px;
		margin-left: 10px;
	}

	#Header .mainBlock .container .wiiu .btn{
		width: 142px;
		height: 32px;
		position: absolute;
		margin-top: 52px;
		margin-left: 10px;
	}
			
		#Header .mainBlock .container .ds3inner .ds3{
			width: 160px;
			height: 90px;
			background: url(../images/index/bg/main-3ds.png) no-repeat 0px 0px;
			background-size: 160px 90px;
			float: right;
		}

		#Header .mainBlock .container .wiiu{
			width: 160px;
			height: 90px;
			background: url(../images/index/bg/main-wiiu.png) no-repeat 0px 0px;
			background-size: 160px 90px;
			float: left;
		}

	#IndexSection .developerBlock a {
		display: none;	}

	#IndexSection .bannerAddcharacter {
		width: 300px;
		margin: 0 auto 15px auto;
		padding-top: 5px;
	}
	#IndexSection .bannerE32015 {
		width: 300px;
		margin: 0 auto 15px auto;
		padding-top: 5px;
	}

	#IndexSection .bannerDlc {
		width: 302px;
		margin: 15px auto 15px auto;
	}
	#IndexSection .ballotBtn {
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#IndexSection .orderBannerBlock {
		width: 300px;
		margin: 10px auto;
	}

	#IndexSection .directBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#IndexSection .updateInfoBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#IndexSection .amiiboBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#IndexSection .soundBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#IndexSection .arakajimeBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}

	#IndexSection .wiiuUpdatedBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}
	#IndexSection .photoResultBtn{
		width: 300px;
		margin: 0 auto 15px auto;
	}	
/*---------------------------------------------------
*   index update
---------------------------------------------------*/

	#IndexSection .secretBlock .container ul li .update,
	#IndexSection .characterBlock .container ul li .update {
		width: 55px;
		height: 15px;
		background: url(../images/index/image/icon-update.png) no-repeat 0px 0px;
		background-size: 55px 15px;
	}
/*
=====================================================================
*
*    3DS
*
* =================================================================== 
*/

	.news3dsBlock .list ul li .update{
		display: block;
		margin-left: 248px;
		margin-top: 10px;
		width: 58px;
		height: 15px;
		background: url(../images/index/image/icon-update-r.png) no-repeat 0px 0px;
		background-size: 58px 15px;
	}
			
	.news3dsBlock .list ul li .newsContent{
		width: 195px;
		height: 12px;
		padding: 10px 10px 7px 10px;
	}
	
		.news3dsBlock .list ul li .newsContent .cat{
			float: left;
			width: 70px;
			height: 12px;
			margin-right: 10px;
			background: url(../images/index/image/update-cat.png) no-repeat;
			background-size: cover;
		}

		.news3dsBlock .list ul li.char .newsContent .cat {
			background-position: 0 0;
		}
		.news3dsBlock .list ul li.mode .newsContent .cat {
			background-position: 0 -12px;
		}
		.news3dsBlock .list ul li.howto .newsContent .cat {
			background-position: 0 -24px;
		}
		.news3dsBlock .list ul li.music .newsContent .cat {
			background-position: 0 -36px;
		}
		.news3dsBlock .list ul li.other .newsContent .cat {
			background-position: 0 -48px;
		}

		.news3dsBlock .list ul li .newsContent .date{
			font-size: 10px;
			color: #323333;
			font-weight: bold;
		}

	.news3dsBlock .list ul li .text{
		font-size: 11px;
		color: #333333;
		padding: 0px 10px;
	}

		.news3dsBlock .list ul li .text a{
			color: #333333;
			text-decoration: underline;
		}


/*---------------------------------------------------
*   3ds update modal
---------------------------------------------------*/
	.ds3 #NewsSection .news ul li .newsContent .cat{
		float: left;
		width: 70px;
		height: 12px;
		margin-right: 10px;
		background: url(../images/index/image/update-cat.png) no-repeat;
		background-size: cover;
		margin-top: 2px;
	}
	
	.ds3 #NewsSection .news ul li.char .newsContent .cat {
		background-position: 0 0;
	}
	.ds3 #NewsSection .news ul li.mode .newsContent .cat {
		background-position: 0 -12px;
	}
	.ds3 #NewsSection .news ul li.howto .newsContent .cat {
		background-position: 0 -24px;
	}
	.ds3 #NewsSection .news ul li.music .newsContent .cat {
		background-position: 0 -36px;
	}
	.ds3 #NewsSection .news ul li.other .newsContent .cat {
		background-position: 0 -48px;
	}
	
	.ds3 #NewsSection .news ul li .newsContent .date{
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	.ds3 #NewsSection .news ul li .text{
	font-size: 13px;
	color: #333333;
	}
	
	.ds3 #NewsSection .news ul li .text a{
		color: #333333;
		text-decoration: underline;
	}