@charset "utf-8";
*{margin:0; padding:0;}

/* =============================================== */
/** 00. common  - 全ページ共通  */
/* ----------------------------------------------- */

html,body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ccc;
	font-size: 11px;
	line-height:2em;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #333333;
scrollbar-highlight-color: #333333;
scrollbar-shadow-color: #333333;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #000000;
}


#container { 
	width: 980px;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
} 
#header { 
	padding: 0 10px 10px 20px;

} 
#header h1 {
	margin: 0;
	padding: 10px 0;
}
#sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 280px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	padding: 0 0 15px 20px;
}
#mainContent { 
	border-left:1px #333 solid;
	margin:15px 0 0 320px;
	padding: 0 0 0 40px;
	vertical-align:top;
} 

 
/** 00. link  -リンク全ページ共通  */
/* ----------------------------------------------- */
a:link{color:#900;text-decoration:underline;}
a:visited{color:#900;text-decoration:underline;}
a:hover{color:#999;text-decoration:none;}

/** 00. nav  - ナビ全ページ共通  */
/* ----------------------------------------------- */
#globalNavi, #globalNavi ul {
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:100; 
}
#globalNavi	{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
}
#globalNavi li	{
	float:left;
	position:relative;

}
#globalNavi ul {
	width: 100px;
	position: absolute;
	top: 30px;
	left: 3px;
	display: none;
}
#globalNavi ul li a	{
	width:69px;
	display: block;
	background: #333;
	padding: 1px 5px 1px 8px;
	border-bottom: 1px solid #000;
	color: #fff;
	text-decoration: none;

}
#globalNavi ul li a:hover	{
	background: #c00;
	color: #fff;

}
#globalNavi ul li.first a	{
	background: #333;
	padding: 1px 5px 1px 8px;
	border-bottom: 1px solid #000;

}
#globalNavi ul li.first a:hover	{
	background: #c00;
	color: #fff;

}



.navleft{margin:0; float:left;height:50px;}
.navright{margin:0;float:right;padding:16px 0 8px;}


/* =============================================== */
/** 00. index  - インデックス  */
/* ----------------------------------------------- */


#indexContent { 
	margin: 0 20px; 
} 

#indexContent p{ 
	margin: 0; 
} 
.indexleft{margin:0; float:left;padding-top:10px;}
.indexright{margin:0;float:right;padding:26px 0 15px;}

.rss{margin:0;}

.indexfooter{ 
	margin-top: 20px; 
} 

.indexfooter_left{margin:0;float:left;}
.indexfooter_right{margin:0;float:right;width:220px;}

/* ----------------------------------------------- */

.table_01 {
width:600px;margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
}
.table_01 th {
width:50px;padding:4px 3px 3px 4px;
text-align:left;vertical-align:top;color:#ccc;
border:1px solid #333;
text-align:center;
}
.table_01 td {width:280px;
padding:4px 3px 3px 4px;
border:1px solid #333;
}
.table_01 .td2 {width:150px;
padding:4px 3px 3px 4px;
border:1px solid #333;
}

.table_01 .tr2 {text-align:center;
background:#191919;
}

.table_01 a:link{color:#ccc;text-decoration:none;}
.table_01 a:visited{color:#ccc;text-decoration:none;}
.table_01 a:hover{color:#900;text-decoration:underline;}

/* ----------------------------------------------- */
.table_02 {
width:600px;margin:30px 0px 10px 0px;padding:0px;
border-collapse:collapse;
}

.table_02 td {
padding:4px 3px 3px 15px;
border-bottom:1px #333 dotted;
}

.table_02 .td2 {
padding:4px 3px 3px 15px;
background-color:#191919;
}

.table_02 .tr2 {text-align:center;
background:#900;
color:#CCC;
border-bottom:1px #333 dotted;
}

.table_02 a:link{color:#900;text-decoration:underline;}
.table_02 a:visited{color:#900;text-decoration:underline;}
.table_02 a:hover{color:#ccc;text-decoration:none;}

/* ----------------------------------------------- */
.table_03 {
width:600px;margin:0 0 10px 0;padding:0px;
border-collapse:collapse;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;
}

.table_03 tr {
vertical-align:top;
}

.table_03 .left {
padding:5px 8px 0 15px;
border-bottom:1px #333 dotted;
text-align:right;
width:280px;
}

.table_03 .right {
padding:5px 8px;
border-bottom:1px #333 dotted;
width:235px;
text-align:left;
}

.table_03 .right2 {
padding:5px 8px;
border-bottom:1px #333 dotted;
width:235px;
font-size:14px;
font-weight:bold;
text-align:left;
vertical-align:middle;
}

.table_03 .ten{
padding:5px 8px;
border-bottom:1px #333 dotted;
width:30px;
text-align:center;

}

.table_03 .center{
text-align:center;
}

.table_03 .leftS {
padding:2px 0;
border:none;
}

.table_03 .leftM01 {
padding:5px 0 25px 0;
}

.table_03 .leftM02 {
padding:25px 0 5px 0;
border:none;
}


.table_03 .leftM03 {
padding:100px 0 2px 0;
border:none;
}


.table_03 .leftL {
padding:25px 0;
}

.table_03 a:link{color:#900;text-decoration:underline;}
.table_03 a:visited{color:#900;text-decoration:underline;}
.table_03 a:hover{color:#ccc;text-decoration:none;}




/* ----------------------------------------------- */
.table_04 {
width:600px;margin:0 0 10px 0;padding:0px;
border-collapse:collapse;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;
}

.table_04 tr {
vertical-align:top;
}

.table_04 .left {
padding:5px 8px 0 15px;
border-bottom:1px #333 dotted;
text-align:right;
width:260px;

}

.table_04 .right {
padding:5px 8px;
border-bottom:1px #333 dotted;
width:265px;

}

.table_04 .ten{
padding:5px 8px;
border-bottom:1px #333 dotted;
width:30px;
text-align:center;

}

.table_04 .center{
text-align:center;
padding:30px 0 60px;
border:none;
}

.table_04 a:link{color:#900;text-decoration:underline;}
.table_04 a:visited{color:#900;text-decoration:underline;}
.table_04 a:hover{color:#ccc;text-decoration:none;}



/* =============================================== */
/** 00. 予告  */
/* ----------------------------------------------- */


#trailerContent{background-image:url(img/trailer_bg.jpg);
background-repeat:no-repeat;
height:683px;
width:940px;
padding-top:40px;}

.moviearea{padding:0 0 0 100px;}

.movie0{padding:0 0 0 0;width:262px;}

.movie{padding:30px 0 0 0;width:262px;}

.movie_btn{padding:1px 0 0 0;}

.moviedl{padding:0;
text-align:right;}


/* =============================================== */
/** 00. ブロック  */
/* ----------------------------------------------- */

.box{width:600px;margin-bottom:30px;

}
.photo{margin-top:20px;

}

.txt1{margin-top:10px;padding-left:10px;
border-left:1px solid #333;}

.txt{margin-top:10px;padding:10px;
border-left:1px solid #333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
color:#CCC;
background-color:#111;
}

.credit{margin:30px 0 30px 30px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:10px;
color:#666;letter-spacing: 0.1em; }}

/* =============================================== */
/** 00. キャストスタッフ  */
/* ----------------------------------------------- */

.csnav{margin:0 0 15px 0;padding:0;}
.cast{margin:0;padding:0;}


/* Easy Slider */
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		color:#FFF;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					


/* =============================================== */
/** 00. ストーリー  */
/* ----------------------------------------------- */

.storyarea{background-image:url(img/story_bg.jpg);background-repeat:no-repeat;background-position:top;padding:0;margin:0;}

.story{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;line-height:2em;padding:100px 0 0 20px;letter-spacing: 0.1em;margin:0;}

.st01{margin:0;padding:30px 0 20px 0;}
.st02{margin:8px 0 0 0;border-left:1px solid #333;padding-left:8px;background-color:#111;width:580px;}
.st03{margin:0;padding:30px 0 20px 0;}


/* =============================================== */
/** 00. スペシャル  */
/* ----------------------------------------------- */

#spContent{padding:0;margin:0 auto;}

.sptitle{padding:0;margin:0;}

.spwallbg{padding:0;margin:0;
background-image:url(img/sp_wallbg.gif);background-repeat:no-repeat;width:940px;height:455px;}

.spblogbg{padding:0;margin:0;
background-image:url(img/sp_blogbg.gif);background-repeat:no-repeat;width:940px;height:455px;}

.spbannerbg{padding:0;margin:0;
background-image:url(img/sp_bannerbg.gif);background-repeat:no-repeat;width:940px;height:455px;}


.spwallarea{padding:30px 0 0 325px;margin:0;}
.wallnav {float:left;margin:10px 3px 0 0;}
.wallnav ul {margin: 0;padding: 0;list-style-type:none;}
.wallnav li{float: left;width: 63px;margin: 0;padding: 0;}

.spblogarea{padding:30px 0 0 325px;margin:0;}
.spblog_fla{width:200px;}
.spblog_txt{margin:10px 0 20px;background-color:#111;padding:15px;
color:#C00;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;}

.spbannerarea{padding:30px 0 0 325px;margin:0;}
.spbanner_txt{margin:10px 0 20px;padding:15px;;
color:#ccc;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:12px;}
.spbanner_01{margin:15px 0 0 15px;float:left;}
.spbanner_02{margin:15px 0 0 15px;float:left;}
.spbanner_03{margin:25px 0 0 15px;}

/* =============================================== */
/** 00. footer  - フッター  */
/* ----------------------------------------------- */


#footer { 
	padding: 0 10px 10px 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
} 

#footer p {
	margin: 0;
	padding: 0 0 0 20px;
	font-family:Georgia,"MS PMincho" ,HeiseiMincho, "Hiragino Mincho Pro W3", serif;
	font-size:10px;
	color:#666;
	font-style:italic;

}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.pagetop{margin:0 20px;text-align:right;}
.pagetop a:link{color:#999;text-decoration:underline;}
.pagetop a:visited{color:#999;text-decoration:underline;}
.pagetop a:hover{color:#900;text-decoration:none;}