@charset "shift_jis";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - 2010-05-24 (Mon)
//////////////////////////////////////////////////////////*/


/* - Common
----------------------------------------------------------*/

.contentsArea {
	width: 914px;
	color: #fff;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 150%;
}

.clear    { clear: both; margin: 0; padding: 0; }
.textbold { font-weight: bold; }

#elisabeth #sp-wrapper {
	width: 880px;
	background: url(../images/main_base.jpg) repeat-y 0 0;
	margin: 0 auto;
	padding: 20px 17px 30px 17px;
}


/* - Header
----------------------------------------------------------*/

#elisabeth #sp-header {
	width: 880px;
	height: 635px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

#elisabeth #sp-header #sp-main-banner {
	position: relative;
	width: 880px;
	height: 485px;
	background: url(../images/main_banner.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
}

#elisabeth #sp-header h1,
#elisabeth #sp-header h2,
#elisabeth #sp-header div,
#elisabeth #sp-header p {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#elisabeth #sp-header #sp-main-detail {
	position: relative;
	width: 880px;
	height: 150px;
	background: url(../images/parts_header.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
}

#elisabeth #sp-header #sp-main-detail .sp-link-ticket {
	position: absolute;
	left: 577px;
	top: 92px;
	width: 217px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#elisabeth #sp-header #sp-main-detail .sp-link-ticket a {
	display: block;
	width: 217px;
	height: 37px;
	overflow: hidden;
}

#elisabeth #sp-header #sp-main-detail .sp-link-ticket a:hover {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	background-color: #61605e;
}


/* - Inner Block
----------------------------------------------------------*/

#elisabeth .sp-innerBlockA {
	width: 880px;
	background: #000 url(../images/inner_base_footer.gif) no-repeat 0 bottom;
	margin: 0 auto 30px auto;
	padding: 0;
}

#elisabeth .sp-innerBlockB {
	width: 820px;
	margin: 0 auto;
	padding: 5px 30px 70px 30px;
	overflow: hidden;
}

#elisabeth .sp-innerBlockB:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}

/*\*/
##elisabeth .sp-innerBlockB {
    display: block;
}
/**/

#elisabeth .sp-innerBlockA h3 {
	width: 880px;
	height: 80px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#elisabeth #sp-story h3        { background: url(../images/title_story.gif) no-repeat 0 0; }
#elisabeth #sp-cast h3         { background: url(../images/title_cast.gif) no-repeat 0 0; }
#elisabeth #sp-introduction h3 { background: url(../images/title_introduction.gif) no-repeat 0 0; }
#elisabeth #sp-staff h3        { background: url(../images/title_staff.gif) no-repeat 0 0; }
#elisabeth #sp-schedule h3     { background: url(../images/title_schedule.gif) no-repeat 0 0; }


#elisabeth .sp-innerBlockB p {
	margin: 0;
	padding: 5px 0 10px 0;
}

#elisabeth .sp-innerBlockB p span {
	font-size: 10px;
	color: #999;
}

#elisabeth .sp-innerBlockB .left {
	float: left;
	width: 600px;
	padding-right: 10px;
}

#elisabeth .sp-innerBlockB .right {
	float: right;
	width: 210px;
}

#elisabeth .sp-innerBlockB .right p{
	padding: 5px 10px 10px 10px;
	margin: 0;
}



/* - Cast
----------------------------------------------------------*/

#elisabeth #sp-cast ul {
	width: 820px;
	height: 330px;
	background: url(../images/parts_cast.jpg) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#elisabeth #sp-cast ul li {
	margin: 0;
	padding: 0;
}


/* - Introduction
----------------------------------------------------------*/

#elisabeth #sp-introduction h4 {
	width: 541px;
	height: 57px;
	background: url(../images/parts_introduction.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 15px 0;
}

#elisabeth #sp-introduction h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}


/* - Schedule
----------------------------------------------------------*/

#elisabeth #sp-schedule h4 {
	width: 820px;
	height: 60px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 auto;
	padding: 0;
}

#elisabeth #sp-schedule #sp-schedule-aug { background: url(../images/schedule_title_08.gif) no-repeat 0 0; }
#elisabeth #sp-schedule #sp-schedule-sep { background: url(../images/schedule_title_09.gif) no-repeat 0 0; }
#elisabeth #sp-schedule #sp-schedule-oct { background: url(../images/schedule_title_10.gif) no-repeat 0 0; }

#elisabeth .idTabs {
	position: relative;
	width: 820px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#elisabeth .idTabs li a {
	display: block;
	position: absolute;
	background: url(../images/schedule_navi.gif) no-repeat 0 0;
	cursor: pointer;
}

#elisabeth .idTabs li#navi01 a:link,
#elisabeth .idTabs li#navi01 a:visited   { width: 132px; height: 80px; left: 0; top: 0; background-position: 0 0; }
#elisabeth .idTabs li#navi01 a:hover,
#elisabeth .idTabs li#navi01 a.selected  { width: 132px; height: 80px; left: 0; top: 0; background-position: 0 -80px !important; }
#elisabeth .idTabs li#navi02 a:link,
#elisabeth .idTabs li#navi02 a:visited   { width: 132px; height: 80px; left: 132px; top: 0; background-position: -132px 0; }
#elisabeth .idTabs li#navi02 a:hover,
#elisabeth .idTabs li#navi02 a.selected  { width: 132px; height: 80px; left: 132px; top: 0; background-position: -132px -80px !important; }
#elisabeth .idTabs li#navi03 a:link,
#elisabeth .idTabs li#navi03 a:visited   { width: 132px; height: 80px; left: 264px; top: 0; background-position: -264px 0; }
#elisabeth .idTabs li#navi03 a:hover,
#elisabeth .idTabs li#navi03 a.selected  { width: 132px; height: 80px; left: 264px; top: 0; background-position: -264px -80px !important; }

#elisabeth #aug .sp-link-ticket a,
#elisabeth #sep .sp-link-ticket a,
#elisabeth #oct .sp-link-ticket a {
	position: relative;
	top: -40px;
	right: 0;
	display: block;
	width: 218px;
	height: 38px;
	margin: 0 0 0 auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#elisabeth #aug .sp-link-ticket a { background: url(../images/btn_ticket_aug.gif) no-repeat 0 0; }
#elisabeth #sep .sp-link-ticket a { background: url(../images/btn_ticket_sep.gif) no-repeat 0 0; }
#elisabeth #oct .sp-link-ticket a { background: url(../images/btn_ticket_oct.gif) no-repeat 0 0; }

#elisabeth #aug .sp-link-ticket a:hover,
#elisabeth #sep .sp-link-ticket a:hover,
#elisabeth #oct .sp-link-ticket a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#elisabeth #sp-schedule table {
	width: 820px;
	height: 410px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0 auto 25px auto;
	padding: 0;
}

#elisabeth #sp-schedule table#sp-schedule-08-01 { background: url(../images/schedule_08_01.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-08-02 { background: url(../images/schedule_08_02.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-08-03 { background: url(../images/schedule_08_03.gif) no-repeat 0 0; }

#elisabeth #sp-schedule table#sp-schedule-09-01 { background: url(../images/schedule_09_01.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-09-02 { background: url(../images/schedule_09_02.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-09-03 { background: url(../images/schedule_09_03.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-09-04 { background: url(../images/schedule_09_04.gif) no-repeat 0 0; }

#elisabeth #sp-schedule table#sp-schedule-10-01 { background: url(../images/schedule_10_01.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-10-02 { background: url(../images/schedule_10_02.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-10-03 { background: url(../images/schedule_10_03.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-10-04 { background: url(../images/schedule_10_04.gif) no-repeat 0 0; }
#elisabeth #sp-schedule table#sp-schedule-10-05 { background: url(../images/schedule_10_05.gif) no-repeat 0 0; }


/* - Footer
----------------------------------------------------------*/

#elisabeth #sp-footer {
	position: relative;
	width: 880px;
	height: 240px;
	background: url(../images/parts_footer.jpg) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
}

#elisabeth #sp-footer p {
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#elisabeth #sp-footer .sp-link-ticket {
	position: absolute;
	left: 271px;
	top: 148px;
	margin: 0;
	padding: 0;
}

#elisabeth #sp-footer .sp-link-ticket a {
	display: block;
	width: 217px;
	height: 37px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#elisabeth #sp-footer .sp-link-ticket a:hover {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	background-color: #463708;
}

#elisabeth #sp-footer #sp-official {
	position: absolute;
	left: 535px;
	top: 40px;
	margin: 0;
	padding: 0;
}

#elisabeth #sp-footer #sp-official a {
	display: block;
	width: 280px;
	height: 160px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#elisabeth #sp-footer #sp-official a:hover {
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	background-color: #fff;
}