@charset "Shift_JIS";

/*

■共用CSS定義ファイル

	1.タグ設定
	2.共用ボックス設定
	3.共用要素クラス、ID設定

---------------------------------------------------------------------------------------
1.タグ設定
--------------------------------------------------------------------------------------- */

	*	{
			margin:0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
	}

		
	body	{
			background-color:#000028;
	}

		
	h1, h2, h3, h4, h5, h6, h7	{
			display:inline;
	}

	address	{
		clear:both;
		color:white;
		font-size:10px;
		font-weight:normal;
		font-style:normal;
		text-decoration:none;
		text-align:center;
		padding-top:20px;
	}

	img	{ 
			border:none; 
	}

		
	a, a:link, a:visited	{ 
			color:#00FFFF; 
	}

		
	a:hover, a:active 	{ 
			color:#ffff00; 
	}

		
	p	{ 
			margin:0 0 8px 0; 
			padding:0; 
	}

		
	ul, ol	{
			margin:0 0 0px 22px;
			padding:0;
	}

	em {
			font-style:normal;
			color:#cc0000;
	}

/*
---------------------------------------------------------------------------------------
2.共用ボックス設定
--------------------------------------------------------------------------------------- */

#mainframe {
	position:relative;
	width:760px;
	margin:0 auto;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#header {
	position:relative;
	width:760px;
	height:342px;
	background-image: url(../images/header/background.jpg);
}

div#spacerarea { display: none; }

/*\*//*/

div#spacerarea {
	display: block;
	width:760px;
	height:342px;
}

/**/ 


#story {
	clear:both;
	position:relative;
	height:455px;
	width:760px;
	padding-top:13px;
	background-color:#c40000;
	background-image:url(../images/story/bg_story.jpg);
	background-repeat:no-repeat;
	background-position:78px 0;
}

#staffcast {
	font-size:12px;
	position:relative;
	width:720px;
	background-color:black;
	color:white;
	padding:20px;
}

/*
---------------------------------------------------------------------------------------
3.その他
--------------------------------------------------------------------------------------- */

a.playbtn:hover {
	position:relative;
	top:1px;
	left:1px;
}


/* header */

#catch1	{ position:absolute; left:492px; top:11px; }
#catch2	{ position:absolute; left:20px; top:13px; }
#logo	{ position:absolute; left:18px; top:31px; }
#text01 { position:absolute; left:21px; top:223px; }
#text02 { position:absolute; left:23px; top:269px; }
#copy1	{ position:absolute; left:496px; top:322px;}

#play1  { 
	position:absolute; left:23px; top:316px; 
	margin-bottom:0;
}


/*  dvdinfo */
#dvdinfo {
	clear:both;
	width:732px;
	position:relative;
	background-color:#000000;
	padding:28px 20px 0px 8px;
}

.dvd {
	clear:both;
	border-bottom: 2px solid #000000;
}

.specarea {
	width:371px;
	float:left;
}

/*\*//*/

.specarea {
	width:370px;
}

/**/ 


.imagearea {
	width:340px;
	float:right;
	text-align:center;
	color:white;
	font-size:9px;
}

div#imgarea2 {
	text-align:center!important;
	width: 370px;
}

h2.dvdtitle {
	display:block;
	background-image:url(../images/dvdinfo/bg_title.gif);
	padding-left:12px;
	background-repeat: no-repeat;
	background-position:0px 12px;
	width: 359px;
	margin-bottom: 3px;
}

.spec {
	color:#ffffff;
	padding-left:14px;
}

div.spec p {
	font-size:10pt;
	margin-bottom: 16px;
	line-height:1.3em;
}

p#play1-2 {
	clear:right;
}

div.spec p#box2 {
	margin-bottom:15px;
}

div.spec p.tokuheader {
	color:#FFFF00;
	font-size:12pt;
	font-weight:bold;
	margin-bottom: 8px !important;
	border-bottom: 1px solid #ffff00;
	padding-bottom: 1px;
}

div#tokuten {
	clear:right;
	padding:12px;
	border:2px solid #FFFF00;
}

p.date {
	margin:8px 0;
}

.reldate {
	margin-bottom:6px;
}

.poster {
	float:right;
}

.injkt1 {
	margin-top:6px;
	margin-right:3px;
	margin-bottom:4px;
}
.injkt2 {
	margin-top:6px;
	margin-left:3px;
	margin-bottom:4px;
}


ol#tokutenspec li { 
	font-size:9pt;
	margin-bottom:0.4em;
}
ol#tokutenspec li.last { margin-bottom:0; }

img#box1 , img#box2 { margin-bottom:4px; }


/* story */

p#stcatch {
	margin:13px auto 0 auto;
	text-align:center;
}

#cut01 { position:absolute; left:19px; top:99px; }
#cut02 { position:absolute; left:629px; top:99px; }
#cut03 { position:absolute; left:454px; top:247px; }
#sttext { 
	position:absolute; left:19px; top:292px; 
	color:white;
	font-weight:bold;
	font-size:10pt;
	line-height:1.5em;
}

	/*  ul, ol のキャプション */
	p.list-caption	{
		margin:1em 0 0 0;
		padding:0;
	}

	img.jkt	{
		
	}

	img.jkt-bd	{
		border:1px solid #cccccc;
	}

.clear { clear:both; }
div.clear {
	clear:both;
	height:1px; 
	font-size:1px;
	overflow:hidden; 
}

.clearleft {
	clear:left;
}
.clearright {
	height:1px;
	clear:right;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}
.bgblack {
	background-color:#000000;
}

/*\*//*/

.bgblackmac {
	background-color:#000000;
}

/**/ 

#partition {
	height:30px;
	clear:both;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}


/* staffcast */

h2.staffcast {
	color:#00FFFF;
	display:block;
	font-family:serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom:3px;
}

#stcut01 {
	float:left;
	margin-right: 20px;
}
#stcout02 {
	float:right;
}

#people {
	float:right;
	width:487px;
}

p.people {
	margin-bottom:18px;
	line-height:20px;
}
p#tvcast { 
	font-size:9px;
	margin-bottom:0;
}



/* インタビュー */

#interview {
	background-color: #333333;
	padding: 12px 22px;
	color: white;
	border-top: 2px solid black;

}

h2#int-title {
	display:block;
	margin-bottom:3px;
	margin-top: 6px;
}

#interview p {
	font-size:10pt;
	line-height:1.4em;
	margin-bottom: 12px;
}

p#lead1 {
	font-size:9pt;
	line-height:1.6em;
	border:1px soild #000000;
	padding: 3px 0 6px 0;
}

div#int {
	background-color: #181818;
	padding: 12px 12px 10px 12px;
	height: 213px;
}

div#dialog {
	width:400px;
	float: right;
}

div#photo {
	width:271px;
	height:180px;
	background-color:#ffffff;
	float: left;
}




.caption1 { font-size:8px; }

.toplink {
	height:30px;
	clear:both;
	text-align:right;
	padding-top:5px;
	font-size:9px;
}

.toplink2 {
	height:12px;
	clear:both;
	text-align:right;
	padding-top:8px;
	font-size:9px;
}

.dash {
	letter-spacing:-2px;
	margin-right:4px;
}