@charset "Shift_JIS";



/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ---------- customized XHTML1.0 ---------- */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a { background: transparent;}
a:focus { outline: thin dotted;}
a:active, a:hover {outline: 0;}
b, strong { font-weight: bold;}
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
small {font-size: 80%;}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: top;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ---------- ADD RESET ---------- */

html { text-rendering: optimizeLegibility; }
br { letter-spacing: 0 !important; }
img { -ms-interpolation-mode: bicubic; }
ul, ol { padding: 0; margin-top: 0; margin-bottom: 0; }
li { list-style: none; }
dt,dd { margin: 0; }
h1,h2,h3,h4,p { margin-top: 0;  margin-bottom: 0; padding:0;}
a { color: inherit; text-decoration: none;}
table { font-size:inherit;font:100%; }
* { filter: inherit; } /* IE8 */

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

/* ---------- PAGE STYLES ---------- */

body {
    background: #FFF;
    padding: 0;
    margin: 15px auto 15px;
    color: #5d5d5d;
    line-height: 1.4;
    font:13px/1.231 sans-serif;
	font-family: HelveticaNeue,Helvetica Neue,Helvetica,Arial,Roboto,"Droid Sans",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

hr {
    display:block;
    height:1px;
    border:0;
        border-top: 1px solid #bebebe;
    margin:0 0 30px;
    padding:0;
}

h1 {
    text-align: center;
    margin: 30px auto 58px;
    display: table;
}

h1 > span {
    display: table-cell;
    padding:0 10px;
    vertical-align: middle;
}

h1 > .logo {
 text-align: right;
}

h1 > .logo a {
	border: 0 !important;
}

h1 > .logo a:hover {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

h1 > .title {
 text-align: left;
}

h2 {
    border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
    background-color: #e5e5e5;
    padding: 12px 0;
    margin: 15px 15px 20px;
    font-size: 100%;
    letter-spacing: 0.5em;
    text-align: center;
}

h3 {
    text-align: left;
    border-left: 7px #bebebe solid;
    margin-left: 8px;
    padding: 1px 0 1px 8px;
    letter-spacing: 0.1em;
}

h4 {
text-align: left;
margin: 30px 20px 18px;
}

#wrap a {
    color: #5d5d5d;
    border-bottom: 1px dotted;
}
#wrap a:hover {
    color: #aaaaaa;
}


/* ---------- LAYOUT ---------- */


#win_close{
    position: fixed;
    right: 0;
    top: 0;
}

#wrap {
    width: 800px;
    height: auto;
    background: #FFF;
    margin: 0 auto 70px;
    position: relative;
}

#hdr_logo {
    padding-top: 15px;
    text-align: left;
    margin-left: 25px;
}

#hdr #hdr_date {
    text-align: right;
    margin: 40px 0 0 0;
}

#hdr .h1title {
    color: #aaaaaa;
    font-size: 70%;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-bottom: 8px;
}

#hdr .h1title br.sp {
    display: none;
}

#hdr .h1caption {
    font-size: 93%;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0.1em;
}

#hdr .h1caption br.sp {
    display: none;
}

#hdr #hdr_date p {
    font-size: 93%;
    margin: 0;
    padding: 0 8px;
    line-height: 1.7;
}

#contentsWrap .hdrcaption {
    text-align: left;
    margin: 0 0 40px;
    padding: 0 8px;
    font-size: 100%;
    line-height: 1.8;
}

/* ---------- COMMON ---------- */

.notesWrap {
    margin: 20px 0 50px 20px;
    padding: 0;
}

.notesWrap li {
    text-align: left;
    font-size: 90%;
    line-height: 1.8;
    text-indent: -1em;
    margin-left: 1.2em;
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

a.arrow {
    margin-left:6px;
}
a.arrow:before {
    content:"";
    display: inline-block;
    width: 12px;
    height: 9px;
    background-image: url(../img/common/arrow_gray.png);
    background-repeat: no-repeat;
}
a.arrow.blue:before {
    background-image: url(../img/common/arrow_blue.png);
}
a.arrow.red:before {
    background-image: url(../img/common/arrow_red.png);
}
p.update-margin-bottom {
    margin-bottom: 30px;
}

/* ---------- updateWrap ---------- */

#updateWrap {
    border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
    border: 1px solid #bebebe;
    padding-bottom: 16px;
    position: relative;
}
#updateWrap h3 {
    margin-left: 18px;
    padding: 2px 0 2px 11px;
    margin-top: 15px;
    margin-bottom: 10px;
}

#updateWrap ul {
    margin: 5px 15px 3px 15px;
    padding: 0;
}

#updateWrap li {
    font-size: 100%;
    line-height: 2.2;
    list-style: none;
    background: url(../img/common/listBG.png) no-repeat 22px 6px;
    margin-left: -15px;
    padding: 0 10px 3px 40px;
}

#updateWrap li ul li {
    font-size: 100%;
    line-height: 2.2;
    list-style: none;
    background: url(../img/common/listBG2.png) no-repeat 0 6px;
    margin-left: -15px;
    padding: 0 10px 3px 18px;
}

#updateWrap .verinfo_wrap .none_bg_ul .none_bg{
    font-size: 100%;
    line-height: 2.2;
    list-style: none;
    background: none;
    margin-left: -15px;
    padding: 0 10px 3px 18px;
}

#updateWrap .verinfo_wrap .none_bg_ul .indent{
    padding: 0 10px 3px 33px;
    text-indent: -1em;
}

#updateWrap .flow2,
#updateWrap .flow3 {
    padding-top:8px;
    text-align: center;
    vertical-align: middle;
}
#updateWrap .flow2 img{
    display:inline-block;
    margin: 0 24px;
    vertical-align: middle;
}
#updateWrap .flow3 img{
    display:inline-block;
    margin: 0 8px;
    vertical-align: middle;
}
#updateWrap .changeLog {
    margin: 10px 15px 0;
    text-align: right;
}
#updateWrap .changeLog a {
    color: #5d5d5d;
    border-bottom: 1px dotted;
    text-decoration: none;
    padding-bottom: 1px;
    cursor: pointer;
    padding-left: 1.5em;
}
#updateWrap .changeLog a:hover{
    color: #aaaaaa;
}

#toggle {
    background-position: 0 0;
    background-repeat: no-repeat;
}
#toggle.plus {
    background-image: url(../img/common/icon_plus.png);
}
#toggle.minus {
    background-image: url(../img/common/icon_minus.png);
}


/* ---------- howtodlWrap ( Wiiu style ) ---------- */
.howtodlWrap:before {
    content: "";
    display: block;
    height: 40px;
    width: 100%;
}
.howtodlWrap {
    line-height: 1.8;
}
.howtodlWrap > .text {
    padding:0 8px;
}

.wiiu .flowWrap {
    margin: 20px 0 35px;
    padding-left:8px;
    text-align: center;
}

.wiiu .flowWrap dl{
    display: inline-block;
    margin: 0 0.7%;
    max-width: 32%;
}

.wiiu .flowWrap dt {
    padding: 5px 0px;
/*  text-align: left; */
}

.wiiu .flowWrap dd {
    padding: 5px 0 10px;
}

.wiiu .flowWrap .text-center {
    margin: 0;
    padding-bottom: 12px;
    line-height: 1.8;
}

.wiiu .flowWrap .flowText {
    width: 470px;
    text-align: left;
    font-size: 93%;
    padding:8px 0 0 0;
}
.wiiu .flowWrap .flowImage {
    text-align: left;
    width: 300px;

}

}

/* ---------- stepWrap ( 3DS style ) ---------- */

.ds .flowWrap {
    margin: 20px 0 35px;
    padding-left:8px;
    text-align: center;
}

.ds .flowWrap .text-left {
    margin: 0;
    padding-bottom: 12px;
    line-height: 1.8;
}

.ds .flowWrap .flowText {
    text-align: left;
    padding:8px 0 0 0;
    margin: 0 0 0 65px;
    width: 455px;
}
.ds .flowWrap .flowImage {
    text-align: left;
    width: 236px;
}


.stepWrap {
    width: 100%;
    margin-top: 25px;
}

.step1 {
    background: url(../img/common/step01.png) no-repeat 3px 8px;
}

.step2 {
    background: url(../img/common/step02.png) no-repeat 3px 8px;
}

.step3 {
    background: url(../img/common/step03.png) no-repeat 3px 8px;
}

.step4 {
    background: url(../img/common/step04.png) no-repeat 3px 8px;
}

.step5 {
    background: url(../img/common/step05.png) no-repeat 3px 8px;
}

.step1.l1 {
    background-position: 3px 0px;
}
.step2.l1 {
    background-position: 3px 0px;
}
.step3.l1 {
    background-position: 3px 0px;
}
.step4.l1 {
    background-position: 3px 0px;
}
.step5.l1 {
    background-position: 3px 0px;
}


.stepWrap .text {
    text-align: left;
    margin: 0 0 0 65px;
    padding: 7px 0 25px 0;
    width: 735px;
    font-size: 100%;
    line-height: 1.8;
    border-bottom: 1px dotted #bebebe;
}

.stepWrap .text p {
    text-align: left;
    text-indent: 0 !important;
    margin-bottom: 8px;
}

.qrWrap {
    width: 100%;
    height: 160px;
}

.qrWrap .qr {
    float: left;
    width: 190px;
    text-align: left;
}
.qr {
    margin-bottom: 20px;
}

.qrWrap2 {
    padding-top: 16px;
    text-align: center!important;
}

.qrWrap .qr img {
    margin-left: 7px;
}

.qrWrap p {
    width:525px;
    height:160px;
    display:table-cell;
    vertical-align:middle;
    text-align: left;
}

.stepWrap .howto {
    clear: both;
    width: 100%;
    background: url(../img/common/bg_howto.png) no-repeat left bottom;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.stepWrap .howto .stitle{
    width: 735px;
    height: 60px;
    background: url(../img/common/title_howto.png) 0 0 no-repeat;
    line-height: 9999px;
    overflow: hidden;
}

.stepWrap .howtoWrap {
    margin: 0 0 0 56px;
    font-size: 90%;
}

.stepWrap .howtoWrap li {
    list-style: decimal;
    margin: 0 30px 7px 0;
    font-size: 100%;
    text-align: left;
}

.stepWrap .howtoWrap li img {
    vertical-align: top;
    padding: 0 4px 0 2px;
}

.stepWrap .notesWrap {
    margin: 15px 0 0 12px;
}

.stepWrap .notesWrap li {
    margin: 0 0 7px 0;
    font-size: 88%;
}

.stepWrap .notesWrap li img {
    padding: 0 4px 0 2px;
}

.copyright {
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
    font-size: 80%;
    margin-top: -14px;
}

body > .pagetop,
.sponly
 { display: none !important; }

/* ---------- CUSTOM CLASS ---------- */

.fl {float: left;}
.fr {float: right;}
.text-bold {font-weight: bold;}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-red { color:#CD202C; }
.text-blue { color:#0096C8; }
h3.bar-red { border-left: 7px #ce181e solid; }
h3.bar-blue { border-left: 7px #0096C8 solid; }

/* ---------- ADD DETAIL ---------- */

.flow2 .caption_img01 { text-align:left; padding:20px 0 15px 100px; }

span.note{
    margin-left:1.0em;
    text-indent:-1.0em;
    display:block;
}


/* ---------- INDEX 220 ---------- */

#updateWrap.ver220 {
	border: none;
	/*padding-bottom: 0;*/
	position: relative;
}

#updateWrap .verinfo_wrap.w220{
	margin-bottom:100px;
}
#updateWrap .verinfo_wrap.w220.last{
	margin-bottom:0;
}

#updateWrap .verinfo_wrap.w220 .c_red{
        color:#df0024;
}

#updateWrap .verinfo_wrap.w220 .c_blue{
        color:#0669b2;
}

#updateWrap .link_top {
	margin-top:20px;
}

#updateWrap .link_top a{
	float:right;
	text-indent: -1.8em;
}

#updateWrap .link_top a:before{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	background:url(../img/common/arrow_up_gray_w17.png);
	margin: 0px 7px -4px 0px;
}

#contentsWrap .gnavi_anchor{
	margin-bottom:50px;
}
#contentsWrap .gnavi_anchor li{
	display: table;
	float:left;
	width:132px;
	height:70px;
	border-left:1px solid #bebebe;
	text-align:center;
	vertical-align: middle;
	position: relative;
	font-size:12px;
}
#contentsWrap .gnavi_anchor li.last{
	border-right:1px solid #bebebe;
}
#contentsWrap .gnavi_anchor li a{
	display: table-cell;
	border: none;
	padding: 11px 0 24px 0;
	vertical-align: middle;
	line-height: 1.4;
}
#contentsWrap .gnavi_anchor li a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 5px;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	background: url(../img/common/arrow_down.png) center top no-repeat;
}
#contentsWrap .gnavi_anchor .sp {
	display: none;
}

#updateWrap .verinfo_wrap.w220 h3{
	margin-left: 0px;
	margin-bottom: 20px;	
}

#updateWrap .verinfo_wrap.w220 .item_com{
	line-height: 1.6em;
	font-size: 12px;
}

#updateWrap .verinfo_wrap.w220 table.spl_table{
	margin: 20px 0px 0;
}
#updateWrap .verinfo_wrap.w220.brocktype table.spl_table{
	width: 100%;
}

#updateWrap .verinfo_wrap.w220 table.spl_table tr{
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	text-align:left;
	font-size: 13px;
	font-weight: normal;
}
#updateWrap .verinfo_wrap.w220 table.spl_table tr:last-child td {
	border-bottom: 1px solid #BEBEBE;
}

#updateWrap .verinfo_wrap.w220 table.spl_table .b_dot th {
	padding: 0;
	white-space: normal;
}
#updateWrap .verinfo_wrap.w220 table.spl_table .b_dot th div {
	display: table;	
	width: 100%;
	border-top: 1px dotted #BEBEBE;
	vertical-align: middle;
}
#updateWrap .verinfo_wrap.w220 table.spl_table .b_dot th div:first-child {
	border-top: none;
}
#updateWrap .verinfo_wrap.w220 table.spl_table .b_dot th p{
	display: table-cell;
	height: 100%;
	padding: 10px 28px;
	vertical-align: middle;
	text-align: left;
}

#updateWrap .verinfo_wrap.w220 table.spl_table .b_none{
	border-bottom: none;
}

#updateWrap .verinfo_wrap.w220 table.spl_table th{
	background-color: #f2f2f2;
	width:164px;
	padding: 10px 28px;
	line-height: 1.8em;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}

#updateWrap .verinfo_wrap.w220 table.spl_table td{
	width:524px;
	padding: 10px 0 10px 36px;
	font-weight: normal;
	line-height: 1.8em;
	text-indent: -1em;
}

#updateWrap .verinfo_wrap.w220 table.spl_table td.sp_only{
	display:none;
}
#updateWrap .verinfo_wrap.w220 table.spl_table td.has_movie .c_blue,
#updateWrap .verinfo_wrap.w220 table.spl_table td.has_movie .c_red,
#updateWrap .verinfo_wrap.w220 table.spl_table td.has_movie .coment {
	margin-top: 15px;
}
#updateWrap .verinfo_wrap.w220 table.spl_table td.has_movie .c_blue:first-child,
#updateWrap .verinfo_wrap.w220 table.spl_table td.has_movie .c_red:first-child,
#updateWrap .verinfo_wrap.w220 table.spl_table td.has_movie .coment:first-child {
	margin-top: 0;
}

#updateWrap .verinfo_wrap.w220 table.spl_table.t02{
	width:340px;
	float:left;
}

#updateWrap .verinfo_wrap.w220 table.spl_table.t03{
	width:100px;
	float:left;
}

#updateWrap .verinfo_wrap.w220 .arrow{
	float:left;
	margin:144px 10px 0;
}

#updateWrap .verinfo_wrap.w220 table.spl_table.t02 th{
	border-right: 1px solid #BEBEBE;
}

#updateWrap .verinfo_wrap.w220 table.spl_table.t02 .td_center{
	border-left: 1px solid #BEBEBE;
	border-right: 1px solid #BEBEBE;
}

#updateWrap .verinfo_wrap.w220 table.spl_table.t03 th,
#updateWrap .verinfo_wrap.w220 table.spl_table.t02 th{
	padding: 6px 28px;
	text-align:center;
}
#updateWrap .verinfo_wrap.w220 table.spl_table.t03 td,
#updateWrap .verinfo_wrap.w220 table.spl_table.t02 td{
	padding: 15px 0;
	text-align:center;
}
#updateWrap .verinfo_wrap.w220 table.spl_table.t03 td span,
#updateWrap .verinfo_wrap.w220 table.spl_table.t02 td span{
	padding-left: 0.5em;
}

#updateWrap .verinfo_wrap.w220 table.spl_table.t03 .l_right{
	border-right: 1px solid #BEBEBE;
}

#updateWrap .verinfo_wrap.w220 table.spl_table .l_none{
	border-right:none !important;
}


#updateWrap .verinfo_wrap.w220 table .movie{
	margin: 10px 15px 20px 15px;
}
#updateWrap .verinfo_wrap.w220 table .movie:last-child{
	margin-bottom: 10px;
}

#updateWrap .verinfo_wrap.w220 .coment{
	font-size: 13px;
	font-weight: normal;
	line-height: 1.8em;
	text-indent: -1em;
}
#updateWrap .verinfo_wrap.w220 table .annotation{
	margin-left: 1em;
	font-size: 12px;
}

#updateWrap .verinfo_wrap.w220 .coment_area{
	float:left;
	padding:0 0 0 16px;
}

#updateWrap .verinfo_wrap.w220 .coment_area p{
	width:220px;
	text-indent: -1em;
	font-size:13px;
	line-height: 1.8em;
}

#updateWrap .verinfo_wrap.w220 .table_box {
	float: right;
}
#updateWrap .verinfo_wrap.w220 .table_area{
	float:left;
}
#updateWrap .verinfo_wrap.w220 .table_area table.spl_table {
	margin-top: 0;
}

#updateWrap .verinfo_wrap.w220.b50{
        margin-bottom:50px;
}

#updateWrap .verinfo_wrap.w220 .coment.c02{
	width: 780px;
	margin: 30px 0px 0 20px;	
}

#updateWrap .verinfo_wrap.w220 ul{
	width: 800px;
	margin: 0 0 0 5px;
}

#updateWrap .verinfo_wrap.w220 ul li{
	margin:0;
	background:none;
	padding:0;
	font-size: 13px;
	font-weight: normal;
	line-height: 2em;
	text-indent: -1em;
}

/* ---------- Official Site Link ---------- */

p#officialSiteLink {
	width: 400px;
	margin: 0 auto 0;
	padding-top: 30px;
}

p#officialSiteLink br.sp {
	display: none;
}

p#officialSiteLink .c-btn__round {
  display: block;
  border-width: 2px;
  border-style: solid;
  border-radius: 15px;
  border-color: #0096c8;
  background-color: #FFFFFF;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  line-height: 1;
}

p#officialSiteLink .c-btn__round:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 10px;
  background: transparent url(../../../../common/css/img/arrow_wiiu_00.png) 0 0 no-repeat;
}

p#officialSiteLink .c-btn__round span {
  _font-size: 85.71429%;
  color: #0096c8;
  display: inline-block;
  padding: 6px 0 6px 0;
}

p#officialSiteLink .c-btn__round span,
p#officialSiteLink .c-btn__round:before{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
p#officialSiteLink .c-btn__round:hover span,
p#officialSiteLink .c-btn__round:hover:before{
  opacity: 0.75;
  filter: alpha(opacity=75);
}
p#officialSiteLink .c-btn__round:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  border: 0 #0096c8 solid;
  border-radius: 15px;
  box-sizing: border-box;
  -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
p#officialSiteLink .c-btn__round:hover:after {
  border-width: 4px;
  width: 404px;
  height: 29px;
}