﻿/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,button,input,textarea,p,blockquote,th,td {

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img {

	border:0;

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal;

}

ol,ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

}

q:before,q:after {

	content:'';

}

abbr,acronym { border:0;

}

input,select,button,textarea {font-family:Arial;color:#666;}













/* Main */

body {
	background-color: #000;
	color:white;
	font-size:14px;
	overflow:hidden
}

h2 {font-size:16px;font-weight:bold;margin-bottom:16px;line-height:28px}
h3 {font-size:15px;font-weight:bold;margin-bottom:15px;line-height:26px}
p {margin-bottom:14px}

.container {
	width:1000px;
	height:610px;
	position:absolute;
	top:50%;
	margin-top:-305px;
	left:50%;
	margin-left:-500px;
	background: url(/img/background.jpg) no-repeat fixed center center;
}

.container.pages {background: url(/img/background-dim.jpg) no-repeat fixed center center;}
.menu {position:absolute;top:60px;left:35px;width:310px}
.logo {background: url(/img/logo.gif) no-repeat;width:306px;height:106px}
.logo a {display:block;line-height:999px;overflow:hidden;width:306px;height:106px}


#content {position:relative;width:480px;height:510px;overflow:auto;line-height:25px;padding-right:20px;margin-top:5px;font-size:13px;color:#ddd}



.menu ul {text-align:center;width:170px;margin:0 auto;margin-top:50px}
.menu ul li {width:170px;height:50px;margin-bottom:5px;}
.menu ul li a {display:block;height:50px;line-height:9999px;font-size:1px;color:black;overflow:hidden;background: url(/img/menu.gif) no-repeat 0px 0px;}

.menu ul li.menu-alert.active {background: url(/img/menu-alert.gif) no-repeat 0px 0px;}
.menu ul li.menu-story.active {background-position:-170px -50px}
.menu ul li.menu-cast.active {background-position:-170px -100px}
.menu ul li.menu-ticket.active {background-position:-170px -150px}
.menu ul li.menu-shop.active {display:none;background-position:-170px -200px}
.menu ul li.menu-project.active {background-position:-170px -250px}


.menu ul li a.menu-alert {background: url(/img/menu-alert.gif) no-repeat 0px 0px;}
.menu ul li a.menu-introduction {background-position:0px 0px}
.menu ul li a.menu-story {background-position:0px -50px}
.menu ul li a.menu-cast {background-position:0px -100px}
.menu ul li a.menu-ticket {background-position:0px -150px}
.menu ul li a.menu-shop {display:none;background-position:0px -200px}
.menu ul li a.menu-project {background-position:0px -250px}



.menu ul li a.menu-introduction:hover {background-position:-170px 0px}
.menu ul li a.menu-story:hover {background-position:-170px -50px}
.menu ul li a.menu-cast:hover {background-position:-170px -100px}
.menu ul li a.menu-ticket:hover {background-position:-170px -150px}
.menu ul li a.menu-shop:hover {display:none;background-position:-170px -200px}
.menu ul li a.menu-project:hover {background-position:-170px -250px}


.menu ul li.menu-introduction:hover {background-position:-170px 0px}
.menu ul li.menu-story:hover {background-position:-170px -50px}
.menu ul li.menu-cast:hover {background-position:-170px -100px}
.menu ul li.menu-ticket:hover {background-position:-170px -150px}
.menu ul li.menu-shop:hover {display:none;background-position:-170px -200px}
.menu ul li.menu-project:hover {background-position:-170px -250px}

.scroll-pane table td, .scroll-pane table th {text-align:center}

.title1 {overflow:hidden;width:347px;height:122px;line-height:9999px;background:url(/img/title1.gif) no-repeat top center;margin-bottom:40px}


.scroll-pane a:link, .scroll-pane a:visited {color:#CF0}
.scroll-pane a:hover, .scroll-pane a:active {color:#FF0}

ul.cast {left:10px;
position:absolute;width:500px;
top:68px;}
ul.cast li {
display:inline;
float:left;
}
ul.cast li a {display:block;width:108px;height:135px;border:1px solid black;margin-right:9px;}
ul.cast li a:hover {border:1px solid #135367}
ul.cast img {width:108px;height:135px}

.box {line-height:21px;margin:15px 0 0 10px;display:none}
.box h3 {margin-bottom:5px;color:#C1F0FF}