@charset "shift-jis";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  font-size: 1em;
}
:focus { outline: 0; }
img { border: none;}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


html { height: 100%; width: 100%; }
body { width: 100%; font-size:12px; font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',"MS P Gothic", Osaka, sans-serif;  -webkit-text-size-adjust: 100%; background: #000; }

* { word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; display: block; }

/* !clearfix */
.cfix { zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* !Links */
a:link { color:#fff; text-decoration:none; }
a:visited { color:#fff; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }
a:active { color:#fff; text-decoration:underline; }

.mb0 { margin-bottom: 0px!important; }
#wrapper { width: 100%; overflow: hidden; min-width: 960px; margin: 0 auto; zoom: 1;  max-width: 1600px; }

#banner_happyprice { position: absolute; left:50%; top:32px; margin-left:246px; }
#nav { position: absolute; }
#nav li { position: absolute; }
#nav li#nav1 { left: 0px; top: 0px; }
#nav li#nav2 { left: 134px; top: 26px; }
#nav li#nav3 { left: 272px; top: -3px; }
#nav li#nav4 { left: 411px; top: 26px; }
#nav li#nav5 { left: 549px; top: -3px; }
#nav li#nav6 { left: 592px; top: 182px; }
#nav li img {  }

#top #footer { height: 60px; }


#footer { width: 100%; background: #31a119; line-height: 11px; min-width: 960px; margin: 0 auto; zoom: 1;  max-width: 1600px; }
#footer .inner { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }
#footer #footerNav { float: left; padding: 0 0 0 7px; }
#footer #footerSub { float: right; padding: 0 3px 0; }
#footer li { float: left; color: #fff; padding: 7px 0; }
#footer li a { font-size: 11px; padding: 2px 7px 1px 20px; background: url(../images/common/footer_banana.png) no-repeat 5px 0px; display: block; border-right: 1px solid #fff; }
#footer li.last a { border: none; }
#footer li a:hover { background: url(../images/common/footer_banana.png) no-repeat 5px -2px; }
#footer{ bottom:-99px!important;}

#footer .inner p{
	clear:both;
	color: #fff;
	font-size: 11px;
	padding:10px 0 0 0;
	margin: 0 7px 0 14px;
	border-top:#FFF 1px dotted;
}
#footer .inner p span{
	display: block;
	float:left;
}
#footer .inner p a{ font-size: 11px; padding: 0 7px 0 20px; background: url(../images/common/footer_banana.png) no-repeat 5px 0px;display: block;float:left; }
#footer .inner p a:hover { background: url(../images/common/footer_banana.png) no-repeat 5px -2px; }



#container { position: relative; overflow: hidden; padding: 0 0 258px; zoom: 1; }
#header { height: 370px; position: relative; width: 100%; overflow: hidden; }
#header #jungleTop { position: absolute; left: 50%; top: 0; margin: 0 0 0 -800px; }
#header h1#board { position: absolute; left: 50%; top: 86px; margin: 0 0 0 -492px; }
#header p#logo { position: absolute; left: 50%; top: 64px; margin: 0 0 0 -471px; }
#header #nav { left: 50%; top: 55px; margin: 0 0 0 -224px; }
#logos { width: 100%; position: absolute; left: 0; top: 10px; }
#logos ul { width: 100%; max-width: 1200px; margin: 0 auto; }
#logos #Nintendo { float: left; padding: 0 0 0 8px; }
#logos #Nintendo3DS { float: right; padding: 0 8px 0; }
#jungleBtm { position: absolute; left: 50%; bottom: 0; margin: 0 0 0 -800px; }
#pagetop  { position: absolute; left: 50%; bottom: 40px; margin: 0 0 0 300px; }
.char { position: absolute; left: 50%; bottom: 0; }

#overlay { display: none; background:rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; }
#overlay #video { position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -320px; }
#overlay #videoClose { position: absolute; left: 50%; top: 50%; margin: -275px 0 0 330px; cursor: pointer; }

#content { width: 960px; margin: 0 auto; min-height: 500px; }

#top #main { width: 100%; height: 736px; position: relative; overflow: hidden; }
#top #main h1 { width: 1600px; height: 736px; position: absolute; left: 50%; top: 0; margin: 0 0 0 -800px; }
#top #main h1 img { float: left; }
#top #nav { left: 50%; top: 493px; margin: 0 0 0 -234px; }
#top #btns { position: absolute; left: 50%; top: 661px; margin: 0 0 0 -138px; }
#top #btns li { position: absolute; }
#top #btns #btn1 { left: 0px;  top: 0px; }
#top #btns #btn2 { left: 286px; top: 1px; }
#top #btnNewFeature { position: absolute; left: 50%; top: 290px; margin: 0 0 0 -356px; }
#top #btnMovie { position: absolute; left: 50%; top: 505px; margin: 0 0 0 -454px; }

#top #outline { background: url(../images/top/outline_bg.png) center top repeat-x; height: 320px; }
#top #outline .inner { width: 960px; padding: 23px 0 0; margin: 0 auto; position: relative; }
#top #outline .inner .caption { margin: 0 0 10px; width: 940px; margin: 0 auto; }
#top #outline .base { background: url(../images/top/outline_base.png) left top no-repeat ; position: absolute; left: 10px; top:63px; width: 940px; height: 206px; }
#top #outline .base #gamethumb { position: absolute; left: 110px; top: 10px; }
#top #outline .base #gameImg01 { position: absolute; left: 246px; top: 10px; }
#top #outline .base #icnCero { position: absolute; left: 246px; top: 71px; }
#top #outline .base #package_download { position: absolute; left: 211px; top:10px; }
#top #outline .base #btnDownload { position: absolute; left: 211px; top: 89px; }
#top #outline .base .txt01 { position: absolute; left: 50px; top: 136px; }
#top #outline .base ul { position: absolute; left: 412px; top: 10px; width: 528px; }
#top #outline .base ul li { float: left; width: 255px; margin: 0 9px 10px 0; font-size: 1px; line-height: 1; zoom: 1; }
#top #outline .base #localPlay { position: absolute; left: 412px; top: 145px; }
#top #outline .base #btnManual { position: absolute; right: 10px; bottom: 33px; }
#top #outline .base #btnGuidebook { position: absolute; right: 210px; bottom: 33px; }
#top #outline .txt02 { position: absolute; left: 20px; top: 260px; }
#top #outline .txt02 .link { display: block; position: absolute; left: 514px; top: 0px;  }
#top #outline #btn3ds { position: absolute; right: 20px; top: 260px; }
#top #outline small { position: absolute; right: 20px; top: 301px; }

.cmn #container { background: url(../images/common/bg_cmn.png) center top; }

#noscript #content { min-height: 100px; }
#noscript #content div { width: 612px; margin: 0 auto 38px; }
#noscript #content p img { margin: 0 auto; }

#prologue #container { background: url(../images/prologue/bg.png) center top; position: relative; padding: 0 0 238px }
#prologue #content { position: relative; }
#prologue #chainLeft { position: absolute; left: 50%; top: 135px; margin: 0 0px 0 -385px ; }
#prologue #chainRight { position: absolute; left: 50%; top: 154px; margin: 0 25px 0 34px ; }
#prologue #flame { position: absolute; left: 10px; top: -4px; }
#prologue #thumbs { position: absolute; left: 83px; top: 66px; }
#prologue #thumbs li { position: absolute; left: 0px; top: 0px; }
#prologue #btns { position: absolute; left: 145px; top: 372px; }
#prologue #btns li { float: left; margin: 0 10px 0 0 ; cursor: pointer; width: 50px; height: 50px; overflow: hidden; position: relative; }
#prologue #btns li img { position: absolute; left: 0; top: 0; }
#prologue #btns li:hover img,
#prologue #btns li.cur img { top:-50px; }
#prologue #balloon { position: absolute; left: 501px; top: -5px; }
#prologue #balloon #words { position: absolute; left: 0px; top: 0px; }
#prologue #balloon #words li { position: absolute; left: 0px; top: 0px; }
#prologue #balloon .balloonBtn { position: absolute; left: 328px; top: 235px;  width:94px; height:46px; overflow: hidden; cursor: pointer; }
#prologue #balloon .balloonBtn img { position: absolute; left: 0px; top: 0px; }
#prologue #balloon .balloonBtn:hover img { top:-46px; }

#prologue #char1 { bottom: 26px; margin: 0 0 0 -450px; }
#prologue #char2 { bottom: 24px; margin: 0 0 0 106px; }

.dammy { position: absolute; left: 50%; top: 0; margin: 0 0 0 -800px; }
#character #content { position: relative; background: url(../images/character/base.png) 7px 0px no-repeat ; height: 697px; }
#character #content #charas { position: absolute; left: 8px; top: -3px; }
#character #content #charas .chara { position: absolute; left: 0; top: 0; }
#character #content #charaNav { position: absolute; left: 117px; top: 454px; }
#character #content #charaNav li { float: left; margin: 0 14px 0 0; position: relative; overflow: hidden; width: 170px; height: 190px; cursor: pointer; }
#character #content #charaNav li img { position: absolute; left: 0; top: 0; }
#character #content #charaNav li:hover img,
#character #content #charaNav li.cur img { top: -190px; }
#character #char1 { bottom: 27px; margin: 0 0 0 -453px; }
#character #char2 { bottom: 11px; margin: 0 0 0 98px; }

#action #container { background: url(../images/common/bg_green.png) center top; }
#action #char1 { bottom: 26px; margin: 0 0 0 -450px; }
#action #char2 { bottom: 64px; margin: 0 0 0 125px; }

#course #container { background: url(../images/common/bg_emerald.png) center top; }
#course #char1 { bottom: 41px; margin: 0 0 0 -450px; }
#course #char2 { bottom: 28px; margin: 0 0 0 147px; }

#two #container { background: url(../images/common/bg_pink.png) center top; }
#two #char1 { bottom: 26px; margin: 0 0 0 -485px; }
#two #char2 { bottom: 26px; margin: 0 0 0 122px; }


#dktv #content { margin: -9px auto 0!important; }
#dktv #content #dktv-attention{
	width: 960px;
	height: 37px;
	margin-top: 40px;
	text-align: center;
}
#dktv #content #dktv-attention img{
	margin-left: auto;
	margin-right: auto;
}
#dktv h2 { margin: 0 0 23px; }
.movieList { margin: 0 0 53px 10px; width: 960px; }
.movieList li { float: left; margin: 0 11px 0 0; }
.movieList li a { display: block; margin: 0 0 4px }

#action #container { padding: 0 0 476px; }
#action #content { position: relative; }

#action #content h2 { position: absolute; left: 33px; top: -4px; }
#action #content .lead { position: absolute; left: 41px; top: 61px; }
#action #content #thumbs { height: 624px }
#action #content #thumbs li { position: absolute; }
#action #content #thumbs li span { position: absolute; }
#action #content #thumbs #action01 { left: 169px; top: 131px; }
#action #content #thumbs #action01 span { left: -10px; top:72px; }
#action #content #thumbs #action02 { left: 489px; top: 131px; }
#action #content #thumbs #action02 span { left: -10px; top:72px; }
#action #content #thumbs #action03 { left: 9px; top: 343px; }
#action #content #thumbs #action03 span { left: -10px; top:72px; }
#action #content #thumbs #action04 { left: 329px; top: 343px; }
#action #content #thumbs #action04 span { left: -10px; top:82px; }
#action #content #thumbs #action05 { left: 649px; top: 343px; }
#action #content #thumbs #action05 span { left: -10px; top:82px; }
#action #content #thumbs #action06 { left: 169.9px; top: 555px; }
#action #content #thumbs #action06 span { left: -10px; top:72px; }
#action #content #thumbs #action07 { left: 488px; top: 555px; }
#action #content #thumbs #action07 span { left: -9px; top:72px; }
#action #content #balloonRide { position: absolute; left: 810px; top: 557px; }
#action #content #txtBlock { position: absolute; left: 197px; top: 775px; }
.ride #contener { padding: 0 0 0px; }
#rideInner { background: url(../images/action/base.png) 0px 0px no-repeat; width: 948px; height: 748px; position: absolute; left: 7px; top:-1px; }
#rideInner h2 { position: absolute; left: 46px!important; top: 20px!important; }
#rideInner #ride01 { position: absolute; left: 49px; top: 186px; }
#rideInner #ride01 .thumb { position: absolute; left: 0px; top: 0px; }
#rideInner #ride01 h3 { position: absolute; left: 363px; top: 26px; }
#rideInner #ride01 p { position: absolute; left: 367px; top: 80px; }
#rideInner #ride02 { position: absolute; left: 86px; top: 387px; }
#rideInner #ride02 .thumb { position: absolute; left: 0px; top: 0px; }
#rideInner #ride02 h3 { position: absolute; left: 338px; top: -6px; }
#rideInner #ride02 p { position: absolute; left: 340px; top: 47px; }
#rideInner #ride03 { position: absolute; left: 47px; top: 536px; }
#rideInner #ride03 .thumb { position: absolute; left: 0px; top: 0px; }
#rideInner #ride03 h3 { position: absolute; left: 224px; top: 13px; }
#rideInner #ride03 p { position: absolute; left: 226px; top: 66px; }
#newmode { background: url(../images/action/newmode_base.png) left top no-repeat; position: absolute; left: 670px; top: 533px; width: 248px; height: 176px; }
#newmode p { margin: 19px 0px 0px 19px; }
#newmode .btn { margin: 10px 0px 0px 14px; }

#course #container { padding: 0 0 235px; }
#course #content { position: relative; }

#course #map { position: relative; width: ; height: 631px; }
#course #map .base { position: absolute; left: -3px; top: -31px; height:500px ; }
#course #map #btnSkyhigh { position: absolute; left: 654px; top: 36px; }
#course #map #btnNext { position: absolute; left: 830px; top: 274px; }
#course #map #anchor li { position: absolute; }
#course #map #anchor #anchor01_1 { left: 196px; top: 274px; }
#course #map #anchor #anchor01_2 { left: 424px; top: 367px; }
#course #map #anchor #anchor01_3 { left: 567px; top: 243px; }
#course .courseBase { background: url(../images/course/base.png) 7px 0px no-repeat; height: 381px; margin: 0 0 11px ; }
#course .courseBase h3 { margin: 11px 0px 8px 45px; padding: 11px 0 0 0; }
#course .courseBase ul { margin: 0px 0px 0px 49px; }
#course .courseBase ul li { float: left; margin: 0px 15px 0px 0px; width: 280px; }
#course .courseBase ul li a { display: block; }
#course .courseBase ul li span { display: block; margin: 13px 0px 0px 0px; }
#course #map .base02 { position: absolute; left: 19px; top: -57px; height:500px ; }
#course #map #anchor #anchor02_1 { left: 156px; top: 247px; }
#course #map #anchor #anchor02_2 { left: 350px; top: 307px; }
#course #map #anchor #anchor02_3 { left: 579px; top: 148px; }

#two #content { position: relative; }
#two #content #leadContent { height: 660px; }
#two #content h2 { position: absolute; left: 94px; top: -4px; }
#two #content .lead { position: absolute; left: 61px; top: 58px; }
#two #content #anchor li { position: absolute; }
#two #content #anchor #anchor01 { left: 9px; top: 116px; }
#two #content #anchor #anchor02 { left: 329px; top: 116px; }
#two #content #anchor #anchor03 { left: 649px; top: 116px; }
#two #content #anchor #anchor04 { left: 170px; top: 378px; }
#two #content #anchor #anchor05 { left: 490px; top: 378px; }
#two #content #howtoBtn { position: absolute; left: 812px; top: 411px; }
#two #content .base { position:relative; background: url(../images/two/base.png) 6px 0px no-repeat; width: 948px; height: 377px; margin: 0 0 12px; }
#two #content .base .thumb { position: absolute; left: 50px; top: 40px; }
#two #content .base h3 { position: absolute; left: 540px; top: 61px; }
#two #content .base p { position: absolute; left: 543px; top: 111px; }

#beginners #container { padding: 0 0 245px; }
#beginners .base { position: relative; margin: 0 0 12px; }
/* #beginners #content img { opacity: 0.6; } */
#beginners #block01 { background: url(../images/beginners/base01.png) left top no-repeat; height: 521px; }
#beginners #block02 { background: url(../images/beginners/base02.png) left top no-repeat; height: 442px; }
#beginners #block03 { background: url(../images/beginners/base03.png) left top no-repeat; height: 542px; width: 468px; }
#beginners #doubleColumn { width: 948px; }
#beginners .left { float: left; }
#beginners .right { float: right; }
#beginners #block01 h2 { position: absolute; left: 46px; top: 30px; }
#beginners #block01 .lead { position: absolute; left: 48px; top: 105px; }
#beginners #block01 .txt { position: absolute; left: 48px; top: 202px; }
#beginners #block01 .btns { position: absolute; left: 47px; top: 413px; }
#beginners #block01 .btns li { float: left; margin: 0 0px 0 0; }
#beginners #block01 .thumb { position: absolute; left: 575px; top: 69px; }
#beginners #block02 h2 { position: absolute; left: 48px; top: 31px; }
#beginners #block02 p { position: absolute; left: 543px; top: 180px; }
#beginners #block02 .thumb { position: absolute; left: 49px; top: 106px; }
#beginners .left h2 { position: absolute; left: 49px; top: 32px; }
#beginners .left p { position: absolute; left: 49px; top: 107px; }
#beginners .left .illust { position: absolute; left: 47px; top: 223px; }
#beginners .left .btn { position: absolute; left: 78px; top: 443px; }
#beginners .right h2 { position: absolute; left: 46px; top: 32px; }
#beginners .right p { position: absolute; left: 49px; top: 360px; }
#beginners .right .thumb { position: absolute; left: 49px; top: 95px; }
#beginners .right .btn { position: absolute; left: 78px; top: 443px; }
#mania #container { padding: 0 0 231px; }
#mania .base { position: relative; background:url(../images/mania/base.png) left top no-repeat ; width: 948px; height: 442px; margin: 0 0 12px; }
#mania .base2 { position: relative; background:url(../images/mania/base2.png) left top no-repeat ; width: 948px; height: 389px; margin: 0 0 12px; }
#mania .base h2 { position: absolute; left: 50px; top: 29px; }
#mania .base h3 { position: absolute; left: 542px; top: 269px; }
#mania .base p { position: absolute; left: 542px; top: 124px; }
#mania .base .thumb { position: absolute; left: 48px; top: 103px; }
#mania .base .btn { position: absolute; left: 541px; top: 293px; background: url(../images/mania/btn_base.png) left top no-repeat ; padding: 8px 13px 13px 13px; width: 286px;  }
#mania .base .btn li { float: left; width: 143px; }