@charset "utf-8";

#container{
margin:0 auto;
width:1000px;
}


/*index.php*/
#container #index{
margin:0;
padding:0;
width:1000px;
height:643px;
background:url(../img/index_bg.gif) bottom left no-repeat;
}

#container #index .index-left{
width:470px;
margin:0;
padding:0;
float:left;
}
#container #index .index-left h1{
margin:25px 0 0 14px;
padding:0;
width:429px;
height:206px;
background:url(../img/index_h1.gif) no-repeat;
}
#container #index .index-left ul{
margin:0px 0 0 5px;
}
#container #index .index-left ul li{
width:199px;
height:33px;
float:left;
}
#container #index .index-left ul li a{
display:block;
width:199px;
height:33px;
}
#container #index .index-left ul li.twitter{
margin:0 5px 0 0;
background:url(../img/2nd_btn.gif) no-repeat;
}
#container #index .index-left ul li.twitter:hover{
background:url(../img/2nd_btn.gif) no-repeat 0 -33px;
}
#container #index .index-left ul li.mail{
background:url(../img/2nd_btn.gif) no-repeat -208px 0;
}
#container #index .index-left ul li.mail:hover{
background:url(../img/2nd_btn.gif) no-repeat -208px -33px;
}



#container #index .index-center{
width:390px;
margin:0;
padding:0;
float:left;
}
#container #index .index-center .index-news{
background:url(../img/index_news_bg.gif) no-repeat;
width:390px;
margin:40px 0 20px 0;
padding:0;
}
#container #index .index-center .index-news h3 a{
display:block;
width:100px;
height:25px;
}
#container #index .index-center .index-news ul{
margin:5px 10px;
height:135px;
overflow:auto;
overflow-x:hidden;
}
#container #index .index-center .index-news ul li{
color:#FFF;
line-height:1.3;
font-size:10px;
margin:0 0 10px 0;
}
#container #index .index-center .index-news ul li a{
font-size:12px;
}


#container #index .index-right{
width:140px;
margin:0;
padding:0;
float:left;
}
#container #index .index-right h2{
background:url(../img/index_h2.gif) no-repeat;
width:83px;
height:613px;
margin:20px 0 0 30px;
padding:0;
}



#container #menu{
margin:5px 0 0 0;
padding:0;
}
#container #menu ul{
margin:0;
padding:0;
}
#container #menu ul li{
float:left;
margin:0 2px 0 0;
padding:0;
height:33px;
}
#container #menu ul li.last{
margin:0;
}
#container #menu ul li a{
display:block;
margin:0;
padding:0;
height:33px;
}
#container #menu ul li.menu01 a{
background: url(../img/index_menu.gif) 0 0 no-repeat;
width:70px;
}
#container #menu ul li.menu01 a:hover{
background: url(../img/index_menu.gif) 0 -33px no-repeat;
}
#container #menu ul li.menu02 a{
background: url(../img/index_menu.gif) -72px 0 no-repeat;
width:80px;
}
#container #menu ul li.menu02 a:hover{
background: url(../img/index_menu.gif) -72px -33px no-repeat;
}
#container #menu ul li.menu03 a{
background: url(../img/index_menu.gif) -154px 0 no-repeat;
width:130px;
}
#container #menu ul li.menu03 a:hover{
background: url(../img/index_menu.gif) -154px -33px no-repeat;
}
#container #menu ul li.menu04 a{
background: url(../img/index_menu.gif) -286px 0px no-repeat;
width:95px;
}
#container #menu ul li.menu04 a:hover{
background: url(../img/index_menu.gif) -286px -33px no-repeat;
}

#container #menu ul li.menu05 a{
background: url(../img/index_menu.gif) -383px 0 no-repeat;
width:56px;
}
#container #menu ul li.menu05 a:hover{
background: url(../img/index_menu.gif) -383px -33px no-repeat;
}

#container #menu ul li.menu06 a{
background: url(../img/index_menu.gif) -441px 0 no-repeat;
width:70px;
}
#container #menu ul li.menu06 a:hover{
background: url(../img/index_menu.gif) -441px -33px no-repeat;
}
#container #menu ul li.menu07 a{
background: url(../img/index_menu.gif) -513px 0 no-repeat;
width:103px;
}
#container #menu ul li.menu07 a:hover{
background: url(../img/index_menu.gif) -513px -33px no-repeat;
}
#container #menu ul li.menu08 a{
background: url(../img/index_menu.gif) -618px 0 no-repeat;
width:90px;
}
#container #menu ul li.menu08 a:hover{
background: url(../img/index_menu.gif) -618px -33px no-repeat;
}
#container #menu ul li.menu09 a{
background: url(../img/index_menu.gif) -710px 0 no-repeat;
width:163px;
}
#container #menu ul li.menu09 a:hover{
background: url(../img/index_menu.gif) -710px -33px no-repeat;
}
#container #menu ul li.menu10 a{
background: url(../img/index_menu.gif) -875px 0 no-repeat;
width:125px;
}
#container #menu ul li.menu10 a:hover{
background: url(../img/index_menu.gif) -875px -33px no-repeat;
}



#container #foot{
margin:10px 0 0 0;
padding:0;
}

#container #foot .foot01{
background:url(../img/index_h3.gif) no-repeat;
margin:0;
padding:0;
width:1000px;
height:60px;
}

#container #foot .index-trackback{
float:left;
width:500px;
margin:0;
padding:0;
}
#container #foot .index-trackback .btn{
float:left;
width:110px;
margin:0;
padding:0;
}
#container #foot .index-trackback .btn h3 a{
display:block;
background:url(../img/index_trackback.jpg) no-repeat;
width:110px;
height:26px;
margin:10px 0 0 0;
padding:0;
}
#container #foot .index-trackback .btn h4 a{
display:block;
background:url(../img/index_trackback_send.jpg) no-repeat;
width:110px;
height:26px;
margin:0;
padding:0;
}
#container #foot .index-trackback .btn .btn-blog a{
display:block;
background: url(../img/index_btn_blog.gif) no-repeat;
width:105px;
height:30px;
margin:5px 0 0 0;
padding:0;
}

#container #foot .index-trackback ul{
float:right;
width:380px;
height:190px;
margin:0 10px 0 0;
padding:0;
border:none;
background:#DFDFDF url(../img/index_bg_balloon.gif) top left no-repeat;
overflow-x:hidden;
overflow-y:auto;
}
#container #foot .index-trackback ul li{
color:#844F00;
margin:10px 0 10px 20px;
padding:0 0 0 15px;
font-size:12px;
line-height:1.5;
background:url(../img/index_list_tb.gif) 5px 6px no-repeat;
}
#container #foot .index-trackback ul li a{
color:#844F00;
}




#container #foot .index-twitter{
float:right;
width:500px;
margin:0;
padding:0;
}
#container #foot .index-twitter .btn{
float:left;
width:110px;
margin:0 0 0 5px;
padding:0;
}
#container #foot .index-twitter .btn h3 a{
display:block;
background:url(../img/index_twiiter.gif) 4px 0 no-repeat;
width:110px;
height:28px;
margin:10px 0 0 0;
padding:0;
}
#container #foot .index-twitter .btn p{
height:26px;
color:#FFFFFF;
font-size:12px;
text-align:center;
margin:0;
padding:0;
}

#container #foot .index-twitter .btn-post-tw a{
display:block;
background:url(../img/index_btn_twiiter_post.gif) no-repeat;
width:105px;
height:30px;
margin:5px 0 0 0;
}



/*monitter*/
#container #foot .index-twitter .monitter{
float:right;
width:380px;
height:190px;
margin:0;
padding:0;
border:none;
background:#DFDFDF url(../img/index_bg_balloon.gif) top left no-repeat;
overflow-x:hidden;
overflow-y:auto;
}
#container #foot .index-twitter .tweet{
color:#333;
display:block;
background:#EBEBEB;
clear:both;
padding:8px;
margin:5px 5px 5px 20px;
overflow:hidden;
}
#container #foot .index-twitter .tweet p.img{
float:left;
margin:0;
padding:0;
width:30px;
}
#container #foot .index-twitter .tweet p.text{
float:right;
width:285px;
margin:0;
padding:0;
color:#333;
font-size:10px;
line-height:1.3;
}
#container #foot .index-twitter .tweet p.text a{
color:#00B6F2;
}
#container #foot .index-twitter .tweet p.text a strong{
color:#00B6F2;
}
#container #foot .index-twitter .tweet.copyright{
text-align:right;
font-size:10px;
}
#container #foot .index-twitter .tweet.copyright a{
color:#666;
}



#container #foot .foot02{
background:url(../img/index_foot_txt01.gif) no-repeat;
width:1000px;
height:85px;
margin:10px 0 0 0;
}

#container #foot .foot03{
background:url(../img/index_foot_txt02.gif) no-repeat;
width:1000px;
height:37px;
margin:0 0 50px 0;
}







/*2nd*/

#container #head{
margin:0 50px;
width:900px;
}
#container #head h1{
margin:15px 0 10px 10px;
background:url(../img/2nd_h1.gif) no-repeat;
width:264px;
height:130px;
float:left;
}
#container #head h1 a{
display:block;
width:264px;
height:130px;
}
#container #head ul#sub-menu{
float:right;
margin:15px 0 0 0;
width:590px;
}
#container #head ul#sub-menu li{
float:left;
margin:0 3px 0 0;
}
#container #head ul#sub-menu li.last{
margin:0 0 0 0;
}
#container #head ul#sub-menu li a{
display:block;
height:30px;
}
#container #head ul#sub-menu li.submenu01 a{
background:url(../img/2nd_submenu.gif) 0 0 no-repeat;
width:120px;
}
#container #head ul#sub-menu li.submenu01 a:hover{
background:url(../img/2nd_submenu.gif) 0 -30px no-repeat;
}
#container #head ul#sub-menu li.submenu02 a{
background:url(../img/2nd_submenu.gif) -123px 0 no-repeat;
width:180px;
}
#container #head ul#sub-menu li.submenu02 a:hover{
background:url(../img/2nd_submenu.gif) -123px -30px no-repeat;
}
#container #head ul#sub-menu li.submenu03 a{
background:url(../img/2nd_submenu.gif) -306px 0 no-repeat;
width:156px;
}
#container #head ul#sub-menu li.submenu03 a:hover{
background:url(../img/2nd_submenu.gif) -306px -30px no-repeat;
}
#container #head ul#sub-menu li.submenu04 a{
background:url(../img/2nd_submenu.gif) -465px 0 no-repeat;
width:125px;
}
#container #head ul#sub-menu li.submenu04 a:hover{
background:url(../img/2nd_submenu.gif) -465px -30px no-repeat;
}



#container #head ul#main-menu{
margin:15px 0;
width:900px;
height:42px;
clear:both;
}
#container #head ul#main-menu li{
float:left;
margin:0 3px 0 0;
height:42px;
}
#container #head ul#main-menu li.last{
margin:0 0 0 0;
}
#container #head ul#main-menu li a{
display:block;
height:42px;
}
#container #head ul#main-menu li.menu01 a{
background: url(../img/2nd_menu.gif) 0 0 no-repeat;
width:100px;
}
#container #head ul#main-menu li.menu01 a:hover{
background: url(../img/2nd_menu.gif) 0 -42px no-repeat;
}
#container #head ul#main-menu li.menu02 a{
background: url(../img/2nd_menu.gif) -103px 0 no-repeat;
width:95px;
}
#container #head ul#main-menu li.menu02 a:hover{
background: url(../img/2nd_menu.gif) -103px -42px no-repeat;
}
#container #head ul#main-menu li.menu03 a{
background: url(../img/2nd_menu.gif) -201px 0 no-repeat;
width:160px;
}
#container #head ul#main-menu li.menu03 a:hover{
background: url(../img/2nd_menu.gif) -201px -42px no-repeat;
}
#container #head ul#main-menu li.menu04 a{
background: url(../img/2nd_menu.gif) -364px 0px no-repeat;
width:113px;
}
#container #head ul#main-menu li.menu04 a:hover{
background: url(../img/2nd_menu.gif) -364px -42px no-repeat;
}

#container #head ul#main-menu li.menu05 a{
background: url(../img/2nd_menu.gif) -480px 0 no-repeat;
width:65px;
}
#container #head ul#main-menu li.menu05 a:hover{
background: url(../img/2nd_menu.gif) -480px -42px no-repeat;
}

#container #head ul#main-menu li.menu06 a{
background: url(../img/2nd_menu.gif) -548px 0 no-repeat;
width:88px;
}
#container #head ul#main-menu li.menu06 a:hover{
background: url(../img/2nd_menu.gif) -548px -42px no-repeat;
}
#container #head ul#main-menu li.menu07 a{
background: url(../img/2nd_menu.gif) -639px 0 no-repeat;
width:133px;
}
#container #head ul#main-menu li.menu07 a:hover{
background: url(../img/2nd_menu.gif) -639px -42px no-repeat;
}
#container #head ul#main-menu li.menu08 a{
background: url(../img/2nd_menu.gif) -775px 0 no-repeat;
width:125px;
}
#container #head ul#main-menu li.menu08 a:hover{
background: url(../img/2nd_menu.gif) -775px -42px no-repeat;
}



#container #main{
clear:both;
margin:0 50px;
width:900px;
background: #FFFFFF url(../img/2nd_bg_main.jpg) repeat-x;
}
#container #main .left{
margin:30px 0;
width:600px;
float:left;
}

#container #main .left .box{
background:#F5F5F5;
border:#999999 solid 1px;
margin:0 35px 55px;
padding:15px 20px;
}
#container #main .left .box h4{
margin:0;
padding:0;
color:#B344BB;
font-size:12px;
font-weight:normal;
}
#container #main .left .box h3{
border-bottom:#999999 solid 1px;
margin:0;
padding:0 0 10px 0;
line-height:1.6;
}
#container #main .left .box .txt{
margin:15px 0;
}
#container #main .left .box .txt p{
margin:0 0 15px 0;
}
#container #main .left .box .txt p a{
color:#0F839B;
}
#container #main .left .box .foot{
border-top:#999999 solid 1px;
padding:10px 0 0 0;
margin:15px 0 0 0;
text-align:right;
}

#container #main .right ul{
margin:10px;
}
#container #main .right ul li{
background:url(../img/list_arrow.gif) 3px  26px no-repeat;
padding:0 0 0 18px;
margin:0 0 20px 0;
}
#container #main .right ul li .date{
color:#B344BB;
font-size:10px;
font-weight:normal;
}
#container #main .right a{
color:#333333;
}

#container #main .right p{
margin:20px 10px;
}




#container #main .center{
margin:40px 50px;
padding:0;
}
#container #main .center p{
font-size:16px;
margin:0 0 30px 0;
padding:0;
}
#container #main .center hr {
border-color:#000000;
border-style:solid;
border-width:1px 0 0 0;
height:1px;
margin:0 0 20px 0;
}


/*mailmagazine*/
#container #main.mailmagazine h2{
margin:0;
padding:0;
background:url(../img/mail_h2.gif) no-repeat;
width:900px;
height:75px;
}
#container #main.mailmagazine .left .box{
margin:0 35px 55px;
}
#container #main.mailmagazine .left .box p{
margin:0 0 20px 0;
}

#container #main.mailmagazine .left .box .mail-form{
width:417px;
height:38px;
margin:0;
padding:0;
background:url(../img/2nd_mail_forme.gif) no-repeat;
}
#container #main.mailmagazine .left .box .mail-form input.email{
border:none;
margin:8px 10px 0;
padding:0;
width:315px;
line-height:1;
font-size:18px;
background:none;
color:#333;
float:left;
}
#container #main.mailmagazine .left .box .mail-form #add-btn{
border:none;
margin:0;
padding:0;
display: block;
width:75px;
height:38px;
background:url(../img/2nd_mail_add_btn.gif) no-repeat;
cursor:pointer;
float:right;
}
#container #main.mailmagazine .left .box .mail-form #add-btn:hover{
background:url(../img/2nd_mail_add_btn.gif) no-repeat 0 -38px;
}
#container #main.mailmagazine .left .box .mail-form #del-btn{
border:none;
margin:0;
padding:0;
display: block;
width:75px;
height:38px;
background:url(../img/2nd_mail_del_btn.gif) no-repeat;
cursor:pointer;
float:right;
}
#container #main.mailmagazine .left .box .mail-form #del-btn:hover{
background:url(../img/2nd_mail_del_btn.gif) no-repeat 0 -38px;
}
#container #main .right{
margin:30px 25px 0 0;
width:250px;
float:right;
border-left:#100A08 solid 1px;
}
#container #main.mailmagazine .right ul{
margin:10px;
}
#container #main.mailmagazine .right ul li{
background:url(../img/list_arrow.gif) 3px 9px no-repeat;
padding:0 0 0 18px;
margin:0 0 20px 0;
}




/*news*/
#container #main.news h2{
margin:0;
padding:0;
background:url(../img/news_h2.gif) no-repeat;
width:900px;
height:75px;
}


/*theater*/
#container #main.theater h2{
margin:0;
padding:0;
background:url(../img/theater_h2.gif) no-repeat;
width:900px;
height:75px;
}

/*trackback*/
#container #main.trackback h2{
margin:0;
padding:0;
background:url(../img/trackback_h2.gif) no-repeat;
width:900px;
height:75px;
}

/*blogparts*/
#container #main.blogparts h2{
margin:0;
padding:0;
background:url(../img/blogparts_h2.gif) no-repeat;
width:900px;
height:75px;
}
#container #main.blogparts .left .box .code{
padding:10px;
margin:15px 0;
background:#DCE8EB;
height:75px;
overflow:auto;
overflow-x:hidden;
}

/*supporter*/
#container #main.supporter h2{
margin:0;
padding:0;
background:url(../img/supporter_h2.gif) no-repeat;
width:900px;
height:75px;
}


/*about movie submenu*/

#container #head-submenu{
background:#FFFFFF url(../img/about_balloon.gif) 0 0 no-repeat;
margin:0 50px 15px;
padding:9px 0 0 0;
width:900px;
}
#container #head-submenu ul{
margin:0 60px;
padding:0;
background:#FFFFFF;
}
#container #head-submenu ul li{
float:left;
margin:0 25px 0 0;
padding:0;
height:42px;
}
#container #head-submenu ul li.last{
margin:0;
}
#container #head-submenu ul li a{
display:block;
margin:0;
padding:0;
height:42px;
}
#container #head-submenu ul li.menu01 a{
background: url(../img/about_submenu.gif) -60px 0 no-repeat;
width:190px;
}
#container #head-submenu ul li.menu01 a:hover{
background: url(../img/about_submenu.gif) -60px -42px no-repeat;
}
#container #head-submenu ul li.menu01 a.on{
background: url(../img/about_submenu.gif) -60px -42px no-repeat;
}

#container #head-submenu ul li.menu02 a{
background: url(../img/about_submenu.gif) -275px 0px no-repeat;
width:210px;
}
#container #head-submenu ul li.menu02 a:hover{
background: url(../img/about_submenu.gif) -275px -42px no-repeat;
}
#container #head-submenu ul li.menu02 a.on{
background: url(../img/about_submenu.gif) -275px -42px no-repeat;
}

#container #head-submenu ul li.menu03{
background: url(../img/about_submenu.gif) -510px 0 no-repeat;
width:92px;
}
#container #head-submenu ul li.menu03:hover{
background: url(../img/about_submenu.gif) -510px -42px no-repeat;
}
#container #head-submenu ul li.menu03 a.on{
background: url(../img/about_submenu.gif) -510px -42px no-repeat;
}

#container #head-submenu ul li.menu04{
background: url(../img/about_submenu.gif) -627px 0 no-repeat;
width:213px;
}
#container #head-submenu ul li.menu04:hover{
background: url(../img/about_submenu.gif) -627px -42px no-repeat;
}
#container #head-submenu ul li.menu04 a.on{
background: url(../img/about_submenu.gif) -627px -42px no-repeat;
}



/*introduction*/

#container #main.introduction h2{
margin:0;
padding:0;
background:url(../img/introduction_h2.gif) no-repeat;
width:900px;
height:75px;
}
#container #main.introduction h3{
margin:0 0 30px 0;
padding:0;
background:url(../img/introduction_h3.gif) no-repeat;
width:800px;
height:75px;
}


/*production-note*/

#container #main.production-note h2{
margin:0;
padding:0;
background:url(../img/production_note_h3.gif) no-repeat;
width:900px;
height:75px;
}
#container #main.production-note .center p .name{
font-size:26px;
font-weight:800;
}






/*director*/

#container #main.director h2{
margin:0;
padding:0;
background:url(../img/director_h2.gif) no-repeat;
width:900px;
height:75px;
}
#container #main.director .center p .name{
font-size:26px;
font-weight:800;
}
#container #main.director .center h3{
margin:0 0 30px 0;
padding:0;
font-size:30px;
}
#container #main.director .center h5{
margin:0;
padding:0;
font-size:14px;
font-weight:normal;
line-height:1.2;
}
#container #main.director .center h3.interview{
margin:0;
padding:0;
background:url(../img/txt_director.gif) no-repeat;
width:159px;
height:67px;
}

#container #main.director .center a{
color:#B344BB;
}



/*comments*/

#container #main.comments h2{
margin:0;
padding:0;
background:url(../img/comments_h2.gif) no-repeat;
width:900px;
height:75px;
}

#container #main.comments .left .box h3{
margin:0;
padding:0;
text-align:right;
border:none;
font-size:28px;
line-height:1.5;
}
#container #main.comments .left .box h4{
margin:0;
padding:0;
text-align:right;
font-weight:normal;
color:#B344BB;
}
#container #main.comments .left .box .txt{
font-size:14px;
}

#container #main.comments .right ul li{
background:url(../img/list_arrow.gif) 3px 7px no-repeat;
padding:0 0 0 18px;
margin:0 0 20px 0;
line-height:1.5;
}

/*about-anpo*/

#container #main.about-anpo h2{
margin:0;
padding:0;
background:url(../img/about_anpo_h2.gif) no-repeat;
width:900px;
height:75px;
}


#container #main.about-anpo .center h3.about{
margin:0;
padding:0;
background:url(../img/txt_anpo.gif) no-repeat;
width:300px;
height:67px;
}

table#table-01 {
    width: 800px;
    border: 1px #333333 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 10px 15px;
    border: #333333 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-01 td {
    padding: 10px 15px;
    border: 1px #333333 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}


/*staff*/

#container #main.staff h2{
margin:0;
padding:0;
background:url(../img/staff_h2.gif) no-repeat;
width:900px;
height:75px;
}

#container #main.staff .center .name{
margin:0;
padding:0;
float:left;
width:300px;
}
#container #main.staff .center h4{
margin:0;
padding:0;
font-weight:normal;
font-size:14px;
line-height:1.2;
color:#B344BB;
}
#container #main.staff .center h3{
margin:0;
padding:0;
border:none;
font-size:28px;
line-height:1.5;
}

#container #main.staff .center p{
margin:0;
padding:0;
float:right;
width:500px;
}




/*cast*/

#container #main.cast h2{
margin:0;
padding:0;
background:url(../img/cast_h2.gif) no-repeat;
width:900px;
height:75px;
}
#container #main.cast h2.cast2{
margin:0;
padding:0;
background:url(../img/cast2_h2.gif) no-repeat;
width:900px;
height:75px;
}

#container #main.cast .center .txt{
margin:0;
padding:0;
float:left;
width:500px;
}

#container #main.cast .center .txt h3{
font-size:26px;
font-weight:800;
}
#container #main.cast .center .txt h3 .en{
font-size:12px;
font-weight:normal;
color:#B344BB;
}
#container #main.cast .center .txt p{
font-size:16px;
}

#container #main.cast .center .img{
margin:0;
padding:0;
float:right;
width:270px;
}
#container #main.cast .center .img.one{
margin:50px 0 0 0;
padding:0;
}
#container #main.cast .center .img p{
margin:0 0 10px 0;
padding:0;
}

#container #main.cast .center .img p img{
margin:0;
padding:10px;
background:#CCCCCC;
}

#container #main.cast .center .img p img:hover{
margin:0;
padding:10px;
background:#868686;
}