@charset "shift_jis";

/* ========================================
	paper
======================================== */

body {
	font-family:"?l?r ?o?S?V?b?N","MS PGothic","?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","???C???I","Meiryo",Osaka,verdana,arial,clean,sans-serif;
}

#wrapper {
	text-align: center;
	width: 100%;
	min-width: 960px;
	background: url(../paper/images/paper_bg01.png) 0 0 repeat;
}

#paper .inner {
	margin: 0 auto;
	text-align: left;
	width: 724px;
}

#paper .ttl {
	padding: 30px 0 29px 0;
	text-align: center;
}

#paper .kokuyo-btn {
	position: absolute;
	top: 289px;
	left: 107px;
}

#paper .item li {
	width: 362px;
	float: left;
	position: relative;
}

#paper .item01 .item-btn {
	position: absolute;
	top: 180px;
	left: 105px;
}

#paper .item02 .item-btn {
	position: absolute;
	top: 180px;
	left: 88px;
}

#paper .gm {
	position: relative;
}

#paper .gm .gm-btn01 {
	position: absolute;
	top: 191px;
	left: 62px;
}

#paper .gm .gm-btn02 {
	position: absolute;
	top: 424px;
	left: 262px;
}



#paper .paper-img {
	padding-bottom: 36px;
	height: 586px;
	background: url(../paper/images/bg01.png) left bottom no-repeat;
	position: relative;
}
#paper .paper-img01 {
	position: absolute;
	top: 0;
	left: 0;
}
#paper .paper-img02 {
	position: absolute;
	top: 0;
	left: 353px;
}

#paper .paper-img02 .btn {
	position: absolute;
	top: 278px;
	left: 132px;
}

#paper .paper-img03 {
	position: absolute;
	top: 351px;
	left: 353px;
}

#paper .paper-img03 .btn {
	position: absolute;
	top: 167px;
	left: 24px;
}


#paper .btn-close {
	padding: 9px 0 20px 0;
	text-align: center;
}


#paper .sns {
	background: url(../paper/images/sns_bg.png) 0 0 no-repeat;
	width: 724px;
	height: 397px;
	position: relative;
}

#paper .sns .sns-ttl {
	position: absolute;
	top: 33px;
	left: 55px;
}

#paper .sns .sns-ttl2 {
	position: absolute;
	top: 67px;
	left: 37px;
}

#paper .sns .sns-txt {
	position: absolute;
	top: 114px;
	left: 38px;
}

#paper .sns .sns-btn {
	position: absolute;
	top: 282px;
	left: 37px;
}

#paper .sns .sns-3ds {
	position: absolute;
	top: 325px;
	left: 38px;
}

#paper .sns .sns-img {
	position: absolute;
	top: 173px;
	left: 364px;
}


/* nintendo */
#paper .nintendo .new {
	position: absolute;
	top: -20px;
	left: 605px;
}

#paper .nintendo .nintendo-main {
	background: url(../paper/images/nintendo_bg.png) 0 0 repeat-y;
}

#paper .nintendo .tomo {
	margin: 0 0 0 37px;
	position: relative;
}

#paper .nintendo .tomo .update {
	position: absolute;
	top: -55px;
	left: -22px;
}

#paper .nintendo .tomo-design1 {
	position: absolute;
	top: 257px;
	left: 46px;
}

#paper .nintendo .tomo-design2 {
	position: absolute;
	top: 257px;
	left: 196px;
}


#paper .nintendo .tomo .tomo-btn {
	position: absolute;
	top: 389px;
	left: 28px;
}

#paper .nintendo .fami {
	margin: 31px 0 0 33px;
	height: 330px;
	position: relative;
}


#paper .nintendo .fami .fami-mura1 {
	position: absolute;
	top: 149px;
	left: 87px;
}

#paper .nintendo .fami .fami-mura2 {
	position: absolute;
	top: 149px;
	left: 282px;
}

#paper .nintendo .fami .fami-mura3 {
	position: absolute;
	top: 149px;
	left: 477px;
}

#paper .nintendo .fami .fami-copy01 {
	position: absolute;
	top: 314px;
	left: 386px;
}

#paper .nintendo .nintendo-btm {
	height: 80px;
	background: url(../paper/images/nintendo_btm.png) 0 0 no-repeat;
}

#paper .nintendo .nintendo-btn {
	padding: 15px 0 0 151px;
}


/* ========================================
	designbox
======================================== */
#designbox{
	text-align: center;
	background-color: transparent;
	width: 100%;
	text-align: center;
}
#designbox #container {
	height: 660px;
}

#designbox #pop-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	height: 660px;
	position: relative;
}

#designbox-bg {
	margin: 0 auto;
	padding-top: 62px;
	width: 460px;
	height: 330px;
	position: relative;
}


.childWin #designbox-bg {
	background: url(../paper/images/designbox_bg.png) 0 62px no-repeat;
}

.designbox-ttl {
	padding: 26px 30px 12px;
}

#designbox .designbox-img {
	padding: 0 30px 12px;
}
.designbox-txt {
	padding: 5px 30px;
	text-align: center;
}

#designbox-arw{
	clear: both;
}

#designbox-arw .left {
	position: absolute;
	top: 155px;
	left: -55px;
}

#designbox-arw .right {
	position: absolute;
	top: 155px;
	left: 465px;
}

#designbox-close {
	position: absolute;
	top: 0;
	left: 408px;
}


/* ========================================
	nekomario-disign
======================================== */
#designbox-nekomario{
	text-align: center;
	background-color: transparent;
	width: 100%;
	text-align: center;
}
#designbox-nekomario #container {
	height: 660px;
}

#designbox-nekomario #pop-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	height: 660px;
	position: relative;
}

#designbox-nekomario-bg {
	margin: 0 auto;
	padding-top: 62px;
	width: 840px;
	height: 595px;
	position: relative;
}

.childWin #designbox-nekomario-bg {
	background: url(../paper/images/nekomario_bg.png) 0 62px no-repeat;
}

.designbox-nekomario-ttl {
	padding: 26px 0 12px 0;
	text-align: center;
}
#designbox-nekomario .designbox-imgs {
	padding: 0 20px 12px;
}
#designbox-nekomario .designbox-imgs li{
	float: left;
}



.designbox-txt {
	padding: 5px 30px;
	text-align: center;
}
#designbox-nekomario-arw{
	clear: both;
}

#designbox-nekomario-arw .left {
	position: absolute;
	top: 310px;
	left: -55px;
}

#designbox-nekomario-arw .right {
	position: absolute;
	top: 310px;
	left: 849px;
}

#designbox-nekomario-close {
	position: absolute;
	top: 0;
	left: 789px;
}


/* ========================================
	designbox2
======================================== */
#designbox2{
	text-align: center;
	background-color: transparent;
	width: 100%;
	text-align: center;
}
#designbox2 #container {
	height: 660px;
}

#designbox2 #pop-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	height: 660px;
	position: relative;
}

#designbox2 #designbox2-bg {
	margin: 0 auto;
	padding-top: 62px;
	width: 840px;
	height: 595px;
	position: relative;
}

.childWin #designbox2-bg {
	background: url(../paper/images/designbox2_bg.png) 0 62px no-repeat;
}

#designbox2 .designbox-ttl {
	padding: 26px 0 12px 0;
	text-align: center;
	min-height: 25px;
}
#designbox2  .designbox-imgs {
	padding: 0 20px 12px;
}
#designbox2  .designbox-imgs li{
	float: left;
}
#designbox2  .designbox-imgs .space{
	width: 400px;
	height: 240px;
}
#designbox2 .designbox-imgs-center{
	margin: -12px auto 0 auto;
	width: 400px;
}


#designbox2 .designbox-imgs-other {
	padding: 50px 10px 0 10px;
}
#designbox2 .designbox-imgs-other li{
	padding-bottom:20px;
	float: left;
}
#designbox2 .designbox-imgs-other li:nth-child(odd){
	padding-right:10px;
}

#designbox2 .designbox-txt {
	padding: 5px 30px;
	text-align: center;
}
#designbox2  #designbox-arw{
	clear: both;
}

#designbox2  #designbox-arw .left {
	position: absolute;
	top: 310px;
	left: -55px;
}

#designbox2 #designbox-arw .right {
	position: absolute;
	top: 310px;
	left: 849px;
}

#designbox2 #designbox-close {
	position: absolute;
	top: 0;
	left: 789px;
}


/* ========================================
	modal
======================================== */
#modal{
	text-align: center;
	background-color: transparent;
	width: 100%;
}

#modal #container {
	height: 660px;
}

#modal #pop-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	height: 660px;
	position: relative;
}

/* ========================================
	.modal-news
======================================== */

#modal .modal-news {
	margin: 0 auto;
	margin-top: 62px;
	width: 711px;
	height: 564px;
	position: relative;
	background: url(../paper/images/modal_bg.png) 0 0 no-repeat;
}

#modal .modal-news .modal-close {
	position: absolute;
	top: -61px;
	right: 0;
}


#modal .modal-news .modal-arw-right {
	position: absolute;
	top: 229px;
	right: -56px;
}

#modal .modal-news .modal-arw-left {
	position: absolute;
	top: 229px;
	left: -56px;
}


#modal .news-design1 .modal-news-item1,
#modal .news-design2 .modal-news-item1 {
	position: absolute;
	top: 61px;
	left: 222px;
}

#modal .news-design1 .modal-news-item2,
#modal .news-design2 .modal-news-item2 {
	position: absolute;
	top: 314px;
	left: 57px;
}

#modal .news-design1 .modal-news-item3,
#modal .news-design2 .modal-news-item3 {
	position: absolute;
	top: 314px;
	right: 57px;
}

#modal .news-design3 .modal-news-item1,
#modal .news-design4 .modal-news-item1 {
	position: absolute;
	top: 40px;
	left: 156px;
}

#modal .news-design3 .modal-news-item2,
#modal .news-design4 .modal-news-item2 {
	position: absolute;
	top: 40px;
	right: 145px;
}

#modal .news-design3 .modal-news-item3,
#modal .news-design4 .modal-news-item3 {
	position: absolute;
	top: 333px;
	left: 228px;
}




#paper .section {
	clear: both;
	margin-bottom: 28px;
	position: relative;
}

#paper .section .new {
	position: absolute;
	top: -20px;
	left: 605px;
}

#paper .new {
	position: absolute;
	top: -20px;
	left: 605px;
}


#paper .update {
	position: absolute;
	top: 15px;
	left: 15px;
}

#paper .nekomario-design01 {
	position: absolute;
	top: 286px;
	left: 223px;
}

#paper .nekomario-design02 {
	position: absolute;
	top: 286px;
	left: 373px;
}

#paper .nekomario-design-ttl {
	position: absolute;
	top: 229px;
	left: 221px;
}

#paper .nekomario-design-copy01 {
	position: absolute;
	top: 373px;
	left: 235px;
}

#paper .kinopio-btn01 {
	position: absolute;
	top: 465px;
	left: 181px;
}

#paper .mydesign-btn01 {
	position: absolute;
	top: 430px;
	left: 216px;
}

#paper .mura-btn01 {
	position: absolute;
	top: 430px;
	left: 216px;
}

#paper .nekomario-btn01 {
	position: absolute;
	top: 468px;
	left: 121px;
}


#paper .photo-btn01 {
	position: absolute;
	top: 531px;
	left: 120px;
}

/* commu */
/* nintendo */
#paper .commu {
	margin-bottom: 16px;
	position: relative;
}

#paper .miiverse {
	position: relative;
}

#paper .miiverse .update {
	position: absolute;
	top: 15px;
	left: 15px;
}

#paper .miiverse .miiverse-btn01 {
	position: absolute;
	top: 344px;
	left: 237px;
}




/*ika*/
#paper .ika-house,
#paper .ika-design {
	position: relative;
}

#paper .ikahouse-btn1 {
	position: absolute;
	top: 435px;
	left: 166px;
}

#paper .ikadesign-txt1 {
	position: absolute;
	top: 86px;
	left: 96px;
}

#paper .ikadesign-txt2 {
	position: absolute;
	top: 131px;
	left: 230px;
}

#paper .ikadesign-txt3 {
	position: absolute;
	top: 543px;
	left: 235px;
}

#paper .ikadesign-item {
	position: absolute;
	top: 182px;
}

#paper .ikadesign-item1 {
	position: absolute;
	top: 0;
	left: 138px;
}

#paper .ikadesign-item2 {
	position: absolute;
	top: 0;
	left: 292px;
}

#paper .ikadesign-item3 {
	position: absolute;
	top: 0;
	left: 454px;
}

#paper .ikadesign-item4 {
	position: absolute;
	top: 123px;
	left: 138px;
}

#paper .ikadesign-item5 {
	position: absolute;
	top: 123px;
	left: 292px;
}

#paper .ikadesign-item6 {
	position: absolute;
	top: 123px;
	left: 454px;
}

#paper .ikadesign-item7 {
	position: absolute;
	top: 246px;
	left: 138px;
}

#paper .ikadesign-item8 {
	position: absolute;
	top: 246px;
	left: 292px;
}

#paper .ikadesign-item9 {
	position: absolute;
	top: 246px;
	left: 454px;
}

#paper .ikadesign-btn1 {
	position: absolute;
	top: 611px;
	left: 206px;
}

#paper .ikadesign-btn2 {
	position: absolute;
	top: 649px;
	left: 136px;
}


/*live*/
#paper .live,
#paper .live-design {
	position: relative;
}

#paper .live-btn1 {
	position: absolute;
	top: 435px;
	left: 166px;
}

#paper .livedesign-txt1 {
	position: absolute;
	top: 86px;
	left: 96px;
}

#paper .livedesign-txt2 {
	position: absolute;
	top: 131px;
	left: 230px;
}

#paper .livedesign-txt3 {
	position: absolute;
	top: 665px;
	left: 235px;
}

#paper .livedesign-item {
	position: absolute;
	top: 181px;
}

#paper .livedesign-item1 {
	position: absolute;
	top: 0;
	left: 214px;
}

#paper .livedesign-item2 {
	position: absolute;
	top: 0;
	left: 372px;
}

#paper .livedesign-item3 {
	position: absolute;
	top: 109px;
	left: 214px;
}

#paper .livedesign-item4 {
	position: absolute;
	top: 109px;
	left: 372px;
}

#paper .livedesign-item5 {
	position: absolute;
	top: 246px;
	left: 136px;
}

#paper .livedesign-item6 {
	position: absolute;
	top: 246px;
	left: 294px;
}

#paper .livedesign-item7 {
	position: absolute;
	top: 246px;
	left: 450px;
}

#paper .livedesign-item8 {
	position: absolute;
	top: 368px;
	left: 136px;
}

#paper .livedesign-item9 {
	position: absolute;
	top: 368px;
	left: 294px;
}

#paper .livedesign-item10 {
	position: absolute;
	top: 368px;
	left: 450px;
}

#paper .livedesign-btn1 {
	position: absolute;
	top: 734px;
	left: 206px;
}

#paper .livedesign-btn2 {
	position: absolute;
	top: 771px;
	left: 136px;
}


/*amiibo*/
#paper .amiibo-btn01 {
	position: absolute;
	bottom: 108px;
	left: 108px;
}

#paper .amiibo-txt01 {
	position: absolute;
	bottom: 50px;
	left: 89px;
}

#paper .amiibo-txt01-link {
	position: absolute;
	top: 16px;
	left: 13px;
}


#paper .amiibo-chara01 {
	position: absolute;
	top: 31px;
	right: 61px;
}


/*news*/
#paper .news-item01 {
	height: 346px;
	background: url(../paper/images/news_item01.png) 0 0 no-repeat;
	position: relative;
}

#paper .news-item01-ttl {
	position: absolute;
	top: 35px;
	left: 169px;
}

#paper .news-item01-logo {
	position: absolute;
	top: 107px;
	left: 180px;
}

#paper .news-item01-text {
	position: absolute;
	top: 282px;
	left: 114px;
}

#paper .news-item01-text-link {
	position: absolute;
	top: 0;
	left: 166px;
}

#paper .news-item01-update {
	position: absolute;
	top: 24px;
	left: 83px;
}



#paper .news-item02 {
	height: 420px;
	background: url(../paper/images/news_item02.png) 0 0 no-repeat;
	position: relative;
}

#paper .news-item02-ttl {
	position: absolute;
	top: 67px;
	left: 169px;
}

#paper .news-item02-logo {
	position: absolute;
	top: 140px;
	left: 183px;
}

#paper .news-item02-text {
	position: absolute;
	top: 315px;
	left: 93px;
}

#paper .news-item02-text-link {
	position: absolute;
	top: 1px;
	left: 294px;
}

#paper .news-item02-update {
	position: absolute;
	top: 56px;
	left: 83px;
}


#paper .news-item03 {
	height: 534px;
	background: url(../paper/images/news_item03.png) 0 0 no-repeat;
	position: relative;
}

#paper .news-item03-ttl {
	position: absolute;
	top: 47px;
	left: 171px;
}

#paper .news-item03-img {
	position: absolute;
	top: 121px;
	left: 81px;
}

#paper .news-item03-text {
	position: absolute;
	top: 442px;
	left: 113px;
}

#paper .news-item03-update {
	position: absolute;
	top: 39px;
	left: 83px;
}

#paper .news-item03-chara {
	position: absolute;
	top: 35px;
	right: 88px;
}


#paper .news-item04 {
	height: 868px;
	background: url(../paper/images/news_item04.png) 0 0 no-repeat;
	position: relative;
}

#paper .news-item04-ttl {
	position: absolute;
	top: 57px;
	left: 169px;
}

#paper .news-item04-img01 {
	position: absolute;
	top: 166px;
	left: 142px;
}

#paper .news-item04-img02 {
	position: absolute;
	top: 232px;
	left: 120px;
}

#paper .news-item04-img03 {
	position: absolute;
	top: 486px;
	left: 127px;
}

#paper .news-item04-img04 {
	position: absolute;
	top: 696px;
	left: 154px;
}

#paper .news-item04-text {
	position: absolute;
	top: 767px;
	left: 93px;
}

#paper .news-item04-update {
	position: absolute;
	top: 46px;
	left: 83px;
}

#paper .news-item04-btn01 {
	position: absolute;
	top: 449px;
	left: 399px;
}

#paper .news-item04-btn02 {
	position: absolute;
	top: 644px;
	left: 399px;
}


/*#paper .news-item05 {
	height: 199px;
	background: url(../paper/images/news_item05.png) 0 0 no-repeat;
}*/


#paper .news-chara01 {
	position: absolute;
	top: 82px;
	right: 60px;
}



#paper .news-btn01 {
	position: absolute;
	bottom: 108px;
	left: 108px;
}

#paper .news-txt01 {
	position: absolute;
	bottom: 50px;
	left: 89px;
}

#paper .news-txt01-link {
	position: absolute;
	top: 16px;
	left: 13px;
}

/*newfeature*/
#paper .newfeature-item01 {
	position: relative;
}

#paper .newfeature-item01-copy {
	position: absolute;
	top: 42px;
	left: 96px;
}

#paper .newfeature-item01-link {
	position: absolute;
	top: 0;
	left: 53px;
}

#paper .newfeature-chara01 {
	position: absolute;
	top: 50px;
	right: 35px;
}