@charset "utf-8";

#container {
margin:0pt auto;
width:880px;
}


/*index.php*/

#container{
width:920px;
margin:0 auto;
padding:0;
}

#container #index-main .left{
background:#FFFFFF url(../img/index_main.jpg) no-repeat;
width:572px;
height:479px;
float:left;
}
#container #index-main .left .news{
width:280px;
height:161px;
margin:306px 0 0 14px;
}
#container #index-main .left .news h2 a{
display:block;
width:280px;
height:29px;
}
#container #index-main .left .news ul{
overflow:auto;
height:132px;
}
#container #index-main .left .news ul li{
padding:0 13px 5px;
}
#container #index-main .left .news ul li .date{
display:block;
color:#990000;
font-size:10px;
margin:0;
padding:0;
height:16px;
}
#container #index-main .left .news ul li a{
color:#064273;
font-size:12px;
line-height:1.4;
}
#container #index-main .left .news ul li a:hover{
color:#0A66B1;
}



#container #index-main .right{
background:#FFFFFF url(../img/index_title.jpg) right bottom no-repeat;
width:348px;
height:479px;
float:right;
}

#container #index-main .right .trailer{
margin:15px 15px 0;
width:318px;
}



#container #index-menu ul li{
float:left;
overflow:hidden;
text-indent:-2000px;
height:46px;
}

#container #index-menu ul li a{
display:block;
overflow:hidden;
text-indent:-2000px;
height:46px;
}


/*index.php menu*/
#container #index-menu ul li.menu01 a{
background:url(../img/index_menu.jpg) 0 0 no-repeat;
width:110px;
}
#container #index-menu ul li.menu02 a{
background:url(../img/index_menu.jpg) -110px 0 no-repeat;
width:144px;
}
#container #index-menu ul li.menu03 a{
background:url(../img/index_menu.jpg) -254px 0 no-repeat;
width:73px;
}
#container #index-menu ul li.menu04 a{
background:url(../img/index_menu.jpg) -327px 0 no-repeat;
width:83px;
}
#container #index-menu ul li.menu05 a{
background:url(../img/index_menu.jpg) -410px 0 no-repeat;
width:68px;
}
#container #index-menu ul li.menu06 a{
background:url(../img/index_menu.jpg) -478px 0 no-repeat;
width:158px;
}
#container #index-menu ul li.menu07 a{
background:url(../img/index_menu.jpg) -636px 0 no-repeat;
width:70px;
}
#container #index-menu ul li.menu08 a{
background:url(../img/index_menu.jpg) -706px 0 no-repeat;
width:94px;
}
#container #index-menu ul li.menu09 a{
background:url(../img/index_menu.jpg) -800px 0 no-repeat;
width:120px;
}


#container #index-menu ul li.menu01 a:hover{
background:url(../img/index_menu.jpg) 0 -46px no-repeat;
width:110px;
}
#container #index-menu ul li.menu02 a:hover{
background:url(../img/index_menu.jpg) -110px -46px no-repeat;
width:144px;
}
#container #index-menu ul li.menu03 a:hover{
background:url(../img/index_menu.jpg) -254px -46px no-repeat;
width:73px;
}
#container #index-menu ul li.menu04 a:hover{
background:url(../img/index_menu.jpg) -327px -46px no-repeat;
width:83px;
}
#container #index-menu ul li.menu05 a:hover{
background:url(../img/index_menu.jpg) -410px -46px no-repeat;
width:68px;
}
#container #index-menu ul li.menu06 a:hover{
background:url(../img/index_menu.jpg) -478px -46px no-repeat;
width:158px;
}
#container #index-menu ul li.menu07 a:hover{
background:url(../img/index_menu.jpg) -636px -46px no-repeat;
width:70px;
}
#container #index-menu ul li.menu08 a:hover{
background:url(../img/index_menu.jpg) -706px -46px no-repeat;
width:94px;
}
#container #index-menu ul li.menu09 a:hover{
background:url(../img/index_menu.jpg) -800px -46px no-repeat;
width:120px;
}

/*index.php foot*/

#container #index-foot .tb{
margin:10px 0 0 0;
float:left;
background:url(../img/index_tb_bg.jpg) no-repeat;
width:665px;
height:95px;
}
#container #index-foot .tb .left{
width:170px;
float:left;
}
#container #index-foot .tb .left a{
display:block;
margin:5px 12px;
width:146px;
height:85px;
}
#container #index-foot .tb .right{
width:475px;
float:right;
overflow:auto;
margin:5px 15px 5px 0;
height:85px;
}
#container #index-foot .tb .right ul li{
background:url(../img/tb_arrow.gif) 0 6px no-repeat;
padding:0 0 0 10px;
margin:0 0 4px 0;
font-size:12px;
line-height:1.3;
}
#container #index-foot .tb .right ul li a{
color:#1A160B;
}
#container #index-foot .tb .right ul li a:hover{
color:#6D5A2E;
}
#container #index-foot .ad{
margin:10px 0 0 0;
float:right;
width:235px;
}

#container #index-foot .ad .banner01{
margin:0 0 5px 0;
}

#container #index-txt{
margin:15px 0 0 0;
}


/*2nd manu base*/

#container #head #title{
background:url(../img/2nd_title_bg.jpg) no-repeat;
width:920px;
height:80px;
}

#container #head #title h1 a{
display:block;
width:320px;
height:70px;
margin:5px 20px;
}

#container #head #menu{
height:46px;
}
#container #head #menu ul li{
float:left;
overflow:hidden;
text-indent:-2000px;
height:46px;
}
#container #head #menu ul li a{
display:block;
overflow:hidden;
text-indent:-2000px;
height:46px;
}
#container #head #menu ul li.menu00 a{
background:url(../img/2nd_menu.jpg) 0 0 no-repeat;
width:115px;
}
#container #head #menu ul li.menu01 a{
background:url(../img/2nd_menu.jpg) -115px 0 no-repeat;
width:102px;
}
#container #head #menu ul li.menu02 a{
background:url(../img/2nd_menu.jpg) -217px 0 no-repeat;
width:128px;
}
#container #head #menu ul li.menu03 a{
background:url(../img/2nd_menu.jpg) -345px 0 no-repeat;
width:51px;
}
#container #head #menu ul li.menu04 a{
background:url(../img/2nd_menu.jpg) -396px 0 no-repeat;
width:67px;
}
#container #head #menu ul li.menu05 a{
background:url(../img/2nd_menu.jpg) -463px 0 no-repeat;
width:52px;
}
#container #head #menu ul li.menu06 a{
background:url(../img/2nd_menu.jpg) -515px 0 no-repeat;
width:145px;
}
#container #head #menu ul li.menu07 a{
background:url(../img/2nd_menu.jpg) -660px 0 no-repeat;
width:59px;
}
#container #head #menu ul li.menu08 a{
background:url(../img/2nd_menu.jpg) -719px 0 no-repeat;
width:83px;
}
#container #head #menu ul li.menu09{
background:url(../img/2nd_menu.jpg) -802px 0 no-repeat;
width:118px;
}
#container #head #menu ul li.menu00 a:hover{
background:url(../img/2nd_menu.jpg) 0 -46px no-repeat;
width:115px;
}
#container #head #menu ul li.menu01 a:hover{
background:url(../img/2nd_menu.jpg) -115px -46px no-repeat;
width:102px;
}
#container #head #menu ul li.menu02 a:hover{
background:url(../img/2nd_menu.jpg) -217px -46px no-repeat;
width:128px;
}
#container #head #menu ul li.menu03 a:hover{
background:url(../img/2nd_menu.jpg) -345px -46px no-repeat;
width:51px;
}
#container #head #menu ul li.menu04 a:hover{
background:url(../img/2nd_menu.jpg) -396px -46px no-repeat;
width:67px;
}
#container #head #menu ul li.menu05 a:hover{
background:url(../img/2nd_menu.jpg) -463px -46px no-repeat;
width:52px;
}
#container #head #menu ul li.menu06 a:hover{
background:url(../img/2nd_menu.jpg) -515px -46px no-repeat;
width:145px;
}
#container #head #menu ul li.menu07 a:hover{
background:url(../img/2nd_menu.jpg) -660px -46px no-repeat;
width:59px;
}
#container #head #menu ul li.menu08 a:hover{
background:url(../img/2nd_menu.jpg) -719px -46px no-repeat;
width:83px;
}
#container #head #menu ul li.menu09 a:hover{
background:url(../img/2nd_menu.jpg) -802px -46px no-repeat;
width:118px;
}

#container #body{
background:#FFFFFF;
padding:10px 20px;
}
#container #body #title{
height:50px;
margin:0 0 15px 0;
}
#container #body.news #title{
background:url(../img/title_news.jpg) no-repeat;
}
#container #body.theater #title{
background:url(../img/title_theater.jpg) no-repeat;
}
#container #body.trackback #title{
background:url(../img/title_trackback.jpg) no-repeat;
}
#container #body.keyword #title{
background:url(../img/title_keyword.jpg) no-repeat;
}
#container #body.cast #title{
background:url(../img/title_cast.jpg) no-repeat;
}
#container #body.blog #title{
background:url(../img/title_blog.jpg) no-repeat;
}




/*2nd 2column bace*/

#container #body .left{
width:630px;
float:left;
}
#container #body .left .box{
margin:0 0 15px 10px;
border:#8D7E92 solid 1px;
}
#container #body .left .box .title{
margin:10px;
border-bottom:#8D7E92 dotted 1px;
}
#container #body .left .box .title .date{
color:#990000;
font-size:10px;
}
#container #body .left .box .title h3{
font-size:18px;
}
#container #body .left .box .body h4{
font-size:16px;
border-bottom:#8D7E92 solid 1px;
border-top:#8D7E92 solid 1px;
padding:5px 10px;
}
#container #body .left .box .body{
margin:10px;
}
#container #body .left .box .body p{
margin:0 0 15px 0;
}
#container #body .left .box .body blockquote{
margin:0 0 15px 0;
padding:15px;
background:#D8E7D1;
}
#container #body .left .box .body ul.tb{
list-style-type:circle;
margin:20px 20px 20px 20px;
}
#container #body .left .box .foot{
text-align:right;
margin:10px;
padding:0 5px 0 0;
font-size:9px;
border-top:#8D7E92 dotted 1px;
}
#container #body .left .box .foot a{
color:#8D7E92;
text-decoration:none;
}
#container #body .left .box .foot a:hover{
text-decoration:none;
}
#container #body .right{
width:220px;
float:right;
margin:0 10px 0 0;
}
#container #body .right h2{
margin:0 0 10px 0;
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#8D7E92;
border-bottom:#8D7E92 dotted 1px;
}
#container #body .right ul li{
margin:0 5px 13px 5px;
}
#container #body .right ul li .date{
display:block;
color:#990000;
font-size:10px;
line-height:1.1;
}
#container #body .right ul li a{
color:#064273;
font-size:12px;
line-height:1.3;
}
#container #body .right ul li a:hover{
color:#0A66B1;
}

/*2nd 1column bace*/

#container #body.intro .body,#container #body.story .body,#container #body.production .body,#container #body.director .body,#container #body.column .body{
width:848px;
margin:10px auto;
border:#8D7F92 solid 1px;
}

/*intro.php*/
#container #body.intro #title{
background:url(../img/title_intro.jpg) no-repeat;
}
#container #body.intro .body{
background:url(../img/bg_intro.jpg) no-repeat;
}
#container #body.intro .body h3{
margin:225px 40px 10px;
background:url(../img/h4_intro.gif) no-repeat;
width:615px;
height:79px;
}
#container #body.intro .body p{
margin:0 40px 15px;
font-size:14px;
}

#container #body.intro .body .note{
margin:50px;
}

#container #body.intro .body .note h4{
margin:0 0 15px 0;
font-size:16px;
font-weight:800;
}
#container #body.intro .body .note p{
margin:0 0 20px 0;
}

/*story.php*/
#container #body.story #title{
background:url(../img/title_story.jpg) no-repeat;
}
#container #body.story .body{
background:url(../img/bg_story.jpg) no-repeat;
}
#container #body.story .body h3{
margin:225px 40px 10px;
background:url(../img/h3_story.gif) no-repeat;
width:770px;
height:85px;
}
#container #body.story .body .txt{
float:left;
margin:15px 0 0 40px;
width:460px;
}
#container #body.story .body .txt p{
margin:0 0 15px;
font-size:14px;
}
#container #body.story .body .img{
float:right;
margin:15px 40px 0 0;
width:260px;
}


/*production.php*/

#container #body.production #title{
background:url(../img/title_production.jpg) no-repeat;
}
#container #body.production .body{
background:url(../img/bg_production.jpg) no-repeat;
}

#container #body.production .body .txt{
float:left;
margin:225px 0 0 40px;
width:460px;
}
#container #body.production .body .txt p{
margin:0 0 15px;
font-size:12px;
}
#container #body.production .body .img{
float:right;
margin:300px 40px 0 0;
width:260px;
}

/*director.php*/

#container #body.director #title{
background:url(../img/title_director.jpg) no-repeat;
}
#container #body.director .body{
background:url(../img/bg_director.jpg) no-repeat;
}
#container #body.director .body h3{
margin:225px 40px 10px;
}
#container #body.director .body .txt{
float:left;
margin:15px 0 0 40px;
width:460px;
}
#container #body.director .body .txt p{
margin:0 0 15px;
font-size:12px;
}
#container #body.director .body .img{
float:right;
margin:15px 40px 0 0;
width:260px;
}

#container #body.director .body .note{
margin:50px;
}
#container #body.director .body .note h4{
margin:0 0 15px 0;
font-size:16px;
font-weight:800;
}
#container #body.director .body .note p{
margin:0 0 20px 0;
}



/*column.php*/

#container #body.column #title{
background:url(../img/title_column.jpg) no-repeat;
}
#container #body.column .body{
background:url(../img/bg_column.jpg) no-repeat;
}
#container #body.column .body h3{
margin:225px 40px 10px;
}
#container #body.column .body .txt{
float:left;
margin:15px 0 0 40px;
width:460px;
}
#container #body.column .body .txt p{
margin:0 0 15px;
font-size:14px;
}
#container #body.column .body .img{
float:right;
margin:15px 40px 0 0;
width:260px;
}

#container #body.column .body .note{
margin:50px;
}
#container #body.column .body .note h4{
margin:0 0 15px 0;
font-size:16px;
font-weight:800;
}
#container #body.column .body .note p{
margin:0 0 20px 0;
}


/*blog.php*/


