@charset "Shift_JIS";

/* PRE-SET
---------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,form,ul,li,ol,fieldset { margin: 0; padding:0;}
li 	{ list-style:none; }
img { border:none; display: block;}
p 	{ margin: 0;}
.clear { clear:both; }

/* BODY
---------------------------------------------------- */
body {
	color:#000;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", "Lucida Grande", Verdana, sans-serif;
	font-size:13px;
	line-height:19px;
	letter-spacing: 1px;
	background:url(../images/bg.jpg);
	}
* html body {
	letter-spacing: 1px;
	vertical-align:baseline;
	text-align:center;	
	}

/* LINK
---------------------------------------------------- */
a:link		{ color:#1d87ce; text-decoration:underline; }
a:visited	{ color:#5ea2c1; text-decoration:none; }
a:hover		{ color:#26bbff; text-decoration:none;}
a:active	{ color:#FFFFFF; text-decoration:none;}

.navi{
	position:absolute;
	width:80px;
	height:92px;
	left: 836px;
	top: 549px;
	}
.navi a{
	display:block;
	text-indent:-9999px;
	font-size:5px;
	}
a.up {
	background:url(../images/up_down.gif) no-repeat;
	width:80px;
	height:46px;
	}
a.up:hover {
	background:url(../images/up_down.gif) -80px 0 no-repeat;
	width:80px;
	height:46px;
	}

a.down {
	background:url(../images/up_down.gif) 0 -46px no-repeat;
	width:80px;
	height:46px;
	}
a.down:hover {
	background:url(../images/up_down.gif) -80px -46px no-repeat;
	width:80px;
	height:46px;
	}

/* TEXT
----------------------------------------------------- */
h1		{ font-size:22px;}
h2		{ font-size:20px;}
h3		{ font-size:18px;}
h4		{ font-size:16px;}
h5		{ font-size:14px; color:#1a8ce2; }
h6		{ font-size:12px; color:#1a8ce2; }
P 		{ font-size:13px;}
.date	{ font-size:11px; color:#1d87ce;}
.sml	{ font-size:11px;}

/* SLIDER
---------------------------------------------------- */

div#move_menu{
	z-index: 501;
	width: 100%;
	height: 175px;
	}
/* for IE6 */	
* html div#move_menu{ position:absolute; left:0px;}
/* for IE7 */	
*:first-child+html div#move_menu{ position:absolute; left:0px;} 

div#slider {
	width:100%;
	}
/* for IE6 */	
* html div#slider{ position:absolute; top:0px; left:0px;}
/* for IE7 */	
*:first-child+html div#slider{ } 

div.slideCenter {
	width: 916px;
	margin: 0px auto;
	height:175px;
	position:relative;
	padding-top:832px;
	margin-top:-832px;
	background:url(../images/menu_bg.png) no-repeat;
	}
/* for IE6 */	
* html div.slideCenter{ }
/* for IE7 */	
*:first-child+html div.slideCenter{} 

ul#menu001{
	padding:40px 107px 25px 0;
	height:95px;
	}
ul#menu002{
	position:absolute;
	top:872px;
	right:133px;
	width:180px;
	}
ul#menu001 li{
	width:26px;
	height:95px;
	float:right;
	text-indent:-9999px;
	font-size:5px;
	}
ul#menu002 li{
	width:26px;
	height:95px;
	text-indent:-9999px;
	float:right;
	font-size:5px;
	}
ul#menu001 li.lineM{
	 background:url(../images/menu.gif) -30px -190px;
	}
ul#menu001 li.lineM a{
	 background:url(../images/menu.gif) -30px 0;
	}
ul#menu001 li a,
ul#menu002 li a{
	background:url(images/menu.gif) no-repeat;
	width:26px;
	height:95px;
	display:block;
	text-decoration:none;
	border:none;
	}
ul#menu001 li.newsM { background:url(../images/menu.gif) -180px -190px; }
ul#menu001 li.traiM { background:url(../images/menu.gif) -128px -190px; }
ul#menu001 li.commM { background:url(../images/menu.gif) -102px -190px; }
ul#menu001 li.linkM { background:url(../images/menu.gif) -76px -190px; }
ul#menu001 li.theaM { background:url(../images/menu.gif) -50px -190px; }
ul#menu001 li.specM { background:url(../images/menu.gif) 0px -190px; }

ul#menu001 li.newsM a{ background:url(../images/menu.gif) -180px 0; }
ul#menu001 li.traiM a{ background:url(../images/menu.gif) -128px 0; }
ul#menu001 li.commM a{ background:url(../images/menu.gif) -102px 0; }
ul#menu001 li.linkM a{ background:url(../images/menu.gif) -76px 0; }
ul#menu001 li.theaM a{ background:url(../images/menu.gif) -50px 0; }
ul#menu001 li.specM a{ background:url(../images/menu.gif) 0px 0; }

ul#menu001 li.newsM a:hover{ background:url(../images/menu.gif) -180px -95px; }
ul#menu001 li.traiM a:hover{ background:url(../images/menu.gif) -128px -95px; }
ul#menu001 li.commM a:hover{ background:url(../images/menu.gif) -102px -95px; }
ul#menu001 li.linkM a:hover{ background:url(../images/menu.gif) -76px -95px; }
ul#menu001 li.theaM a:hover{ background:url(../images/menu.gif) -50px -95px; }
ul#menu001 li.specM a:hover{ background:url(../images/menu.gif) 0px -95px; }


ul#menu002 li.intrM { background:url(../images/menu.gif) -334px -190px;}
ul#menu002 li.storM { background:url(../images/menu.gif) -308px -190px;}
ul#menu002 li.castM { background:url(../images/menu.gif) -282px -190px; }
ul#menu002 li.stafM { background:url(../images/menu.gif) -256px -190px; }
ul#menu002 li.etcM	{ background:url(../images/menu.gif) -206px -190px;  width:50px;}

ul#menu002 li.intrM a{ background:url(../images/menu.gif) -334px 0; }
ul#menu002 li.storM a{ background:url(../images/menu.gif) -308px 0; }
ul#menu002 li.castM a{ background:url(../images/menu.gif) -282px 0; }
ul#menu002 li.stafM a{ background:url(../images/menu.gif) -256px 0; }


ul#menu002 li.intrM a:hover{ background:url(../images/menu.gif) -334px -95px; }
ul#menu002 li.storM a:hover{ background:url(../images/menu.gif) -308px -95px; }
ul#menu002 li.castM a:hover{ background:url(../images/menu.gif) -282px -95px; }
ul#menu002 li.stafM a:hover{ background:url(../images/menu.gif) -256px -95px; }



ul#menu001 li.abouM		{ background:url(../images/menu.gif) -360px -95px;	}

ul#menu002 li.aboutOver 	{ background:url(../images/menu.gif) -360px -95px;	}

ul#menu001 li.abouM ul{ display:none; }
.aboutOver{ display:block;}
.aboutOut{ display:none; }

#aOver { width:26px; height:95px; display:block;}
.abouOver{ background:url(../images/menu.gif) -154px -95px; }
.abouOut{ background:url(../images/menu.gif) -154px 0px; display:block; }
.abouClick{ background:url(../images/menu.gif) -360px -95px;  }

a#gotop{
	position:absolute;
	top:874px;
	left:43px;
	width:158px;
	height:38px;
	text-indent:-9999px;
	font-size:5px;
	display:block;
	background:url(../images/gotop.gif)  no-repeat;
	}
a#gotop:hover{
	background:url(../images/gotop.gif) 0 -40px no-repeat;
	}

/* BASE
---------------------------------------------------- */
#wrapper{
	background:url(../images/bg2.jpg) repeat-x ;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	width:100%;
	height:100%;
	}
/* for IE6 */	
* html div#wrapper{ text-align:center;}
/* for IE7 */	
*:first-child+html div#wrapper{text-align:center;} 

div#headerMenu{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:175px;
	}
#contents{
	width:916px;
	position:relative;
	margin:0px auto 0 auto;
	padding:0;
	}
/* for IE6 */	
* html div#contents{ text-align:left;}
/* for IE7 */	
*:first-child+html div#contents{text-align:left;} 
	


/* TOP_____Main
---------------------------------------------------- */
#main{
	position:relative;
	width:916px;
	height:541px;
	background:url(../images/main.jpg) no-repeat;
	}
#main h1,#main h2,#main h3,#main h4{ display:none; }
#trailerBox{
	position:absolute;
	top:325px;
	left:596px;
	z-index: 10;
	}
#koukai{
	background:url(../images/koukai.gif) no-repeat;
	width:397px;
	height:70px;
	position:absolute;
	text-indent:-9999px;
	font-size:5px;
	top:1px;
	left:501px;
	}
#credit{
	position:relative;
	background:url(../images/main2.jpg) no-repeat;
	padding-top:58px;
	}
p.credit{
	background:url(../images/credit.gif) 195px 0 no-repeat;
	height:111px;
	font-size:5px;
	text-indent:-9999px;
	}
ul#kousin{
	background:url(../images/kousin_ti.gif) no-repeat;
	width:321px;
	padding-top:15px;
	position:absolute;
	top:439px;
	left:548px;
	}
ul#kousin li{
	background:url(../images/dot.gif) -3px 0 no-repeat;
	font-size:11px;
	padding-left:10px;
	margin-bottom:3px;
	line-height:15px;
	letter-spacing:0;
	}

ul#kousin li a:link		{ color:#000; text-decoration:none; }
ul#kousin li a:visited		{ color:#333; text-decoration:none; }
ul#kousin li a:hover		{ color:#1d87ce; text-decoration:underline; }

/* News
---------------------------------------------------- */
#news{
	position:relative;
	background:url(../images/news_ti.gif) no-repeat;
	padding-top:137px;
	}
#news #newsBlock{
	padding:0 30px 0 152px;
	width:700px;
	height:347px;
	overflow:auto;
	}
.newsBox{
	position:relative;
	font-size:14px;
	padding:0px 0 50px 0;
	}
.newsBox p{
	font-size:14px;
	padding-left:25px;
	}
p.date{
	position:absolute;
	font-size:14px;
	margin-bottom:3px;
	color:#1d87ce;
	top:8px;
	left:530px;
	padding-left:0px;
	}
.newsBox h4{
	margin-bottom:10px;
	background:url(../images/news_icon.gif) no-repeat;
	padding:5px 0 5px 25px;
	border-bottom:1px dotted #1d87ce;
	}
.newsBox a.arrow,
.newsBox a.arrow:visited{
	background:url(../images/arrow.gif) no-repeat;
	padding-left:25px;
	}
.newsBox a.arrow:hover{
	background:url(../images/arrow.gif) 5px 0 no-repeat;
	}
#news .navi{
	left: 881px;
	top: 408px;
	position:absolute;
	}
#news .boxFooter{
	height:50px;
	background:url(../images/boxfooter.gif) no-repeat;
	}


/* Introduction
---------------------------------------------------- */
#intro{
	position:relative;
	background:url(../images/intro_ti.gif) no-repeat;
	padding:66px 0 0 0;
	}
#introBlock{
	padding:0 30px 0  65px;
	width:787px;
	height:347px;
	overflow:auto;
	}

/* for IE6 */	
* html div#introBlock{ width:885px;}
/* for IE7 */	
*:first-child+html div#introBlock{ width:885px;} 


div#block001,
div#block002,
div#block003{
	zoom:1;
	}
div#block001:after,
div#block002:after,
div#block003:after{ 
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }	
/* Mac版IEのみに適用 \*//*/ #intro div#block001,#intro div#block002,#intro div#block003 { overflow: hidden; } /* */
#intro .navi{
	left: 884px;
	top: 338px;
	position:absolute;
	}
#intro p { line-height:18px; _line-height:19px; }
.boxFooter{
	height:50px;
	background:url(../images/boxfooter.gif) no-repeat;
	}
#intro .leftBlock001{
	margin-top:30px;
	width:447px;
	float:left;
	margin-bottom:10px;
	}
#intro .rightBlock001{
	margin-top:30px;
	width:261px;
	padding-left:49px;
	float:left;
	margin-bottom:10px;
	}
#intro .leftBlock002{
	margin-top:30px;
	width:310px;
	float:left;
	margin-bottom:10px;
	}
#intro .rightBlock002{
	margin-top:30px;
	width:447px;
	float:left;
	margin-bottom:10px;
	}
#intro h4{
	text-indent:-9999px;
	font-size:5px;
	}
#intro h4#h4001{ background:url(../images/intro_copy.gif) 0 0 no-repeat; height:50px;}
#intro h4#h4002{ background:url(../images/intro_copy.gif) 0 -50px no-repeat; height:70px;}
#intro h4#h4003{ background:url(../images/intro_copy.gif) 0 -120px no-repeat; height:70px;}

/* Story
---------------------------------------------------- */
#story{
	background:url(../images/story_ti.gif) no-repeat;
	padding-top:66px;
	position:relative;
	width:916px;
	margin-top:-20px;
	}
#storyBlock{
	padding:12px 71px 0 66px;
	text-align:left;
	width:779px;
	height:335px;
	overflow:hidden; 
	}
/* for IE6 */	
* html #storyBlock{ width:890px;}
/* for IE7 */	
*:first-child+html #storyBlock{ width:890px;} 

#story .navi{
	left: 884px;
	top: 338px;
	position:absolute;
	}
#story .boxFooter{
	height:50px;
	background:url(../images/boxfooter2.gif) no-repeat;
	margin-top:-30px;
	}
#storyslider ul, #storyslider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#storyslider, #storyslider li{ 
	width:780px;
	height:335px;
	overflow:hidden; 
	position:relative;
	}

span#prevBtn{
	position:absolute;
	top:220px;
	left:20px;
	}
span#nextBtn{
	position:absolute;
	top:220px;
	left:855px;
	}
/* for IE6 */	
* html span#prevBtn{ top:150px; }
* html span#nextBtn{ top:150px; }
/* for IE7 */	
*:first-child+html span#prevBtn{ top:150px; }
*:first-child+html span#nextBtn{ top:150px; }


span#nextBtn a,
span#prevBtn a{
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	}
span#nextBtn a{ background:url(../images/123.gif) -40px 0px no-repeat; }					
span#nextBtn a:hover{ background:url(../images/123.gif) -40px -40px no-repeat; }
span#prevBtn a{ background:url(../images/123.gif) 0 0px no-repeat; }					
span#prevBtn a:hover{ background:url(../images/123.gif) 0 -40px no-repeat; }
#storyslider .storyMov{
	width:470px;
	float:left;
	}
#storyslider .sttxt{
	padding-left:15px;
	width:295px;
	float:left;
	}
#storyslider h4#first{
	background:url(../images/story_copy.gif) no-repeat;
	height:65px;
	text-indent:-9999px;
	font-size:5px;
	}

p#number001,p#number002,p#number003{
	height:88px;
	width:70px;
	float:right;
	margin-right:20px;
	text-indent:-9999px;
	}
p#number001{ background:url(../images/1232.gif) 0 0 no-repeat; }
p#number002{ background:url(../images/1232.gif) -70px 0 no-repeat; }
p#number003{ background:url(../images/1232.gif) -140px 0 no-repeat; }


/* Cast
---------------------------------------------------- */
#cast{
	position:relative;
	background:url(../images/cast_bg.gif) no-repeat;
	padding-top:93px;
	padding-bottom:50px;
	padding-left:37px;
	margin-top:-30px;
	zoom:1;
	}

#cast:after{ 
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }	
/* Mac版IEのみに適用 \*//*/ #cast { overflow: hidden; } /* */
#cast ul#castList{
	width:240px;
	padding-right:27px;
	}
#cast ul#castList li{
	width:240px;
	height:25px;
	}
#cast ul#castList li a{
	width:240px;
	height:25px;
	display:block;
	text-indent:-9999px;
	font-size:5px;
	}
a#cast001{ background:url(../images/castlist.gif) 0 0 no-repeat; }
a#cast002{ background:url(../images/castlist.gif) 0 -25px no-repeat; }
a#cast003{ background:url(../images/castlist.gif) 0 -50px no-repeat; }
a#cast004{ background:url(../images/castlist.gif) 0 -75px no-repeat; }
a#cast005{ background:url(../images/castlist.gif) 0 -100px no-repeat; }
a#cast006{ background:url(../images/castlist.gif) 0 -125px no-repeat; }
a#cast007{ background:url(../images/castlist.gif) 0 -150px no-repeat; }
a#cast008{ background:url(../images/castlist.gif) 0 -175px no-repeat; }
a#cast009{ background:url(../images/castlist.gif) 0 -200px no-repeat; }
a#cast010{ background:url(../images/castlist.gif) 0 -225px no-repeat; }
a#cast011{ background:url(../images/castlist.gif) 0 -250px no-repeat; }
a#cast012{ background:url(../images/castlist.gif) 0 -275px no-repeat; }
a#cast013{ background:url(../images/castlist.gif) 0 -300px no-repeat; }
a#cast001:hover{ background:url(../images/castlist.gif) -240px 0 no-repeat; }
a#cast002:hover{ background:url(../images/castlist.gif) -240px -25px no-repeat; }
a#cast003:hover{ background:url(../images/castlist.gif) -240px -50px no-repeat; }
a#cast004:hover{ background:url(../images/castlist.gif) -240px -75px no-repeat; }
a#cast005:hover{ background:url(../images/castlist.gif) -240px -100px no-repeat; }
a#cast006:hover{ background:url(../images/castlist.gif) -240px -125px no-repeat; }
a#cast007:hover{ background:url(../images/castlist.gif) -240px -150px no-repeat; }
a#cast008:hover{ background:url(../images/castlist.gif) -240px -175px no-repeat; }
a#cast009:hover{ background:url(../images/castlist.gif) -240px -200px no-repeat; }
a#cast010:hover{ background:url(../images/castlist.gif) -240px -225px no-repeat; }
a#cast011:hover{ background:url(../images/castlist.gif) -240px -250px no-repeat; }
a#cast012:hover{ background:url(../images/castlist.gif) -240px -275px no-repeat; }
a#cast013:hover{ background:url(../images/castlist.gif) -240px -300px no-repeat; }
#cast01,#cast02,#cast03,#cast04,#cast05,#cast06,#cast07,#cast08,#cast09,#cast10,#cast11,#cast12,#cast13{
	width:545px;
	height:330px;
	position:absolute;
	top:100px;
	left:304px;
	margin-top:-8000px;
	padding:0 30px 0 0;
	overflow:auto;
	text-align:left;
	_width:578px;
	}
#cast01{
	margin-top:0px;
	}
#cast img{
	float:left;
	margin:0 20px 20px 0;
	}
#cast h4{
	text-indent:-9999px;
	font-size:5px;
	height:40px;
	width:250px;
	_margin-right:33px;
	float:left;
	margin-bottom:8px;
	}
#cast01 h4{ background:url(../images/castname.gif) 0 0 no-repeat; }
#cast02 h4{ background:url(../images/castname.gif) 0 -40px no-repeat; }
#cast03 h4{ background:url(../images/castname.gif) 0 -80px no-repeat; }
#cast04 h4{ background:url(../images/castname.gif) 0 -120px no-repeat; }
#cast05 h4{ background:url(../images/castname.gif) 0 -160px no-repeat; }
#cast06 h4{ background:url(../images/castname.gif) 0 -200px no-repeat; }
#cast07 h4{ background:url(../images/castname.gif) 0 -240px no-repeat; }
#cast08 h4{ background:url(../images/castname.gif) 0 -280px no-repeat; }
#cast09 h4{ background:url(../images/castname.gif) 0 -320px no-repeat; }
#cast10 h4{ background:url(../images/castname.gif) 0 -360px no-repeat; }
#cast11 h4{ background:url(../images/castname.gif) 0 -400px no-repeat; }
#cast12 h4{ background:url(../images/castname.gif) 0 -440px no-repeat; }
#cast13 h4{ background:url(../images/castname.gif) 0 -480px no-repeat; }
#cast06 p,#cast07 p,#cast06 p,#cast08 p,#cast09 p,#cast10 p,#cast11 p,#cast12 p,#cast13 p{
	width:390px;
	float:left;
	}
#cast .navi{
	left: 884px;
	top: 338px;
	position:absolute;
	}
#cast h6{
	margin-top:25px;
	margin-bottom:8px;
	}
#cast .qu{
	color:#1d87ce;
	letter-spacing:0;
	font-weight:bolder;
	margin-bottom:5px;
	}
#cast .as{
	margin-bottom:8px;
	}


/* Staff
---------------------------------------------------- */
#staff{
	position:relative;
	background:url(../images/staff_bg.gif) no-repeat;
	padding-top:93px;
	padding-bottom:80px;
	padding-left:37px;
	margin-top:-45px;
	zoom:1;
	}

#staff:after{ 
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }	
/* Mac版IEのみに適用 \*//*/ #staff { overflow: hidden; } /* */
#staff ul#staffList{
	width:240px;
	padding-right:27px;
	}
#staff ul#staffList li{
	width:240px;
	height:25px;
	}
#staff ul#staffList li a{
	width:240px;
	height:25px;
	display:block;
	text-indent:-9999px;
	font-size:5px;
	}
a#staff001{ background:url(../images/stafflist.gif) 0 0 no-repeat; }
a#staff002{ background:url(../images/stafflist.gif) 0 -25px no-repeat; }
a#staff003{ background:url(../images/stafflist.gif) 0 -50px no-repeat; }
a#staff004{ background:url(../images/stafflist.gif) 0 -75px no-repeat; }
a#staff005{ background:url(../images/stafflist.gif) 0 -100px no-repeat; }
a#staff006{ background:url(../images/stafflist.gif) 0 -125px no-repeat; }
a#staff007{ background:url(../images/stafflist.gif) 0 -150px no-repeat; }
a#staff008{ background:url(../images/stafflist.gif) 0 -175px no-repeat; }
a#staff009{ background:url(../images/stafflist.gif) 0 -200px no-repeat; }
a#staff010{ background:url(../images/stafflist.gif) 0 -225px no-repeat; }
a#staff011{ background:url(../images/stafflist.gif) 0 -250px no-repeat; }
a#staff012{ background:url(../images/stafflist.gif) 0 -275px no-repeat; }
a#staff013{ background:url(../images/stafflist.gif) 0 -300px no-repeat; }
a#staff001:hover{ background:url(../images/stafflist.gif) -240px 0 no-repeat; }
a#staff002:hover{ background:url(../images/stafflist.gif) -240px -25px no-repeat; }
a#staff003:hover{ background:url(../images/stafflist.gif) -240px -50px no-repeat; }
a#staff004:hover{ background:url(../images/stafflist.gif) -240px -75px no-repeat; }
a#staff005:hover{ background:url(../images/stafflist.gif) -240px -100px no-repeat; }
a#staff006:hover{ background:url(../images/stafflist.gif) -240px -125px no-repeat; }
a#staff007:hover{ background:url(../images/stafflist.gif) -240px -150px no-repeat; }
a#staff008:hover{ background:url(../images/stafflist.gif) -240px -175px no-repeat; }
a#staff009:hover{ background:url(../images/stafflist.gif) -240px -200px no-repeat; }
a#staff010:hover{ background:url(../images/stafflist.gif) -240px -225px no-repeat; }
a#staff011:hover{ background:url(../images/stafflist.gif) -240px -250px no-repeat; }
a#staff012:hover{ background:url(../images/stafflist.gif) -240px -275px no-repeat; }
a#staff013:hover{ background:url(../images/stafflist.gif) -240px -300px no-repeat; }
#staff01,#staff02,#staff03,#staff04,#staff05,#staff06,#staff07,#staff08,#staff09,#staff10,#staff11,#staff12,#staff13{
	width:545px;
	height:330px;
	position:absolute;
	top:100px;
	left:304px;
	margin-top:-8000px;
	padding:0 30px 0 0;
	overflow:auto;
	text-align:left;
	_width:578px;
	}
#staff01{
	margin-top:0px;
	}
#staff img{
	float:left;
	margin:0 20px 20px 0;
	}
#staff h4{
	text-indent:-9999px;
	font-size:5px;
	height:40px;
	margin-bottom:0px;
	}

#staff01 h4{ background:url(../images/castname.gif) -250px 0 no-repeat; width:390px; float:left;}
#staff02 h4{ background:url(../images/castname.gif) -250px -40px no-repeat; width:350px; float:left;}
#staff03 h4{ background:url(../images/castname.gif) -250px -80px no-repeat; width:350px; float:left;}
#staff04 h4{ background:url(../images/castname.gif) -250px -120px no-repeat; }
#staff05 h4{ background:url(../images/castname.gif) -250px -160px no-repeat; }
#staff06 h4{ background:url(../images/castname.gif) -250px -200px no-repeat; }
#staff07 h4{ background:url(../images/castname.gif) -250px -240px no-repeat; }
#staff08 h4{ background:url(../images/castname.gif) -250px -280px no-repeat; }
#staff09 h4{ background:url(../images/castname.gif) -250px -320px no-repeat; }
#staff10 h4{ background:url(../images/castname.gif) -250px -360px no-repeat; }
#staff11 h4{ background:url(../images/castname.gif) -250px -400px no-repeat; }
#staff12 h4{ background:url(../images/castname.gif) -250px -440px no-repeat; }
#staff h6{
	margin-top:25px;
	margin-bottom:8px;
	}
#staff .qu{
	color:#1d87ce;
	letter-spacing:0;
	font-weight:bolder;
	margin-bottom:5px;
	}
#staff .as{
	margin-bottom:8px;
	}
#staff .navi{
	left: 884px;
	top: 338px;
	position:absolute;
	}

/* Trailer
---------------------------------------------------- */
body#trailerBody{
	background:#FFF;
	background-image:none;
	}
#trailer{
	width:680px;
	height:440px;
	}
#trailer a.arrow,
#trailer a.arrow:visited{
	background:url(../images/arrow.gif) no-repeat;
	padding-left:25px;
	text-decoration:none;
	}
#trailer a.arrow:hover{
	background:url(../images/arrow.gif) 5px 0 no-repeat;
	text-decoration:none;
	}
#trailer ul{ padding:0 0 0 20px; width:640px; }
#trailer li{
	float:left;
	}
#trailer li.movTitle{ font-size:16px; color:#333; }
#trailer li.movLink	{ font-size:14px;  width:100px; float:right;}
#trailer li.movClose{ font-size:14px; float:right;}



/* Comment
---------------------------------------------------- */

#comment{
	position:relative;
	background:url(../images/comment_ti.gif) 0 0px no-repeat;
	padding-top:70px;
	padding-left:166px;
	}
#commentBlock{
	padding-right:30px;
	width:686px;
	height:347px;
	overflow-y:scroll;
	}
/* for IE6 */	
* html #commentBlock{ 
	text-align:left;
	width:716px;
	height:347px;
	overflow:hidden;
	}
/* for IE7 */	
*:first-child+html #commentBlock{
	text-align:left;
	width:716px;
	height:347px;
	overflow:hidden;
	}

#comment .navi{
	left: 881px;
	top: 334px;
	position:absolute;
	}
/* for IE6 */	
* html #comment .navi{
	left: 715px;
	top: 334px;
	}
/* for IE7 */	
*:first-child+html #comment .navi{
	left: 715px;
	top: 334px;
	}
#comment .boxFooter{
	height:50px;
	background:url(../images/boxfooter.gif) no-repeat;
	}
#comment p.name{
	margin-bottom:24px;
	color:#1d87ce;
	padding-left:60px;
	background:url(../images/line.gif) no-repeat;
	}

/* Theater
---------------------------------------------------- */

#theater{
	position:relative;
	background:url(../images/theater_ti.gif) 0 160px no-repeat;
	padding-top:240px;
	padding-left:66px;
	}
#theaterBlock{
	padding-right:30px;
	width:786px;
	height:347px;
	overflow-y:scroll;
	}
/* for IE6 */	
* html #theaterBlock{ 
	text-align:left;
	width:816px;
	height:347px;
	overflow:hidden;
	}
/* for IE7 */	
*:first-child+html #theaterBlock{
	text-align:left;
	width:816px;
	height:347px;
	overflow:hidden;
	}

#theater .navi{
	left: 881px;
	top: 504px;
	position:absolute;
	}
/* for IE6 */	
* html #theater .navi{
	left: 815px;
	top: 504px;
	}
/* for IE7 */	
*:first-child+html #theater .navi{
	left: 815px;
	top: 504px;
	}
#theater .boxFooter{
	height:50px;
	background:url(../images/boxfooter.gif) no-repeat;
	}

#theaterBlock table{
	border-collapse:collapse;
	font-size:12px;
	}
#theaterBlock th{
	color:#1d87ce;
	text-align:left;
	border-bottom:1px solid #1d87ce;
	padding:5px 10px 8px 10px;
	}
#theaterBlock td{
	padding:5px 10px 8px 10px ;
	}
#theaterBlock tr.senkou td{
	padding-top:12px;
	padding-bottom:30px;
	}
#theaterBlock tr.areatop td{
	border-top:1px dotted #1d87ce;
	padding-top:12px;
	}
#theaterBlock tr.areabottom td{
	padding-bottom:12px;
	}
#theaterBlock tr.areatopbottom td{
	padding-bottom:12px;
	border-top:1px dotted #1d87ce;
	padding-top:12px;
	}
.bigarea	{ width:50px; }
.area	{ width:60px; }
.gekijyo	{ width:330px; }
.tel		{ width:120px; }
.koukaibi	{ width:50px; }
.maeuri	{ text-align:center; width:40px; }
#theaterBlock a:link		{ color:#1d87ce; text-decoration:none; }
#theaterBlock a:visited		{ color:#5ea2c1; text-decoration:none; }
#theaterBlock a:hover		{ color:#26bbff; text-decoration:underline;}
#theaterBlock a:active		{ color:#FFFFFF; text-decoration:none;}

/* goFooter
---------------------------------------------------- */
.gofooter{
	margin-left:184px;
	}
	
/* footer
---------------------------------------------------- */
#footer{
	margin-top:150px;
	background:#CBD0D4 url(../images/footer_bg.jpg) repeat-x;
	position:relative;
	text-align:center;
	}
#footerBg{
	height:268px;
	}




/* Link
---------------------------------------------------- */	
#links{
	background:url(../images/link_ti.gif) no-repeat;
	padding-left:56px;
	width:860px;
	position:relative;
	margin:25px auto 0 auto;
	}
ul#linksUl{
	padding-left:20px;
	width:840px;
	_width:916px;
	zoom:1;
	}
ul#linksUl:after{ 
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }	
/* Mac版IEのみに適用 \*//*/ ul#linkUl { overflow: hidden; } /* */
ul#linksUl li{
	background:url(../images/link_waku.gif) no-repeat;
	height:24px;
	margin-right:3px;
	margin-bottom:3
px;
	float:left;
	}
ul#linksUl a{
	padding:3px 0px 2px 0px;
	font-size:11px;
	height:19px;
	display:block;
	width:110px; 
	background:url(../images/link_waku.gif) 0 0 no-repeat;
	}
ul#linksUl li a.sfont{ font-size:10px; letter-spacing:0; }

ul#linksUl li a.ssfont{ font-size:8px; letter-spacing:0; }

ul#linksUl li a:link	{ text-decoration:none; color:#1d87ce; background:url(../images/link_waku.gif) 0 0 no-repeat;}
ul#linksUl li a:hover	{ text-decoration:none; color:#26bbff; background:url(../images/link_waku.gif) 0 -24px no-repeat;}
ul#linksUl li a:visited	{ text-decoration:none; color:#5ea2c1;}

#linkBn{
	padding-left:20px;
	width:840px;
	margin-top:10px;
	padding-bottom:10px;
	}
#linkBn img{
	float:left;
	margin-right:5px;
	border:none;
	}
#links .navi{
	left: 884px;
	top: -67px;
	}
#linkFree{
	text-align:left;
	padding-left:20px;
	width:840px;
	padding-bottom:15px;
	padding-top:12px;
	border-bottom:dashed 2px #aaa;
	margin-bottom:12px;
	}
#linkFree img{
	float:left;
	margin-right:5px;
	border:none;
	}
#linkFree p{
	float:left;
	font-size:11px;
	line-height:15px;
	padding-left:12px;
	}
