@charset "UTF-8";

/*
HEADER
*/

#header-note {
    height: 52px;
    padding-top: 14px;
    text-align: center;
    background: #fff;
    border-bottom: solid 1px #e0e0e0;
}

#container {
    position: relative;
}


/*
TITLE
*/

#title {
    width: 960px;
    height: 580px;
    margin: 0 auto;
    padding-left: 220px;
    padding-top: 100px;
    text-align: center;
    position: relative;
    z-index: 99;
}

#title .pointprogram {
    width: 496px;
    height: 222px;
    background: url(../images/pointprogram.png) 0 0 no-repeat;
    margin: 0 auto 0 130px;
    position: relative;
    top: 12px;
    left: -8px;
}

#title .pointprogram a {
    display: block;
    width: 421px;
    height: 63px;
    background-image: url(../images/btn_pointprogram.png);
    background-position: left top;
    position: relative;
    left: 43px;
    top: 140px;
    text-indent: -99999px;
}

#title .note {
    position: relative;
    top: 18px;
    left: 132px;
    text-align: left;
    width: 464px;
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid #FFF;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#title .note p {
    line-height: 1.5em;
    font-size: 10px;
    padding-left: 1em;
    text-indent: -1em;
}

#title .pointprogram a:hover {
    background-image: url(../images/btn_pointprogram.png);
    background-position: left -63px;
}


/*
SLIDER
*/

ul.bxslider li.slide1 {
    background-image: url(../images/slider/yoshi_bg.jpg);
}

ul.bxslider li.slide2 {
    background-image: url(../images/slider/kinopio_bg.jpg);
}

ul.bxslider li.slide3 {
    background-image: url(../images/slider/mario_bg.jpg);
}

ul.bxslider li.slide4 {
    background-image: url(../images/slider/luigi_bg.jpg);
}

ul.bxslider li.slide5 {
    background-image: url(../images/slider/peach_bg.jpg);
}

ul.bxslider li.slide6 {
    background-image: url(../images/slider/diddy-kong_bg.jpg);
}

ul.bxslider li.slide7 {
    background-image: url(../images/slider/dk_bg.jpg);
}

ul.bxslider li.slide8 {
    background-image: url(../images/slider/koopa_bg.jpg);
}

ul.bxslider li.slide9 {
    background-image: url(../images/slider/koopa-jr_bg.jpg);
}

ul.bxslider li.slide10 {
    background-image: url(../images/slider/rozetta_bg.jpg);
}


/*pager*/

#bx-pager .s0 a {
    background-image: url(../images/slider/yoshi.png);
}

#bx-pager .s1 a {
    background-image: url(../images/slider/kinopio.png);
}

#bx-pager .s2 a {
    background-image: url(../images/slider/mario.png);
}

#bx-pager .s3 a {
    background-image: url(../images/slider/luigi.png);
}

#bx-pager .s4 a {
    background-image: url(../images/slider/peach.png);
}

#bx-pager .s5 a {
    background-image: url(../images/slider/diddy-kong.png);
}

#bx-pager .s6 a {
    background-image: url(../images/slider/dk.png);
}

#bx-pager .s7 a {
    background-image: url(../images/slider/koopa.png);
}

#bx-pager .s8 a {
    background-image: url(../images/slider/koopa-jr.png);
}

#bx-pager .s9 a {
    background-image: url(../images/slider/rozetta.png);
}

#bx-pager .s0 a.active {
    background-image: url(../images/slider/yoshi_on.png);
}

#bx-pager .s1 a.active {
    background-image: url(../images/slider/kinopio_on.png);
}

#bx-pager .s2 a.active {
    background-image: url(../images/slider/mario_on.png);
}

#bx-pager .s3 a.active {
    background-image: url(../images/slider/luigi_on.png);
}

#bx-pager .s4 a.active {
    background-image: url(../images/slider/peach_on.png);
}

#bx-pager .s5 a.active {
    background-image: url(../images/slider/diddy-kong_on.png);
}

#bx-pager .s6 a.active {
    background-image: url(../images/slider/dk_on.png);
}

#bx-pager .s7 a.active {
    background-image: url(../images/slider/koopa_on.png);
}

#bx-pager .s8 a.active {
    background-image: url(../images/slider/koopa-jr_on.png);
}

#bx-pager .s9 a.active {
    background-image: url(../images/slider/rozetta_on.png);
}


/*content*/

.content {
    width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}


/*
nav
*/

.nav {
    text-align: center;
    margin-bottom: 24px;
}

.nav li {
    display: inline-block;
}

.nav li a {
    display: block;
    width: 274px;
    height: 94px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.nav li.game {
    margin-right: 5px;
}

.nav li.game a {
    background: url(../images/top_btn_l.png) 0 0 no-repeat;
}

.nav li.chara a {
    background: url(../images/top_btn_r.png) 0 0 no-repeat;
}

.nav li.game a:hover {
    background: url(../images/top_btn_l_on.png) 0 0 no-repeat;
}

.nav li.chara a:hover {
    background: url(../images/top_btn_r_on.png) 0 0 no-repeat;
}


/*
spec
*/

.spec {
    width: 960px;
    padding: 24px;
    margin-bottom: 39px;
    background: url(../images/spec_bg.png) 0 0 no-repeat;
    height: 387px;
}
.spec > p{
	text-align: center;
	margin-bottom: 50px;
}
.spec .wiiu {
    float: left;
    width: 456px;
    margin-right: 42px;
}

.spec .ds {
    float: left;
    width: 400px;
}

.spec .title {
    margin-bottom: 15px;
    text-align: center;
}

.spec .icon {
    float: left;
    margin-right: 22px;
    width: 67px;
    text-align: center;
}

.spec .icon img {
    margin-bottom: 10px;
}

.spec .note {
    clear: both;
    text-align: center;
    padding-top: 55px;
}

.spec .note img {
    vertical-align: top;
}

.spec .manual a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.spec .wiiu .manual {
    text-align: center;
    margin-top: 35px;
}


.spec .ds .manual {
    text-align: center;
    margin-top: 15px;
}
.spec .ds .manual a:first-child,
.spec .wiiu .manual a:first-child{
	margin-right: 10px;
}

/*
banner
*/

.banner {
    width: 364px;
    height: 154px;
    margin: 0 auto 100px;
    position: relative;
}

.banner .about {
    position: absolute;
    left: 59px;
    top: 128px;
}

.banner .wiiu {
    position: absolute;
    left: 54px;
    top: 154px;
}

.banner .ds {
    position: absolute;
    left: 54px;
    top: 186px;
}


/*
FOOTER
*/

.footer-chara {
    text-align: center;
    margin-bottom: -2px;
    position: relative;
}

.footer {
    position: relative;
}