@charset "Shift_JIS";

/* リセットcss
------------------------------------------------------------*/
body {font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;letter-spacing: 0.01em;}
* html body{font-family:"ＭＳ Ｐゴシック",sans-serif;}
*:first-child+html body{font-family:"ＭＳ Ｐゴシック",sans-serif;}
body.mac{font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ 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,
li 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:372px;
}
#content #mainArea img#logo{
	position:absolute;
	top: 0px;
	left:40px;
}
#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 #dl a{
	position:absolute;
	top:10px;
	right:10px;
}
#content #download p.cb{
	padding:0 0 0 15px;
}
#content #download p.cb .bold{
	color: #d21310;
}

/* PDFなし */
#content #download #dl{
	padding-bottom:8px;
	float:left;
	position:relative;
	width:850px;
	height:60px;
	background:url(../img/bg_dl_01.gif) no-repeat;
}
/* /PDFなし */


/* PDFあり */
#content #download #dl.onpdf {
	background: rgba(0, 0, 0, 0) url("../img/bg_dl_02.gif") no-repeat scroll 0 0;
	float: left;
	height: 60px;
	padding-bottom: 8px;
	position: relative;
	width: 614px;
}
#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;
}
/* /PDFあり */



/* download 購入方法 
------------------------------------------------------------*/
.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;
}


/* 詳細 
------------------------------------------------------------*/
/* 詳細1行 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;
}
/* /詳細1行 detail */

/* 詳細2行　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;	
}
#detail3 ul li#pad{
	background:url(../img/content_detail_pad.gif) no-repeat;
}
#detail3 ul li#new3ds{
	background:url(../img/content_detail_new3ds.gif) no-repeat;
}
#content #detail3 ul li#pad,
#content #detail3 ul li#new3ds{
	background-position:20px 0;
}
/* /詳細2行　detail3 */


/* 通信機能 detail2 
------------------------------------------------------------*/
#content #detail2{
	padding:23px 23px 10px 23px;
}
#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 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{
	background:url(../img/ttl_detail2.gif) no-repeat 23px 0;
}
#content #detail2 .diagram{
	background:url(../img/bg_local_01.gif) no-repeat;
}
#content #detail2 .diagram ul{
	background:url(../img/bg_local_02.gif) repeat-y;
}
#content #detail2 .diagram span.bottom{
	background:url(../img/bg_local_03.gif) no-repeat;
}
#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; /* ?の位置調整 */
}
/* /ローカル通信  */


/* ニンテンドーネットワーク diagram network */
#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:378px;	/* ?の位置調整 */
}
#content #detail2 .network a#question2{
	position:absolute;
	top:12px;
	left:570px; /* ?の位置調整 */
}
/* /ニンテンドーネットワーク */


/* 立体視について 
------------------------------------------------------------*/
#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;
}



/* amiibo 
------------------------------------------------------------*/
.logoArea {
	background:url(../img/img_amiibo.gif) 10px 60px no-repeat;
	height:130px !important;
	width:234px;
	float:left;
}
.amiiboTableMid {
	background:url(../img/img_mid_amiibo.gif) left top repeat-y;	
	padding:0 0 0 0;
	font-size: 0.8em !important;
	margin-left: 25px;
}
.amiiboTableTop {
	background:url(../img/img_top_amiibo.gif) left top no-repeat;
	padding:10px 0 0 0;
}
.amiiboTableBtm {
	background:url(../img/img_btm_amiibo.gif) left bottom no-repeat;	
	padding:0 0 10px 0;
}
.detailArea ul li.t1 {
	float:left;
	width:180px;
}
.detailArea ul li.t2 {
	float:left;
	width:432px;
}
.detailArea ul li p {
	border-bottom: 1px solid #999999;
	font-size: 1em;
	font-weight: normal;
	height: 35px;
	padding: 10px 0 0 20px;
}
.detailArea ul li p.d01 {
	border-bottom: 1px dotted #CCCCCC;
	padding:10px 10px 10px 20px;
	height:35px;
}
.detailArea ul li p.d02 {
	border-bottom: none;
	padding:10px 0 10px 20px;
	height:61px;
}
.tpadding {
	padding:20px 10px 0 20px!important;
}
.tpadding2 {
	padding:35px 10px 0 20px!important;
	height:46px!important;
}
.detailArea ul li p.dl {
	border-bottom:none;
	padding:10px 0 0 20px;
	height: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;
}
/* amiibo 
------------------------------------------------------------*/



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



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

.fontS {
	font-size:11px;
}

span.notes {
	text-indent:-1em;
	font-size:97%;
	text-align:left;
}


/* 注釈 */
.notes ul {
	background:none;
	letter-spacing: 1px;
	text-align: left;
	width: 850px;
	padding:0;
	margin: 10px 0 20px 25px;
}
.notes li {
	display: block !important;
	text-align:left;
	padding: 1px 0 1px 1px;
	font-size:11px;
}

/* リンクアイコン */
p a,
.list_icon{
	color:#515151;
	padding-left:15px;
	background:url(../img/list_link_01.gif) no-repeat 2px center;
	text-decoration:none;
}

.fontBold {
	font-weight: bold!important;
}