@charset "Shift_JIS";

#mainArea {
	background-image: none;
	height: 538px;
	overflow: hidden;
}

#mainArea .left{
	border-right: 1px solid #bebebe;
	height: 538px;
}

#mainArea #SearchForm {
	position:absolute;
	right:0px;
	top:0px;
	width:49px;
	height:52px;
	z-index:10;
}

#mainArea .idxMainPhWiiU {
	position: absolute;
	top: 62px;
	right: 379px;
}

#mainArea .idxMainPh3DS {
	position: absolute;
	top: 62px;
	right: 1px;
}

#mainArea .idxMainLogoWiiU {
	position: absolute;
	top: 409px;
	right: 382px;
}

#mainArea .idxMainLogo3DS {
	position: absolute;
	top: 409px;
	right: 6px;
}

#mainArea .idxMainWiiU {
	position: absolute;
	top: 457px;
	right: 383px;
}

#mainArea .idxMain3DS {
	position: absolute;
	top: 457px;
	right: 0;
}

#topicsArea {
	clear: both;
	background: #ededed url(../img/mainBgBtm.png) repeat-x 0 0;
	width: 100%;
}

#topicsArea .wrap {
	width: 980px;
}

#topicsArea .wrap .ttl {
	top: 43px;
	left: 40px;
	width: 331px;
	height: 23px;
	position:absolute;
}

#topicsArea .wrap .info {
	top: 24px;
	left: 518px;
	position:absolute;
}

/*--- topics ---*/
div#carousel{
	width:980px;
	height:221px;
	position:relative;
	margin-top:101px;
	>height:322px;
	>margin-top:0;
	overflow:hidden;
}

div#carousel,
div#carousel * {
	-webkit-transform: translateZ(0);
}

div#carousel div#rendering{
	display:none;
	width:0;
	height:0;
	background:url("../img/topicsimg/wii_arrow_next.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_arrow_prev.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_frame_next.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_frame_prev.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_next_hover.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_next_off.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_next_on.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv_line.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv1_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv1_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv2_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv2_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv3_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv3_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv4_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_nv4_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_prev_hover.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_prev_off.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/wii_prev_on.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/sm_arrow_next_on.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/sm_arrow_next_off.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/sm_arrow_prev_on.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/sm_arrow_prev_off.png") #ededed left top no-repeat;
	background:url("../img/topicsBnr/hk_3ds.png") #ededed left top no-repeat;
	background:url("../img/topicsBnr/hk_ds.png") #ededed left top no-repeat;
	background:url("../img/topicsBnr/hk_etc.png") #ededed left top no-repeat;
	background:url("../img/topicsBnr/hk_wii.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/frame_base1.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/navi_no1_slide.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/navi_no2_slide.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/navi_no3_slide.png") #ededed left top no-repeat;
	background:url("../img/topicsimg/navi_slide.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv_line.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv1_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv1_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv2_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv2_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv3_off.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/nv3_on.gif") #ededed left top no-repeat;
	background:url("../img/topicsimg/spacer.gif") #ededed left top no-repeat;
}

div#carousel div.prev{
	width:26px;
	height:112px;
	position:absolute;
	top:56px;
	left:0;
	>top:157px;
	z-index:9;
}

div#carousel div.next{
	width:26px;
	height:112px;
	position:absolute;
	top:56px;
	left:954px;
	>top:157px;
	z-index:11;
}

div#carousel div#pblur{
	position:absolute;
	top:0;
	>top:101px;
	left:0;
	width:36px;
	height:221px;
	z-index:4;
	margin:0;
	padding:0;
	display:none;
}

div#carousel div#nblur{
	position:absolute;
	top:0;
	>top:101px;
	left:944px;
	>left:945px;
	width:36px;
	height:221px;
	z-index:5;
	margin:0;
	padding:0;
	display:none;
}

.ios7 div#carousel div#pblur,
.ios7 div#carousel div#nblur {
	display: none !important;
}

div#carousel div#npbg{
	width:26px;
	height:112px;
	position:absolute;
	top:56px;
	left:0px;
	>top:157px;
	display:none;
	z-index:6;
}

div#carousel div#npbg div{
	position:relative;
	width:26px;
	height:112px;
	overflow:hidden;
}

div#carousel div#npbg div img{
	position:absolute;
	top:0;
	left:0;
}

div#carousel div#npbg div span{
	position:absolute;
	top:1px;
	left:1px;
	>top:1px;
	width:24px;
	height:110px;
	overflow:hidden;
}

div#carousel div#nnbg{
	width:26px;
	height:112px;
	position:absolute;
	top:56px;
	left:954px;
	width:36px;
	height:221px;
	>top:157px;
	>left:949px;
	z-index:7;
	display:none;
}

div#carousel div#nnbg div{
	position:relative;
	width:26px;
	height:112px;
	overflow:hidden;
}

div#carousel div#nnbg div img{
	position:absolute;
	top:0;
	left:0;
	>top:0;
}

div#carousel div#nnbg div span{
	position:absolute;
	top:1px;
	left:1px;
	>top:1px;
	width:24px;
	height:110px;
	overflow:hidden;
}

div#carousel div.prev a,
div#carousel div.next a{
	display:block;
	width:26px;
	height:112px;
	display:none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div#carousel div.display{
	width:908px;
	height:221px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:36px;
	>top:101px;
	z-index:1;
}

ul.items{
	width:2832px;
	height:221px;
	list-style:none;
	margin:0;
	padding:0;
}

ul.items li{
	float:left;
	padding-left:8px;
}

ul.items li.block01{
	padding-left:0;
}

ul.items li div{
	width:221px;
	height:221px;
	display:block;
}

ul.items li div a{
	display:block;
	width:221px;
	height:221px;
	position:relative;
	top:0;
	left:0;
	cursor: pointer;
}

ul.items li div.widetop{
	width:221px;
	height:107px;
	margin-bottom:7px;
	display:block;
}

ul.items li div.widetop a{
	position:relative;
	display:block;
	width:221px;
	height:107px;
}

ul.items li div.widebottom{
	display:block;
	width:221px;
	height:107px;
}

ul.items li div.widebottom a{
	position:relative;
	display:block;
	width:221px;
	height:107px;
}

ul.items li div a span.bnr{
	position:absolute;
	top:0px;
	right:0px;
}

ul.items li div a span.ovcolor{
	position:absolute;
	top:0px;
	right:0px;
	width:221px;
}

ul.items li div a span.ovcolor img{
	display:none;
}

ul.items li div a span.hardkind{
	position:absolute;
	top:2px;
	right:2px;
	width:40px;
	height:40px;
	>display:none;
}

div#line{
	width:908px;
	margin:0 auto 4px auto;
	>margin:0 auto 3px auto;
	padding:0;
	background:url("../img/topicsimg/bg_line.gif") #ededed 0 3px repeat-x;
	>background:url("../img/topicsimg/bg_line.gif") #ededed 0 17px repeat-x;
	display:none;
}

div.navi-line{
	display:block;
	width:270px;
	height:4px;
	padding:0;
	margin:14px auto 0 auto;
	position:relative;
}

div.navi-line img{
	display:block;
}

div#sel-navi{
	overflow:hidden;
	width:270px;
	margin:0 auto;
	padding:0;
}

div#sel-navi div{
	float:left;
	padding-left:3px;
	width:88px;
	height:19px;
	display:none;
}

div#sel-navi div.firstchild{
	padding-left:0;
}

div#sel-navi div a{
	width:88px;
	height:19px;
	display:block;
	background:url("../img/topicsimg/navi_slide.gif") #ededed left top no-repeat;
	cursor:pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*--- topics sub ---*/

#topicsSubArea {
	clear: both;
	padding-top: 40px;
	background-color: #ededed;
	width: 100%;
}

#topicsSubArea .wrap {
	width: 960px;
	height: 152px;
	position: relative;
	background: url(../img/bgTopicsSub.png) no-repeat 0 16px;
}

#topicsSubArea .wrap #btn1, #topicsSubArea .wrap #btn2, #topicsSubArea .wrap #btn3, #topicsSubArea .wrap #btn4 {
	position: absolute;
	top: 0;
	text-align: left;
}

#topicsSubArea .wrap #btn1 a img, #topicsSubArea .wrap #btn2 a img, #topicsSubArea .wrap #btn3 a img, #topicsSubArea .wrap #btn4 a img {
	padding-top: 12px;
}

#topicsSubArea .wrap #btn1 {
	left: 0;
	width: 235px;
}

#topicsSubArea .wrap #btn2 {
	left: 240px;
	width: 238px;
}

#topicsSubArea .wrap #btn3 {
	left: 483px;
	width: 237px;
}

#topicsSubArea .wrap #btn4 {
	left: 725px;
	width: 235px;
}

#topicsSubArea .wrap #btn5, #topicsSubArea .wrap #btn6, #topicsSubArea .wrap #btn7 {
	position: absolute;
	top: 104px;
	text-align: left;
}

#topicsSubArea .wrap #btn5 {
	left: 8px;
}

#topicsSubArea .wrap #btn6 {
	left: 332px;
}

#topicsSubArea .wrap #btn7 {
	left: 644px;
}

#topicsSubArea .wrap .bnr {
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#topicsSubArea .wrap .bnr:hover {
    opacity: 0.65;
}

#topicsSubArea .wrap a:hover img {
	opacity:0.65\8;
}

#infoArea {
	background: #ededed;
	width: 100%;
}

#infoArea .wrap {
	background: #FFF;
	position: relative;
}

#infoArea .wrap .top, #infoArea .wrap .btm {
	width: 960px;
	height: 20px;
}

#infoArea .wrap .top img {
	margin-bottom: 14px;
}

#infoArea .wrap .btm img {
	margin-top: 14px;
}

#infoArea .wrap #info {
	width: 690px;
	margin-left: 240px;
	padding: 7px 0 7px 7px;
	text-align: left;
	border-left: 1px solid #bebebe;
}

#infoArea .wrap .ttl {
	top: 35px;
	left: 27px;
	position: absolute;
}

#infoArea .wrap #info .dotLine {
	margin: 11px 14px;
	width: 660px;
}

#infoArea .wrap #info .important {
	position:relative;
	margin: -2px 0 8px 25px;
	width: 87px;
	height: 13px;
}

#infoArea .wrap #info .infoText {
	padding: 3px 0;
	width: 680px;
}

#infoArea .wrap #info .infoText a {
	background: url(../img/arrow.png) no-repeat 0 0;
	display: block;
	margin-left: 26px;
	padding-left: 20px;
}

#infoArea .wrap #info .infoText a:hover {
	background-position: 0px -108px;
	text-decoration: underline;
}

#linkArea {
	background: #ededed;
	width: 100%;
}

#linkArea .wrap {
	background: #FFF;
}

#linkArea .wrap .top, #linkArea .wrap .btm {
	float: left;
	width: 960px;
	height: 6px;
}

#linkArea .wrap #sitemap {
	margin: 25px 0 20px;
	zoom: 1;
	background: url(../img/sitemapBg.png) repeat-y;
}

#linkArea .wrap #sitemap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

#linkArea .wrap #sitemap .link {
	 float: left;
	 width: 240px;
	 text-align: left;
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 margin: 5px 40px 5px 37px;
	 font-size: 93%;
}

#linkArea .wrap #sitemap li {
	margin: 7px 0;
}

#linkArea .wrap #sitemap li a {
	background: url(../img/arrow.png) no-repeat 2px -2px;
	display: block;
	padding-left: 18px;
	text-decoration: none;
}

#linkArea .wrap #sitemap li a:hover {
	background-position: 2px -110px;
	text-decoration: underline;
}

#linkArea .wrap #sitemap li .linkIR, #linkArea .wrap #sitemap li .linkCSR, #linkArea .wrap #sitemap li .linkCorp {
	background: url(../img/arrow.png) no-repeat 2px -2px;
	padding-left: 18px;
	text-decoration: none;
	display: inline;
}

#linkArea .wrap #sitemap li .linkIRen, #linkArea .wrap #sitemap li .linkCSRen, #linkArea .wrap #sitemap li .linkCorpen{
	background: none;
	padding: 0;
	text-decoration: none;
	display: inline;
}

#linkArea .wrap #sitemap li .btn {
	background: none;
	padding: 0;
}

#linkArea .wrap #sitemap li span {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
}

#linkArea .wrap #sitemap .title {
	height: 22px;
}

#linkArea .wrap #sitemap .titleSoftware {
	height: 12px;
}

#linkArea .wrap #sitemap .stitle {
	padding-top: 9px;
	height: 15px;
}

#linkArea .wrap #sitemap .separate {
	padding-top: 24px;
}

#linkArea .wrap #sitemap .btnSitemap {
	background: url(../img/sitemapLine.png) no-repeat 0 5px;
	padding: 17px 0 5px;
}

#pageTopArea {
	clear: both;
	padding-top: 20px;
	background: #ededed;
	width: 100%;
	height: 22px;
}

#pageTop {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

#ftrArea {
	border: none;
	width: 960px !important;
}

#ftrArea .nintendoWeb {
	width: 239px;
	height: 12px;
	top: 17px;
	left: 0;
	position:absolute;
}

#ftrArea .copyright {
	width: 93px;
	height: 13px;
	top: 16px;
	right: 0px;
	position:absolute;
}