@charset "utf-8";
/* CSS Document */

/* --------------------------------------------
	CSS Reset
-------------------------------------------- */

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td
{margin: 0;padding: 0;}
input, textarea{margin: 0;font-size: 100%;}
label { cursor: pointer;}
table{border-collapse: collapse;border-spacing: 0;font-size: 100%;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, 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;}

/*-----------------------------------------------
clearfix
-----------------------------------------------*/
div:after , .clearfix:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
/* exlude IE6 \*/
* html .clearfix{
	height: 1%
}
.clearfix {
	display:block;
}

/* for IE7 */
.clearfix{
	zoom:1;
}



/* ============================================
	IE Print
============================================ */
@media print {
	html,
	body {
		_zoom: 0.65 !important;
		font-family:'\30E1\30A4\30EA\30AA',Meiryo,'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\36','\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6f\20\57\33','\48\69\72\61\67\69\6e\6f\20\4b\61\6b\75\20\47\6f\74\68\69\63\20\50\72\6f','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF',Verdana,Osaka,sans-serif !important;
	}
}


/* ============================================
	ハック
============================================ */

IE6のみ適用
* html body { }

IE7のみ適用
*:first-child+html body { }

IE6を除外（モダンブラウザ）
html > body { }

IE6、IE7を除外（モダンブラウザ）
html>/**/body { }

Operaに適用
*+html:first-child body { }

Safariに適用
/*\*/
html:\66irst-child { }
/* end */

Mac IE適用
body { /*\*//*/ ●●●●●●● /**/ }


/*------------------------------------------
*　背景＋bodyなど
-------------------------------------------*/

html { background-image: url(../images/back_img.jpg); }
#rap { margin:0; padding:0; }
/*div div { background:rgba(0,0,0,0.6); border:none; }*/

.haeder { width:900px; height:210px; margin:0 auto; color:#FFF; padding:20px 0 20px 0; text-align:center; }

a { color:#09F; }

.hd_line { width:100%; height:1100px; } 
.main_area { width:900px; margin:0 auto; color:#FFF; padding:20px 0px 20px 0px; }
.mainleft {width:448px; float:left; display:block; padding:0 0 0 2px; }
.mainright {width:448px; float:left; display:block; padding:0 2px 0 0; }


.stffcast_area { width:880px; margin:0 auto; color:#FFF; padding:30px 10px 30px 10px; font-size:14px; line-height:1.8em; }

.footer { width:100%; height:100px; background-image:url(../images/footer_backimg.jpg); }
.footer_area { width:900px; margin:0 auto; padding:20px 0px 20px 0px; font-size:12px; line-height:1.5em; color:#FFF; display:block; }


/*------------------------------------------
* レイアウト
-------------------------------------------*/

.fl { float:left; }
.fr { float:right; }
.db { display:block; }
.mt10px { margin-top:10px; }
.mt20px { margin-top:20px; }
.mr10px { margin-right:10px; }
.mr20px { margin-right:20px; }
.mr50px { margin-right:50px; }
.ml10px { margin-left:10px; }
.mt10px { margin-top:10px; }
.mt30px { margin-top:30px; }

.keyphoto { width:432px; margin:0 0 15px 0;
	box-shadow:0px 0px 5px #000066;
    -moz-box-shadow:0px 0px 5px #000066;
    -webkit-box-shadow:0px 0px 5px #000066;
	 }

h1.title { width:900px; display:block; margin:20px 0 0 0; }
h4.title { font-size:14px; font-weight:bold; display:block; margin:0 0 5px 0; }
.age_logo { display:block; margin:0 0 20px 10px; }
.story_t { width:413px; height:50px; background-image:url(../images/line_bg.png); padding:10px 10px 0 10px; margin:0 0 15px 0; }
.seyu_t { width:413px; height:35px; background-image:url(../images/line_bg.png); padding:15px 10px 0 15px; margin:0 0 15px 0; font-size:22px; font-weight:300; }
.staff_t { margin:0 0 15px 0; display:block; }


.main_txt { width:428px; font-size:13px; line-height:1.6em; text-shadow: 1px 1px 1px #000066; display:block; padding:0 10px 20px 10px; }

.stffcast_area p { margin:0 0 30px 0; }

.otoiawase { width:880px; padding:0 10px 15px 10px; border-bottom:dotted 1px #47556f; margin:0 0 10px 0; font-size:13px; }
.copyright_area { width:880px; padding:5px 10px 0px 10px; font-size:11px; line-height:1.5em; font-weight:500;}
.copyright {font-size:11px; }


/*------------------------------------------
* フェイドボタン
-------------------------------------------*/


#enter_b { width:433px; height:243px; display:block; }

#enter_b a {
	background:url(../images/enter_botan.png) no-repeat scroll top left;
	height:243px;
	display:block;
	position:relative;
	text-indent:-9999px;
	outline:0px;　/*firefox用*/
	}
	
#enter_b a span:hover {
		cursor:pointer;
	}
	
#enter_b a.enter span {
	background-position:0px -243px;
}
	
#enter_b a span {
	background:url(../images/enter_botan.png) no-repeat scroll top right;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#staff_bt { width:184px; height:40px; display:block; }

#staff_bt a { background:url(../images/staff_bt.gif) no-repeat scroll top left;
	height:40px;
	display:block;
	position:relative;
	text-indent:-9999px;
	outline:0px;　/*firefox用*/
}

#staff_bt a span:hover { cursor:pointer; }

#staff_bt a.staff span { background-position:0px -40px; }

#staff_bt a span {
	background:url(../images/staff_bt.gif) no-repeat scroll top right;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#cast_bt { width:175px; height:40px; display:block; }

#cast_bt a { background:url(../images/cast_bt.gif) no-repeat scroll top left;
	height:40px;
	display:block;
	position:relative;
	text-indent:-9999px;
	outline:0px;　/*firefox用*/
}

#cast_bt a span:hover { cursor:pointer; }

#cast_bt a.cast span { background-position:0px -40px; }

#cast_bt a span {
	background:url(../images/cast_bt.gif) no-repeat scroll top right;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#dvd_spec_bt { width:192px; height:38px; display:block; }

#dvd_spec_bt a { background:url(../images/dvd_spec_bt.gif) no-repeat scroll top left;
	height:38px;
	display:block;
	position:relative;
	text-indent:-9999px;
	outline:0px;　/*firefox用*/
}

#dvd_spec_bt a span:hover { cursor:pointer; }

#dvd_spec_bt a.cast span { background-position:0px -38px; }


#dvd_spec_bt a span {
	background:url(../images/dvd_spec_bt.gif) no-repeat scroll top right;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}