@charset "UTF-8";
body { background: transparent; margin: 0; padding: 0; }

.hidden { position: absolute; height: 0; width: 0; top: -9999px; left: -9999px; }

a { overflow: hidden; }

object { outline: none; }

img { line-height: 0; }

::-moz-selection, ::-moz-selection { background: #316ac5; color: #ffffff; }

::-moz-selection, ::selection { background: #316ac5; color: #ffffff; }

/*--------------------------------------
  STRUCTURE
---------------------------------------*/
div#wrapper { width: 532px; height: 53px; overflow: hidden; }

/* gnav1
##################################### */
.gnav-area ul { position: relative; width: 532px; height: 53px; margin: 0 auto; padding: 0; overflow: hidden; text-align: center; }

.gnav-area ul li { float: left; list-style-type: none; }

.gnav-area ul li a { width: 133px; display: block; height: 53px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-image: url(../img/gnav_exkyu.png); background-repeat: no-repeat; }

.g-01 a { background-position: 0 top; }

/*イントロ*/
.g-02 a { background-position: -133px top; }

/*キャスト*/
.g-03 a { background-position: -266px top; }

/*キャラクター*/
.g-04 a { background-position: -399px top; }

/*スタッフ*/
.g-01 a:hover { background-position: 0 bottom; }

.g-02 a:hover { background-position: -133px bottom; }

.g-03 a:hover { background-position: -266px bottom; }

.g-04 a:hover { background-position: -399px bottom; }

/*.g-02 a:hover{ background-position: -133px top; cursor: default;}*/
/*comingsoon対応*/
/*.g-03 a:hover{ background-position: -266px top; cursor: default;}*/
/*comingsoon対応*/
/*.g-04 a:hover{ background-position: -399px top; cursor: default;}*/
/*comingsoon対応*/