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

/* Home page
----------------------------------------------- */
#home h1 {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-380px;
	font-size:10px;
	color:#fff;
	font-weight: normal;
	z-index: 10;
}
#home img#logo {
	position:absolute;
	top:26px;
	left:50%;
	margin-left:-410px;
	z-index:15;
}
/* Contents
----------------------------------------------- */
#contents h1 {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-380px;
	font-size:10px;
	color:#fff;
	font-weight: normal;
	z-index: 10;
}
#contents img#logo {
	position:absolute;
	top:36px;
	left:50%;
	margin-left:-380px;
	z-index:15;
}
#contents div#nav-bar {
	height: 125px;
	position: absolute;
	z-index: -3;
	top: 0;
	left:75px;
	width: 100%;
	border-bottom:#7babc4 5px solid;
	background-color: transparent;
	background-image: url(../images/common/header_bg.gif); /* for Mozilla/Opera/etc */
}

/*ページトップ*/
.pt{
float:left;
margin: 0 auto;
width:100%;
text-align:right;
}
.pt a{
padding:0px 13px 0px 0px;
background:url(../images/common/pagetop.gif) no-repeat right center;
font-size:100%;
text-decoration:underline;
}

/* Footer
----------------------------------------------- */
#globalFooter {
	position: relative;
	width:100%!important;
	height:330px;
	background:url(../images/common/footer_bg.gif) repeat;
	margin: 10px 0 0 75px;
	padding: 0px;
	text-align: center;
	z-index: 2;
}
/* Navigation
----------------------------------------------- */
div#nav {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-95px;
	width: 650px;
	z-index: 12;
	padding: 0px;
	background-color: transparent;
}

div#nav a {
	outline-style: none;
}

div#nav ul.top-level {
	float:left;
 	width: 650px;
 	height: 40px;
	margin-left:0px!important;
	margin-left/**/:0px;
 	background: url(../images/common/menu.png);
	margin: 0;
	padding: 0;
 	position: relative;
	text-indent: -99999px;
	
}

div#nav ul.top-level li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background: transparent url(../images/common/transparent.gif); /* Need this for nav to work in Opera */
	height: 40px;
	display: block;
}

div#nav ul.top-level li > a, div#nav ul.top-level li >{
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	text-indent: -1000px;
	width: 100%;
}

div#nav ul.top-level li > a, div#nav ul.sub-level li > a .selected {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	width: 100%;
}

.menu-header-nav01 { left: 0; width: 121px;} 
.menu-header-nav02 { left: 121px; width: 104px; }
.menu-header-nav03 { left: 225px; width: 104px; }
.menu-header-nav04 { left: 329px; width: 104px; }
.menu-header-nav05 { left: 433px; width: 104px; } 
.menu-header-nav06 { left: 537px; width: 113px; }
.menu-header-nav01 > a:hover, .menu-header-nav01:hover > a, .menu-header-nav01 a.selected { background: url(../images/common/menu.png) 0 -40px no-repeat;}
.menu-header-nav02 > a:hover, .menu-header-nav02:hover > a, .menu-header-nav02 a.selected { background: url(../images/common/menu.png) -121px -40px no-repeat;}
.menu-header-nav03 > a:hover, .menu-header-nav03:hover > a, .menu-header-nav03 a.selected { background: url(../images/common/menu.png) -225px -40px no-repeat;}
.menu-header-nav04 > a:hover, .menu-header-nav04:hover > a, .menu-header-nav04 a.selected { background: url(../images/common/menu.png) -329px -40px no-repeat;}
.menu-header-nav05 > a:hover, .menu-header-nav05:hover > a, .menu-header-nav05 a.selected { background: url(../images/common/menu.png) -433px -40px no-repeat;}
.menu-header-nav06 > a:hover, .menu-header-nav06:hover > a, .menu-header-nav06 a.selected { background: url(../images/common/menu.png) -537px -40px no-repeat;}


div#nav ul.top-level li ul {
	padding: 6px 0;
	margin: 0;
	list-style: none;
	z-index: 5;
}
div#nav ul.top-level li ul li {
	background: none;
}

div#nav ul.top-level li ul li a {
	background: none;
	display: block;
	width: 20em;
	text-decoration: none;
	color: #000;
	padding: 8px 12px;
	font-size: 110%;
	text-indent: 0px;
}

div#nav ul.top-level li ul li a:hover {
	text-decoration: underline;
}

div#nav ul.top-level li ul li { /* all list items */
	float: left;
	width: 20em; /* width needed or else Opera goes nuts */
	height: auto;
	position: relative;
}

div#nav ul.top-level li ul {
	position: absolute;
	background: url(../images/common/sub-nav.png) top left repeat;
	width: 20em;
	top: 40px;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
	left: -999em;
}

div#nav ul.top-level li:hover ul, div#nav ul.top-level li:hover ul {
	left: 0;
	visibility: visible;
}

/* Ticket
----------------------------------------------- */
#App a {
	float: right;
	margin: 10px 10px 0px 0px;
	width: 290px;
	height: 50px;
	background: url("../images/common/App_btn.png") no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	display:block;
	overflow: hidden;
	outline: none;
	z-index: 3;
}
	#App a:hover,
	#App.active a {
		background-position: 0px -50px !important;
	}

/* Souzoku bana
----------------------------------------------- */
div#souzoku {
	position:absolute;
	top:290px;
	right:0%;
	margin-left:-393px;
	width: 350px;
	z-index: 12;
	padding: 0px;
}

/* Open
----------------------------------------------- */
#open {
	float: right;
	text-align:center;
	width: 950px;
	height: 116px;
	position: relative;
	z-index: 3;
	margin: 10px 0px 0px 0px;
}
#opentop {
	float: right;
	text-align:center;
	width: 950px;
	height: 550px;
	position: relative;

	z-index: 3;
	margin: 40px 0px 0px 0px;
}
#openichioshi {
	float: right;
	text-align:center;
	width: 950px;
	height: 500px;
	position: relative;
	z-index: 3;
	margin: 10px 0px 0px 0px;
}
#opentitle {
	float: right;
	text-align:center;
	width: 950px;
	height: 150px;
	position: relative;
	z-index: 3;
	margin: 10px 0px 0px 0px;
}

/* TEL. FAX.
----------------------------------------------- */
#header {
	float: right;
	width: 325px;
	height: 50px;
	position: relative;
	z-index: 3;
	margin: 10px 0px 0px 0px;
}