@charset "utf-8";

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


/*index.php*/
#index-main {
margin:0;
padding:0;
}

#index-main #top{
margin:0;
padding:0;
width:940px;
height:294px;
background:url(../img/bg_index_top.jpg) 0 0 no-repeat;
}

#index-main #bottom{
margin:0;
padding:0;
width:940px;
height:221px;
background:url(../img/bg_index_bottom.jpg) 0 0 no-repeat;
}

#index-main #bottom .zisyu{
margin:0;
padding:0;
width:295px;
float:left;
}
#index-main #bottom .zisyu ul li{
margin:155px 0 0 46px;
padding:0;
}
#index-main #bottom .zisyu ul li a{
display:block;
width:227px;
height:50px;
background:url(../img/btn_top_zisyu.jpg) 0 0 no-repeat;
}
#index-main #bottom .zisyu ul li a:hover{
background:url(../img/btn_top_zisyu.jpg) 0 -50px no-repeat;
}

#index-main #bottom .trailer{
margin:0 0 0 15px;
padding:0;
width:350px;
float:left;
}

#index-main #bottom .btn{
margin:0;
padding:0;
width:280px;
float:left;
}
#index-main #bottom .btn ul{
margin:23px 0 0 23px;
padding:0;
}
#index-main #bottom .btn ul li.webdice{
margin:0 0 7px 0;
padding:0;
}
#index-main #bottom .btn ul li.webdice a{
display:block;
width:157px;
height:60px;
background:url(../img/btn_top_webdice.gif) 0 0 no-repeat;
}
#index-main #bottom .btn ul li.webdice a:hover{
background:url(../img/btn_top_webdice.gif) 0 -60px no-repeat;
}
#index-main #bottom .btn ul li.twitter{
margin:0 0 7px 0;;
padding:0;
}
#index-main #bottom .btn ul li.twitter a{
display:block;
width:157px;
height:55px;
background:url(../img/btn_top_twitter.gif) 0 0 no-repeat;
}
#index-main #bottom .btn ul li.twitter a:hover{
background:url(../img/btn_top_twitter.gif) 0 -55px no-repeat;
}
#index-main #bottom .btn ul li.blog{
margin:0 0 7px 0;
padding:0;
}
#index-main #bottom .btn ul li.blog a{
display:block;
width:227px;
height:55px;
background:url(../img/btn_top_blog.gif) 0 0 no-repeat;
}
#index-main #bottom .btn ul li.blog a:hover{
background:url(../img/btn_top_blog.gif) 0 -55px no-repeat;
}


/*index.php menu*/
#index-main #menu{
background:url(../img/bg_menu_top.jpg) 0 0 no-repeat;
margin:0;
padding:0;
}

#index-main #menu ul{
margin:0 20px;
}
#index-main #menu ul li{
height:35px;
float:left;
}
#index-main #menu ul li a{
display:block;
height:35px;
}

#index-main #menu ul li.menu01 a{
width:130px;
background:url(../img/menu_top.jpg) 0 0 no-repeat;
}
#index-main #menu ul li.menu02 a{
width:124px;
background:url(../img/menu_top.jpg) -130px 0 no-repeat;
}
#index-main #menu ul li.menu03 a{
width:191px;
background:url(../img/menu_top.jpg) -254px 0 no-repeat;
}
#index-main #menu ul li.menu04 a{
width:185px;
background:url(../img/menu_top.jpg) -445px 0 no-repeat;
}
#index-main #menu ul li.menu05 a{
width:102px;
background:url(../img/menu_top.jpg) -631px 0 no-repeat;
}
#index-main #menu ul li.menu06 a{
width:167px;
background:url(../img/menu_top.jpg) -733px 0 no-repeat;
}

#index-main #menu ul li.menu01 a:hover{
background:url(../img/menu_top.jpg) 0 -35px no-repeat;
}
#index-main #menu ul li.menu02 a:hover{
background:url(../img/menu_top.jpg) -130px -35px no-repeat;
}
#index-main #menu ul li.menu03 a:hover{
background:url(../img/menu_top.jpg) -254px -35px no-repeat;
}
#index-main #menu ul li.menu04 a:hover{
background:url(../img/menu_top.jpg) -445px -35px no-repeat;
}
#index-main #menu ul li.menu05 a:hover{
background:url(../img/menu_top.jpg) -631px -35px no-repeat;
}
#index-main #menu ul li.menu06 a:hover{
background:url(../img/menu_top.jpg) -733px -35px no-repeat;
}


/*index.php summary*/
#index-main #summary{
margin:13px 0;
padding:0;
}

#index-main #summary .trackback{
width:550px;
height:136px;
float:left;
background:url(../img/bg_top_tb.jpg) 0 0 no-repeat;
}
#index-main #summary .trackback .title{
width:180px;
float:left;
}
#index-main #summary .trackback .title h4{
height:40px;
}
#index-main #summary .trackback .title h4 a{
display:block;
height:40px;
}
#index-main #summary .trackback .title .txt{
height:52px;
}
#index-main #summary .trackback .title .btn{
margin:0 0 0 26px;
}
#index-main #summary .trackback .title .btn a{
display:block;
width:144px;
height:29px;
background:url(../img/btn_top_tb.jpg) 0 0 no-repeat;
}
#index-main #summary .trackback .title .btn a:hover{
background:url(../img/btn_top_tb.jpg) 0 -29px no-repeat;
}
#index-main #summary .trackback .list{
width:370px;
float:left;
}
#index-main #summary .trackback .list ul{
margin:25px 10px 10px 5px;
overflow:auto;
overflow-x:hidden;
height:101px;
}
#index-main #summary .trackback .list ul li{
margin:0 0 4px 0;
padding:0 5px 0 12px;
background:url(../img/icon_arrow.gif) 1px 4px no-repeat;
line-height:1.5;
font-size:10px;
}
#index-main #summary .trackback .list ul li a{
color:#DED5C6;
text-decoration:none;
}
#index-main #summary .trackback .list ul li a:hover{
color:#F0ECE6;
text-decoration:underline;
}

#index-main #summary .news{
width:390px;
height:136px;
float:left;
background:url(../img/bg_top_news.jpg) 0 0 no-repeat;
}
#index-main #summary .news h4{
height:40px;
}
#index-main #summary .news h4 a{
height:40px;
width:100px;
display:block;
}
#index-main #summary .news .list{
width:335px;
height:86px;
margin:0 30px 10px 25px;
overflow:auto;
overflow-x:hidden;
}
#index-main #summary .news .list ul li{
line-height:1.5;
margin:0 0 8px 0 ;
padding:0 5px;
border-left:#FEFF99 solid 2px;
}
#index-main #summary .news .list ul li .date{
font-size:10px;
color:#FEFF99;
line-height:1.0;
}
#index-main #summary .news .list ul li a{
color:#FFF;
}


/*index.php credit*/
#index-main #credit{
margin:0;
padding:0;
}
#index-main #credit h2{
background:url(../img/txt_top_koukai.jpg) 0 0 no-repeat;
height:77px;
}
#index-main #credit h3{
background:url(../img/txt_top_credit01.gif) 0 0 no-repeat;
height:67px;
}
#index-main #credit h4{
margin:0 0 30px;
background:url(../img/txt_top_credit02.gif) 0 0 no-repeat;
height:56px;
}


/*2nd*/
#main{
margin:0 20px;
padding:0;
}

#main #head{
background:url(../img/bg_2nd_head.jpg) 0 0 no-repeat;
}

#main #head h1{
margin:0 0 0 40px;
width:227px;
height:156px;
float:left;
}
#main #head h1 a{
height:156px;
display:block;
}

#main #head #control{
width:593px;
float:left;
}

#main #head #control #tab{
height:61px;
margin:0 0 0 225px;
}
#main #head #control #tab ul li{
float:left;
height:33px;
margin:0 8px 0 0;
}

#main #head #control #tab ul li a{
display:block;
height:33px;
}

#main #head #control #tab ul li.webdice a{
width:171px;
background:url(../img/btn_2nd_webdice.jpg) 0 0 no-repeat;
}
#main #head #control #tab ul li.twitter a{
width:77px;
background:url(../img/btn_2nd_twitter.jpg) 0 0 no-repeat;
}
#main #head #control #tab ul li.blog a{
width:94px;
background:url(../img/btn_2nd_blog.jpg) 0 0 no-repeat;
}

#main #head #control #tab ul li.webdice a:hover{
background:url(../img/btn_2nd_webdice.jpg) 0 -33px no-repeat;
}
#main #head #control #tab ul li.twitter a:hover{
background:url(../img/btn_2nd_twitter.jpg) 0 -33px no-repeat;
}
#main #head #control #tab ul li.blog a:hover{
background:url(../img/btn_2nd_blog.jpg) 0 -33px no-repeat;
}


#main #head #control #sub-menu{
height:31px;
}
#main #head #control #sub-menu ul{
margin:0 0 0 304px;
padding:0;
}
#main #head #control #sub-menu ul li{
margin:0;
padding:0;
height:31px;
float:left;
}
#main #head #control #sub-menu ul li a{
display:block;
height:31px;
}

#main #head #control #sub-menu ul li.menu01{
width:120px;
background:url(../img/menu_2nd_sub.jpg) 0 0 no-repeat;
}
#main #head #control #sub-menu ul li.menu02{
width:66px;
background:url(../img/menu_2nd_sub.jpg) -120px 0 no-repeat;
}
#main #head #control #sub-menu ul li.menu03{
width:103px;
background:url(../img/menu_2nd_sub.jpg) -186px 0 no-repeat;
}

#main #head #control #sub-menu ul li.menu01:hover{
background:url(../img/menu_2nd_sub.jpg) 0 -31px no-repeat;
}
#main #head #control #sub-menu ul li.menu02:hover{
background:url(../img/menu_2nd_sub.jpg) -120px -31px no-repeat;
}
#main #head #control #sub-menu ul li.menu03:hover{
background:url(../img/menu_2nd_sub.jpg) -186px -31px no-repeat;
}

#main #head #control #menu ul{
margin:0;
padding:0;
}
#main #head #control #menu ul li{
margin:0;
padding:0;
height:35px;
float:left;
}
#main #head #control #menu ul li a{
display:block;
height:35px;
}

#main #head #control #menu ul li.menu01 a{
width:79px;
background:url(../img/menu_2nd.jpg) 0 0 no-repeat;
}
#main #head #control #menu ul li.menu02 a{
width:79px;
background:url(../img/menu_2nd.jpg) -79px 0 no-repeat;
}
#main #head #control #menu ul li.menu03 a{
width:135px;
background:url(../img/menu_2nd.jpg) -158px 0 no-repeat;
}
#main #head #control #menu ul li.menu04 a{
width:130px;
background:url(../img/menu_2nd.jpg) -293px 0 no-repeat;
}
#main #head #control #menu ul li.menu05 a{
width:69px;
background:url(../img/menu_2nd.jpg) -423px 0 no-repeat;
}
#main #head #control #menu ul li.menu06 a{
width:101px;
background:url(../img/menu_2nd.jpg) -492px 0 no-repeat;
}

#main #head #control #menu ul li.menu01 a:hover{
width:79px;
background:url(../img/menu_2nd.jpg) 0 -35px no-repeat;
}
#main #head #control #menu ul li.menu02 a:hover{
width:79px;
background:url(../img/menu_2nd.jpg) -79px -35px no-repeat;
}
#main #head #control #menu ul li.menu03 a:hover{
width:135px;
background:url(../img/menu_2nd.jpg) -158px -35px no-repeat;
}
#main #head #control #menu ul li.menu04 a:hover{
width:130px;
background:url(../img/menu_2nd.jpg) -293px -35px no-repeat;
}
#main #head #control #menu ul li.menu05 a:hover{
width:69px;
background:url(../img/menu_2nd.jpg) -423px -35px no-repeat;
}
#main #head #control #menu ul li.menu06 a:hover{
width:101px;
background:url(../img/menu_2nd.jpg) -492px -35px no-repeat;
}

#main #body{
margin:0 40px;
}
#main #body h2{
width:820px;
height:61px;
}
#main #body #left{
margin:20px 0;
width:550px;
float:left;
}
#main #body #left .box{
margin:0 0 20px 0;
border:#989898 solid 1px;
}

#main #body #left .box .title{
margin:10px 10px 15px 10px;
border-bottom:#989898 solid 1px; 
}
#main #body #left .box .title h4{
margin:0 10px;
font-size:12px;
font-weight:normal;
line-height:1.2;
}
#main #body #left .box .title h3{
margin:0 10px;
font-size:16px;
}
#main #body #left .box .title h3 a{
color:#FFFFFF;
text-decoration:none;
}

#main #body #left .box .txt{
margin:5px 20px;
}
#main #body #left .box .txt p{
margin:0 0 20px 0;
}
#main #body #left .box .txt p a{
color:#5CD6FF;
text-decoration:underline;
}
#main #body #left .box .txt p a:hover{
color:#A6E9FF;
text-decoration:none;
}

#main #body #left .box .txt blockquote{
margin:0;
padding:15px;
background:url(../img/bg_blockquote.gif);
}
#main #body #left .box .txt blockquote a{
color:#FFFF99;
}

#main #body #left .box .foot{
margin:15px 10px 5px;
padding:5px 10px;
border-top:#989898 solid 1px;
text-align:right;
}

#main #body #right{
margin:20px 0;
width:240px;
float:right;
}
#main #body #right .head{
height:20px;
background:url(../img/bg_2nd_right_head.jpg) 0 0 no-repeat;
}
#main #body #right ul{
background:#4F4F4F url(../img/bg_2nd_right.jpg) right bottom repeat-x;
}
#main #body #right ul li{
line-height:1.5;
margin:0 15px 10px 15px ;
padding:0 5px;
}
#main #body #right ul li.none{
border-left:none;
}


/*2nd news.php*/

#main #body.news h2{
background:url(../img/title_news.jpg) 0 0 no-repeat;
}
#main #body.news #left .box .title h4{
color:#FCB700;
}
#main #body.news #right ul li{
border-left:#FCB700 solid 2px;
}
#main #body.news #right ul li .date{
font-size:10px;
color:#FCB700;
}
#main #body.news #right ul li a{
color:#FFF;
}
#main #body.news #right ul li.none{
border-left:none;
}


/*2nd theater.php*/

#main #body.theater h2{
background:url(../img/title_theater.jpg) 0 0 no-repeat;
}
#main #body.theater #left .box .title h4{
color:#4DD7F9;
}
#main #body.theater #left .box .txt p a{
color:#FFFF99;
text-decoration:underline;
}
#main #body.theater #left .box .txt p a:hover{
color:#FFFF99;
text-decoration:none;
}
#main #body.theater #right ul li{
border-left:#4DD7F9 solid 2px;
}
#main #body.theater #right ul li .date{
font-size:10px;
color:#4DD7F9;
}
#main #body.theater #right ul li a{
color:#FFF;
}
#main #body.theater #right ul li.none{
border-left:none;
}


/*2nd comments.php*/
#main #body.comments h2{
background:url(../img/title_comments.jpg) 0 0 no-repeat;
}
#main #body.comments #left .box .title h4{
color:#57D5AC;
}

#main #body.comments #left .box .name{
margin:10px 20px 15px 20px;
text-align:right;
}

#main #body.comments #left .box .name h3{
font-size:24px;
line-height:1.3;
}
#main #body.comments #left .box .name .note{
font-size:12px;
color:#57D5AC;
}
#main #body.comments #left .box .txt{
margin:20px 20px 5px 20px;
}
#main #body.comments #left .box .txt p{
margin:0 0 10px 0;
font-size:14px;
}
#main #body.comments #left .box .txt blockquote.info{
margin:0;
padding:6px 10px 10px 10px;
background:url(../img/bg_blockquote.gif);
}
#main #body.comments #left .box .txt blockquote.info h4{
margin:0;
padding:0;
height:17px;
background:url(../img/icon_info.gif) 0 0 no-repeat;
}
#main #body.comments #left .box .txt blockquote.info ul li{
color:#CCCCCC;
margin:0 5px 5px;
padding:0 0 0 13px;
background:url(../img/icon_arrow_blockquote.gif) 0 8px no-repeat;
}
#main #body.comments #left .box .txt blockquote.info ul li a{
color:#FFFF99;
}



#main #body.comments #right ul li{
border-left:#57D5AC solid 2px;
}
#main #body.comments #right ul li .date{
font-size:10px;
color:#57D5AC;
}
#main #body.comments #right ul li a{
color:#FFF;
}

#main #body.comments #right ul li.none{
border-left:none;
}



/*2nd trackback.php*/
#main #body.trackback h2{
background:url(../img/title_trackback.jpg) 0 0 no-repeat;
}
#main #body.trackback #left .box .title h4{
color:#B6ADFE;
}
#main #body.trackback #right ul li{
border-left:#B6ADFE solid 2px;
}
#main #body.trackback #right ul li .date{
font-size:10px;
color:#B6ADFE;
}
#main #body.trackback #right ul li a{
color:#FFF;
}

#main #body.trackback #right ul li.none{
border-left:none;
}


/*2nd blog.php*/
#main #body.blog h2{
background:url(../img/title_blog.jpg) 0 0 no-repeat;
}
#main #body.blog #left .box .title h4{
color:#FF8686;
}
#main #body.blog #left .box .txt p a{
color:#99FF99;
text-decoration:underline;
}
#main #body.blog #left .box .txt p a:hover{
color:#99FF99;
text-decoration:none;
}
#main #body.blog #left .box .txt .code{
background:#333333;
margin:20px 53px 10px;
padding:0 10px;
overflow:auto;
overflow-x:hidden;
width:400px;
height:60px;
}
#main #body.blog #right ul li{
border-left:#FF8686 solid 2px;
}
#main #body.blog #right ul li .date{
font-size:10px;
color:#FF8686;
}
#main #body.blog #right ul li a{
color:#FFF;
}

#main #body.blog #right ul li.none{
border-left:none;
margin:30px 10px 10px 10px;
}

#main #body.blog #right ul li.none a{
color:#99FF99;
text-decoration:underline;
}

#main #body.blog #right ul li.none a:hover{
color:#99FF99;
text-decoration:none;
}




/*2nd cast.php*/
#main #body.cast h2{
background:url(../img/title_cast.jpg) 0 0 no-repeat;
}
#main #body.cast #wide{
margin:0;
padding:0 35px;
background:#333333;
}
#main #body.cast #wide .box{
float:none;
border:none;
margin:0 0 25px 0;
padding:0;
}
#main #body.cast #wide #left p,#main #body.cast #wide #right p{
margin:0 0 5px 0;
padding:0;
}
#main #body.cast #wide #left p.data,#main #body.cast #wide #right p.data{
color:#FFFFCC;
}
#main #body.cast #wide #left{
float:left;
width:350px;
}

#main #body.cast #wide #right{
float:right;
width:350px;
}

#main #body.cast #wide .box h3{
margin:0;
padding:0;
font-size:18px;
line-height:1.2;
}
#main #body.cast #wide .box h4{
margin:0 0 5px;
padding:0;
font-size:10px;
line-height:1.2;
}
#main #body.cast #wide .box.big .img{
margin:0 0 5px;
padding:0;
}
#main #body.cast #wide .box.big .txt{
margin:0;
padding:0;
}
#main #body.cast #wide .box.big .txt p{
font-size:11px;
margin:0 0 10px 0;
padding:0;
line-height:1.4;
}

#main #body.cast #wide .box.mini .img{
margin:0 10px 3px 0;
padding:0;
width:170px;
float:left;
}
#main #body.cast #wide .box.mini .txt{
margin:0;
padding:0;
}
#main #body.cast #wide .box.mini .txt p{
font-size:11px;
margin:0 0 10px 0;
padding:0;
line-height:1.4;
}







/*2nd introduction.php*/
#main #body.introduction h2{
background:url(../img/title_introduction.jpg) 0 0 no-repeat;
}
#main #body.introduction #wide{
margin:0;
padding:250px 35px 0;
background:#333333 url(../img/bg_introduction.jpg) 0 0 no-repeat;
}
#main #body.introduction #wide .box{
float:none;
border:none;
margin:0 0 25px 0;
padding:0;
}
#main #body.introduction #wide #left{
float:left;
width:410px;
}
#main #body.introduction #wide #left p{
font-size:14px;
margin:0 0 20px 0;
}
#main #body.introduction #wide #right{
float:right;
width:310px;
}
#main #body.introduction #wide #right p{
margin:0 0 25px 0;
}
#main #body.introduction #wide #right p img{
background:#FFFFFF;
margin:0;
padding:5px;
border:#FFFFFF solid 1px;
}




/*2nd introduction.php*/
#main #body.message h2{
background:url(../img/title_message.jpg) 0 0 no-repeat;
}
#main #body.message #wide{
margin:0;
padding:230px 35px 0;
background:#333333 url(../img/bg_message.jpg) 0 0 no-repeat;
}
#main #body.message #wide h3{
font-size:22px;
}
#main #body.message #wide p{
margin:0 0 20px 0;
line-height:1.6;
font-size:14px;
}



/*2nd staff.php*/
#main #body.staff h2{
background:url(../img/title_staff.jpg) 0 0 no-repeat;
}
#main #body.staff #wide{
margin:0;
padding:25px 35px;
background:#333333;
}
#main #body.staff #wide .director{
float:none;
border:none;
margin:0;
padding:0;
}
#main #body.staff #wide .director .img{
float:left;
width:360px;
padding:7px 0 0 0;
}
#main #body.staff #wide .director .txt{
float:right;
width:380px;
}
#main #body.staff #wide #left p,#main #body.staff #wide #right p{
margin:0 0 5px 0;
padding:0;
}
#main #body.staff #wide #left p.data,#main #body.staff #wide #right p.data{
color:#FFFFCC;
}
#main #body.staff #wide #left{
float:left;
width:350px;
}

#main #body.staff #wide #right{
float:right;
width:350px;
}
#main #body.staff #wide .box{
border:none;
margin:0 0 30px 0;
}
#main #body.staff #wide h3{
margin:0 0 5px;
padding:0;
font-size:20px;
line-height:1.8;
border-bottom:#666666 solid 2px;
}
#main #body.staff #wide h4{
margin:0;
padding:0;
font-size:10px;
line-height:1.2;
color:#FFFFCC;
font-weight:normal;
}