@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{
background:#316ac5;
color:#ffffff;
}

::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_ghostzyuoh.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; cursor: default;}		/*スタッフ*/


				.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対応*/