@charset "Shift_JIS";
html{
	overflow-y:scroll;
}
body{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	color: #323232;
	font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I",meiryo,"?l?r ?o?S?V?b?N","???C???I","Meiryo",Osaka,verdana,arial,clean,sans-serif;
	margin: 0;
	padding: 0;
	background: url(../img/bodybg.png) center 0 repeat-y #ff0035;
}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
img{
	border: 0;
}
.noOutline {
	outline: none;
}
a:link,
a:visited{
	color: #773311;
	text-decoration: none;
}
a:hover{
	color: #662200;
	text-decoration: underline;
}
/*--- clearfix ---*/
.cf:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cf {display: inline-block;}
/* ------------------------
	HEADER BANNER
------------------------ */
#cp_banner{
	height: 80px;
	background: url(../img/cp_banner_bg.png);
}
#cp_banner_inner{
	text-align: center;
	background: url(../img/cp_banner_bg.jpg) center 0 no-repeat;
}

/* ------------------------
	COMMON
------------------------ */
#headbar{
	width: 100%;
	height: 56px;
	background: #000;
}
#headbar_inner{
	position: relative;
	height: 56px;
	width: 100%;
	min-width: 960px;
	background: #000;
}
#headbar_inner .p1{
	position: absolute;
	left: 20px;
	top: 18px;
}
#headbar_inner .p2{
	position: absolute;
	right: 20px;
	top: 12px;
}
#container{
	width: 960px;
	background: #fff;
	margin: 0 auto;
}
#container_inner{
	width: 960px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
#footer{
	height: 65px;
}
#footer p{
	width: 940px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: right;
}
#footer_menu{
	width: 100%;
	min-width: 960px;
	background: url(../img/hbbar.png) center 0 repeat-y;
	padding: 0 0 10px 0;
}
.btm_menu{
	color: #676767;
	padding: 20px 0 10px 0;
 	position: relative;
	overflow: hidden;
}
.btm_menu ul{
	position: relative;
	left: 50%;
	float: left;
}
.btm_menu li{
	font-size: 11px;
	position: relative;
	left: -50%;
	float: left;
	padding: 0 20px;
	background: url(../img/li_line.png) 0 0 no-repeat;
}
.btm_menu li.noline{
	background-image: none;
}
.btm_menu li a:link,
.btm_menu li a:visited{
	color: #fff;
}
.btm_menu li a{
	color: #fff;
}
.btm_menu2{
	padding: 0 0 20px 0;
 	position: relative;
	overflow: hidden;
}
.btm_menu2 ul{
	position: relative;
	left: 50%;
	float: left;
}
.btm_menu2 li{
	font-size: 11px;
	position: relative;
	left: -50%;
	float: left;
	padding: 0 20px;
	background: url(../img/li_line.png) 0 0 no-repeat;
}
.btm_menu2 li.noline{
	background-image: none;
}
.btm_menu2 li a:link,
.btm_menu2 li a:visited{
	color: #fff;
}
.copyright{
	color: #afafaf;
	font-size: 11px;
	text-align: center;
	padding: 0 0 20px 0;
	line-height: 1.7;
}


/* ------------------------
	TOP
------------------------ */
#top_head{
	width: 960px;
	height: 134px;
	margin: 28px auto 15px;
	position: relative;
}
#top_head .top_logo{
	position: absolute;
	top: 9px;
	left:-1px;
}
.wiiu_logo {
    position: absolute;
    top: -11px;
    right: -100px;
}
#top_head .top_copy{
	position: absolute;
	top: 111px;
	left: 31px;
}
#top_head .top_price{
	position: absolute;
	top: 13px;
	right: 0px;
}
#top_image{
	padding: 0 0 15px 0;
}
#top_topics {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 15px;
}
#top_topics .topics_title {
	display: table-cell;
	width: 115px;
	background-color: #ff7400;
	border-radius: 6px 0 0 6px;
	vertical-align: middle;
	text-align: center;
}
#top_topics .topics_textbox {
	display: table-cell;
	padding: 12px 29px;
	background-color: #f2f2f2;
	border-radius: 0 6px 6px 0;
	vertical-align: middle;
}
#top_topics .topics_textbox dl {
	color: #000000;
}
#top_topics .topics_textbox dl:not(:last-child) {
	margin-bottom: 10px;
}
#top_topics .topics_textbox dt {
	float: left;
	width: 85px;
	font-size: 12px;
	line-height: 1.67;
}
#top_topics .topics_textbox dl dt:first-child + dd + dt {
    margin: 10px 0 0;
}
#top_topics .topics_textbox dl dt:first-child + dd + dt + dd {
    margin: 10px 0 0;
}
#top_topics .topics_textbox dl dt:first-child + dd + dt {
    clear: both;
}
#top_topics .topics_textbox dd {
	float: left;
	font-size: 12px;
	line-height: 1.67;
}
#top_topics .topics_textbox dd a {
	color: #000000;
	text-decoration: underline;
}
.no-touchevents #top_topics .topics_textbox dd a:hover {
	color: #777777;
}
#top_bnr_info{
	float: left;
	position: relative;
	width: 960px;
	height: 110px;
}
#top_bnr_info p{
	width: 960px;
	height: 110px;
}
#top_bnr_info p a{
	width:960px;
	height: 94px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#top_bnr_info p a img{
	width: 960px;
	height: 95px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#bnr_present{
	float: right;
	position: relative;
	width: 230px;
	height: 94px;
}
#top_menu{
	position: relative;
	width: 960px;
	height: 95px;
}
#top_menu li a,
#top_menu li a img{
	width: 304px;
	height: 80px;
}
#top_menu li#btn1 a{
	position: absolute;
	top: 0px;
	left: 0px;
}
#top_menu li#btn2 a{
	position: absolute;
	top: 0px;
	left: 328px;
}
#top_menu li#btn3 a{
	position: absolute;
	top: 0px;
	left: 656px;
}
#top_menu li#btn4 a{
	position: absolute;
	top: 0px;
	left: 730px;
}
#top_menu li#btn1 a img,
#top_menu li#btn2 a img,
#top_menu li#btn3 a img,
#top_menu li#btn4 a img{
	position: absolute;
	top: 0px;
	left: 0px;
}
.end-info {
	padding: 20px 0;
}
.end-info .bnr {
	position: relative;
}
.end-info .bnr.new:after {
	content: "";
	width: 90px;
	height: 34px;
	background: url(../img/btn_end_new.png) no-repeat;
	position: absolute;
	top: -17px;
	left: -17px;
	z-index: 2;
	pointer-events: none;
}
.end-info .txt {
	padding: 15px 0 0;
	text-align: right;
}
.info_box1{
	float: left;
	width: 836px;
	height: 39px;
}
.info_box2{
	position: relative;
    top: 13px;
	float: right;
	width: 124px;
}
.info_box2 p{
	float: left;
	padding-left: 10px;
}
#info_bar{
	margin-top: 7px;
	width: 826px;
	height: 39px;
	background: url(../img/top_info_bg.png) no-repeat;
	overflow: hidden;
}
#info_bar p{
	font-size: 12px;
	line-height: 39px;
	padding: 0 0 0 105px;
}
.top_txt1{
	padding: 20px 0 16px;
}
.top_txt1.banar_less {
    padding: 25px 0 13px;
}
.banar_less_box {

}
#top_txt2a{
	width: 710px;
	height: 56px;
	float: left;
	position: relative;
}
.top_txt2a{
	position: absolute;
	top: 18px;
	left: 0;
}
.top_txt2b{
	position: absolute;
	top: 38px;
	left: 55px;
}
.top_txt2c{
	position: absolute;
	top: 38px;
	left: 296px;
}
.top_txt2{
	width: 710px;
	padding: 18px 0 16px 0;
	float: left;
}
.top_btn_mic{
	width: 230px;
	padding: 15px 0 0;
	float: left;
}
#info{
	padding: 0 0 20px 0;
}
#news1{
	width: 960px;
	height: 44px;
	margin: 0 auto;
	position: relative;
	background: url(../img/infobar.png) 0 0 no-repeat;
}
#news1_list ul{
	width: 780px;
	margin: 0 0 0 142px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 0;
}
#news1_list ul li{
	font-size: 14px;
	font-weight: bold;
	line-height: 44px;
	display: block;
	color: #000;
	padding: 0 0 0 22px;
	background: url(../img/info_li.png) 0 center no-repeat;
}
#news1_list ul li a{
	color: #787878;
	text-decoration: none;
}
#news1_list ul li a:hover{
	color: #000;
	text-decoration: underline;
}

#top_box1{
	width: 960px;
	height: 217px;
	background: url(../img/top_box1.png) no-repeat;
	position: relative;
	margin: 0 0 27px 0;
}
.top_box1_1{
	position: absolute;
	top: 16px;
	left: 82px;
}
.top_box1_2{
	position: absolute;
	top: 74px;
	left: 43px;
}
.top_box1_3{
	position: absolute;
	top: 113px;
	left: 43px;
}
.top_box1_top_price_change {
	position: absolute;
	top: 197px;
	left: 36px;
}
.top_box1_4{
	position: absolute;
	bottom: 11px;
	left: 43px;
}
.top_box1_5{
	position: absolute;
	top: 80px;
	left: 557px;
}
.top_box1_6{
	position: absolute;
	top: 198px;
	left: 36px;
}
#top_box1 .top_box1_6{
	width: 885px;
	height: 373px;
	border-radius: 5px;
	border: solid 1px #afafaf;
	position: relative;
}
#top_box1 .top_box1_6 .buy001new{
	padding: 22px 0 22px 50px;
}
#top_box1 .top_box1_6 .buy001{
	padding: 22px 0 22px 25px;
}
#top_box1 .top_box1_6 .buy002{
	padding: 0 0 24px 25px;
}
#top_box1 .top_box1_6 .buy003{
	padding: 0 0 6px 25px;
}
.buy003__annotation {
  font-size: 11px;
  padding: 0 34px;
  text-indent: -1em;
}
.buy003__annotation a {
  text-decoration: underline;
}
#top_box1 .top_box1_6 .buy004{
	position: absolute;
	top: 36px;
	right: 30px;
}
.buy004_txt {
    position: absolute;
    top: 22px;
    right: 29px;
    font-size: 10px;
    letter-spacing: 1px;
}
#top_box1 .top_box1_6 .buy_new{
	position: absolute;
	top: -12px;
	left: -12px;
}
#top_box2{
	width: 960px;
	height: 384px;
	margin-bottom: 30px;
	position: relative;
	background: url(../img/top_box2.png) no-repeat;
}
.top_box2_1{
	position: absolute;
	top: 133px;
	left: 43px;
}
.top_box2_2{
	position: absolute;
	top: 220px;
	left: 60px;
}
.top_box2_3{
	position: absolute;
	top: 370px;
	left: 62px;
}
.top_box2_4{
	position: absolute;
	top: 213px;
	left: 39px;
}
.top_box2_4::before {
    content: "";
    display: block;
    position: absolute;
    top: -22px;
    left: 0;
    border-top: 2px dotted #bdbdbd;
    width: 890px;
}
.top_box2_5{
	position: absolute;
	top: 252px;
	left: 461px;
}
.top_td_shop{
	position: absolute;
	top: 267px;
	left: 773px;
}
#top_box3{
	width: 960px;
	height: 320px;
	margin-bottom: 35px;
	background: url(../img/top_box3.png) no-repeat;
	position: relative;
}
.top_box3_1{
	position: absolute;
	top: 16px;
	left: 82px;
}
.top_box3_2{
	position: absolute;
	top: 81px;
	left: 50px;
}
.top_box3_3{
	position: absolute;
	top: 80px;
	left: 121px;
}
.top_box3_4{
	position: absolute;
	top: 113px;
	left: 121px;
}
.top_box3_5{
	position: absolute;
	top: 168px;
	left: 121px;
}
.top_box3_dm1{
	position: absolute;
	top: 216px;
	left: 121px;
}

.top_box3_6{
	position: absolute;
	top: 81px;
	left: 522px;
}
.top_box3_7{
	position: absolute;
	top: 82px;
	left: 590px;
}
.top_box3_8{
	position: absolute;
	top: 113px;
	left: 591px;
}
.top_box3_9{
	position: absolute;
	top: 168px;
	left: 591px;
}
.top_box3_dm2{
	position: absolute;
	top: 216px;
	left: 591px;
}
.top_box3_10{
	position: absolute;
	bottom: 21px;
	left: 280px;
}
.top_box3_dm3{
	position: absolute;
	bottom: 18px;
    right: 274px;
}

#top_box_sp{
	width: 960px;
	height: 188px;
	margin-bottom: 30px;
	background: url(../img/top_sp_bg.png) no-repeat;
	position: relative;
}
.top_sp_ttl{
	padding: 0 0 8px 2px;
}
.top_sp_photo{
	position: absolute;
	top: 42px;
	left: 38px;
}
.top_sp_txt1{
	position: absolute;
	top: 26px;
	left: 278px;
}
.top_sp_txt2{
	position: absolute;
	top: 53px;
	left: 280px;
}
.top_sp_txt3{
	position: absolute;
	top: 104px;
	left: 280px;
}
.top_sp_link{
	position: absolute;
	top: 154px;
	left: 280px;
}
.top_sp_shop{
	padding-right:10px;
	position: absolute;
	top: 120px;
	left: 630px;
	color:red;
}
#btn_upinfo{
	position: relative;
}
#new_mark_upinfo{
	position: absolute;
	top: -7px;
	left: 225px;
}
/* COVER */
.top_cover_ttl{
	padding: 0 0 8px 2px;
}
#top_box_cover{
	width: 960px;
	height: 288px;
	margin-bottom: 30px;
	background: url(../img/top_cover_bg.png) no-repeat;
	position: relative;
}
.top_cover_photo{
	float: left;
	padding: 30px 44px 30px 46px;
}
.top_cover_txt1{
	padding: 26px 0 0 0;
}
.top_cover_txt2{
	padding: 16px 0 0 0;
}
.top_cover_txt3{
	padding: 23px 0 0 0;
}
.top_cover_link{
	padding: 10px 0 0 0;
}
.service_end_txt {
    margin: 0 0 11px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0.1px;
}
