@charset "shift_jis";

/*////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - 2010-01-22 (Fri)
////////////////////////////////////////////////*/


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

.contentsArea {
	width: 914px;
	margin: 0;
	padding: 0 0 20px 0;
}

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


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

#the39steps #sp-header {
	position: relative;
	width: 914px;
	height: 360px;
	background: url(../images/parts_main.jpg) no-repeat 0 0;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#the39steps #sp-header #sp-link-blog a {
	display: block;
	position: absolute;
	top: 179px;
	left: 635px;
	width: 205px;
	height: 38px;
}

#the39steps #sp-header #sp-link-ticket a {
	display: block;
	position: absolute;
	top: 309px;
	left: 634px;
	width: 219px;
	height: 38px;
}

#the39steps #sp-header #sp-link-ticket a:hover {
	background-color: #fff;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}


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

#the39steps .sp-innerBlock {
	width: 875px;
	min-height: 165px;
	_height: 165px;
	background: url(../images/parts_block_base.gif) no-repeat 0 0;
	margin: 0 0 20px 0;
	padding: 30px 19px 10px 20px;
}

#the39steps .sp-innerBlock h2 {
	width: 195px;
	height: 48px;
	margin: 0 0 15px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

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

#the39steps #sp-introduction {
	position: relative;
	width: 875px;
/*	height: 300px;*/
}

#the39steps #sp-introduction h2 {
	background: url(../images/title_introduction.gif) no-repeat 0 0;
}

#the39steps #sp-introduction .sp-innerBox {
	width: 530px;
}

#the39steps #sp-introduction h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

#the39steps #sp-introduction h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

#the39steps #sp-introduction p {
	margin: 0;
	padding: 0 0 5px 0;
}

#the39steps #sp-introduction #sp-movie {
	position: absolute;
	top: 90px;
	left: 570px;
	width: 320px;
	height: 240px;
}


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

#the39steps #sp-cast h2 {
	background: url(../images/title_cast.gif) no-repeat 0 0;
}

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

#the39steps #sp-cast li {
	float: left;
	width: 212px;
	margin: 0 9px 0 0;
	padding: 0;
}

#the39steps #sp-cast li.right {
	margin: 0;
	padding: 0;
}

#the39steps #sp-cast .sp-innerBox {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
}

#the39steps #sp-cast .sp-innerBox h4 {
	width: 66px;
	height: 19px;
	background: url(../images/sub_title_stuff.gif) no-repeat 0 0;
	margin: 0 0 5px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}


/* - Story
----------------------------------------------------------*/

#the39steps #sp-story h2 {
	background: url(../images/title_story.gif) no-repeat 0 0;
}

#the39steps #sp-story .sp-innerBox {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

#the39steps #sp-story h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

#the39steps #sp-story .sp-innerBox h4 {
	width: 66px;
	height: 19px;
	background: url(../images/sub_title_original.gif) no-repeat 0 0;
	margin: 0 0 5px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}


/* - Interview
----------------------------------------------------------*/

#the39steps #sp-interview h2 {
	background: url(../images/title_interview.gif) no-repeat 0 0;
}

#the39steps #sp-interview .sp-innerBox {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

#the39steps #sp-interview h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

#the39steps #sp-interview dl {
	clear: both;
	width: 854px;
	margin: 0 auto 20px auto;
	padding: 0;
}

#the39steps #sp-interview dt {
	color: #996600;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

#the39steps #sp-interview dd {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
}

#the39steps #sp-interview dd em {
	float: left;
	width: 50px;
	margin: 0;
	padding: 0;
}

#the39steps #sp-interview dd span {
	display: block;
	margin: 0;
	padding: 0 0 0 50px;
}


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

#the39steps #sp-schedule h2 {
	background: url(../images/title_schedule.gif) no-repeat 0 0;
}


/* - Links
----------------------------------------------------------*/

#the39steps #sp-link {
	position: relative;
	width: 854px;
	height: 90px;
	background: url(../images/parts_btm_btn.gif) no-repeat 0 0;
	margin: 0 auto 20px auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#the39steps #sp-link li a {
	display: bold;
	position: absolute;
	width: 250px;
	height: 90px;
}

#the39steps #sp-link li#sp-link-hp a      { top: 0; left: 0; }
#the39steps #sp-link li#sp-link-blog a    { top: 0; left: 302px; }
#the39steps #sp-link li#sp-link-twitter a { top: 0; left: 604px; }

#the39steps #sp-link li#sp-link-hp a:hover,
#the39steps #sp-link li#sp-link-blog a:hover,
#the39steps #sp-link li#sp-link-twitter a:hover {
	background-color: #fff;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}


/* - Date
----------------------------------------------------------*/

#the39steps #sp-date {
	position: relative;
	width: 914px;
	height: 160px;
	background: url(../images/parts_btm_date.gif) no-repeat 0 0;
	margin: 0 auto 10px auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#the39steps #sp-date #sp-link-ticket a {
	display: bold;
	position: absolute;
	top: 63px;
	left: 627px;
	width: 219px;
	height: 38px;
}

#the39steps #sp-date #sp-link-ticket a:hover {
	background-color: #fff;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}