@charset "UTF-8";
/* Navigation Area */
#gNav {
	height: 36px;
	background: #000 url(../images/nav/navbg.gif) repeat-x left top;
}
#gNav .inner {
	width: 1000px;
	margin: 0 auto;
}
#gNav .navBtns {
	float: left;
	/*width: 834px;*/
	width: 906px;
	height: 34px;
	/*background: url(../images/nav/navbtns.png) no-repeat left top;*/
}
#gNav .snsBtns {
	float: right;
	width: 90px;
	overflow: hidden;
}

#gNav .navBtns li {
	float: left;
	height: 34px;
	line-height: 34px;
	padding-left: 16px;
	background: url(../images/nav/nav_arrow.png) no-repeat left 9px;
	/*background: url(../images/nav/nav_arrow_xmas.png) no-repeat left 2px;*/
}
#gNav li.home {width: 51px;padding-left: 0;background: none;}
#gNav li.information {width: 92px;}
#gNav li.theater {width: 59px;}
#gNav li.introduction {width: 98px;}
#gNav li.story {width: 50px;}
#gNav li.character {width: 76px;}
#gNav li.mechanic {width: 71px;}
#gNav li.caststaff {width: 88px;}
#gNav li.goods {width: 47px;}
#gNav li.movie {width: 46px;}
#gNav li.staff {width: 42px;}
#gNav li.special {width: 56px;}

#gNav .navBtns li a {
	display: block;
	height: 34px;
	width: 100%;
	text-indent: -9999px;
	background: url(../images/nav/navbtns_new.png) no-repeat left top;
	/*background: url(../images/nav/navbtns_xmas.png) no-repeat left top;*/
}
#gNav li.home a {width: 51px; background-position: left top;}
#gNav li.information a {width: 92px; background-position: -67px top;}
#gNav li.theater a {width: 59px; background-position: -175px top;}
#gNav li.introduction a {width: 98px; background-position: -250px top;}
#gNav li.story a {width: 50px;background-position: -364px top;}
#gNav li.character a {background-position: -431px top;}
#gNav li.mechanic a {background-position: -523px top;}
#gNav li.caststaff a {background-position: -610px top;}
#gNav li.goods a {background-position: -714px top;}
#gNav li.movie a {background-position: -780px top;}
#gNav li.staff a {background-position: -842px top;}
#gNav li.special a {background-position: -900px top;}

#gNav li.home a:hover {background-position: left -34px;}
#gNav li.information a:hover {background-position: -67px -34px;}
#gNav li.theater a:hover {background-position: -175px -34px;}
#gNav li.introduction a:hover {background-position: -250px -34px;}
#gNav li.story a:hover {background-position: -364px -34px;}
#gNav li.character a:hover {background-position: -431px -34px;}
#gNav li.mechanic a:hover {background-position: -523px -34px;}
#gNav li.caststaff a:hover {background-position: -610px -34px;}
#gNav li.goods a:hover {background-position: -714px -34px;}
#gNav li.movie a:hover {background-position: -780px -34px;}
#gNav li.staff a:hover {background-position: -842px -34px;}
#gNav li.special a:hover {background-position: -900px -34px;}

#gNav li span.active {
	border-bottom: solid 2px #a53120;
	height: 34px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav/navbtns_new.png) no-repeat left -34px;
	/*background: url(../images/nav/navbtns_xmas.png) no-repeat left -34px;*/
}
#gNav li.home .active {width: 51px;background-position: left -34px;}
#gNav li.information .active {background-position: -67px -34px;}
#gNav li.theater .active {background-position: -175px -34px;}
#gNav li.introduction .active {background-position: -250px -34px;}
#gNav li.story .active {background-position: -364px -34px;}
#gNav li.character .active {background-position: -431px -34px;}
#gNav li.mechanic .active {background-position: -523px -34px;}
#gNav li.caststaff .active {background-position: -610px -34px;}
#gNav li.goods .active {background-position: -714px -34px;}
#gNav li.movie .active {background-position: -780px -34px;}
#gNav li.staff .active {background-position: -842px -34px;}
#gNav li.special .active {background-position: -900px -34px;}

#gNav li span.comingsoon {
	display: block;
	height: 34px;
	width: 100%;
	text-indent: -9999px;
	background: url(../images/nav/navbtns_new.png) no-repeat left -34px;
}
#gNav li.theater span.comingsoon {width: 59px;background-position: -175px bottom;}
#gNav li.introduction span.comingsoon {width: 98px;background-position: -250px bottom;}
#gNav li.story span.comingsoon {width: 50px;background-position: -364px bottom;}
#gNav li.character span.comingsoon {width: 76px;background-position: -431px bottom;}
#gNav li.mechanic span.comingsoon {background-position: -523px bottom;}
#gNav li.caststaff span.comingsoon {background-position: -610px bottom;}
#gNav li.goods span.comingsoon {width: 47px;background-position: -714px bottom;}
#gNav li.movie span.comingsoon {background-position: -714px bottom;}
#gNav li.staff span.comingsoon {background-position: -842px bottom;}
#gNav li.special span.comingsoon {background-position: -900px bottom;}

/* SNS */
#gNav .snsBtns li {
	float: left;
	height: 28px;
	padding-top: 3px;
}
#gNav .snsBtns li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
	background: url(../images/nav/snsbtns.png) no-repeat left top;
}
#gNav .snsBtns li.facebook {width: 105px;}
#gNav .snsBtns li.twitter {width: 90px;}

#gNav .snsBtns li.facebook a {width: 102px;background-position: left top;}
#gNav .snsBtns li.twitter a {width: 90px;background-position: right top;}
#gNav .snsBtns li.facebook a:hover {background-position: left bottom;}
#gNav .snsBtns li.twitter a:hover {background-position: right bottom;}