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

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

html { overflow-x: hidden; }
body { background: url(../images/common/bg_popup.png) center top; width: 100%; overflow-x: hidden;  }
/* img { opacity: 0.5; } */


/* 共通 */
#tsuta { min-width: 960px; position: absolute; left: 0; top: 0; right: 0; overflow: hidden; height: 130px; }
#tsuta img { position: absolute; left: 50%; top: 0; margin: 0 0 0 -800px;  }

.wide { width: 960px; position: relative; margin: 0 auto; }
.clear { clear: both; height: 0px; }

.hidden { visibility: hidden; }
#overlay {
  background: #000; position: fixed; left: 0; top: 0; right: 0; bottom: 0;
  opacity:0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"; 
}

#slider { position: fixed; left: 50%; top: 50%; margin: -205px 0 0 -325px; width: 650px; height: 410px; }
* html #slider { position: absolute; }
#slider .close { position: absolute; right: -75px; top: -96px; cursor: pointer; }
#slider .ttl { position: absolute; left: 107px; top: 0; }
#slider .count { position: absolute; right: 110px; top: 8px; }
#slider .count span { width: 36px; height: 25px; overflow: hidden; position: absolute; right: 50px; top: -6px; display: block; }
#slider .count span img { position: absolute; left: 0; }
#slider .count .num1 img { top: 0; }
#slider .count .num2 img { top: -40px; }
#slider .count .num3 img { top: -80px; }
#slider .count .num4 img { top: -120px; }
#slider .count .num5 img { top: -160px; }
#slider .count .num6 img { top: -200px; }
#slider .count .num7 img { top: -240px; }
#slider .count .num8 img { top: -280px; }
#slider .count .num9 img { top: -320px; }
#slider .count .num10 img { top: -360px; }
#slider .btnPrev { position: absolute; left: 30px; top: 154px; cursor: pointer; }
#slider .btnNext { position: absolute; right: 30px; top: 154px; cursor: pointer; }
#slider #slideContent { width: 434px; height: 287px; position: absolute; left: 107px; top: 40px; }
#slider #slideContent ul { position: absolute; left: 17px; top: 22px; width: 400px; height: 240px; overflow: hidden; }
#slider #slideContent li { float: left; }
#slider .cap { position: absolute; left: 3px; bottom: 0px;  }
#slider #frame { position: absolute; }
#slider .bullet { left: 180px; top: 348px; position: absolute; }
#slider .bullet li { width: 20px; height: 20px; overflow: hidden; float: left; margin: 0 10px 0 0; position: relative; }
#slider .bullet li img { position: absolute; left: 0; top: 0; cursor: pointer; }
#slider .bullet li.selected img { position: absolute; left: 0; top: -20px; }
#slider .close { position: absolute; }

/* newfeatures */
#newfeatures #ttl { position: absolute; left: 21px; top: 0px; }
#newfeatures #paper { margin: 0 auto; padding: 10px 0 20px; }
#newfeatures h1 { position: absolute; left: 1px; top: 0; }

#newfeatures #sec00_1 { position: absolute; left: 71px; top: 100px; }
#newfeatures #sec00_2 { position: absolute; left: 69px; top: 328px; }
#newfeatures #sec01 { position: absolute; left: 0; top: 396px; }
#newfeatures #sec01_1 { position: absolute; left: 456px; top: 60px; }
#newfeatures #sec01_2 { position: absolute; left: 458px; top: 164px; }

#newfeatures #anime { position: absolute; left: 61px; top: 40px; width: 380px; height: 320px; overflow: hidden; }
#newfeatures #anime img { position: absolute; left: 0; top: 0; }
#newfeatures #anime .ie { left: 0; top: 0; display: none; }
#newfeatures #anime .sprite { left: 0; top: 0; display: none; }

#newfeatures #sec01_4 { position: absolute; left: 90px; top: 386px; }
#newfeatures #btnScreenShot { position: absolute; left: 459px; top: 313px; }
#newfeatures #newmode { position: absolute; left: 0; top: 930px; }
#newfeatures #sec02_1 { position: absolute; left: 87px; top: 71px; }
#newfeatures #sec02_2 { position: absolute; left: 88px; top: 133px; }
#newfeatures #sec02_3 { position: absolute; left: 564px; top: 30px; }
#newfeatures #sec02_4 { position: absolute; left: 593px; top: 226px; }
#newfeatures #sec02_5 { position: absolute; left: 78px; top: 443px; }
#newfeatures #sec02_6 { position: absolute; left: 79px; top: 511px; }
#newfeatures #sec02_7 { position: absolute; left: 353px; top: 514px; }
#newfeatures #sec02_8 { position: absolute; left: 627px; top: 511px; }
#newfeatures #sec02_9 { position: absolute; left: 78px; top: 812px; }
#newfeatures #sec02_10 { position: absolute; left: 78px; top: 881px; }
#newfeatures #sec02_11 { position: absolute; left: 584px; top: 881px; }

#newfeatures #skyhigh { position: absolute; left: 0; top: 2150px; }
#newfeatures #sec03_1 { position: absolute; left: 469px; top: 59px; }
#newfeatures #sec03_2 { position: absolute; left: 469px; top: 162px; }
#newfeatures #sec03_3 { position: absolute; left: 80px; top: 39px; }
#newfeatures #sec03_4 { position: absolute; left: 79px; top: 307px; }
#newfeatures #sec03_5 { position: absolute; left: 353px; top: 307px; }
#newfeatures #sec03_6 { position: absolute; left: 627px; top: 307px; }


#newfeatures #close { position: absolute; left: 409px; top: 2755px; }





/* screenshot */
#screenShot { width: 960px; margin: 0 auto; background: #000; }
#screenShot #header { position: relative; height: 226px; }
#screenShot #logo { position: absolute; left: 39px; top: 37px; }
#screenShot h1 { position: absolute; left: 308px; top: 60px; }
#screenShot h1#ttl_no { position: absolute; left: 308px; top: 90px; }
#screenShot p { position: absolute; left: 309px; top: 123px; }
#screenShot ul { padding: 0 0 0 40px; }
#screenShot ul li { float: left; margin: 0 40px 34px 0; }




#network {}
#network #ttl { position: absolute; left: 21px; top: 0px; }
#network #paper { margin: 0 auto; padding: 10px 0 20px; }
#network #sec01_1 { position: absolute; left: 70px; top: 211px; }
#network #sec01_2 { position: absolute; left: 71px; top: 306px; }
#network #sec01_3 { position: absolute; left: 40px; top: 652px; }
#network #sec01_4 { position: absolute; left: 489px; top: 652px; }
#network #sec01_5 { position: absolute; left: 0px; top: 0px; }
#network #close { position: absolute; left: 409px; top: 908px; }


#history { position: relative; }
#history #wrapper { width: 720px; margin: 0 auto; position: relative; }
#history #tsuta { min-width: 720px; }
#history .section img { position: absolute; }
#history #ttl { position: absolute; left: 0px; top: 0px; }
#history #sec01_1 { position: absolute; left: 66px; top: 189px; }
#history #sec01_2 { position: absolute; left: 100px; top: 299px; }
#history #sec01_3 { position: absolute; left: 461px; top: 279px; }
#history #sec02_1 { position: absolute; left: 89px; top: 707px; }
#history #sec02_2 { position: absolute; left: 99px; top: 861px; }
#history #sec02_3 { position: absolute; left: 418px; top: 830px; }
#history #sec02_4 { position: absolute; left: 100px; top: 1012px; }
#history #sec02_5 { position: absolute; left: 302px; top: 1018px; }
#history #sec03_1 { position: absolute; left: 82px; top: 1153px; }
#history #sec03_2 { position: absolute; left: 98px; top: 1287px; }
#history #sec03_3 { position: absolute; left: 100px; top: 1649px; }
#history #sec03_4 { position: absolute; left: 348px; top: 1654px; }
#history #sec03_5 { position: absolute; left: 100px; top: 1845px; }
#history #sec03_6 { position: absolute; left: 273px; top: 1845px; }
#history #sec03_7 { position: absolute; left: 446px; top: 1845px; }
#history #sec03_8 { position: absolute; left: 100px; top: 1980px; }
#history #sec03_9 { position: absolute; left: 273px; top: 1980px; }
#history #sec03_10{ position: absolute; left: 446px; top: 1980px; }
#history #sec03_11{ position: absolute; left: 100px; top: 2134px; }
#history #close { position: absolute; left: 289px; top: 2236px; }
#history #paper { margin: 0 auto; padding: 14px 0 20px; z-index: 0; }