@charset "UTF-8";
/* CSS Document */

#wrap{
	width:100%;
	min-height:100%;
	position:relative;
	min-width:1100px;
	overflow:hidden;
}

.ov a:hover {filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}


/**************************
* MOVIE
***************************/

#bgBlack{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	display:none;/**/
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0; /* Safari 1.x */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
	z-index:7000;
	}

#movieNav{
	position:fixed;
	z-index:9100;
	display:none;
	top:10px;
	text-align:center;
	width:100%;
	}

#movieNav li {
	display:inline-block;
	
	margin-right:5px;
	overflow:hidden;
	text-align:center;
	}
#movieNav li img{ height:28px;}
#movieNav li a{ background:#187fc4; display:block;}
	
#btnClose img{ width:45px}

#btnClose{
	background:url(../images/common/btn_close.png) no-repeat left top;
	position:fixed;
	display:none;
	width:61px;
	height:61px;
	top:0px;
	right:0px;
	z-index:9100;
	
}

#movie{
	position: fixed;
	top: 50px;
	left: 50%;
	z-index: 9100;
	margin-left: -45%;
	overflow:hidden;
	}

/* =========================================================

// NAV

========================================================= */

nav{
	position:fixed;
	z-index:30;
	background:url(../images/common/nav_bg.jpg) repeat-x left top;
	padding:3px 0;
	width:100%;
	min-width:1100px;
}


nav .adjust{
	width:1100px;
	margin:0 auto;
	position:relative;
	height:73px;
}

nav #iconFuji{
	width:133px;
	height:40px;
	background:url(../images/common/fuji.png) no-repeat left top;
	position:absolute;
	bottom:0;
	left:-71px;
}

nav h2{
	position:absolute;
	top:12px;
	left:9px;
	width:261px;
	height:51px;
	}

nav #navA{
	text-align:left;
	margin-left:275px;
	letter-spacing:-0.4em;
	padding-top:24px;
}

nav #navA li{
	display:inline-block;
	letter-spacing:0;
	margin-right:10px;
}


nav #navA li a{
	display:block;
	position:relative;
}
nav #navA li a span{ position:absolute;}
nav #navA li a .iconChecked{
	top:5px;
	left:0;
	display:none;
}

#intro nav #navA li:nth-of-type(1) a .iconChecked{ display:block;}
#story nav #navA li:nth-of-type(2) a .iconChecked{ display:block;}
#cast nav #navA li:nth-of-type(3) a .iconChecked{ display:block;}
#staff nav #navA li:nth-of-type(4) a .iconChecked{ display:block;}
#note nav #navA li:nth-of-type(5) a .iconChecked{ display:block;}

nav #navA li a .iconYuge{
	top:-5px;
	left:50%;
	opacity:0;
	height:33px;
	overflow:hidden;
}

nav #navBOut{
	position:absolute;
	right:0;
	top:-3px;
	width:128px;
	}
	
nav #navB{
	position:relative;
	height:76px;
	width:128px;
}

nav #navB li{
	position:absolute;
}

nav #navB #navTheater{
	top:0;
	right:0;
	width:127px;
	height:32px;
}

nav #navB #navNews{
	bottom:0;
	left:0;
	width:88px;
	height:32px;
}

nav #navB #navTwitter{
	bottom:0;
	right:0;
	width:35px;
	height:32px;
}