@charset "utf-8"; /* template structure ======================================================================= */ html, body { height: 100%; } body { color: #000000; background: #ffffff url(../img/body-checker.jpg) center top repeat-x; } body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; } /* #page ----------------------------------------------------------------------- */ #page { margin: 0 auto; width: 960px; background: #ffffff url(../img/page-pane.png) left top repeat-y; box-shadow: 0 0 16px rgba(0,0,0,.8); } /* #header ----------------------------------------------------------------------- */ #header { position: relative; width: 960px; height: 160px; background: url(../img/header.png) no-repeat; } #header a { outline: none; } #header-logo { position: absolute; top: 24px; left: 16px; z-index: 100; } /* #gnav ----------------------------------------------------------------------- */ #gnav { padding: 0 14px 16px; width: 228px; float: left; } #gnav a { outline: none; } #gnav-menu { overflow: visible; } #gnav-menu li { margin-bottom: 4px; position: relative; } #gnav-menu li:last-child { margin-bottom: 0; } #gnav-menu li a { display: block; z-index: 1; width: 228px; height: 72px; background-image: url(../img/gnav-menu.png?rev=2022-06-29-3); background-repeat: no-repeat; text-indent: -999px; overflow: hidden; } #gnav-menu .new { position: absolute; top: 1px; left: -7px; z-index: 20; width: 50px; height: 50px; background: url(../img/gnav-menu-new.png) no-repeat; } #gnav-menu #gnav-button-spcode a, #gnav-menu #gnav-button-dojo a, #gnav-menu #gnav-button-yotteko a, #gnav-menu #gnav-button-bnpassinfo a { height: 96px; } #gnav-button-mode a { background-position: 0 0; } #gnav-button-course a { background-position: 0 -72px; } #gnav-button-character a { background-position: 0 -144px; } #gnav-button-kart a { background-position: 0 -216px; } #gnav-button-item a { background-position: 0 -288px; } #gnav-button-technic a { background-position: 0 -360px; } #gnav-button-bnpass a { background-position: 0 -432px; } #gnav-button-location a { background-position: 0 -504px; } #gnav-button-qanda a { background-position: 0 -576px; } #gnav-button-spcode a { background-position: 0 -720px; } #gnav-button-dojo a { background-position: 0 -816px; } #gnav-button-privacy a { background-position: 0 -912px; } #gnav-button-yotteko a { background-position: 0 -984px; } #gnav-button-bnpassinfo a { background-position: 0 -1080px; } #gnav-button-mode a:hover { background-position: -228px 0; } #gnav-button-course a:hover { background-position: -228px -72px; } #gnav-button-character a:hover { background-position: -228px -144px; } #gnav-button-kart a:hover { background-position: -228px -216px; } #gnav-button-item a:hover { background-position: -228px -288px; } #gnav-button-technic a:hover { background-position: -228px -360px; } #gnav-button-bnpass a:hover { background-position: -228px -432px; } #gnav-button-location a:hover { background-position: -228px -504px; } #gnav-button-qanda a:hover { background-position: -228px -576px; } #gnav-button-spcode a:hover { background-position: -228px -720px; } #gnav-button-dojo a:hover { background-position: -228px -816px; } #gnav-button-privacy a:hover { background-position: -228px -912px; } #gnav-button-yotteko a:hover { background-position: -228px -984px; } #gnav-button-bnpassinfo a:hover { background-position: -228px -1080px; } #gnav-button-mode a.active { background-position: -456px 0; } #gnav-button-course a.active { background-position: -456px -72px; } #gnav-button-character a.active { background-position: -456px -144px; } #gnav-button-kart a.active { background-position: -456px -216px; } #gnav-button-item a.active { background-position: -456px -288px; } #gnav-button-technic a.active { background-position: -456px -360px; } #gnav-button-bnpass a.active { background-position: -456px -432px; } #gnav-button-location a.active { background-position: -456px -504px; } #gnav-button-qanda a.active { background-position: -456px -576px; } #gnav-button-spcode a.active { background-position: -456px -720px; } #gnav-button-dojo a.active { background-position: -456px -816px; } #gnav-button-privacy a.active { background-position: -456px -912px; } #gnav-button-yotteko a.active { background-position: -456px -984px; } #gnav-button-bnpassinfo a.active { background-position: -456px -1080px; } #gnav-button-mode a.na { background-position: -684px 0; } #gnav-button-course a.na { background-position: -684px -72px; } #gnav-button-character a.na { background-position: -684px -144px; } #gnav-button-kart a.na { background-position: -684px -216px; } #gnav-button-item a.na { background-position: -684px -288px; } #gnav-button-technic a.na { background-position: -684px -360px; } #gnav-button-bnpass a.na { background-position: -684px -432px; } #gnav-button-location a.na { background-position: -684px -504px; } #gnav-button-qanda a.na { background-position: -684px -576px; } #gnav-button-spcode a.na { background-position: -684px -720px; } #gnav-button-dojo a.na { background-position: -684px -816px; } #gnav-button-privacy a.na { background-position: -684px -912px; } #gnav-button-yotteko a.na { background-position: -684px -984px; } #gnav-button-bnpassinfo a.na { background-position: -456px -1080px; } /* #main ----------------------------------------------------------------------- */ #main { padding-bottom: 16px; float: right; width: 704px; background: url(../img/heading-back.png) no-repeat; } /* #heading ----------------------------------------------------------------------- */ #heading { margin-top: -160px; min-height: 232px; position: relative; z-index: 99; background: url(../img/heading-front.png) right -8px no-repeat; } #heading a { outline: none; } #heading img { vertical-align: bottom; } #heading .heading-text { position: absolute; top: 160px; left: 0; width: 480px; height: 64px; background-image: url(../img/heading-text.png?rev=2014-07-28); } #heading .title-before-content { margin-bottom: -24px; background-color: #ffffff; } #heading-text-mode { background-position: 0 0; } #heading-text-course { background-position: 0 -64px; } #heading-text-character { background-position: 0 -128px; } #heading-text-kart { background-position: 0 -192px; } #heading-text-item { background-position: 0 -256px; } #heading-text-technic { background-position: 0 -320px; } #heading-text-bnpass { background-position: 0 -384px; } #heading-text-location { background-position: 0 -448px; } #heading-text-qanda { background-position: 0 -512px; } #heading-text-spcode { background-position: 0 -640px; } #heading-text-scoop { background-position: 0 -704px; } #heading-text-upd14summer, #heading-text-upd14winter, #heading-text-upd15summer { background-position: 0 -768px; } #heading-text-dojo { background-position: 0 -896px; } #heading-text-privacy { background-position: 0 -960px; } /* #snav ----------------------------------------------------------------------- */ #snav { padding: 240px 16px 8px; background: url(../img/snav-bar.png) left bottom no-repeat; } body.character #snav { background-image: none; } /* #snav-menu ----------------------------------------------------------------------- */ #snav-menu { margin: -8px 0 -1px 0; overflow: visible; } #snav-menu li { margin-right: 4px; float: left; width: 128px; height: 64px; display: inline; position: relative; } #snav-menu li#snav-button-kart1, #snav-menu li#snav-button-kart2 { width: 168px; } #snav-menu li a { margin-top: -1px; background-image: url(../img/snav-menu.png?rev=2018-12-10-1); } #snav-menu li a.active { margin-top: 0; } body.course #snav-menu li { width: 88px;} #snav-menu li#snav-button-donkeykong { width: 104px; } #snav-menu li a b { position: absolute; top: -6px; left: 4px; z-index: 10px; width: 62px; height: 24px; background: url(../img/snav-badge-new.png); } #snav-menu li a b.ichioshi { position: absolute; top: -6px; left: 4px; z-index: 10px; width: 62px; height: 24px; background: url(../img/snav-badge-ichioshi.png); } #snav-menu li a.active b { top: -14px; } #snav-menu #snav-button-gp a { background-position: 0 0; } /* #snav-menu #snav-button-bunshin a { background-position: -128px 0; } */ #snav-menu #snav-button-zenkoku a { background-position: -128px 0; } #snav-menu #snav-button-minna a { background-position: -256px 0; } #snav-menu #snav-button-futari a { background-position: -384px 0; } #snav-menu #snav-button-team a { background-position: -512px 0; } #snav-menu #snav-button-kinoko a { background-position: -640px 0; } #snav-menu #snav-button-mario a { background-position: -728px 0; } #snav-menu #snav-button-taiko a { background-position: -816px 0; } #snav-menu #snav-button-koopajr a { background-position: -904px 0; } #snav-menu #snav-button-koopa a { background-position: -992px 0; } #snav-menu #snav-button-donkeykong a { background-position: -1080px; width: 104px; } #snav-menu #snav-button-pacman a { background-position: -1184px 0; } #snav-menu #snav-button-kougeki a { background-position: -1280px 0; } #snav-menu #snav-button-bougai a { background-position: -1408px 0; } #snav-menu #snav-button-tokushu a { background-position: -1536px 0; } #snav-menu #snav-button-kart1 a { background-position: -1664px 0; } #snav-menu #snav-button-kart2 a { background-position: -1832px 0; } #snav-menu #snav-button-gp a:hover { background-position: 0 -64px; } /* #snav-menu #snav-button-bunshin a:hover { background-position: -128px -64px; } */ #snav-menu #snav-button-zenkoku a:hover { background-position: -128px -64px; } #snav-menu #snav-button-minna a:hover { background-position: -256px -64px; } #snav-menu #snav-button-futari a:hover { background-position: -384px -64px; } #snav-menu #snav-button-team a:hover { background-position: -512px -64px; } #snav-menu #snav-button-kinoko a:hover { background-position: -640px -64px; } #snav-menu #snav-button-mario a:hover { background-position: -728px -64px; } #snav-menu #snav-button-taiko a:hover { background-position: -816px -64px; } #snav-menu #snav-button-koopajr a:hover { background-position: -904px -64px; } #snav-menu #snav-button-koopa a:hover { background-position: -992px -64px; } #snav-menu #snav-button-pacman a:hover { background-position: -1184px -64px; } #snav-menu #snav-button-donkeykong a:hover { background-position: -1080px -64px; width: 104px; } #snav-menu #snav-button-kougeki a:hover { background-position: -1280px -64px; } #snav-menu #snav-button-bougai a:hover { background-position: -1408px -64px; } #snav-menu #snav-button-tokushu a:hover { background-position: -1536px -64px; } #snav-menu #snav-button-kart1 a:hover { background-position: -1664px -64px; } #snav-menu #snav-button-kart2 a:hover { background-position: -1832px -64px; } #snav-menu #snav-button-gp a.active { background-position: 0 -128px; } /* #snav-menu #snav-button-bunshin a.active { background-position: -128px -128px; } */ #snav-menu #snav-button-zenkoku a.active { background-position: -128px -128px; } #snav-menu #snav-button-minna a.active { background-position: -256px -128px; } #snav-menu #snav-button-futari a.active { background-position: -384px -128px; } #snav-menu #snav-button-team a.active { background-position: -512px -128px; } #snav-menu #snav-button-kinoko a.active { background-position: -640px -128px; } #snav-menu #snav-button-mario a.active { background-position: -728px -128px; } #snav-menu #snav-button-taiko a.active { background-position: -816px -128px; } #snav-menu #snav-button-koopajr a.active { background-position: -904px -128px; } #snav-menu #snav-button-koopa a.active { background-position: -992px -128px; } #snav-menu #snav-button-pacman a.active { background-position: -1184px -128px; } #snav-menu #snav-button-donkeykong a.active { background-position: -1080px -128px; width: 104px; } #snav-menu #snav-button-kougeki a.active { background-position: -1280px -128px; } #snav-menu #snav-button-bougai a.active { background-position: -1408px -128px; } #snav-menu #snav-button-tokushu a.active { background-position: -1536px -128px; } #snav-menu #snav-button-kart1 a.active { background-position: -1664px -128px; } #snav-menu #snav-button-kart2 a.active { background-position: -1832px -128px; } /* #snav-menu-character ----------------------------------------------------------------------- */ /* #snav-menu-character { margin: -12px 0 12px 0; overflow: visible; text-align: center; *border:1px solid transparent; } */ #snav-menu-character { margin: -12px 0 12px 0; overflow: visible; *border:1px solid transparent; } #snav-menu-character li { display: inline-block; *display: inline; width: 88px; height: 88px; position: relative; } #snav-menu-character li a { display: inline-block; *display: inline; *zoom: 1; width: 88px; height: 88px; background-image: url(../img/snav-menu-character.png?rev=2017-05-25-2); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #snav-menu-character li a b { position: absolute; top: -6px; right: -8px; z-index: 10; width: 41px; height: 40px; background-image: url(../img/snav-badge-new-character.png); background-repeat: no-repeat; } #snav-menu-character li#snav-button-mario a b { top: -10px; right: -3px; } #snav-menu-character #snav-button-mario a { background-position: 0 0; } #snav-menu-character #snav-button-luigi a { background-position: -88px 0; } #snav-menu-character #snav-button-peach a { background-position: -176px 0; } #snav-menu-character #snav-button-yoshi a { background-position: -264px 0; } #snav-menu-character #snav-button-kinopio a { background-position: -352px 0; } #snav-menu-character #snav-button-donkeykong a { background-position: -440px 0; } #snav-menu-character #snav-button-koopa a { background-position: -528px 0; } #snav-menu-character #snav-button-koopajr a { background-position: -616px 0; } #snav-menu-character #snav-button-wario a { background-position: -704px 0; } #snav-menu-character #snav-button-waluigi a { background-position: -792px 0; } #snav-menu-character #snav-button-pacman a { background-position: -880px 0; } #snav-menu-character #snav-button-donchan a { background-position: -968px 0; } #snav-menu-character #snav-button-rosetta a { background-position: -1056px 0; } #snav-menu-character #snav-button-metalmario a { background-position: -1144px 0; } #snav-menu-character #snav-button-babymario a { background-position: -1232px 0; } #snav-menu-character #snav-button-babypeach a { background-position: -1320px 0; } #snav-menu-character #snav-button-daisy a { background-position: -1408px 0; } #snav-menu-character #snav-button-kingboo a { background-position: -1496px 0; } #snav-menu-character #snav-button-lakitu a { background-position: -1584px 0; } #snav-menu-character #snav-button-mario a:hover { background-position: 0 -88px; } #snav-menu-character #snav-button-luigi a:hover { background-position: -88px -88px; } #snav-menu-character #snav-button-peach a:hover { background-position: -176px -88px; } #snav-menu-character #snav-button-yoshi a:hover { background-position: -264px -88px; } #snav-menu-character #snav-button-kinopio a:hover { background-position: -352px -88px; } #snav-menu-character #snav-button-donkeykong a:hover { background-position: -440px -88px; } #snav-menu-character #snav-button-koopa a:hover { background-position: -528px -88px; } #snav-menu-character #snav-button-koopajr a:hover { background-position: -616px -88px; } #snav-menu-character #snav-button-wario a:hover { background-position: -704px -88px; } #snav-menu-character #snav-button-waluigi a:hover { background-position: -792px -88px; } #snav-menu-character #snav-button-pacman a:hover { background-position: -880px -88px; } #snav-menu-character #snav-button-donchan a:hover { background-position: -968px -88px; } #snav-menu-character #snav-button-rosetta a:hover { background-position: -1056px -88px; } #snav-menu-character #snav-button-metalmario a:hover { background-position: -1144px -88px; } #snav-menu-character #snav-button-babymario a:hover { background-position: -1232px -88px; } #snav-menu-character #snav-button-babypeach a:hover { background-position: -1320px -88px; } #snav-menu-character #snav-button-daisy a:hover { background-position: -1408px -88px; } #snav-menu-character #snav-button-kingboo a:hover { background-position: -1496px -88px; } #snav-menu-character #snav-button-lakitu a:hover { background-position: -1584px -88px; } #snav-menu-character #snav-button-mario a.active { background-position: 0 -176px; } #snav-menu-character #snav-button-luigi a.active { background-position: -88px -176px; } #snav-menu-character #snav-button-peach a.active { background-position: -176px -176px; } #snav-menu-character #snav-button-yoshi a.active { background-position: -264px -176px; } #snav-menu-character #snav-button-kinopio a.active { background-position: -352px -176px; } #snav-menu-character #snav-button-donkeykong a.active { background-position: -440px -176px; } #snav-menu-character #snav-button-koopa a.active { background-position: -528px -176px; } #snav-menu-character #snav-button-koopajr a.active { background-position: -616px -176px; } #snav-menu-character #snav-button-wario a.active { background-position: -704px -176px; } #snav-menu-character #snav-button-waluigi a.active { background-position: -792px -176px; } #snav-menu-character #snav-button-pacman a.active { background-position: -880px -176px; } #snav-menu-character #snav-button-donchan a.active { background-position: -968px -176px; } #snav-menu-character #snav-button-rosetta a.active { background-position: -1056px -176px; } #snav-menu-character #snav-button-metalmario a.active { background-position: -1144px -176px; } #snav-menu-character #snav-button-babymario a.active { background-position: -1232px -176px; } #snav-menu-character #snav-button-babypeach a.active { background-position: -1320px -176px; } #snav-menu-character #snav-button-daisy a.active { background-position: -1408px -176px; } #snav-menu-character #snav-button-kingboo a.active { background-position: -1496px -176px; } #snav-menu-character #snav-button-lakitu a.active { background-position: -1584px -176px; } /* #content ----------------------------------------------------------------------- */ #content { padding: 40px 40px 32px 40px; min-height: 400px; color: #444444; background-color: #ffffff; position: relative; } #content.content-full-bleed { margin: 0 0 -16px; padding: 0; min-height: 824px; } /* 2014-12-09 */ #content p::selection, #content td::selection, #content dt::selection, #content dd::selection, #content li::selection { color: #660000; background-color: #ffd0d0; text-shadow: none; } /* #footer ----------------------------------------------------------------------- */ #footer { position: relative; width: 960px; height: 136px; background: url(../img/footer.png?rel=2023-06-01) no-repeat; background-size: contain; } #footer a { outline: none; } #footer-ecoam { position: absolute; top: 24px; right: 16px; width: 480px; height: 77px; background-image: url(../img/footer-ecoam.png); } #footer-cabinet { position: absolute; bottom: 8px; right: 24px; width: 154px; height: 160px; background: url(../img/footer-cabinet.png?rel=2023-05-31-1) top center / cover no-repeat; }