@charset "utf-8";

#container {
margin:0pt auto;
width:940px;
background:url(../img/bg_container.jpg) repeat-y 0 0 ;
}




/*index.php*/


#top-body .left{
float:left;
background:url(../img/bg_index_left.jpg) no-repeat;
width:505px;
height:532px;
}

#top-body .right{
float:right;
background:url(../img/bg_index_right.jpg) no-repeat;
width:435px;
height:532px;
}

#top-body .left .top-news-box{
background:url(../img/bg_top_news.jpg) no-repeat;
width:475px;
height:120px;
margin:396px 0 0 30px;
}
#top-body .left .top-news-box .title{
padding:5px 10px;
}

#top-body .left .top-news-box .title a{
width:150px;
height:25px;
display:block;
}

#top-body .left .top-news-box #top-news-txt{
margin:0 20px;
width:435px;
overflow:auto;
height:70px;
}

#top-body .left .top-news-box ul li{
font-size:12px;
line-height:1.4;
color:#FFFFFF;
background:transparent url(../img/arrow.gif) no-repeat scroll 4px 23px;
margin:0 0 1px;
padding:0 0 0 15px;
}

#top-body .left .top-news-box ul li a:link {
color:#FFFFFF;
text-decoration:underline;
}
#top-body .left .top-news-box ul li a:visited {
color:#FFFFFF;
text-decoration:underline;
}
#top-body .left .top-news-box ul li a:hover {
color:#FFFFFF;
text-decoration:none;
}

.trailer {
margin:16px 0 0 60px;
padding:0;
width:337px;
}

#top-menu{
width:900px;
margin:0 20px;
}

#top-menu ul li{
height:40px;
margin:0 3px 0 0;
float:left;
}

#top-menu ul li a{
height:40px;
display:block;
}

#top-menu ul li.menu01{
background:url(../img/btn_top_menu.jpg) no-repeat 0 0;
width:120px;
}
#top-menu ul li.menu02{
background:url(../img/btn_top_menu.jpg) no-repeat -123px 0;
width:115px;
}
#top-menu ul li.menu03{
background:url(../img/btn_top_menu.jpg) no-repeat -242px 0;
width:80px;
}
#top-menu ul li.menu04{
background:url(../img/btn_top_menu.jpg) no-repeat -325px 0;
width:145px;
}
#top-menu ul li.menu05{
background:url(../img/btn_top_menu.jpg) no-repeat -474px 0;
width:125px;
}
#top-menu ul li.menu06{
background:url(../img/btn_top_menu.jpg) no-repeat -603px 0;
width:69px;
}
#top-menu ul li.menu07{
background:url(../img/btn_top_menu.jpg) no-repeat -675px 0;
width:69px;
}
#top-menu ul li.menu08{
background:url(../img/btn_top_menu.jpg) no-repeat -747px 0;
width:75px;
}
#top-menu ul li.menu09{
background:url(../img/btn_top_menu.jpg) no-repeat -825px 0;
width:75px;
margin:0 0 0 0;
}

#top-menu ul li.menu01:hover{
background:url(../img/btn_top_menu.jpg) no-repeat 0 -40px;
width:120px;
}
#top-menu ul li.menu02:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -123px -40px;
width:115px;
}
#top-menu ul li.menu03:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -242px -40px;
width:80px;
}
#top-menu ul li.menu04:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -325px -40px;
width:145px;
}
#top-menu ul li.menu05:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -474px -40px;
width:125px;
}
#top-menu ul li.menu06:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -603px -40px;
width:69px;
}
#top-menu ul li.menu07:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -675px -40px;
width:69px;
}
#top-menu ul li.menu08:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -747px -40px;
width:75px;
}
#top-menu ul li.menu09:hover{
background:url(../img/btn_top_menu.jpg) no-repeat -825px -40px;
width:75px;
margin:0 0 0 0;
}


/*rss*/
.s-font{
font-size:10px;
color:#FFFFFF;
}


/*2nd*/
#head{
background:url(../img/bg_2nd.jpg) no-repeat;
height:150px;
}
#head h1{
width:330px;
height:85px;
margin:10px 0 15px 25px;
float:left;
}
#head h1 a{
display:block;
width:330px;
height:85px;
}


/*2nd menu*/
#menu-2nd{
margin:0 20px;
height:50px;
clear:both;
}
#menu-2nd ul li{
height:40px;
margin:0 3px 0 0;
float:left;
}
#menu-2nd ul li a{
height:40px;
display:block;
}
#menu-2nd ul li.menu00{
background:url(../img/btn_2nd_menu.jpg) no-repeat 0 0;
width:85px;
margin:0 4px 0 0;
}
#menu-2nd ul li.menu01{
background:url(../img/btn_2nd_menu.jpg) no-repeat -88px 0;
width:135px;
margin:0 4px 0 0;
}
#menu-2nd ul li.menu02{
background:url(../img/btn_2nd_menu.jpg) no-repeat -227px 0;
width:130px;
margin:0 4px 0 0;
}
#menu-2nd ul li.menu03{
background:url(../img/btn_2nd_menu.jpg) no-repeat -361px 0;
width:90px;
}
#menu-2nd ul li.menu04{
background:url(../img/btn_2nd_menu.jpg) no-repeat -454px 0;
width:155px;
}
#menu-2nd ul li.menu05{
background:url(../img/btn_2nd_menu.jpg) no-repeat -613px 0;
width:140px;
}
#menu-2nd ul li.menu06{
background:url(../img/btn_2nd_menu.jpg) no-repeat -757px 0;
width:70px;
}
#menu-2nd ul li.menu07{
background:url(../img/btn_2nd_menu.jpg) no-repeat -830px 0;
width:70px;
margin:0;
}
#menu-2nd ul li.menu00:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat 0 -40px;
width:85px;
}
#menu-2nd ul li.menu01:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -88px -40px;
width:135px;
}
#menu-2nd ul li.menu02:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -227px -40px;
width:130px;
}
#menu-2nd ul li.menu03:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -361px -40px;
width:90px;
}
#menu-2nd ul li.menu04:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -454px -40px;
width:155px;
}
#menu-2nd ul li.menu05:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -613px -40px;
width:140px;
}
#menu-2nd ul li.menu06:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -757px -40px;
width:70px;
}
#menu-2nd ul li.menu07:hover{
background:url(../img/btn_2nd_menu.jpg) no-repeat -830px -40px;
width:70px;
margin:0;
}


/*2nd submenu*/
#submenu{
width:174px;
float:right;
margin:0 20px 0 0;
}
#submenu ul li{
height:38px;
margin:0 3px 0 0;
float:left;
}
#submenu ul li a{
height:38px;
display:block;
}
#submenu ul li.menu08{
background:url(../img/btn_2nd_submenu.jpg) no-repeat 0 0;
width:85px;
}
#submenu ul li.menu09{
background:url(../img/btn_2nd_submenu.jpg) no-repeat -90px 0;
width:84px;
margin:0 0 0 0;
}

#submenu ul li.menu08:hover{
background:url(../img/btn_2nd_submenu.jpg) no-repeat 0 -38px;
width:85px;
}
#submenu ul li.menu09:hover{
background:url(../img/btn_2nd_submenu.jpg) no-repeat -90px -38px;
width:84px;
margin:0 0 0 0;
}

#body{
background:url(../img/bg_2nd_body.jpg) no-repeat;
padding:10px 20px;
_padding:5px 20px;
}
#body .main{
width:660px;
float:left;
}
#body .body p{
font-size:12px;
margin:0 0 10px 0;
}
#body .main h2{
width:660px;
height:50px;
}
#body.theater .main h2{
background:url(../img/title_theater.jpg) no-repeat;
}
#body.theater .main .box{
background:url(../img/bg_box.gif) repeat-y;
border-bottom:1px solid #333333;
padding:15px;
}



#body .sub{
width:230px;
float:right;
background:url(../img/bg_2nd_news.gif);
}
#body .sub h2{
background:url(../img/title_news.jpg) no-repeat;
width:230px;
height:50px;
}
#body .sub h2 a{
display:block;
width:230px;
height:50px;
}
#body .sub ul{
margin:10px 8px 15px 8px;
}
#body .sub ul li{
font-size:12px;
line-height:1.4;
color:#FFFFFF;
background:url(../img/arrow_black.gif) no-repeat 4px 23px;
margin:0 0 1px;
padding:0 5px 8px 15px;
border-bottom:1px #666666 dotted;
}
#body .sub ul li .s-font{
font-size:10px;
color:#333;
}

/**/
#body .body{
background:url(../img/bg_box_full.gif) repeat-y;
border-bottom:1px solid #333333;
padding:25px;
}

/*production note*/
#body.productionnote h2{
background:url(../img/title_productionnote.jpg) no-repeat;
height:50px;
}

#body.productionnote .body .txt p{
font-size:14px;
margin:0 0 10px 0;
}


#body.productionnote .body .subbox{
background:#DDE3DF;
padding:15px 25px;
height:100%;
}

#body.productionnote .body .subbox h4 {
font-size:20px;
}
#body.productionnote .body .subbox p {
font-size:14px;
}

#body.productionnote .body .subbox .r {
margin:0;
padding:0;
}

/*director*/
#body.director h2{
background:url(../img/title_director.jpg) no-repeat;
height:50px;
}
#body.director .body .subbox{
background:#DDE3DF;
padding:15px 25px;
height:100%;
}
#body.director .body .subbox h4 {
font-size:20px;
}
#body.director .body .subbox h5 {
font-size:12px;
padding:5px;
}
#body.director .body .subbox p {
font-size:12px;
}
#body.director .body .subbox .leftbox{
background:#FFF;
width:500px;
padding:10px;
float:left;
}
#body.director .body .subbox .leftbox li{
font-size:10px;
padding:5px 10px;
border-bottom:1px dotted #778E7E;
}

#body.director .body .subbox .rightbox{
width:225px;
padding:10px;
float:right;
}
#body.director .body .subbox .rightbox a{
font-size:16px;
}
#body.director .body .subbox .rightbox li{
padding:0 0 15px;
}


/*comment*/

#body.comment h2{
background:url(../img/title_comment.jpg) no-repeat;
height:50px;
}

#body.comment .body{
background:url(../img/bg_box_full.gif) repeat-y;
border-bottom:1px solid #333333;
padding:0;
}

#body.comment .body .bg{
margin:0 1px;
padding:150px 30px 25px;
background:url(../img/bg_comment.jpg) no-repeat;
}

#body.comment .body .bg .box{
margin:0 0 35px 0;
}

#body.comment .body .bg .box .left-box{
margin:0;
width:400px;
float:left;
}
#body.comment .body .bg .box .right-box{
margin:0;
width:400px;
float:right;
}
#body.comment .body .bg .box .txt{
margin:0 0 55px 0;
}
#body.comment .body .bg .box .txt h3{
font-size:16px;
font-weight:800;
text-align:right;
line-height:24px;
}
#body.comment .body .bg .box .txt p{
font-size:14px;
line-height:20px;
margin:0 0 5px 0;
}

#body.comment .body .bg .box .left{

}

#body.comment .body .bg .box .right{

}

#body.comment .body .bg .box .blue p{
color:#0A2774;
}
#body.comment .body .bg .box .blue h3{
color:#0A2774;
}

#body.comment .body .bg .box h3 .mini{
font-size:12px;
margin:0 0 0 10px;
}
#body.comment .body .bg .box .blue h3 .mini{
color:#0A2774;
font-size:12px;
margin:0 0 0 10px;
}

/*intro*/

#body.intro h2{
background:url(../img/title_intro.jpg) no-repeat;
height:50px;
}

#body.intro h3{
font-size:16px;
}

#body.intro p{
font-size:14px;
}


/*foot*/

#foot .left{
float:left;
margin:10px 0 10px 20px;
_margin:10px 0 10px 10px;
padding:0;
width:669px;
}
#foot .left .foot-txt{
margin:10px 0 0 0;
}
#foot .left .d-blog{
margin:15px 0 0 0;
background:url(../img/bg_d_blog.jpg) no-repeat;
height:96px;
}
#foot .left .d-blog .title{
float:left;
width:200px;
}

#foot .left .d-blog .title a{
display:block;
width:185px;
height:75px;
margin:10px 0 10px 10px;
}

#foot .left .d-blog #d-blog-txt{
float:right;
margin:10px 15px 10px 0;
width:425px;
height:73px;
overflow:auto;
}
#foot .left .d-blog #d-blog-txt li{
background:url(../img/arrow_black.gif) no-repeat scroll 0 20px;
padding:0 0 0 10px;
margin:0 0 5px 0;
line-height:14px;
}

#foot .left .d-blog #d-blog-txt li .s-font{
color:#666666;
}

#foot .right{
float:right;
margin:10px 15px 10px 0;
_margin:10px 7px 10px 0;
padding:0;
width:217px;
}
#foot .right .ad{
margin:0 0 5px 0;
}









/*column*/

#body.column .title{
background:url(../img/title_column.jpg) no-repeat;
height:50px;
}

#body.column .title h2{
float:left;
}

#body.column .title .submenu{
margin:11px 20px 0 0;
float:right;
font-size:16px;
font-weight:800;
color:#FFFFFF;
}

#body.column .title .submenu a{
color:#FFFFFF;
}

#body.column .title .submenu .arrow{
background:#8FC758 url(../img/bg_arrow.gif) no-repeat right;
padding:5px 18px 5px 10px;
font-size:14px;
font-weight:800;
color:#000;
height:30px;
}

#body.column .body{
background:url(../img/bg_box_full.gif) repeat-y;
border-bottom:1px solid #333333;
padding:0;
}

#body.column .body .bg{
margin:0 1px;
padding:150px 30px 25px;
background:url(../img/bg_column.jpg) no-repeat;
}

#body.column .body .bg .box{
margin:0 0 35px 0;
}

#body.column .body .bg .box h3{
font-size:20px;
font-weight:800;
}

#body.column .body .bg .box h4{
font-size:16px;
font-weight:800;
text-align:right;
margin:0 0 20px 0;
}

#body.column .body .bg .box p{
font-size:14px;
margin:0 0 20px 0;
}


/*2*/

#body.column2 .title{
background:url(../img/title_column.jpg) no-repeat;
height:50px;
}

#body.column2 .title h2{
float:left;
}

#body.column2 .title .submenu{
margin:11px 20px 0 0;
float:right;
font-size:16px;
font-weight:800;
color:#FFFFFF;
}

#body.column2 .title .submenu a{
color:#FFFFFF;
}

#body.column2 .title .submenu .arrow{
background:#8FC758 url(../img/bg_arrow.gif) no-repeat right;
padding:5px 18px 5px 10px;
font-size:14px;
font-weight:800;
color:#000;
height:30px;
}


#body.column2 .body{
background:url(../img/bg_box_full.gif) repeat-y;
border-bottom:1px solid #333333;
padding:0;
}

#body.column2 .body .bg{
margin:0 1px;
padding:150px 30px 25px;
background:url(../img/bg_column.jpg) no-repeat;
}

#body.column2 .body .bg .box{
margin:0 0 35px 0;
}

#body.column2 .body .bg .box h3{
font-size:20px;
font-weight:800;
margin:0 0 20px 0;
}

#body.column2 .body .bg .box h4{
font-size:16px;
font-weight:800;
margin:20px 0 15px;
}

#body.column2 .body .bg .box p{
font-size:14px;
margin:0 0 15px 0;
}

#body.column2 .body .bg .box .subbox{
background:#DDE3DF none repeat scroll 0 0;
height:100%;
padding:15px 25px;
}






/*links*/

#body.links .main h2{
background:url(../img/title_links.jpg) no-repeat;
}
#body.links .main .box{
background:url(../img/bg_box.gif) repeat-y;
border-bottom:1px solid #333333;
padding:15px;
}

#body.links .main .box h3{
font-size:16px;
font-weight:800;
margin:0 0 0 0;
}

#body.links .main .box p{
margin:0 0 30px 20px;
}