/* ==================== レイアウト ==================== */

body	{background-color: #000000;
	margin: 0;
	padding: 0;}

#header	{width: 100%;
	margin: 0;}
	
#menu	{width: 100%;
	margin: 0;}
	
#container	{width: 100%;
	margin: 0;}

#footer	{width: 900px;
	margin: auto;}

/* ==================== リンク ==================== */
a	{color:#FFFFCC;
	text-decoration:underline;}


/* ==================== ヘッダー ==================== */

#header	{height: 77px;
	background:url(../img/bg_header.gif) ;}
	
#header #logo {
	width:900px;
	height:77px;
	margin:0 auto 0 auto;
	padding:0;
}

/* ==================== メニュー ==================== */

#menu {
	height:38px;
	background-color:#272727 ;}

#menu #menu_box {
	width:900px;
	height:38px;
	margin:0;
	margin:0 auto 0 auto;
	list-style:none;
}

#menu #menu_box ul#menu {
	width:900px;
	height:38px;
	margin:0;
	padding:0;
	list-style:none;
}

#menu #menu_box ul#menu li {
	height:38px;
	float:left;
}

#menu #menu_box ul#menu li a {
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	height:38px;
	outline-style:none;
}

#menu #menu_box ul#menu li.top {
	width:150px;
	background:url(../img/menu/top.jpg) no-repeat;
}
#menu #menu_box ul#menu li.top a:hover {
	background:url(../img/menu/top_on.jpg) no-repeat;
}
#menu #menu_box ul#menu li.topOn a {
	width:150px;
	background:url(../img/menu/top_on.jpg) no-repeat;
}

#menu #menu_box ul#menu li.story {
	width:150px;
	background:url(../img/menu/story.jpg) no-repeat;
}
#menu #menu_box ul#menu li.story a:hover {
	background:url(../img/menu/story_on.jpg) no-repeat;
}
#menu #menu_box ul#menu li.storyOn a {
	width:150px;
	background:url(../img/menu/story_on.jpg) no-repeat;
}

#menu #menu_box ul#menu li.ticket {
	width:170px;
	background:url(../img/menu/ticket.jpg) no-repeat;
}
#menu #menu_box ul#menu li.ticket a:hover {
	background:url(../img/menu/ticket_on.jpg) no-repeat;
}
#menu #menu_box ul#menu li.ticketOn a {
	width:170px;
	background:url(../img/menu/ticket_on.jpg) no-repeat;
}

#menu #menu_box ul#menu li.cast {
	width:170px;
	background:url(../img/menu/cast.jpg) no-repeat;
}
#menu #menu_box ul#menu li.cast a:hover {
	background:url(../img/menu/cast_on.jpg) no-repeat;
}
#menu #menu_box ul#menu li.castOn a {
	width:170px;
	background:url(../img/menu/cast_on.jpg) no-repeat;
}

#menu #menu_box ul#menu li.blog {
	width:150px;
	background:url(../img/menu/blog.jpg) no-repeat;
}
#menu #menu_box ul#menu li.blog a:hover {
	background:url(../img/menu/blog_on.jpg) no-repeat;
}
#menu #menu_box ul#menu li.specialOn a {
	width:150px;
	background:url(../img/menu/blog_on.jpg) no-repeat;
}

#menu #menu_box ul#menu li.special {
	width:100px;
	background:url(../img/menu/special.jpg) no-repeat;
}
#menu #menu_box ul#menu li.special a:hover {
	background:url(../img/menu/special_on.jpg) no-repeat;
}
#menu #menu_box ul#menu li.specialOn a {
	width:100px;
	background:url(../img/menu/special_on.jpg) no-repeat;
}


/* ==================== コンテンツ ==================== */

#container #main {
	width:900px;
	margin:20px auto 20px auto;
	padding:0;
}

#container #box{
	width:900px;
	margin:20px auto 20px auto;
	padding:0;
}

/* ==================== フッター ==================== */
#foot {
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0 auto;
	background-color:#272727 ;
}

#foot #footer_menu {
	width:900px;
	clear:both;
	margin:0 auto;
	text-align:center;
	padding-top:8px;
	height:35px;
}

#foot #footer_menu2 {
	width:900px;
	clear:both;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	height:30px;
}

#foot #copy	{
	background: none;
	width:900px;
	clear:both;
	margin:0 auto;
	height:40px;
	text-align:center;}

#foot #copy p {
	color:#FFFFCC;
	font-size: 12px;
	text-align:center;
	height:40px;
	padding: 5px;}