@charset "UTF-8";

body#gallery {
	background-color: #FFF;
	background-image: none;
}

/* ========================================
	common
======================================== */
#wrapper  {
	background: #FCF9F4 url(../gallery/images/gallery_bg02.jpg) center bottom no-repeat;
}

#contents {
	background: url(../gallery/images/gallery_bg01.jpg) center 0 no-repeat;
}

.sttl {
	text-align: center;
}

/* ========================================
	#ttl-area
======================================== */
#ttl-area {
	height: 1142px;
	padding-top: 35px;
}

#ttl {
	margin: 0 0 0 263px;
}

#copy {
	margin: 47px 0 0 80px;
}

#picture01 {
	position: absolute;
	top: 135px;
	right: 36px;
}

#picture02 {
	position: absolute;
	top: 315px;
	left: 77px;
}
#picture03 {
	position: absolute;
	top: 395px;
	right: -27px;
}

#picture04 {
	position: absolute;
	top: 601px;
	left: -88px;
}
#picture05 {
	position: absolute;
	top: 601px;
	left: 174px;
}
#picture06 {
	position: absolute;
	top: 835px;
	left: -2px;
}

#virtual {
	position: absolute;
	top: 694px;
	left: 536px;
	text-align: center;
}
#virtual dd {
	margin-top: 14px;
}

/* ========================================
	#movie
======================================== */
#movie {
	height: 751px;
	background: url(../gallery/images/movie_bg.png) center bottom no-repeat;
}

.movie-copy {
	position: absolute;
	top: 46px;
	right: 40px;
}

.movie-img {
	position: absolute;
	top: 43px;
	left: 40px;
}

.movie-img01 {
	position: absolute;
	top: 43px;
	left: 40px;
}

.movie-img02 {
	position: absolute;
	top: 411px;
	left: 0;
}

.movie-wrap {
	position: absolute;
	top: 296px;
	left: 130px;
}

#movieplay {
	position: absolute;
	top: 40px;
	left: 40px;
}

/* ========================================
	#share
======================================== */
#share {
	height: 1149px;
	background: url(../gallery/images/share_bg.png) center 38px no-repeat;
}

/* miiverse */
.miiverse-img01 {
	position: absolute;
	top: 116px;
	left: 110px;
}

.miiverse-img02 {
	position: absolute;
	top: 111px;
	left: 375px;
}

.miiverse-img03 {
	position: absolute;
	top: 226px;
	left: 110px;
}

.miiverse-img04 {
	position: absolute;
	top: 283px;
	right: 1px;
}

/* sns */
.sns-img01 {
	position: absolute;
	top: 626px;
	left: 110px;
}

.sns-img02 {
	position: absolute;
	top: 629px;
	left: 375px;
}

.sns-img03 {
	position: absolute;
	top: 682px;
	left: 376px;
}

.sns-img04 {
	position: absolute;
	top: 766px;
	left: 140px;
}

.sns-btn {
	position: absolute;
	top: 986px;
	left: 280px;
}

.end_miiverse_txt {
    position: absolute;
    top: 598px;
    left: 250px;
}

/* ========================================
	#howto
======================================== */
#howto {
	height: 220px;
	background: url(../gallery/images/howto_bg.png) center 0 no-repeat;
}

#howto dl {
	padding: 44px 0 0 189px;
}

#howto dt {
	margin-bottom: 18px;
}

.howto-img {
	position: absolute;
	top: 19px;
	right: 71px;
}