@charset "Shift_JIS";

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

/*------------------------------------------------------------------------------
  FONT SIZE
------------------------------------------------------------------------------*/
html{font-size:100%;-webkit-text-size-adjust:100%;}
body{font-size:62.5%;}

/*------------------------------------------------------------------------------
  RESET
------------------------------------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;-ms-interpolation-mode:bicubic;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
em{font-style:normal;}
br{letter-spacing:0 !important;}
object,object:focus,embed{outline:none;}
hr { display: none;}

/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}


/*--- link ---*/
a{text-decoration:none;outline:none;}
a:link{color:#4b4b4b;text-decoration:none;}
a:visited{color:#4b4b4b;text-decoration:none;}
a:hover{color:#777;text-decoration:none;outline:none;}
a:active{color:#777;text-decoration:none;outline:none;}
a:focus{color:#777;text-decoration:none;outline:none;}

body {
	word-wrap: break-word;
}
li {
	line-height: 0.1;
}

/*------------------------------------------------------------------------------
  LAYOUT
------------------------------------------------------------------------------*/
body{ background:url(../img/bg.gif) repeat-x 0 60px;}


#container,
#footerwrap { width: 960px; margin: 0 auto; text-align: left;}
#footerwrap { width: 960px;}

#header {
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	position: relative;
	height: 445px;
	margin: 0 auto;
}

#nintendo { position: absolute; top:16px; left: 10px;}

#3ds { position: absolute; top:0; right: 0;}

#header #main01,
#header #main02,
#header #main03,
#header #nintendo,
#header #ds {
	position: absolute;
}

#header #nintendo { left: 59px; top: 24px;}
#header #ds { right: 60px; top: 26px;}
#header #main02 { left: 50%; margin-left: -423px; top: 81px; position: relative;}
#header #main03 { left: 50%; margin-left: -326px; top: 299px;}
#header .btn_wiiu { left: 712px; top: 154px; position: absolute;  z-index: 2;}


#qlink {
	position: relative;
	margin: 0 auto;
	width: 846px;
	height: 59px;
	z-index: 10;
}

#qlinkinner {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -423px;
	z-index: 10;
}

/* IE6—p */
* html #qlinkinner {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -423px;
}

#qlink ul {
	width: 846px;
	height: 59px;
	background: url(../img/qlink_bg.png) no-repeat 50% 0;
	position: relative;
}

* html #qlink ul {
	background: url(../img/qlink_bg_ie6.png) no-repeat 50% 0;
}

#qlink ul li { position: absolute;}

#toc01 { top: 0; left: 10px;}
#toc02 { top: 0; left: 283px;}
#toc03 { top: 0; left: 564px;}


#section00wrap,
#section01wrap,
#section02wrap,
#section03wrap {
	padding-top: 59px;
}


#section00 {
	width: 842px;
	position: relative;
	margin: 0 auto;
	background:url(../img/news_bg_middle.jpg) repeat-y;
}

#section00 span.header{
	width: 842px;
	height:10px;
	display:block;
	background:url(../img/news_bg_top.jpg) no-repeat;
}
#section00 span.bottom{
	width: 842px;
	height:10px;
	display:block;
	background:url(../img/news_bg_bottom.jpg) no-repeat;
}

#section00 #newsInside{

}

#section00 #newsInside p#title{
	margin-left:15px;
	padding-top:35px;
	letter-spacing:1.5px;
	color:#fff;
	text-align:center;
	float:left;
	width:73px;
	background:url(../img/news_title.jpg) no-repeat 0px 15px;
}


#section00 #newsInside ul{
	margin:0;
	padding-top:6px;
	float:right;
	width:720px;
}

#section00 #newsInside ul li{
	padding-top:8px;
	pdding-bottom:8px;
	padding-left:14px;
	padding-right:44px;
	letter-spacing:1.2px;
	color:#605c5c;
	line-height:15px;
	background:url(../img/news_list.gif) no-repeat 2px 11px;
}

#section00 #newsInside ul li a{
	padding-left:16px;
	background:url(../img/news_link.gif) no-repeat 2px 3px;
}


#section01 {
	width: 960px;
	height: 780px;
	position: relative;
	margin: 0 auto;
}

p#s01txt01{
	font-size:14px;
	line-height:28px;
	width:495px;
	color:#605c5c;
}

p#s01txt03{
	font-size:14px;
	line-height:28px;
	width:380px;
	color:#605c5c;
}

#section01 h2 { position: absolute; top: 0; left: 0;}
#s01txt01 {
	position: absolute;
	top: 120px;
	left: 60px;
}
ul.note01,ul.note02{
	font-size:10px;
	color:#605c5c;
}
ul.note01 li,
ul.note02 li{
	margin:1px 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height:16px;
}
ul.note01{
	position: absolute;
	top: 320px;
	left:58px;
}
ul.note02{
	position: absolute;
	top: 770px;
	left:517px;
}

#s01txt02 span.note{ padding-left: 2em; text-indent: -2em; width:300px;}
#s01img01 { position: absolute; top: 111px; right: 153px;}

#section01 h3 { position: absolute; top: 417px; left: 58px;}
#g01 dt { position: absolute; top: 491px; left: 39px;}
#g01 dd { position: absolute; top: 670px; left: 137px;}
#g02 dt { position: absolute; top: 491px; left: 282px;}
#g02 dd { position: absolute; top: 670px; left: 361px;}
#hash01 { position: absolute; top: 714px; left: 59px;}
#hash02 { position: absolute; top: 714px; left: 282px;}
#s01txt03 { position: absolute; right: 63px; top: 543px;}
#s01txt04 { position: absolute; right: 61px; top: 808px;}
#s01txt05 { position: absolute; top: 790px; left: 57px; width:421px }
#s01txt05 span.header{
	text-align:right;
	height:27px;
	width:421px;
	display:block;
	background:url(../img/titlelist_header.png) no-repeat;
}
#s01txt05 span.bottom{
	height:27px;
	width:421px;
	display:block;
	background:url(../img/titlelist_bottom.png) no-repeat;
}

#s01txt05 ul{
	padding:6px 0 3px 20px;
	background:#f0f0f0;
}

#s01txt05 ul li{
	padding:3px 16px 3px 12px;
	letter-spacing:1.2px;
	line-height:15px;
	background:url(../img/arrow.gif) no-repeat 1px 7px;
	color:#605c5c;
}

#s01txt05 ul li a{
	color:#605c5c;

}
#s01txt05 ul li a:hover{
	color:#999;
	text-decoration:underline;
}

#section02 {
	width: 960px;
	height: 776px;
	position: relative;
	margin: 0 auto;
}
#section02 h2 { position: absolute; top: 0; left: 0;}
#section02 h3 { position: absolute; top: 120px; left: 128px;}

#section02sub {
	position: absolute;
	width: 843px;
	height: 619px;
	left: 58px;
	top: 156px;
	background: url(../img/s02_bg.png) no-repeat 0 0;
}
#section02subinner { position: relative;}

#s02title02 { position: absolute; top: 19px; left: 19px;}

#s02title04 { position: absolute; top: 87px; left: 306px;}
#s02img02 { position: absolute; top: 99px; left: 179px;}
#s02txt04 { position: absolute; top: 295px; left: 192px;}
#s02img03 { position: absolute; top: 119px; left: 445px;}
#s02txt05 { position: absolute; top: 295px; left: 445px;}
#s02_arw { position: absolute; top: 187px; left: 403px;}

#s02qr { position: absolute; top: 401px; left: 18px;}
#s02txt01 { position: absolute; top: 434px; left: 209px;}
#s02txt02 { position: absolute; top: 494px; left: 210px;}
#s02title03 { position: absolute; top: 401px; right: 46px;}
#s02img01 { position: absolute; top: 432px; right: 102px;}
#s02txt03 { position: absolute; top: 549px; right: 25px;}


#section03 {
	width: 960px;
	height: 550px;
	position: relative;
	margin: 0 auto;
	background: url(../img/step_border.png) no-repeat 59px 445px;
}
#section03 h2 { position: absolute; top: 0; left: 0;}
#s03_fukidashi { position: absolute; top: 88px; left: 60px;}
#step01,
#step02,
#step03,
#step04 { width: 202px; height: 263px; position: absolute;}
#step01 { top: 152px; left: 58px;}
#step02 { top: 152px; left: 273px;}
#step03 { top: 152px; left: 486px;}
#step04 { top: 152px; left: 698px;}
#step01inner,
#step02inner,
#step03inner,
#step04inner { position: relative;}

#step01inner h3 { top: 0; left: 0; position: absolute;}
#step01inner .img { top: 20px; left: 0; position: absolute;}
#step01inner .txt { top: 216px; left: 0; position: absolute;}
#step02inner h3 { top: 0; left: 0; position: absolute;}
#step02inner .img { top: 32px; left: 0; position: absolute;}
#step02inner .txt { top: 216px; left: 0; position: absolute;}
#step03inner h3 { top: 0; left: 0; position: absolute;}
#step03inner .img { top: 32px; left: 0; position: absolute;}
#step03inner .txt { top: 216px; left: 0; position: absolute;}
#step04inner h3 { top: 0; left: 0; position: absolute;}
#step04inner .img { top: 32px; left: 1px; position: absolute;}
#step04inner .txt { top: 216px; left: 0; position: absolute;}

#step01arw { position: absolute; top: 234px; left: 250px; z-index: 10;}
#step02arw { position: absolute; top: 234px; left: 462px; z-index: 10;}
#step03arw { position: absolute; top: 234px; left: 677px; z-index: 10;}
#s03txt01 {
	position: absolute;
	bottom: 40px;
	left: 64px;
}


#footer {
	background: url(../img/footer_bg.png) repeat-x 0 100%;
	text-align: left;
	height: 52px;
	width: 100%;
}
#footerwrap { position: relative; width: 960px; height: 52px; margin: 0 auto;}
#copyright { position: absolute; left: 50%; margin-left: -40px; top: 28px;}
#pagetop { position: absolute; top: 0; right: 0;}

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