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

#container{
margin:0 auto;
width:920px;
height:100%;
}

#container .left{
float:left;
width:680px;
}

#container .left .left-02{
background:url(../img/left_02.jpg) no-repeat;
width:680px;
height:248px;
}
#container .left .left-02 .trailer{
padding:6px 0 0 290px;
}

#container .left .left-03{
background:url(../img/left_03.jpg) no-repeat;
width:680px;
height:147px;
}
#container .left .left-03 .news{
background:url(../img/bg_news.gif) no-repeat;
width:386px;
height:136px;
float:left;
margin:0 0 0 20px;
_margin:0 0 0 10px;
}
#container .left .left-03 .news .title{
float:left;
}
#container .left .left-03 .news .title a{
width:62px;
height:10px;
margin:10px 0 0 15px;
_margin:10px 0 0 7px;
display:block;
}
#container .left .left-03 .news ul{
float:right;
width:260px;
height:95px;
margin:20px 20px 0 0;
_margin:20px 10px 0 0;
overflow:auto;
}
#container .left .left-03 .news ul li{
background: url(../img/arrow.gif) no-repeat 0 22px;
line-height:17px;
margin:0 0 7px 0;
padding:0 0 0 10px;
}
#container .left .left-03 .news ul li .date{
font-size:10px;
line-height:12px;
color:#9F6000;
}
#container .left .left-03 .banner{
width:262px;
height:136px;
float:right;
margin:0;
}
#container .left .left-03 .banner .banner01{
margin:0 0 10px 0;
}
#container .right{
float:right;
width:240;
}

#container .topbody{
background:#FF9900;
height:540px;
}
#container #menu{
height:50px;
background:#FF9900;
clear:both;
}

#container #menu ul li{
float:left;
}

#container #menu ul li.menu01{
background:url(../img/index_menu.jpg) no-repeat 0 0;
width:190px;
height:50px;
}
#container #menu ul li.menu01 a{
display:block;
width:190px;
height:50px;
}
#container #menu ul li.menu02{
background:url(../img/index_menu.jpg) no-repeat -190px 0;
width:101px;
height:50px;
}
#container #menu ul li.menu02 a{
display:block;
width:101px;
height:50px;
}
#container #menu ul li.menu03{
background:url(../img/index_menu.jpg) no-repeat -291px 0;
width:176px;
height:50px;
}
#container #menu ul li.menu03 a{
display:block;
width:176px;
height:50px;
}
#container #menu ul li.menu04{
background:url(../img/index_menu.jpg) no-repeat -467px 0;
width:64px;
height:50px;
}
#container #menu ul li.menu04 a{
display:block;
width:64px;
height:50px;
}
#container #menu ul li.menu05{
background:url(../img/index_menu.jpg) no-repeat -531px 0;
width:60px;
height:50px;
}
#container #menu ul li.menu05 a{
display:block;
width:60px;
height:50px;
}
#container #menu ul li.menu06{
background:url(../img/index_menu.jpg) no-repeat -591px 0;
width:63px;
height:50px;
}
#container #menu ul li.menu06 a{
display:block;
width:63px;
height:50px;
}
#container #menu ul li.menu07{
background:url(../img/index_menu.jpg) no-repeat -654px 0;
width:150px;
height:50px;
}
#container #menu ul li.menu07 a{
display:block;
width:150px;
height:50px;
}
#container #menu ul li.menu08{
background:url(../img/index_menu.jpg) no-repeat -804px 0;
width:83px;
height:50px;
}
#container #menu ul li.menu08 a{
display:block;
width:83px;
height:50px;
}
#container #foot{
text-align:center;
font-size:12px;
}

#container .head-title{
background:url(../img/bg_2nd_title.jpg) no-repeat;
height:83px;
}

#container .head-title h1{
width:350px;
height:71px;
float:left;
}

#container .head-title h1 a{
width:350px;
margin:6px 10px;
_margin:6px 5px;
height:71px;
display:block;
}

#container .banner{
float:right;
width:550px;
margin:10px 10px 0 0;
_margin:10px 5px 0 0;
text-align:right;
}


/*2nd*/


#container #menu-2nd{
height:50px;
background:#FF9900;
}

#container #menu-2nd ul li{
float:left;
}
#container #menu-2nd ul li.menu00{
background:url(../img/menu_2nd.jpg) no-repeat 0 0;
width:89px;
height:50px;
}
#container #menu-2nd ul li.menu00 a{
display:block;
width:89px;
height:50px;
}
#container #menu-2nd ul li.menu01{
background:url(../img/menu_2nd.jpg) no-repeat -89px 0;
width:148px;
height:50px;
}
#container #menu-2nd ul li.menu01 a{
display:block;
width:148px;
height:50px;
}
#container #menu-2nd ul li.menu02{
background:url(../img/menu_2nd.jpg) no-repeat -237px 0;
width:90px;
height:50px;
}
#container #menu-2nd ul li.menu02 a{
display:block;
width:90px;
height:50px;
}
#container #menu-2nd ul li.menu03{
background:url(../img/menu_2nd.jpg) no-repeat -327px 0;
width:158px;
height:50px;
}
#container #menu-2nd ul li.menu03 a{
display:block;
width:158px;
height:50px;
}
#container #menu-2nd ul li.menu04{
background:url(../img/menu_2nd.jpg) no-repeat -485px 0;
width:59px;
height:50px;
}
#container #menu-2nd ul li.menu04 a{
display:block;
width:59px;
height:50px;
}
#container #menu-2nd ul li.menu05{
background:url(../img/menu_2nd.jpg) no-repeat -544px 0;
width:59px;
height:50px;
}
#container #menu-2nd ul li.menu05 a{
display:block;
width:59px;
height:50px;
}
#container #menu-2nd ul li.menu06{
background:url(../img/menu_2nd.jpg) no-repeat -603px 0;
width:65px;
height:50px;
}
#container #menu-2nd ul li.menu06 a{
display:block;
width:65px;
height:50px;
}
#container #menu-2nd ul li.menu07{
background:url(../img/menu_2nd.jpg) no-repeat -668px 0;
width:150px;
height:50px;
}
#container #menu-2nd ul li.menu07 a{
display:block;
width:150px;
height:50px;
}
#container #menu-2nd ul li.menu08{
background:url(../img/menu_2nd.jpg) no-repeat -818px 0;
width:100px;
height:50px;
}
#container #menu-2nd ul li.menu08 a{
display:block;
width:100px;
height:50px;
}


/*news*/

#main{
background:#FFDE93;
padding:15px 0 0 0;
_height:100%;
}

#main.news .left{
float:left;
width:600px;
margin:0 0 0 25px;
_margin:0 0 0 12px;
}

#main.news .left .box{
width:550px;
margin:0 0 30px 0;
background:#FFF;
}

#main.news .left .box .head{
margin:0 10px;
padding:5px 5px 0 5px;
border-bottom:#E8A300 dotted 1px;
}

#main.news .left .box .head p.date{
font-size:10px;
color:#9E1F2C;
margin:0;
padding:0;
}

#main.news .left .box .head p.title{
font-size:16px;
font-weight:800;
margin:0;
padding:0;
}

#main.news .left .box .txt{
margin:0 10px;
padding:5px 5px 0 5px;
}

#main.news .left .box .txt p{
margin:0 0 15px 0;
}

#main.news .left .box .foot{
margin:5px 10px;
padding:5px 5px 7px 5px;
text-align:right;
border-top:#E8A300 dotted 1px;
}

#main.news .right{
float:right;
width:250px;
margin:0 25px 0 0;
_margin:0 12px 0 0;
}

#main.news .right .box{
background:#FFF ;
margin:0 0 0 0;
padding:0 0 15px 0;
}

#main.news .right .box p.title{
background:url(../img/2nd_archive.gif) no-repeat 0 0 ;
height:40px;
margin:0;
padding:0;
}

#main.news .right .box ul{
list-style:none;
margin:0 7px;
padding:0;
}

#main.news .right .box ul li{
list-style:none;
padding:0 0 0 10px;
margin:10px 0;
border-left:#FF9900 solid 3px;
}

#main.news .right .box ul li .date{
font-size:10px;
color:#9E1F2C;
margin:0;
padding:0;
}

#main.news .right .box ul li p.title{
font-size:12px;
margin:0;
padding:0;
}

#main.news .right .box ul li a:link {
color:#14130C;
text-decoration:underline;
}

#main.news .right .box ul li a:visited {
color:#14130C;
text-decoration:underline;
}

#main.news .right .box ul li a:hover {
color:#3F3C25;
text-decoration:none;
}


/*intoro*/

#main.intro .center{
background:#FFFFFF;
widows:810px;
margin:0 30px;
_height:100%;
}
#main.intro .center .title{
background:url(../img/title_intro.jpg) no-repeat;
height:50px;
}
#main.intro .center .box h3{
font-size:20px;
font-weight:800;
margin:10px 0 10px 30px;
}
#main.intro .center .box .left{
float:left;
width:470px;
margin:0 0 0 30px;
}
#main.intro .center .box .left p{
font-size:14px;
margin:0 0 20px 0;
line-height:1.6;
}
#main.intro .center .box .left .mini p{
font-size:12px;
margin:0 0 15px 0;
line-height:1.6;
}
#main.intro .center .box .right{
float:right;
width:300px;
margin:0 30px 0 0;
}
#main.intro .center .box .right .img{
margin:0 0 20px 0;
}

/*production*/

#main.production .center{
background:#FFFFFF;
widows:810px;
margin:0 30px;
_height:100%;
}

#main.production .center .title{
background:url(../img/title_production.jpg) no-repeat;
height:50px;
}

#main.production .center .box{
margin:50px 60px;
}

#main.production .center .box h3{
margin:0 0 10px 0;
font-size:20px;
font-weight:800;
}

#main.production .center .box h4{
margin:0 0 10px 0;
font-size:16px;
font-weight:800;
text-align:right;
}

#main.production .center .box p{
margin:0 0 20px 0;
font-size:16px;
}


/*director*/


#main.director .center{
background:#FFFFFF;
widows:810px;
margin:0 30px;
_height:100%;
}
#main.director .center .title{
background:url(../img/title_director.jpg) no-repeat;
height:50px;
}
#main.director .center .box h3{
font-size:20px;
font-weight:800;
margin:30px 0 10px 30px;
}
#main.director .center .box .left{
float:left;
width:470px;
margin:0 0 0 30px;
}
#main.director .center .box .left p{
font-size:14px;
margin:0 0 20px 0;
line-height:1.6;
}
#main.director .center .box .left .mini p{
font-size:12px;
margin:0 0 15px 0;
line-height:1.6;
}
#main.director .center .box .right{
float:right;
width:300px;
margin:0 30px 0 0;
}
#main.director .center .box .right .img{
margin:0 0 20px 0;
}


/*explanation*/
#main.explanation .center{
background:#FFFFFF;
widows:810px;
margin:0 30px;
_height:100%;
}

#main.explanation .center .title{
background:url(../img/title_explanation.jpg) no-repeat;
height:50px;
}

#main.explanation .center .box{
margin:30px 60px;
}

#main.explanation .center .box h3{
margin:0 0 10px 0;
font-size:20px;
font-weight:800;
}

#main.explanation .center .box h4{
margin:0 0 10px 0;
font-size:16px;
font-weight:800;
text-align:right;
}

#main.explanation .center .box p{
margin:0 0 20px 0;
font-size:16px;
}
#main.explanation .center .box .mini{
border:#999999 solid 1px;
padding:30px;
}
#main.explanation .center .box .mini h4{
font-size:12px;
font-weight:800;
text-align:left;
}
#main.explanation .center .box .mini p{
font-size:12px;
text-align:left;
}