@charset "utf-8"; 

/*
============== CONTENTS ==============

  1：TOP
  2：作品情報
  3：ニュース
  4：劇場情報
  5：インタビュー
  6：舞台裏小話
  7：応援メッセージ
  8：コラボレーション
  9：リンク
 10：ポップアップ
 11：商品情報
  
======================================
*/

/* 1：TOP =================================================================================================================== */
#index                                  {width:950px; height:700px; background:url(../images/top/bg.jpg) no-repeat; margin:0; padding:0;}

/* image */
#index #image                           {width:475px; height:700px; position:absolute; margin:0 auto; padding:0; float:left;}
#index #image #flash                    {width:475px; height:700px; position:absolute; z-index:0; top:0; left:0;}

/* new */
#index #top_main #what                  {width:395px; height:84px; background: url(../images/top/what.png) no-repeat; margin:0 auto 28px auto; padding:15px 0 0 40px;}
#index #top_main #what #txt             {width:380px; height:70px; scrollbar-3dlight-color:#fefaf3; scrollbar-arrow-color:#000000; scrollbar-base-color:#f9f6ec; scrollbar-darkshadow-color:#f9f6ec; scrollbar-face-color:#f9f6ec; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#f9f6ec; overflow:auto; margin:0; padding:0;}
#index #top_main #what #txt p           {font-size:12px; line-height:18px; margin:0; padding:0;}

/* new */
/*
#index #image #what                     {width:442px; height:72px; position:absolute; z-index:1; margin:0 auto; padding:592px 0 0 17px;}
#index #image #what #what_bg            {width:442px; height:42px; background:url(../images/top/what_bg.png) no-repeat; z-index:1; margin:0 auto; padding:30px 0 0 0;}
#index #image #what #what_bg #txt       {width:420px; height:34px; z-index:1; scrollbar-3dlight-color:#fefaf3; scrollbar-arrow-color:#000000; scrollbar-base-color:#fefaf3; scrollbar-darkshadow-color:#fefaf3; scrollbar-face-color:#fefaf3; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#fefaf3; overflow:auto; margin:0 auto; padding:0;}
#index #image #what #what_bg #txt p     {font-size:12px; line-height:16px; z-index:1; margin:0; padding:0;}
/*

/* main */
#index #top_main                        {width:475px; height:700px; margin:0; padding:0; float:right;}
#index #top_main #top                   {width:475px; height:500px; margin:0; padding:0 0 15px 0; overflow:hidden;}
#index #top_main #top #left             {width:325px; margin:20px 0 0 0; padding:0 20px; float:left;}
#index #top_main #top #left #cast       {width:325px; height:245px; margin:0; padding:0;}
#index #top_main #top #left #movie      {width:325px; height:235px; margin:0; padding:0;}
#index #top_main #top h1                {margin:0; padding:20px 0 0 0; float:left;}

/* twitter */
/*
#index #top_main #twitter               {width:435px; height:100px; background:url(../images/top/twitter_bg.png) no-repeat; margin:0 auto 28px auto; padding:0;}
#index #top_main #twitter #title        {width:420px; margin:0 auto; padding:8px 0 11px 0; overflow:hidden;}
#index #top_main #twitter #title #left  {margin:0; padding:0; float:left;}
#index #top_main #twitter #title #right {margin:0; padding:0; float:right;}
#index #top_main #twitter #tweet        {width:420px; height:55px; scrollbar-3dlight-color:#fefaf3; scrollbar-arrow-color:#000000; scrollbar-base-color:#fefaf3; scrollbar-darkshadow-color:#fefaf3; scrollbar-face-color:#fefaf3; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#fefaf3; position:relative; overflow:auto; margin:0 auto; padding:0; clear:both;}
#index #top_main #twitter #tweet ul#twitter_update_list    {list-style-type:none; margin:0; padding:0 5px; clear:both;}
#index #top_main #twitter #tweet ul#twitter_update_list li {font-size:12px; line-height:14px; margin:0; padding:0;}
*/

/* catch */
#index #top_main #catch                 {width:426px; margin:0 auto; padding:0;}



/* 2：作品情報 ============================================================================================================== */
.bg_introduction                        {width:950px; background:url(../images/introduction/bg_introduction.jpg) no-repeat; margin:0; padding:0;}
#introduction #left                     {width:180px; background:url(../images/border.gif) right repeat-y; margin:0 25px 0 0; padding:0; float:left;}
#introduction #left ul li               {margin:0 0 5px 0; padding:0;}
#introduction #right                    {width:645px; margin:0; padding:0; float:left;}
#introduction #right h3                 {margin:0; padding:0 0 10px 0;}
#introduction #right h4                 {width:635px; margin:0 auto; padding:0 0 5px 0;}
#introduction #right h4.line            {border-bottom:2px solid #000000; margin:0 0 15px 0; padding:0 0 3px 0;}
#introduction #right .txt               {width:625px; margin:0 auto; padding:0 0 20px 0;}
#introduction #right .txt_fix           {width:625px; height:495px; margin:0 auto; padding:0;}
#introduction #right .txt_end           {width:625px; margin:0 auto; padding:0;}

/* kantoku */
#introduction #right .kantoku           {width:625px; margin:0 auto; padding:0;}
#introduction #right .kantoku h4        {width:425px; border-bottom:2px solid #000000; margin:0 0 15px 0; padding:0 0 3px 0;}
#introduction #right .kantoku .txt      {width:625px; margin:0 auto; padding:0;}

/* cast */
#introduction #right #cast_link         {width:625px; font-weight:bold; border-bottom:2px solid #000000; margin:0 auto 30px auto; padding:0 0 10px 0;}
#introduction #right .cast              {width:625px; margin:0 auto; padding:0 0 20px 0;}
#introduction #right .cast h4           {width:425px; border-bottom:2px solid #000000; margin:0 0 15px 0; padding:0 0 3px 0;}
#introduction #right .cast .txt         {width:625px; border-bottom:2px solid #000000; margin:0 auto; padding:0 0 15px 0;}
#introduction #right .cast_end          {width:625px; margin:0 auto; padding:0;}
#introduction #right .cast_end h4       {width:425px; border-bottom:2px solid #000000; margin:0 0 15px 0; padding:0 0 3px 0;}
#introduction #right .cast_end .txt     {width:625px; border-bottom:2px solid #000000; margin:0 auto; padding:0 0 15px 0;}

/* cast gallery */
#introduction #right #cg ul             {width:600px; margin:0 auto; padding:0;}
#introduction #right #cg ul li          {width:180px; margin:0 10px 15px 10px; padding:0; float:left;}
#introduction #right #cg ul li h4       {width:180px; text-align:center; margin:5px 0 0 0; padding:0;}

/* cm-spot gallery */
#introduction #right #cm ul li.left     {width:320px; margin:10px 0 0 0; padding:0; float:left;}
#introduction #right #cm ul li.right    {width:305px; margin:10px 0 0 0; padding:0; float:left;}


/* 3：ニュース ============================================================================================================== */
.bg_news                                {width:950px; background:url(../images/news/bg_news.jpg) no-repeat; margin:0; padding:0;}
#news .box                              {width:850px; margin:0 auto; padding:0 0 30px 0;}
#news .box_end                          {width:850px; margin:0 auto; padding:0;}
#news .title                            {background:url(../images/bg_white.png); border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; border-left:10px solid #4e5f33; border-right:1px solid #4e5f33; margin:0 0 10px 0; padding:3px;}
#news .title h3                         {font-size:16px; color:#c11a1f; font-weight:bold; background:url(../images/icon.png) no-repeat center left; position:relative; vertical-align:middle; margin:0 auto; padding:3px 0 0 35px;}
#news .txt                              {width:820px; margin:0 auto; padding:0 0 10px 0; overflow:hidden;}
#news .txt:after                        {height:1px; content:""; display:block; overflow:hidden;}
* html news .txt                        {height:1em; overflow:visible;}



/* 4：劇場情報 ============================================================================================================== */
.bg_theater                             {width:950px; background:url(../images/theater/bg_theater.jpg) no-repeat; margin:0; padding:0;}
#theater h3                             {font-size:14px; color:#0066cc; margin:0 0 5px 0; padding:0;}
#theater th                             {color:#ffffff; text-align:left; background-color:#4e5f33; border:2px solid #000000; margin:0; padding:3px 5px;}
#theater td                             {border:1px solid #000000; margin:0; padding:3px 5px;}



/* 5：インタビュー ========================================================================================================== */
.bg_interview                           {width:950px; background:url(../images/interview/bg_interview.jpg) no-repeat; margin:0; padding:0;}
#interview #left                        {width:180px; background:url(../images/border.gif) right repeat-y; margin:0 25px 0 0; padding:0; float:left;}
#interview #left ul li                  {margin:0 0 5px 0; padding:0;}
#interview #right                       {width:645px; margin:0; padding:0; float:left;}
#interview #right h3                    {margin:0; padding:0 0 10px 0;}
#interview #right h4                    {font-size:14px; color:#c11a1f; line-height:22px; font-weight:bold; margin:0 auto; padding:0;}
#interview #right .txt                  {width:625px; margin:0 auto; padding:0;}



/* 6：舞台裏小話 ============================================================================================================ */
.bg_special                             {width:950px; background:url(../images/special/bg_special.jpg) no-repeat; margin:0; padding:0;}
#special .box                           {width:850px; margin:0 auto; padding:0 0 30px 0;}
#special .box_end                       {width:850px; margin:0 auto; padding:0;}
#special .title                         {background:url(../images/bg_white.png); border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; border-left:10px solid #4e5f33; border-right:1px solid #4e5f33; margin:0 0 10px 0; padding:3px;}
#special .title h3                      {font-size:16px; color:#c11a1f; font-weight:bold; background:url(../images/icon.png) no-repeat center left; position:relative; vertical-align:middle; margin:0 auto; padding:2px 0 0 35px;}
#special .txt                           {width:820px; margin:0 auto; padding:0;}
    


/* 7：応援メッセージ ======================================================================================================== */
.bg_message                             {width:950px; background:url(../images/message/bg_message.jpg) no-repeat; margin:0; padding:0;}
#message #link                          {width:850px; line-height:26px; font-weight:bold; border-bottom:2px solid #000000; margin:0 auto 20px auto; padding:0 0 10px 0;}
#message .box                           {width:850px; margin:0 auto; padding:0 0 20px 0;}
#message .title                         {background:url(../images/bg_white.png); border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; border-left:10px solid #4e5f33; border-right:1px solid #4e5f33; margin:0 0 10px 0; padding:3px;}
#message .title h3                      {font-size:16px; color:#c11a1f; font-weight:bold; background:url(../images/icon.png) no-repeat center left; position:relative; vertical-align:middle; margin:0 auto; padding:2px 0 0 35px;}
#message .txt                           {width:820px; margin:0 auto; padding:0 0 10px 0;}
#message #caption                       {width:850px; text-align:right; margin:0; padding:0;}



/* 8：コラボレーション ====================================================================================================== */
.bg_collaboration                       {width:950px; background:url(../images/collaboration/bg_collaboration.jpg) no-repeat; margin:0; padding:0;}
#collaboration .box                     {width:850px; margin:0 auto; padding:0 0 30px 0;}
#collaboration .box_end                 {width:850px; margin:0 auto; padding:0;}
#collaboration .title                   {background:url(../images/bg_white.png); border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; border-left:10px solid #4e5f33; border-right:1px solid #4e5f33; margin:0 0 10px 0; padding:3px;}
#collaboration .title h3                {font-size:16px; color:#c11a1f; font-weight:bold; background:url(../images/icon.png) no-repeat center left; position:relative; vertical-align:middle; margin:0 auto; padding:3px 0 0 35px;}
#collaboration .txt                     {width:820px; margin:0 auto; padding:0 0 10px 0; overflow:hidden;}
#collaboration .txt:after               {height:1px; content:""; display:block; overflow:hidden;}
* html #collaboration .txt              {height:1em; overflow:visible;}


/* 9：リンク ================================================================================================================ */
.bg_link                                {width:950px; background:url(../images/link/bg_link.jpg) no-repeat; margin:0; padding:0;}
#link .link                             {width:850px; margin:0 auto; padding:0 0 10px 0; overflow:hidden;}
#link .link :after                      {height:1px; content:""; display:block; overflow:hidden;}
* html #link .link                      {height:1em; overflow:visible;}
#link .link_end                         {width:850px; margin:0 auto; padding:0; overflow:hidden;}
#link .link_end :after                  {height:1px; content:""; display:block; overflow:hidden;}
* html #link .link_end                  {height:1em; overflow:visible;} 
#link .txt                              {width:280px; height:25px; font-weight:bold; background:url(../images/icon.png) no-repeat center left; position:relative; vertical-align:middle; margin:0 auto; padding:3px 0 0 40px; float:left;}
#link .url                              {width:530px; height:28px; font-size:12px; line-height:22px; font-weight:normal; margin:0; padding:0; float:left;}


/* 10：ポップアップ ========================================================================================================== */
#pop                                    {width:580px; margin:0 auto; padding:15px;}
#pop h1                                 {font-size:16px; color:#ffffff; text-align:center; background-color:#4e5f33; margin:0 auto 10px auto; padding:5px;}
#pop .txt                               {margin:0 auto; padding:0 10px;}
#pop #close                             {font-weight:bold; text-align:center; border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; margin:15px auto; padding:5px;}
#pop #copy                              {font-size:10px; text-align:center; margin:0 auto; padding:0;}

#pop_movie                              {width:480px; margin:0 auto; padding:10px 15px;}
#pop_movie h1                           {font-size:14px; color:#ffffff; text-align:center; background-color:#4e5f33; margin:0 auto 10px auto; padding:0;}
#pop_movie #copy                        {font-size:10px; color:#ffffff; text-align:center; margin:0 auto; padding:0;}



/* 11：商品情報 ============================================================================================================== */
.bg_release                             {width:950px; background:url(../images/release/bg_release.jpg) no-repeat; margin:0; padding:0;}
#release .box                           {width:850px; margin:0 auto; padding:0 0 30px 0;}
#release .box_end                       {width:850px; margin:0 auto; padding:0;}
#release .title                         {background:url(../images/bg_white.png); border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; border-left:10px solid #4e5f33; border-right:1px solid #4e5f33; margin:0 0 10px 0; padding:3px;}
#release .title h3                      {font-size:16px; color:#c11a1f; font-weight:bold; background:url(../images/icon.png) no-repeat center left; position:relative; vertical-align:middle; margin:0 auto; padding:3px 0 0 35px;}
#release .txt                           {width:820px; margin:0 auto; padding:0 0 10px 0; overflow:hidden;}
#release .txt :after                    {height:1px; content:""; display:block; overflow:hidden;}
* html #release .txt                    {height:1em; overflow:visible;}

.DBtmp_box                              {margin:0; padding:0;}
.DBtmp_top                              {margin:0; padding:0 0 10px 0;}
.DBtmp_left                             {margin:0; padding:0 0 15px 0;}
.DBtmp_right                            {margin:0; padding:0 0 15px 0;}
.DBtmp_compound                         {margin:0; padding:0;}
.DBtmp_catch                            {font-size:10px; color:#4e5f33; font-weight:bold; margin:0; padding:0;}
.DBtmp_title                            {border-top:1px solid #4e5f33; border-bottom:1px solid #4e5f33; border-left:10px solid #4e5f33; border-right:1px solid #4e5f33; font-size:16px; color:#c11a1f; font-weight:bold; background:url(../images/icon2.gif) no-repeat; background-position:7px; position:relative; vertical-align:middle; margin:0 auto;   padding:5px 5px 5px 43px; background-color:#FFF;}
.DBtmp_subtitle                         {margin:0; padding:0;}
.DBtmp_date                             {font-weight:bold; margin:0; padding:0;}
.DBtmp_detail                           {margin:0; padding:0;}
.DBtmp_list                             {margin:0; padding:0;}
.DBtmp_listline                         {margin:0; padding:0;}
.DBtmp_line                             {height:15px; background:url(../images/line.gif) center top no-repeat; margin:0; padding:0;}