@charset "Shift_JIS"; 
 
/**
 * ========================================
 * 目次 
 * ========================================
 * File Name:  screen.css
 * Style Info: 共通スタイル定義
 * ----------------------------------------
 * Created:    2008-12-24
 * Modified:   2008-12-24
 * Author:     Sicoro-Works
 * Url:        http://www.sicoro.co.jp/
 * ----------------------------------------
 * =1			構造
 * =1-1			  カラム幅
 * =2			ヘッダ
 * =2-1			  会社ロゴ
 * =2-2			  MOVIE TOPへ
 * =2-3			  発売日
 * =3			メインカラム
 * =3-1			  メインビジュアル
 * =3-2			  メインカラム共通要素
 * =3-3			  2009.4.24 ON DVD
 * =3-4			  物語
 * =3-5			  出演
 * =4			フッタ
 * =999			ハック
 * =999-1		  CLEAR FIX
 */
 
/**=1
 * ========================================
 * 構造 
 * ========================================
 */
	 
body 
{
}
 
img 
{
	vertical-align: top;
}
 
#wrapper 
{
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	background-image: url(../images/bg.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
 
/**=1-1
 * カラム幅 
 * ========================================
 */
	 
#header, 
#content,
#footer
{
	width: 780px;
}
 
/**=
 * 
 * ----------------------------------------
 */
  
/**=
 * 
 * ========================================
 */
	
/**=
 * 
 * ----------------------------------------
 */
   
/**=2
 * ========================================
 * ヘッダ 
 * ========================================
 */
	 
#header 
{
	position: relative;
}
 
/**=2-1
 * 会社ロゴ 
 * ========================================
 */
	
#header .corporate 
{
	padding-left: 10px;
}
  
/**=2-2
 * MOVIE TOPへ 
 * ========================================
 */
	
#header .button 
{
	position: absolute;
	top: 0;
	right: 10px;
	left: auto;
}
  
/**=2-3
 * 発売日 
 * ========================================
 */
	
#header .information 
{
	padding: 5px;
	color: #FFF;
	background-color: #ec2d11;
	text-align: right;
	border-bottom: 1px solid #FFF;
}
   
/**=3
 * ========================================
 * メインカラム 
 * ========================================
 */
	 
#content 
{
	background-image: url(../images/bg_content.jpg);
	background-position: 0 585px;
	background-repeat: no-repeat;
	height: 2470px;
}
 
/**=3-1
 * メインビジュアル 
 * ========================================
 */
	
#content #mainVisual 
{
	position: relative;
	width: 780px;
	padding-bottom: 9px;
	background-image: url(../images/border_red.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
	
#content #mainVisual .button 
{
	position: absolute;
	top: auto;
	right: 24px;
	bottom: 28px;
	left: auto;
}

   
/**=3-2
 * メインカラム共通要素 
 * ========================================
 */
	
#content .section 
{
	position: relative;
}
  
/**=3-3
 * 2009.4.24 ON DVD 
 * ========================================
 */
	
#content #releaseInfo 
{
	margin-top: 32px;
	margin-left: 16px;
}
	
#content #releaseInfo h2 
{
	margin : 0;
	padding-left: 20px;
}
 
#content #releaseInfo h3, 
#content #releaseInfo p
{
	padding-left: 85px;
}
 
#content #releaseInfo h3 
{
	margin-bottom: 13px;
}
 
#content #releaseInfo p 
{
	margin-bottom: 26px;
}
 
#content #releaseInfo p.button 
{
	position: absolute;
	top: 267px;
	right: 29px;
	left: auto;
	margin-bottom: 0;
}


#content #releaseInfo p.jacket
{
	position: absolute;
	top: 115px;
	right: 11px;
	left: auto;
	margin-bottom: 0;
}

#content #releaseInfo p.text_1 
{
	position: absolute;
	right: 6px;
	left: auto;
	padding-bottom: 0;
	top: 374px;
	width: 287px;
}

   
/**=3-4
 * 物語 
 * ========================================
 */
	
#content #story 
{
	padding-right: 50px;
	padding-left: 250px;
	margin-bottom: 30px;
	width: 480px;
}
	
#content #story h2 
{
	position: absolute;
	top: 0;
	left: 30px;
}
 
#content #story h3 
{
	margin: 40px 0 12px;
}
 
#content #story p 
{
	font-size: 120%;
	line-height: 1.7;
}
 
#content #story dl 
{
	position: relatvie;
	font-size: 120%;
	line-height: 1.7;
}
	
#content #story dl dt 
{
	position: absolute;
	left: 250px;
}
 
#content #story dl dd 
{
	padding-left: 6em;
}
	
#content #story dl dd .name 
{
	float: left;
	width: 8em;
}

#content #story .button
{
	position: absolute;
	top: auto;
	right: 596px;
	bottom: 378px;
}
     
/**=3-5
 * 出演 
 * ========================================
 */
	
#content #cast 
{
	padding-right: 0px;
	padding-left: 430px;
	width: 280px;
}
	
#content #cast h2 
{
	position: absolute;
	top: 0;
	left: 30px;
}

#content #cast .photo 
{
	position: absolute;
	right: 292px;
	left: auto;
	padding-bottom: 0;
	top: 4px;
}

#content #cast .photo_2 
{
	position: absolute;
	right: 291px;
	left: auto;
	padding-bottom: 0;
	top: 146px;
}

#content #cast .photo_3 
{
	position: absolute;
	right: 295px;
	left: auto;
	padding-bottom: 0;
	top: 293px;
}

#content #cast .text_1 
{
	position: absolute;
	right: -3px;
	left: auto;
	padding-bottom: 0;
	top: 1px;
	width: 287px;
}

#content #cast .text_2 
{
	position: absolute;
	right: -4px;
	left: auto;
	padding-bottom: 0;
	top: 143px;
	width: 287px;
}

#content #cast .text_3
{
	position: absolute;
	right: -3px;
	left: auto;
	padding-bottom: 0;
	top: 290px;
	width: 287px;
}
 
#content #cast p 
{
	font-size: 120%;
	line-height: 1.7;
	padding-bottom: 2em;
}


/**=3-3
 * campaign 
 * ========================================
 */
	
#content #campaign 
{
	margin-top: 0px;
	margin-left: 0px;
}
	
#content #campaign h2 
{
	background: url(../images/cam_1.png) no-repeat left top;
	width: 780px;
    height: 283px
}
 
#content #campaign h3 
{
	padding-left: 60px;
	margin-bottom: 13px;
}
 
 
#content #campaign h2.text_1 
{
	position: absolute;
	padding-bottom: 0;
	top: 202px;
	width: 587px;
	font-size: 120%;
	left: 97px;
}	

#content #campaign p.text_1 
{
	width: 650px;
    padding-left: 75px;
    padding-top: 203px;
	font-size: 120%;
	line-height: 1.7;
}


#content #campaign form {
float: left;
padding-left: 245px;
}

#link a {
background-image:url(../images/ega28.gif);
background-repeat:no-repeat;
height:50px;
margin:0;
padding:0;
width:155px;
}

#link a:hover {
background-image:url(../images/ega28on.gif);
background-repeat:no-repeat;
height:50px;
margin:0;
padding:0;
width:155px;
}


#content #campaign ul {
list-style-type: none;
width: 115px;
float: left;
}
#content #campaign li {
margin-bottom: 8px;
}
#content #campaign li input {
margin-left: 10px;
}

#content #campaign .txt7 {
clear: both;
float: left;
padding-right: 5px;
}

#content #campaign .txt8 {
clear: both;
float: left;
padding-right: 5px;
padding-top: 10px;
}



    
/**=4
 * ========================================
 * フッタ 
 * ========================================
 */
	 
#footer 
{
}
	 
#footer p 
{
	padding: 10px;
	text-align: right;
}
   
/**=999
 * ========================================
 * ハック 
 * ========================================
 */
	 
/**=999-1
 * CLEAR FIX 
 * ====================================
 */
	 
#content #story dl dd:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
#content #story dl dd 
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
#content #story dl dd 
{
	display:block;
}
/* End hide from IE Mac */