@charset "Shift_JIS";
body{
	background-color: #980019;
}
/*------------------------------------------------------------------------------
  HEADER
------------------------------------------------------------------------------*/
.header {
    width: 100%;
    height: 176px;
    background: #faf5e6 url(../../img/shared/top_bg_famicon.png) 50% 0 no-repeat;
    position: relative; }
.header .header_ids {
    height: 65px;
    width: 100%; }
.header .corporateid {
    position: absolute;
    top: 15px;
    left: 19px; }
.header .productid {
    position: absolute;
    top: 11px;
    right: 21px; }
.header .header_inner {
    position: relative;
    width: 960px;
    margin: 0 auto; }
.header .header_inner .main_logo_soft_m {
    position: absolute;
    top: 0px;
    left: 0px; }
.header .header_inner .gnavcontainer {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 524px;
    height: 50px; }
.header .header_inner .gnavcontainer .gnavbginner {
    position: relative; }
.header .header_inner .gnavcontainer .gnavbginner .gnav_btn_top {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px; }
.header .header_inner .gnavcontainer .gnavbginner .gnav_btn_movie {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 176px; }
.header .header_inner .gnavcontainer .gnavbginner .gnav_btn_originals {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 352px; }

.header .header_inner .gnavcontainer .gnavbginner .gnav_wrap{
    position: relative;
    display: block;
    height: 50px;
    width: 172px;
}

.header .header_inner .gnavcontainer .gnavbginner .gnav_wrap .coin{
    position: absolute;
    top: -64px;
    left: 58px;
    width: 56px;
    height: 80px;
    background-image: url("../../img/shared/coin_set.png");
    background-size: cover;
    background-position: 0 0;
    visibility: hidden;
}

.header .header_inner .gnavcontainer .gnavbginner .gnav_wrap a{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 50px;
    width: 172px;
    z-index: 2;
    -webkit-transform: translateZ(100px);
}

.header .header_inner .gnavcontainer .gnavbginner .gnav_wrap img{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 50px;
    width: 172px;
    z-index: 1;
}



/*------------------------------------------------------------------------------
  CONTENTS
------------------------------------------------------------------------------*/
/*.contents {
    background-color: #faf5e6;
    height: auto; }*/

.wrapper{
    position: relative;
    overflow-x: hidden;
}


.contents {
    background-color: #faf5e6;
    height: auto;
}

.contents .section {
    position: relative;
    width: 960px;
    margin: 0 auto; }
.contents .contentmain {
    background: url(../img/movie_bg_famicom.png) 50% 100% no-repeat; }
.contents .contentmain .section {
    height: 1020px; }
.contents .contentmain .section .contentmain_stitle {
    position: absolute;
    top: 0;
    left: 0; }


.contents .contentmain .section #dk_mario_wrap{
    position: absolute;
    top: -98px;
    left: 743px;
}

.contents .contentmain .section #contentstop_icon_dk_mario {
    width: 200px;
    height: 180px;
    background-image: url("../img/icon_movie_mario.png");
    background-size: cover;
    background-position: -0px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene0 {
    background-position: -0px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene1 {
    background-position: -200px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene2 {
    background-position: -400px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene3 {
    background-position: -600px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene4 {
    background-position: -800px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene5 {
    background-position: -1000px 0;
}
.contents .contentmain .section #contentstop_icon_dk_mario.scene6 {
    background-position: -1200px 0;
}

.contents .contentmain .section .player_area {
    position: absolute;
    top: 113px;
    left: 23px; }

.contents .contentmain .section .moviebtn_01{
	position: absolute;
    top: 690px;
    left: 224px;
}
.contents .contentmain .section .moviebtn_02{
	position: absolute;
    top: 690px;
    left: 503px;
}

.contents .contentmain .section .moviecaption{
	position: absolute;
    top: 900px;
	left: 130px;
}




/*	bg images	*/
.contents .contentmain .section_bg {
    position: relative;
    height: 0px;
    width: 960px;
    margin: 0 auto; }
.contents .contentmain .section_bg .bg_movie_chara01 {
    position: absolute;
    top: 90px;
    left: -64px; }
.contents .contentmain .section_bg .bg_movie_chara02 {
    position: absolute;
    top: 179px;
    left: 939px; }
.contents .contentmain .section_bg .bg_movie_chara03 {
    position: absolute;
    top: 315px;
    left: -70px; }
.contents .contentmain .section_bg .bg_movie_chara04 {
    position: absolute;
    top: 429px;
    left: 946px; }
.contents .contentmain .section_bg .bg_movie_chara05 {
    position: absolute;
    top: 517px;
    left: -98px; }
.contents .contentmain .section_bg .bg_movie_chara06 {
    position: absolute;
    top: 675px;
    left: 916px; }
.contents .contentmain .section_bg .bg_movie_chara07 {
    position: absolute;
    left: -25px;
    top: 857px; }
.contents .contentmain .section_bg .bg_movie_chara08 {
    position: absolute;
    left: 780px;
    top: 819px; }
.contents .contentmain .section_bg .bg_movie_chara09 {
    position: absolute;
    top: 714px;
    left: -95px; }

.footer {
    background: url(../../img/shared/footer_bg.png) 0 0 repeat-x;
    height: 97px;
    position: relative; }
.footer .footer_inner {
    width: 960px;
    height: 68px;
    margin: 0 auto;
    position: relative; }
.footer .footer_inner .btn_backtotop {
    position: absolute;
    top: -26px;
    right: 0; }



.footer .footer_inner .btn_backtotop_chara {
    position: absolute;
    top: -60px;
    right: 37px;
}



.footer .footer_inner .footer_navi {
    float: left;
    padding: 20px 0 0 5px; }
.footer .footer_inner .footer_navi > li {
    height: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-left: 1px solid #ebd793;
    padding-right: 15px;
    padding-left: 17px; }
.footer .footer_inner .footer_navi li.footer_btn_top {
    padding-left: 0;
    border-left: none; }
.footer .footer_inner .footer_link {
    float: right;
    padding: 20px 0 0 5px; }
.footer .footer_inner .footer_link > li {
    height: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-right: 1px solid #ebd793;
    padding-right: 15px;
    padding-left: 15px; }
.footer .footer_inner .footer_link li.footer_btn_wiiu {
    padding-right: 0;
    border-right: none; }
.footer .footer_inner .copyright {
    position: absolute;
    bottom: 15px;
    right: 50px; }








.contents .contentmain .section_bg .obg_movie_chara01 {
    position: absolute;
    left: -310px;
    top: 320px;
}

.contents .contentmain .section_bg .obg_movie_chara02 {
    position: absolute;
    left: 1270px;
    top: 50px;
}

.contents .contentmain .section_bg .obg_movie_chara03 {
    position: absolute;
    left: 1170px;
    top: 330px;
}

.contents .contentmain .section_bg .obg_movie_chara04 {
    position: absolute;
    left: 1410px;
    top: 350px;
}

.contents .contentmain .section_bg .obg_movie_chara05 {
    position: absolute;
    left: -460px;
    top: 570px;
}

.contents .contentmain .section_bg .obg_movie_chara06 {
    position: absolute;
    left: 1200px;
    top: 570px;
}

.contents .contentmain .section_bg .obg_movie_chara07 {
    position: absolute;
    left: -390px;
    top: 60px;
}