@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 { width: 100%; }
body { width: 100%; min-width: 960px; font-size:12px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS P Gothic", Osaka, sans-serif;  -webkit-text-size-adjust: 100%; background: #fff; }

* { 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; }

#header { height: 50px; position: relative; }
#header p { position: absolute; }
#header .nintendo { left: 20px; top: 16px; }
#header .pokemon { left: 20px; top: 16px; }
#header .n3ds { right: 20px; top: 17px; }


#container { background: url(../images/container_bg.png) repeat-x left top; }
#inner { background: url(../images/content_bg.jpg) no-repeat center top; position: relative; min-width: 960px; overflow: hidden; }
#FlashArea { height: 790px; background: url(../images/flash_area_bg.png) repeat-x left bottom; margin: 0 0 30px; }
.swfEnable #FlashArea { background: none; }

#main { width: 960px; margin: 0 auto; min-height: 790px; position: relative; }
#main .x    { position: absolute; left: 2px; top: 0px; }
#main .y    { position: absolute; left: 436px; top: 0px; }
#main .copy { position: absolute; left: 426px; top: 0px; }
#main .text { position: absolute; left: 289px; top: 478px; }
#main .btn  { position: absolute; left: 46px; top: 524px; }

#captures { width: 3010px; position: absolute; left: 50%; top: 628px; margin: 0 0 0 -1423px; padding: 9px 0 0; background: url(../images/top_main_cap_bg.png) repeat-x left top; height: 144px; }
#captures img { float: left; }
#bnr { margin: 0 auto 20px auto; text-align:center; }
#bnr a { margin:0 auto; display:block; width:920px; }
#sub { width: 920px; margin: 0 auto 30px; overflow: hidden; }
#sub #outline { position: relative; width: 710px; height: 140px; float: left; }
#sub #outline div,
#sub #outline p { position: absolute; }
#sub #outline .packageX { left: 20px; top: 20px; }
#sub #outline .iconX { left: 132px; top: 21px; }
#sub #outline .iconY { left: 304px; top: 21px; }
#sub #outline .packageY { left: 191px; top: 20px; }
#sub #outline .cero { left: 580px; top: 21px; }
#sub #outline .text1 { left: 363px; top: 21px; }
#sub #outline .text2 { left: 363px; top: 44px; }
#sub #outline .text3 { left: 363px; top: 68px; }
#sub #outline .iconNN { left: 630px; top: 21px; }
#sub #outline .btnOther { left: 363px; top: 94px; }
#sub #btnInterview { float: right; }
#sub #nav { overflow: hidden; margin: 0 0 20px; }
#sub #nav li { position: relative; }
#sub #nav li.left { float: left; }
#sub #nav li.right { float: right; }
#sub #nav .noOv { position: absolute; right: 6px; top: 7px; }

#cation { margin: 0 auto 20px auto; padding:11px 0 11px 130px; width:790px; height:17px; color:#838383; background: url(../images/bg_info_01.gif) no-repeat; letter-spacing:2px; }
#cation a p{ color:#838383; }
#cation a p span.line { text-decoration:underline; }
#cation a:hover p{ text-decoration:none; }


#footer { width: 920px; margin: 0 auto; }
#footer #info { overflow: hidden; margin: 0 0 20px; }
#footer #info p { float: left; }
#footer #info ul { float: right; }
#footer #info ul li { float: left; margin: 0 0 0 10px; }

#footer #links { overflow: hidden; padding: 0 0 40px; }
#footer #links ul { float: right; }
#footer #links ul li { float: left; padding: 0 10px 0; line-height: 1.2; }
#footer #links ul li.ds { border-left: 1px solid #666; padding-right: 0; }
#footer #links a { color: #666; font-size: 11px; }

#content { width: 960px; margin: 0 auto; min-height: 790px; position: relative; }
#content #logo { padding: 13px 0 5px 11px; }
#movie { background: url(../images/movie_base.png) center top no-repeat; }
#movie .movieInner { width: 920px; margin: 0 auto 28px; padding: 10px 0 13px; }
#movie h2 { margin: 30px 0 30px 30px; }
#playWrapper { background: url(../images/movieplayer_base.png) center top no-repeat; width: 640px; height: 400px; margin: 0 auto 40px; padding: 30px 40px 40px; }
#playWrapper .subTitle { margin: 0 0 20px; }
#playWrapper #video { width: 640px; height: 360px; }
#movie #nav { width: 720px; margin: 0 auto 10px; }/*860px*/
#movie #nav li { float: left; margin: 0 60px 20px 0; width: 200px; height: 170px; overflow: hidden; cursor: pointer; }
#movie #nav li.cur { cursor: default; }
#movie #nav li.last { margin: 0 0 20px 0; }
#movie #nav li:hover img,
#movie #nav li.cur img { margin: -170px 0 0 0; }
#movie .txtBlock { width: 420px; margin: 0 auto 30px; }
#movie .btnPop { width: 420px; margin: 0 auto 30px; }
#movie .backTop { width: 228px; margin: 0 auto 50px; }

#megashinka { background: url(../images/content_bg.jpg) no-repeat 50% -89px; }
#megashinka body { min-width: 100%; background: url(../images/meg_bg_rpt.png) repeat-y center top; }
#megashinka body .bgInner { background: url(../images/meg_bg_top.png) no-repeat center top; }
#megashinka body .bgBottom { background: url(../images/meg_bg_btm.png) no-repeat center bottom; }
#megashinka #megaInner { width: 860px; margin: 0 auto; height: 1663px; position: relative; }
#megashinka h1,
#megashinka h2,
#megashinka li,
#megashinka li img,
#megashinka p { position: absolute; }
#megashinka h1 { left: 30px; top: 50px; }
#megashinka h2 { left: 60px; top: 250px; }
#megashinka p.lead { left: 30px; top: 130px; }
#megashinka li { cursor: pointer; }
#megashinka li img { left: 0px; top: 0px; }
#megashinka li .afterX,
#megashinka li .afterY,
#megashinka li .after { width: 0; left: 120px; }
#megashinka li#poke1 { left: 60px; top: 303px; }
#megashinka li#poke2 { left: 310px; top: 303px; }
#megashinka li#poke3 { left: 560px; top: 303px; }

#megashinka li#poke4 { left: 60px; top: 673px; }
#megashinka li#poke5 { left: 310px; top: 673px; }
#megashinka li#poke6 { left: 560px; top: 673px; }

#megashinka li#poke7 { left: 60px; top: 1043px; }
#megashinka li#poke8 { left: 310px; top: 1043px; }
#megashinka li#poke9 { left: 560px; top: 1043px; }
#megashinka p#btnMore { left: 60px; top: 1433px; }
#megashinka p#btnClose { left: 316px; top: 1554px; }
#megashinka p#balloon { left: 0px; top: 0px; display: none; }
#megashinka p#balloon img { position: absolute; left: 0px; top: 0px; }
#megashinka p#balloon .before2 { left: -35px; }

#dummy {  position: absolute; left: 50%; top: 0; margin: 0 0 0 -600px; }