@charset "Shift_JIS";

body {font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;letter-spacing: 0.01em;}
* html body{font-family:"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;}
*:first-child+html body{font-family:"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;}
body.mac{font-family: "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;}

html,body,div,ul,li,img,p{
	padding:0;
	margin:0;
	list-style:none;
	letter-spacing:1.4px;
	line-height:18px;
}
body {
	-webkit-text-size-adjust: none;
}
p{
	font-size:11px;
	color:#515151;
}

ul li{
	font-size:12px;
	color:#515151;
}

a img{
	border:none;
}

span.small{
	font-size:10px;
}

span.bold{
	
	font-size:14px;
	
	font-weight:bold;
}

p.cb{
	padding:2px 0;
	clear:both;
}
p a{
	color:#515151;
	padding-left:15px;
	background:url(../img/list_link_01.gif) no-repeat 2px center;
	text-decoration:none;
}
p a:hover{
	color:#999;
	text-decoration:underline;
}


/*header*/
#header{
	margin:0 auto;
	width:900px;
	height:86px;
	position:relative;
}

#header a#logo_nintendo{
	position:absolute;
	top:30px;
	left:0;
}

#header a#logo_3ds{
	position:absolute;
	top:25px;
	right:0;
}

/*content*/
#content {
	margin:0 auto !important;
	width:900px;
	background:url(../img/bg_content_01.gif) repeat-y;
}

#content span.bottom{
	height:10px;
	width:900px;
	display:block;
	background:url(../img/bg_content_02.gif);
}

#content #titleArea{
	background:url(../img/bg_title.gif) no-repeat;
	position:relative;
	height:83px;
	width:900px;
}

#content #titleArea img{
	position:absolute;
	top:27px;
	left:50px;
}
#content #titleArea a{
	position:absolute;
	top:3px;
	left:697px;
}
#content #ceronetwork{
	padding-top:18px;
	text-align:right;
}

#content #ceronetwork ul{
	padding-right:23px;
	list-style:none;
}
#content #ceronetwork ul li{
	padding-left:10px;
	float:right;
	list-style:none;
}
#content #mainArea{
	position:relative;
	height:320px;
}
#content #mainArea img#logo{
	position:absolute;
	top: 18px;
	left:124px;
}
#content #mainArea img#packagesofticon{
	position:absolute;
	top:0px;
	left:327px;
}

/*pricedata*/
#content #priceDate{
	padding-bottom:23px;
}
#content #priceDate p{
	float:left;
	display:block;
	color:#d21310;
}
#content #priceDate p.date{
	padding-left:230px;
}
#content #priceDate p.price{
	padding-left:40px;
	width:240px;
}
#content #priceDate p.date span{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	letter-spacing:2px;
}
#content #priceDate p.price span{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	letter-spacing:2px;
}


/*download*/
#content #download{
	padding:0 23px 35px 23px;
}
#content #download.nonpdf{
	padding-left:95px;
}
#content #download p.cb{
	padding:0 0 0 15px;
}
#content #download p.cb .bold{
	color: #d21310;
}
#content #download #dl{
	padding-bottom:8px;
	float:left;
	position:relative;
	width:614px;
	height:60px;
}
#content #download.nonpdf #dl{
	position:relative;
	width:701px;
	background:url(../img/bg_dl_02.gif) no-repeat;
}
#content #download #dl a{
	position:absolute;
	top:10px;
	right:10px;
}

#content #download #dl_02{
	padding-bottom:8px;
	float:left;
	position:relative;
	width:850px;
	height:60px;
}
#content #download #dl_02 a{
	position:absolute;
	top:10px;
	right:10px;
}

#content #download #pdf{
	float:right;
	width:220px;
	height:60px;
	background:url(../img/bg_exp.gif) no-repeat;
}
#content #download #pdf ul{
	padding:24px 0 0 21px;
}
#content #download #pdf ul li {
	padding:0;
	margin:0;
	height:18px;
}
#content #download #pdf ul li a{
	padding:0;
	margin:0;
}

/*detail*/
#content #detail{
	margin-left:24px;
	margin-bottom:7px;
	width:850px;
	background:url(../img/bg_detail_02.gif) repeat-y;
}
#content #detail span.top{
	height:13px;
	width:850px;
	display:block;
	background:url(../img/bg_detail_01.gif) no-repeat;
}
#content #detail span.bottom{
	height:7px;
	width:850px;
	display:block;
	background:url(../img/bg_detail_03.gif) no-repeat;
}
#content #detail ul{
	padding-top:15px;
}
#content #detail ul li{
	padding:22px 15px 15px 35px;
	float:left;
	width:160px;
	background-position:5px 0;
	font-size:12px;
	color:#515151;	
}
#detail ul li#play{
	background:url(../img/content_detail_play.gif) no-repeat;
}
#detail ul li#genre{
	background:url(../img/content_detail_genre.gif) no-repeat;
}
#detail ul li#save{
	background:url(../img/content_detail_save.gif) no-repeat;
}
#detail ul li#three_d{
	background:url(../img/content_detail_3d.gif) no-repeat;
}

#content #detail ul li#play,
#content #detail ul li#three_d,
#content #detail ul li#genre,
#content #detail ul li#save{
	background-position:20px 0;
}

/*detail2*/
#content #detail2{
	padding:23px 23px 20px 23px;
	background:url(../img/ttl_detail2.gif) no-repeat 23px 0;
}

#content #detail2 p.cb{
	margin-top:5px;
	padding:0 0 0 12px;
	height:auto;
	clear:none;
	width:670px;
	display:block;
	float:left;
}

#content #detail2 .diagram{
	padding:32px 0 0 0;
	display:block;
	float:left;
	width:850px;
	position:relative;
}
#content #detail2 .diagram img#logo{
	position:absolute;
	top:44px;
	left:27px;
}
#content #detail2 .diagram a#question1{
	position:absolute;
	top:12px;
	left: 378px;
	
}
#content #detail2 .diagram a#question2{
	position:absolute;
	top:12px;
	left:578px;
}
#content #detail2 .diagram a#question3{
	position:absolute;
	top:12px;
	left:781px;
}
#content #detail2 .diagram ul{
	padding:10px 0 0 210px;
}
#content #detail2 .diagram ul li{
	padding:9px 0 9px 0;
	width:210px;

	text-align:center;
	font:10px;
	letter-spacing:1px;
	display: table-cell;
	vertical-align: middle;
}
#content #detail2 .diagram .note ul {
	background:none;
	letter-spacing: 1px;
	text-align: left;
	width: 850px;
	padding:0;
	margin-left:10px;
}
#content #detail2 .diagram .note {
	padding-top:10px;
}
#content #detail2 .diagram .note li {
	width:840px;
	display: block !important;
	text-align:left;
	padding: 1px 0 1px 1px;
	text-indent:-1em;
	font-size:11px;
}
* html #content #detail2 .diagram ul li { /* IE 6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #content #detail2 .diagram ul li { /* IE 7 */
	display: inline;
	zoom: 1;
}
#content #detail2 .diagram ul li p{
	padding:0 !important;
}
#content #detail2 .diagram span.bottom{
	height:7px;
	width:850px;
	display:block;
}
#content #detail2 .diagram p.note{
	padding:10px 0;
}
#content #detail2 .network{
	background:url(../img/bg_nintendonetwork_01.gif) no-repeat;
}
#content #detail2 .network ul{
	background:url(../img/bg_nintendonetwork_02.gif) repeat-y;
}
#content #detail2 .network span.bottom{
	background:url(../img/bg_nintendonetwork_03.gif) no-repeat;
}
#content #detail2 .network a#logoNintendonetwork{
	position:absolute;
	top:35px;
	left:41px;
	display:block;
}
#content #detail2 .network a#question1{
	position:absolute;
	top:12px;
	left:368px;
	
}
#content #detail2 .network a#question2{
	position:absolute;
	top:12px;
	left:580px;
}

/*detail3*/
#content #detail3{
	margin-left:24px;
	margin-bottom:23px;
	width:850px;
	background:url(../img/bg_detail_02_2.gif) repeat-y;
}
#content #detail3 span.top{
	height:13px;
	width:850px;
	display:block;
	background:url(../img/bg_detail_01_2.gif) no-repeat;
}
#content #detail3 span.bottom{
	height:7px;
	width:850px;
	display:block;
	background:url(../img/bg_detail_03_2.gif) no-repeat;
}
#content #detail3 ul{
	padding-top:15px;
}
#content #detail3 ul li{
	padding:40px 15px 15px 35px;
	float:left;
	width:160px;
	background-position:5px 0;
	font-size:12px;
	color:#515151;	
}

/*internet*/
#content #stereopsis{
	margin:0 auto 20px auto;
	position:relative;
	width:850px;
	height:68px;
	background:url(../img/bg_about3ds_01.gif) no-repeat;
}
#content #stereopsis a.btn01{
	position:absolute;
	top:13px;
	left:14px;
}
#content #stereopsis a.btn02{
	position:absolute;
	top:20px;
	left:690px;
}

/*footer*/
#footer{
	padding:20px 0;
	margin:0 auto;
	text-align:center;
	width:900px;
	font-size:10px;
}

#footer ul{
	float:left;
	width:280px;
	display:block;
}

#footer ul li{
	float:left;
	font-size:9px;
}

#footer ul li a{
	color:#515151;
	padding:0 10px 0 18px;
	background:url(../img/list_link_01.gif) no-repeat 2px center;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#999;
	text-decoration:underline;
}

#footer p{
	width:600px;
	text-align:right;
	float:right;
	display:block;
}

.fontS {
	font-size:11px;
}

/*clearfix*/
.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.detailArea ul li {
	float:left;
	width:306px;
}
.detailArea ul li p {
	border-bottom: 1px solid #CCCCCC;
	font-size: 1em;
	font-weight: bold;
	height: 35px;
	padding: 10px 0 0 20px;
}
.detailArea ul li ul.listMark {
	padding: 10px 0 0 20px;	
}
.detailArea ul li ul.listMark li {
	background:url(../img/ico_list.gif) left 6px no-repeat;
	padding: 0 0 0 12px;
}
.detailLink {
	font-size:10px;
	margin: 5px 0 20px 25px;
}

span.notes {
	text-indent:-1em;
	font-size:97%;
	text-align:left;
}
.info-other-dl {
	clear:both;
	margin:0 0 10px 15px;
	padding-top:10px;
}
.dl-icon {
	display: inline-block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	padding: 0 12px;
	margin: 0 0 0 5px;
	color: #fff;
	font-size: 10px;
	position: relative;
	cursor: default;
	background: #dcdcdc;
}
.dl-icon.active {
	background: #ce181e;
}
.dl-icon img {
	display: none;
}
.dl-icon.active:hover img {
	display: block;
	position: absolute;
	top: -80px;
}
.dl-card img {
	left: -60px;
}
.dl-online img {
	left: -65px;
}
.dl-eshop img {
	left: -30px;
}
#content #download #dl {
	width: 850px;
}