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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.layout-sprite, .layout-bt-napthe-hov, .layout-bt-napthe, .layout-bt-taigame-hov, .layout-bt-taigame, .layout-bt-top, .layout-logo, .layout-nav-1-hov, .layout-nav-1, .layout-nav-2-hov, .layout-nav-2, .layout-nav-3-hov, .layout-nav-3, .layout-nav-4-hov, .layout-nav-4, .layout-nav-5-hov, .layout-nav-5, .layout-nav-6-hov, .layout-nav-6, .layout-nav-7-hov, .layout-nav-7, .layout-nav-8-hov, .layout-nav-8, .layout-nav-9-hov, .layout-nav-9, .layout-top-nav-01-hov, .layout-top-nav-01, .layout-top-nav-02-hov, .layout-top-nav-02, .layout-top-nav-03-hov, .layout-top-nav-03, .layout-top-nav-04-hov, .layout-top-nav-04, .layout-top-nav-05-hov, .layout-top-nav-05, .layout-top-nav-06-hov, .layout-top-nav-06, .layout-top-nav-07-hov, .layout-top-nav-07, .layout-top-nav-08-hov, .layout-top-nav-08, .layout-top-nav-09-hov, .layout-top-nav-09, #wrapper h1.logo a, nav li:nth-child(1) a, nav li:nth-child(1) a.active, nav li:nth-child(1) a:hover, nav li:nth-child(2) a, nav li:nth-child(2) a.active, nav li:nth-child(2) a:hover, nav li:nth-child(3) a, nav li:nth-child(3) a.active, nav li:nth-child(3) a:hover, nav li:nth-child(4) a, nav li:nth-child(4) a.active, nav li:nth-child(4) a:hover, nav li:nth-child(5) a, nav li:nth-child(5) a.active, nav li:nth-child(5) a:hover, nav li:nth-child(6) a, nav li:nth-child(6) a.active, nav li:nth-child(6) a:hover, nav li:nth-child(7) a, nav li:nth-child(7) a.active, nav li:nth-child(7) a:hover, nav li:nth-child(8) a, nav li:nth-child(8) a.active, nav li:nth-child(8) a:hover, nav li:nth-child(9) a, nav li:nth-child(9) a.active, nav li:nth-child(9) a:hover, .menu-top li:nth-child(1) a, .menu-top li:nth-child(1) a.active, .menu-top li:nth-child(1) a:hover, .menu-top li:nth-child(2) a, .menu-top li:nth-child(2) a.active, .menu-top li:nth-child(2) a:hover, .menu-top li:nth-child(3) a, .menu-top li:nth-child(3) a.active, .menu-top li:nth-child(3) a:hover, .menu-top li:nth-child(4) a, .menu-top li:nth-child(4) a.active, .menu-top li:nth-child(4) a:hover, .menu-top li:nth-child(5) a, .menu-top li:nth-child(5) a.active, .menu-top li:nth-child(5) a:hover, .menu-top li:nth-child(6) a, .menu-top li:nth-child(6) a.active, .menu-top li:nth-child(6) a:hover, .menu-top li:nth-child(7) a, .menu-top li:nth-child(7) a.active, .menu-top li:nth-child(7) a:hover, .menu-top li:nth-child(8) a, .menu-top li:nth-child(8) a.active, .menu-top li:nth-child(8) a:hover, .menu-top li:nth-child(9) a, .menu-top li:nth-child(9) a.active, .menu-top li:nth-child(9) a:hover, .top, .sticky-right a.download, .sticky-right a.download:hover, .sticky-right a.nap-the, .sticky-right a.nap-the:hover {
  background-image: url('../images/layout-s8774aa10f8.png');
  background-repeat: no-repeat;
}

.layout-bt-napthe-hov {
  background-position: -124px 0;
  height: 75px;
  width: 124px;
}

.layout-bt-napthe {
  background-position: 0 0;
  height: 75px;
  width: 124px;
}

.layout-bt-taigame-hov {
  background-position: 0 -156px;
  height: 75px;
  width: 124px;
}

.layout-bt-taigame {
  background-position: -53px -75px;
  height: 75px;
  width: 124px;
}

.layout-bt-top {
  background-position: 0 -75px;
  height: 71px;
  width: 53px;
}

.layout-logo {
  background-position: 0 -795px;
  height: 129px;
  width: 342px;
}

.layout-nav-1-hov {
  background-position: 0 -1185px;
  height: 234px;
  width: 107px;
}

.layout-nav-1 {
  background-position: -95px -561px;
  height: 234px;
  width: 107px;
}

.layout-nav-2-hov {
  background-position: -95px -1446px;
  height: 261px;
  width: 111px;
}

.layout-nav-2 {
  background-position: -107px -1185px;
  height: 261px;
  width: 111px;
}

.layout-nav-3-hov {
  background-position: 0 -1747px;
  height: 301px;
  width: 129px;
}

.layout-nav-3 {
  background-position: 0 -2048px;
  height: 301px;
  width: 129px;
}

.layout-nav-4-hov {
  background-position: 0 -2385px;
  height: 337px;
  width: 142px;
}

.layout-nav-4 {
  background-position: -129px -2048px;
  height: 337px;
  width: 142px;
}

.layout-nav-5-hov {
  background-position: -142px -2722px;
  height: 354px;
  width: 151px;
}

.layout-nav-5 {
  background-position: 0 -3076px;
  height: 354px;
  width: 151px;
}

.layout-nav-6-hov {
  background-position: -142px -2385px;
  height: 337px;
  width: 142px;
}

.layout-nav-6 {
  background-position: 0 -2722px;
  height: 337px;
  width: 142px;
}

.layout-nav-7-hov {
  background-position: -129px -1747px;
  height: 301px;
  width: 129px;
}

.layout-nav-7 {
  background-position: -206px -1446px;
  height: 301px;
  width: 129px;
}

.layout-nav-8-hov {
  background-position: -202px -924px;
  height: 261px;
  width: 111px;
}

.layout-nav-8 {
  background-position: -218px -1185px;
  height: 261px;
  width: 111px;
}

.layout-nav-9-hov {
  background-position: -202px -561px;
  height: 234px;
  width: 107px;
}

.layout-nav-9 {
  background-position: -95px -924px;
  height: 234px;
  width: 107px;
}

.layout-top-nav-01-hov {
  background-position: 0 -924px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-01 {
  background-position: -95px -480px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-02-hov {
  background-position: 0 -561px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-02 {
  background-position: -190px -399px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-03-hov {
  background-position: -95px -399px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-03 {
  background-position: 0 -480px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-04-hov {
  background-position: -190px -318px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-04 {
  background-position: -95px -318px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-05-hov {
  background-position: 0 -399px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-05 {
  background-position: -190px -237px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-06-hov {
  background-position: -95px -237px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-06 {
  background-position: 0 -318px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-07-hov {
  background-position: -219px -156px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-07 {
  background-position: -124px -156px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-08-hov {
  background-position: 0 -237px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-08 {
  background-position: -177px -75px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-09-hov {
  background-position: 0 -1446px;
  height: 81px;
  width: 95px;
}

.layout-top-nav-09 {
  background-position: -190px -480px;
  height: 81px;
  width: 95px;
}

/* ----- content ----- */
/* ----- tabHeader ----- */
/* ----- AnchorLink ----- */
/* ----- table ----- */
/* ----- NoticeBox ----- */
/* ----- Popup ----- */
/* ----- UserInfo ----- */
/* ----- form ----- */
#wrapper .toplink, main, nav {
  display: block;
  overflow: hidden;
}

#wrapper h1.logo a, nav li a, .top {
  display: block;
  text-indent: -9999px;
}

strong {
  font-weight: bold;
}

fieldset legend {
  display: none;
}

a {
  color: #0094fb;
  text-decoration: underline;
}
a:hover {
  color: #ff6601;
  text-decoration: none;
}

html, body {
  background-color: #1b0b00;
  color: #380e00;
  font: 14px/20px Tahoma, Arial, Verdana, sans-serif;
  text-align: justify;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #5b2b02;
  background: #000000;
}

#wrapper {
  width: 2000px;
  height: 1000px;
  position: fixed;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-left: -1000px;
  margin-top: -500px;
  background: url(../images/bg.jpg) center top;
}
#wrapper video {
  position: absolute;
  z-index: 1;
}
#wrapper h1.logo a {
  background-position: 0 -795px;
  height: 129px;
  width: 342px;
  position: absolute;
  left: 50%;
  top: 20px;
  margin-left: -150px;
  z-index: 3;
  text-indent: -9999px;
}
#wrapper .toplink {
  padding: 10px 3px;
  position: absolute;
  left: 50%;
  top: 150px;
  margin-left: -130px;
  z-index: 2;
}
#wrapper .toplink li {
  border-right: 2px solid #2d0c0a;
  float: left;
  padding: 0 10px;
  line-height: 14px;
  white-space: nowrap;
  font-weight: bold;
}
#wrapper .toplink li:last-child {
  border: none;
}
#wrapper .toplink li a {
  color: #2d0c0a;
  display: block;
  text-decoration: none;
}
#wrapper .toplink li a:hover {
  color: #d31e25;
  text-decoration: underline;
}

.BgNoTitle {
  background: url(../images/bg2.jpg) no-repeat 50% 50% #000000 !important;
}

main, nav {
  position: relative;
  z-index: 4;
}

footer {
  width: 100%;
  background: url(../images/footer.jpg) top center no-repeat;
  margin: 0 auto;
  height: 129px;
}

/* navigation */
nav {
  width: 100%;
  position: absolute;
  top: 635px;
  overflow: visible;
}
nav ul {
  width: 1150px;
  margin: 0 auto;
  text-align: center;
}
nav li {
  float: left;
}
nav li a.off, nav li a.off:hover {
  cursor: not-allowed;
}
nav li:nth-child(1) a {
  background-position: -95px -561px;
  height: 234px;
  width: 107px;
}
nav li:nth-child(1) a.active, nav li:nth-child(1) a:hover {
  background-position: 0 -1185px;
  height: 234px;
  width: 107px;
}
nav li:nth-child(1) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(2) a {
  background-position: -107px -1185px;
  height: 261px;
  width: 111px;
}
nav li:nth-child(2) a.active, nav li:nth-child(2) a:hover {
  background-position: -95px -1446px;
  height: 261px;
  width: 111px;
}
nav li:nth-child(2) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(3) a {
  background-position: 0 -2048px;
  height: 301px;
  width: 129px;
}
nav li:nth-child(3) a.active, nav li:nth-child(3) a:hover {
  background-position: 0 -1747px;
  height: 301px;
  width: 129px;
}
nav li:nth-child(3) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(4) a {
  background-position: -129px -2048px;
  height: 337px;
  width: 142px;
}
nav li:nth-child(4) a.active, nav li:nth-child(4) a:hover {
  background-position: 0 -2385px;
  height: 337px;
  width: 142px;
}
nav li:nth-child(4) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(5) a {
  background-position: 0 -3076px;
  height: 354px;
  width: 151px;
}
nav li:nth-child(5) a.active, nav li:nth-child(5) a:hover {
  background-position: -142px -2722px;
  height: 354px;
  width: 151px;
}
nav li:nth-child(5) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(6) a {
  background-position: 0 -2722px;
  height: 337px;
  width: 142px;
}
nav li:nth-child(6) a.active, nav li:nth-child(6) a:hover {
  background-position: -142px -2385px;
  height: 337px;
  width: 142px;
}
nav li:nth-child(6) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(7) a {
  background-position: -206px -1446px;
  height: 301px;
  width: 129px;
}
nav li:nth-child(7) a.active, nav li:nth-child(7) a:hover {
  background-position: -129px -1747px;
  height: 301px;
  width: 129px;
}
nav li:nth-child(7) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(8) a {
  background-position: -218px -1185px;
  height: 261px;
  width: 111px;
}
nav li:nth-child(8) a.active, nav li:nth-child(8) a:hover {
  background-position: -202px -924px;
  height: 261px;
  width: 111px;
}
nav li:nth-child(8) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(9) a {
  background-position: -95px -924px;
  height: 234px;
  width: 107px;
}
nav li:nth-child(9) a.active, nav li:nth-child(9) a:hover {
  background-position: -202px -561px;
  height: 234px;
  width: 107px;
}
nav li:nth-child(9) a.off {
  filter: grayscale(100%);
}
nav li:nth-child(1) a, nav li:nth-child(9) a {
  margin-top: 60px;
}
nav li:nth-child(2) a, nav li:nth-child(8) a {
  margin-top: 45px;
}
nav li:nth-child(3) a, nav li:nth-child(7) a {
  margin-top: 30px;
}
nav li:nth-child(4) a, nav li:nth-child(6) a {
  margin-top: 15px;
}

a.CloseContent {
  background: url(../images/bt-close.png) no-repeat scroll 0 0 transparent;
  width: 60px;
  height: 61px;
  position: fixed;
  left: 50%;
  top: 0;
  margin-left: 430px;
  text-indent: -9999px;
  z-index: 1000;
}

a.CloseContent:hover {
  background-position: -60px 0;
}

.menu-top {
  width: 863px;
  height: 81px;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -430px;
  z-index: 100;
  background: url(../images/bg-top-content.jpg) center top no-repeat fixed;
  padding-left: 2px;
}
.menu-top li {
  float: left;
}
.menu-top li a {
  height: 81px;
  display: block;
  text-indent: -9999px;
}
.menu-top li:nth-child(1) a {
  background-position: -95px -480px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(1) a.active, .menu-top li:nth-child(1) a:hover {
  background-position: 0 -924px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(1) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(2) a {
  background-position: -190px -399px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(2) a.active, .menu-top li:nth-child(2) a:hover {
  background-position: 0 -561px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(2) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(3) a {
  background-position: 0 -480px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(3) a.active, .menu-top li:nth-child(3) a:hover {
  background-position: -95px -399px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(3) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(4) a {
  background-position: -95px -318px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(4) a.active, .menu-top li:nth-child(4) a:hover {
  background-position: -190px -318px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(4) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(5) a {
  background-position: -190px -237px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(5) a.active, .menu-top li:nth-child(5) a:hover {
  background-position: 0 -399px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(5) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(6) a {
  background-position: 0 -318px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(6) a.active, .menu-top li:nth-child(6) a:hover {
  background-position: -95px -237px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(6) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(7) a {
  background-position: -124px -156px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(7) a.active, .menu-top li:nth-child(7) a:hover {
  background-position: -219px -156px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(7) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(8) a {
  background-position: -177px -75px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(8) a.active, .menu-top li:nth-child(8) a:hover {
  background-position: 0 -237px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(8) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}
.menu-top li:nth-child(9) a {
  background-position: -190px -480px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(9) a.active, .menu-top li:nth-child(9) a:hover {
  background-position: 0 -1446px;
  height: 81px;
  width: 95px;
}
.menu-top li:nth-child(9) a.off {
  filter: grayscale(100%);
  cursor: not-allowed;
}

.top {
  clear: both;
  background-position: 0 -75px;
  height: 71px;
  width: 53px;
  position: fixed;
  left: 50%;
  margin-left: 430px;
  top: 60%;
}
.top#scrolltop {
  position: absolute;
}

.sticky-right {
  position: fixed;
  top: 40%;
  right: 1%;
  z-index: 101;
}
.sticky-right a {
  display: block;
  text-indent: -9999px;
}
.sticky-right a.download {
  background-position: -53px -75px;
  height: 75px;
  width: 124px;
  margin-bottom: 1px;
}
.sticky-right a.download:hover {
  background-position: 0 -156px;
  height: 75px;
  width: 124px;
}
.sticky-right a.nap-the {
  background-position: 0 0;
  height: 75px;
  width: 124px;
}
.sticky-right a.nap-the:hover {
  background-position: -124px 0;
  height: 75px;
  width: 124px;
}

/*# sourceMappingURL=style.css.map */