/* ----------------------------------------------------------------- 
	style.cssは_scssのstyle.scssをSassでコンパイルして生成されています。
	Sassの環境がない場合、css/custom.cssへ記述してください。
-------------------------------------------------------------------- */
/*アニメーション指定*/
/* ----------------------------------------------------------------- 
LINK
-------------------------------------------------------------------- */
A:link {
  color: #ecb804;
  text-decoration: none; }
A:visited {
  color: #ecb804;
  text-decoration: none; }
A:hover {
  color: #999999;
  text-decoration: none; }
A:active {
  color: white;
  text-decoration: none; }

.dropdown-title IMG {
  cursor: pointer; }

/* ----------------------------------------------------------------- 
HEADLINE
-------------------------------------------------------------------- */
H2.contents-title {
  padding: 0 0 10px 10px;
  margin: 0; }

H3.corner-title {
  font-size: 22px;
  color: #fff;
  padding: 10px 0 10px 20px; }

H4 {
  border-bottom: 1px solid #000;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  font-size: 16px; }

/* ----------------------------------------------------------------- 
TEXT
-------------------------------------------------------------------- */
.contents-area P {
  padding-bottom: 30px; }

/* ----------------------------------------------------------------- 
WEB-FONT
-------------------------------------------------------------------- */
/* ----------------------------------------------------------------- 
ICON
-------------------------------------------------------------------- */
.icon16-cip {
  background: url(../images/parts/icon-cip.png) no-repeat left center;
  min-height: 16px;
  padding-left: 34px; }

/* ----------------------------------------------------------------- 
news
-------------------------------------------------------------------- */
#news-area {
  height: 330px;
  overflow: auto;
  overflow-y: scroll;
  margin-bottom: 50px; }

DL.news-list {
  margin: 0 auto;
  padding: 0; }
  DL.news-list DT {
    padding: 5px 0 0 0;
    color: #ecb804;
    display: block;
    line-height: 150%;
    font-size: 14px;
    font-weight: bold; }
  DL.news-list DD {
    display: block;
    margin: 0 0 7px 0;
    padding: 0 0 10px 0;
    text-indent: 0;
    color: white;
    line-height: 150%;
    border-bottom: 1px dashed #999999; }
    DL.news-list DD A {
      color: white; }

/* ----------------------------------------------------------------- 
CONTENTS WINDOW
-------------------------------------------------------------------- */
.contents-window-area-wrapper {
  width: 600px;
  background: url(/tokyo-shisen/images/interface/contents-window-footer-bg.jpg) no-repeat center bottom;
  padding: 0 0 47px 0;
  margin: 0 0 13px 0;
  color: #fff; }
  .contents-window-area-wrapper .contents-window-area {
    padding: 13px 0 5px 16px;
    margin: 0;
    background: url(/tokyo-shisen/images/interface/contents-window-bg.jpg) no-repeat center top; }
    .contents-window-area-wrapper .contents-window-area H3.title {
      padding: 5px 0 10px 0; }
    .contents-window-area-wrapper .contents-window-area P {
      padding-bottom: 10px; }

.contents-window-area-wrapper-bottom-bg {
  width: 600px;
  padding: 0 0 47px 0;
  margin: 0 0 13px 0;
  color: #fff;
  background: url(/tokyo-shisen/images/interface/contents-window-footer-bg2.jpg) no-repeat center bottom; }
  .contents-window-area-wrapper-bottom-bg .contents-window-area {
    padding: 0 0 15px 16px;
    margin: 0; }

#weapon .contents-window-area {
  background: url(/tokyo-shisen/images/data/contents-window-bg.jpg) no-repeat center top; }

.inner-window-area-wrapper {
  width: 560px;
  background: url(/tokyo-shisen/images/interface/inner-window-header-bg.png) no-repeat center top;
  padding: 24px 0 0 0;
  margin: 0 0 15px 5px;
  color: #444; }
  .inner-window-area-wrapper .inner-window-area {
    padding: 0 20px 30px 20px;
    margin: 0;
    background: url(/tokyo-shisen/images/interface/inner-window-bg.png) no-repeat center bottom; }
    .inner-window-area-wrapper .inner-window-area H3.title {
      padding: 5px 0 10px 0; }
    .inner-window-area-wrapper .inner-window-area P {
      padding-bottom: 10px; }

/* ----------------------------------------------------------------- 
LIST
-------------------------------------------------------------------- */
.thum-list {
  padding: 0;
  margin: 0;
  list-style: none;
  zoom: 1; }
  .thum-list:before, .thum-list:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .thum-list:after {
    clear: both; }
  .thum-list LI {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left; }
  .thum-list.twitter-icon LI {
    margin: 7px; }

DL.wallpaper-list {
  zoom: 1; }
  DL.wallpaper-list:before, DL.wallpaper-list:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  DL.wallpaper-list:after {
    clear: both; }
  DL.wallpaper-list DT {
    width: 387px;
    float: left;
    margin: 0 15px 15px 10px;
    padding: 0; }
  DL.wallpaper-list DD {
    width: 140px;
    float: left;
    margin: 0 0 15px 0;
    padding: 80px 0 0 0;
    text-align: center; }

/* ----------------------------------------------------------------- 
レイアウト
-------------------------------------------------------------------- */
BODY {
  background-color: #fff;
  color: #444; }

/* ----------------------------------------------------------------- 
ヘッダー
-------------------------------------------------------------------- */
HEADER {
  width: 900px;
  margin: 0 auto;
  padding: 10px 0;
  zoom: 1; }
  HEADER .header-right {
    width: 487px;
    float: right;
    padding: 0 10px 0 0;
    text-align: right; }
    HEADER .header-right NAV {
      width: 148px;
      float: right;
      margin-bottom: 10px;
      margin-right: 5px; }
      HEADER .header-right NAV UL {
        padding: 0;
        margin: 0;
        zoom: 1; }
        HEADER .header-right NAV UL:before, HEADER .header-right NAV UL:after {
          display: block;
          height: 0;
          visibility: hidden;
          content: "\0020"; }
        HEADER .header-right NAV UL:after {
          clear: both; }
        HEADER .header-right NAV UL LI {
          margin: 0;
          padding: 0;
          list-style: none;
          display: block;
          float: left; }
        HEADER .header-right NAV UL .nav-english {
          display: block;
          width: 74px;
          height: 22px;
          background-image: url(/tokyo-shisen/images/interface/btn-language.png);
          background-repeat: no-repeat;
          text-indent: -9999px;
          text-align: left;
          background-position: 0 0; }
          HEADER .header-right NAV UL .nav-english:hover, HEADER .header-right NAV UL .nav-english.current {
            background-position: 0 -22px; }
        HEADER .header-right NAV UL .nav-japanese {
          display: block;
          width: 74px;
          height: 22px;
          background-image: url(/tokyo-shisen/images/interface/btn-language.png);
          background-repeat: no-repeat;
          text-indent: -9999px;
          text-align: left;
          background-position: -74px 0; }
          HEADER .header-right NAV UL .nav-japanese:hover, HEADER .header-right NAV UL .nav-japanese.current {
            background-position: -74px -22px; }
    HEADER .header-right .ps-vita-logo {
      clear: both; }
  HEADER .logo {
    width: 383px;
    float: left; }
  HEADER .chatchcopy {
    padding-top: 15px; }
  HEADER .psvita {
    padding: 0 0 0 0; }
  HEADER:before, HEADER:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  HEADER:after {
    clear: both; }

#header-wrapper {
  background: url(/tokyo-shisen/images/interface/content-heaer-bg.jpg) no-repeat center 15px; }

/* ----------------------------------------------------------------- 
グローバルナビ
-------------------------------------------------------------------- */
nav#nav-global {
  width: 815px;
  height: 51px;
  margin: 20px auto 25px auto;
  padding: 0;
  text-align: center;
  background: url(/tokyo-shisen/images/interface/navi-bg.gif) no-repeat top center;
  clear: both; }
  nav#nav-global UL {
    zoom: 1;
    padding: 4px 0 0 3px;
    text-align: center; }
    nav#nav-global UL:before, nav#nav-global UL:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    nav#nav-global UL:after {
      clear: both; }
    nav#nav-global UL LI {
      float: left;
      position: relative;
      margin: 2px; }
      nav#nav-global UL LI A {
        display: block;
        width: 97px;
        height: 37px;
        background-image: url(/tokyo-shisen/images/interface/main-navi.png);
        background-repeat: no-repeat;
        text-indent: -9999px; }
      nav#nav-global UL LI .nav-top {
        background-position: 0 0; }
        nav#nav-global UL LI .nav-top:hover, nav#nav-global UL LI .nav-top.current {
          background-position: 0 -37px; }
      nav#nav-global UL LI .nav-story {
        background-position: -97px 0; }
        nav#nav-global UL LI .nav-story:hover, nav#nav-global UL LI .nav-story.current, nav#nav-global UL LI .nav-story.parentsLink {
          background-position: -97px -37px; }
      nav#nav-global UL LI .nav-characters {
        background-position: -194px 0; }
        nav#nav-global UL LI .nav-characters:hover, nav#nav-global UL LI .nav-characters.current, nav#nav-global UL LI .nav-characters.parentsLink {
          background-position: -194px -37px; }
      nav#nav-global UL LI .nav-system {
        background-position: -291px 0; }
        nav#nav-global UL LI .nav-system:hover, nav#nav-global UL LI .nav-system.current, nav#nav-global UL LI .nav-system.parentsLink {
          background-position: -291px -37px; }
      nav#nav-global UL LI .nav-data {
        background-position: -388px 0; }
        nav#nav-global UL LI .nav-data:hover, nav#nav-global UL LI .nav-data.current, nav#nav-global UL LI .nav-data.parentsLink {
          background-position: -388px -37px; }
      nav#nav-global UL LI .nav-movie {
        background-position: -485px 0; }
        nav#nav-global UL LI .nav-movie:hover, nav#nav-global UL LI .nav-movie.current, nav#nav-global UL LI .nav-movie.parentsLink {
          background-position: -485px -37px; }
      nav#nav-global UL LI .nav-special {
        background-position: -582px 0; }
        nav#nav-global UL LI .nav-special:hover, nav#nav-global UL LI .nav-special.current, nav#nav-global UL LI .nav-special.parentsLink {
          background-position: -582px -37px; }
      nav#nav-global UL LI .nav-dlc {
        background-position: -679px 0; }
        nav#nav-global UL LI .nav-dlc:hover, nav#nav-global UL LI .nav-dlc.current, nav#nav-global UL LI .nav-dlc.parentsLink {
          background-position: -679px -37px; }

.page nav#nav-global {
  margin: 10px auto; }

/* ----------------------------------------------------------------- 
コンテンツ
-------------------------------------------------------------------- */
.contents-area {
  width: 850px;
  margin: 0 auto;
  padding: 0 0 20px 0;
  clear: both;
  zoom: 1; }
  .contents-area:before, .contents-area:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .contents-area:after {
    clear: both; }
  .contents-area .pagetop-area {
    text-align: right;
    padding: 5px 10px 30px 0;
    margin-top: -30px; }
    .contents-area .pagetop-area A {
      padding: 0;
      margin: 0;
      color: #999999; }
      .contents-area .pagetop-area A:hover {
        color: #ecb804; }

.contents-area-right {
  width: 600px;
  float: right; }

.contents-navi-area {
  width: 220px;
  float: left;
  background: url(/tokyo-shisen/images/interface/contents-navi-footer-bg.jpg) no-repeat center bottom;
  padding: 5px 0 22px 0; }
  .contents-navi-area UL {
    padding: 13px 0 5px 13px;
    margin: 0;
    list-style: none;
    background: url(/tokyo-shisen/images/interface/contents-navi-bg.jpg) no-repeat center top; }
  .contents-navi-area LI {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none; }
    .contents-navi-area LI:last-child {
      margin-bottom: 0; }

.fixed {
  position: fixed;
  top: 0;
  z-index: 10000; }

.btn-sns-area {
  width: 380px;
  float: left; }

.btn-sound {
  width: 111px;
  float: right; }
  .btn-sound IMG {
    cursor: pointer; }

/* ----------------------------------------------------------------- 
SNS
-------------------------------------------------------------------- */
.btn-sns-area {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1; }
  .btn-sns-area:before, .btn-sns-area:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .btn-sns-area:after {
    clear: both; }
  .btn-sns-area LI {
    display: inline-block;
    padding: 0 10px 0 0;
    margin: 0;
    list-style: none; }

.twitter-share-button {
  vertical-align: top !important; }

/* ----------------------------------------------------------------- 
フッター
-------------------------------------------------------------------- */
#footer-wrapper {
  background: url(/tokyo-shisen/images/footer/footer-bg.gif) repeat-x center top;
  padding: 0 0 20px 0; }
  #footer-wrapper FOOTER {
    width: 900px;
    margin: 0 auto; }
    #footer-wrapper FOOTER .pagetop-area {
      width: 300px;
      text-align: center;
      margin: 0 auto;
      height: 56px;
      padding: 5px 0 0 0;
      background: url(/tokyo-shisen/images/footer/bg-pagetop.jpg) no-repeat center top; }
      #footer-wrapper FOOTER .pagetop-area A {
        padding: 0;
        margin: 0;
        color: #999999; }
        #footer-wrapper FOOTER .pagetop-area A:hover {
          color: #ecb804; }
    #footer-wrapper FOOTER NAV .bnr-area {
      zoom: 1;
      margin: 0 auto;
      padding: 30px 0 60px 0;
      text-align: center; }
      #footer-wrapper FOOTER NAV .bnr-area:before, #footer-wrapper FOOTER NAV .bnr-area:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #footer-wrapper FOOTER NAV .bnr-area:after {
        clear: both; }
      #footer-wrapper FOOTER NAV .bnr-area LI {
        margin: 0 10px;
        padding: 0 10px;
        display: inline-block;
        vertical-align: middle;
        background: none; }
    #footer-wrapper FOOTER .copyrights {
      margin: 0 0 5px 0;
      text-align: center; }

/* ----------------------------------------------------------------- 
インデックス
-------------------------------------------------------------------- */
#index-contens-wrapper {
  background: url(/tokyo-shisen/images/index/index-bg.jpg) no-repeat center bottom; }
  #index-contens-wrapper .contents-area {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 70px;
    zoom: 1;
    position: relative; }
    #index-contens-wrapper .contents-area:before, #index-contens-wrapper .contents-area:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #index-contens-wrapper .contents-area:after {
      clear: both; }
    #index-contens-wrapper .contents-area HEADER {
      position: absolute; }
  #index-contens-wrapper .logo {
    text-align: center;
    padding-top: 40px;
    margin-bottom: 30px;
    margin-left: -20px; }
  #index-contens-wrapper .chatchcopy {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 0;
    position: relative; }
  #index-contens-wrapper .index-bnr-area {
    float: left;
    width: 454px;
    margin-left: 50px; }
    #index-contens-wrapper .index-bnr-area P {
      padding-bottom: 15px; }
  #index-contens-wrapper .bnr-sen {
    width: 455px;
    position: relative; }
  #index-contens-wrapper .news-area {
    width: 322px;
    height: 277px;
    float: right;
    margin-right: 50px;
    background: url(/tokyo-shisen/images/index/news.png) no-repeat left top; }
    #index-contens-wrapper .news-area div {
      margin: 35px 10px 0 10px;
      padding: 0 30px 0 0;
      height: 220px;
      overflow: auto;
      overflow-y: scroll; }

#index #contens-wrapper {
  margin-top: -35px;
  z-index: 5;
  position: relative; }
  #index #contens-wrapper #nav-global {
    margin-bottom: 30px; }

.english-table TBODY TH {
  width: 200px; }

/* ----------------------------------------------------------------- 
BAR YELLOW
-------------------------------------------------------------------- */
.anim-bar-yellow {
  position: absolute;
  bottom: 5px;
  left: 0;
  padding: 0 20px; }
  .anim-bar-yellow IMG {
    margin-left: 0;
    animation: bar-anim 4s ease-in-out infinite alternate;
    -webkit-animation: bar-anim 4s ease-in-out infinite alternate; }

@-webkit-keyframes bar-anim {
  0% {
    margin-left: 0; }

  10% {
    margin-left: 0; }

  100% {
    margin-left: 240px; } }

@keyframes bar-anim {
  0% {
    margin-left: 0; }

  10% {
    margin-left: 0; }

  100% {
    margin-left: 240px; } }

/* ----------------------------------------------------------------- 
GEAR
-------------------------------------------------------------------- */
.anim-gear01 {
  width: 800px;
  height: 105px;
  top: 8px;
  left: 49px;
  position: absolute;
  overflow: hidden; }
  .anim-gear01 IMG {
    position: absolute;
    top: 0px;
    right: -30px;
    margin-left: 0;
    animation: gear01-anim 7s linear infinite normal;
    -webkit-animation: gear01-anim 7s linear infinite normal; }

@-webkit-keyframes gear01-anim {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes gear01-anim {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }