@charset "utf-8"; 

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

  1：TOP
  2：最新情報
  3：公開館
  4：チケット
  5：あらすじ
  6：スタッフ・キャスト
  7：キャラクター
  8：主題歌
  9：スペシャル
 10：商品情報
 11：リンク
  
======================================
*/


/* 1：TOP =================================================================================================================== */
#index          {width:950px; height:625px; background:url(../images/top/bg.jpg) no-repeat; margin:0; padding:0; overflow:hidden;}
#index:after    {content:""; display:block; clear:both; height:1px; overflow:hidden;}
* html index    {height:1em; overflow:visible;}

#index #image            {width:420px; height:580px; margin:0; padding:25px 0 0 20px; float:left;}
#index #image #main      {width:420px; height:580px; background:url(../images/top/image.jpg) no-repeat; margin:0; padding:0;}
#index #image #main #btn {width:370px; margin:0 auto; padding:380px 0 0 0;}

#index #main    {width:510px; height:625px; margin:0; padding:0; float:right;}
#index #main h1 {width:510px; margin:0 auto; padding:110px 0 35px 0;}
#index #main h2 {width:421px; margin:0 auto; padding:0 0 35px 0;}

#index #main #btn           {width:470px; margin:0 auto; padding:0 0 11px 0; overflow:hidden;}
#btn:after                  {content:""; display:block; clear:both; height:1px; overflow:hidden;}
* html btn                  {height:1em; overflow:visible;}
#index #main #btn #left     {width:240px; margin:0 auto; padding:0; float:left;}
#index #main #btn #right    {width:230px; margin:0 auto; padding:0; float:left;}
#index #main #btn #center   {width:420px; margin:0 auto; padding:0;}

#index #main #movie         {width:470px; margin:0 auto; padding:0 0 25px 0; clear:both;}

#index #main #new_bg        {width:340px; height:240px; background:url(../images/top/bg_whatsnew2.png) no-repeat; margin:60px auto 0 auto; padding:15px 0 0 130px;}
#index #main #new_bg #new   {width:325px; height:210px; position:relative; overflow:auto; scrollbar-3dlight-color:#000000; scrollbar-arrow-color:#60dcfb; scrollbar-base-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#000000; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#000000; margin:0; padding:0;}
#index #main #new_bg #new p {color:#ffffff; margin:0 auto; padding:0;}

#banner                     {width:948px; text-align:center; border-left:1px solid #3d5a70; border-right:1px solid #3d5a70; margin:0; padding:10px 0; overflow:hidden;}
#banner:after               {content:""; display:block; clear:both; height:1px; overflow:hidden;}
* html banner               {height:1em; overflow:visible;}
#banner ul                  {height:40px; margin:0 auto; padding:0; display: inline-block;}
#banner ul li               {margin:0; padding:0 5px; float:left;}


/* 2：最新情報 ============================================================================================================== */
#news                                 {width:820px; margin:0 auto; padding:25px 0 0 0;}
#news .news_box                       {margin:0; padding:0 0 25px 0;}
#news .news_box h3                    {font-size:12px; color:#ffffff; background-color:#0066cc; margin:0 0 10px 0; padding:5px;}
#news .news_box h4                    {font-size:12px; color:#fff; background:#4894b6; margin:0 0 5px 0; padding:5px;}
#news .news_box div.txt               {margin:0; padding:0 0 10px 0; overflow:hidden;}
#news .news_box div.txt:after         {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html news_box div.txt               {height:1em; overflow:visible;}

#news .news_box .goods_list           {width:820px; margin:0 0 15px 0; padding:0; overflow: hidden;}
.goods_list:after                     {content:"";display:block;clear:both;height:1px;overflow:hidden;}
* html goods_list                     {height:1em;overflow:visible;}
#news .news_box .goods_list ul        {clear:both;}
#news .news_box .goods_list ul li     {width:150px; margin:0 10px 0 0; padding:0; float:left;}
#news .news_box .goods_list ul li img {margin:5px 0; padding:0;}
	
#news th                              {color:#ffffff; text-align:left; background-color:#0066cc; border:1px solid #999999; margin:0; padding:3px;}
#news td                              {border:1px solid #999999; margin:0; padding:3px;}
#news td.date                         {font-weight:bold; color:#ffffff; text-align:center; background-color:#0066cc; border:1px solid #999999; margin:0; padding:3px;}
#news td.time                         {font-weight:bold; color:#ffffff; text-align:center; background-color:#4894b6; border:1px solid #999999; margin:0; padding:3px;}
#news td.noborder                     {border:none;}



/* 3：公開館 ================================================================================================================ */
#theater          {width:820px; margin:0 auto; padding:25px 0;}
#theater h3       {font-size:16px; color:#fff; background:#0066cc; margin:0 0 15px 0; padding:7px 0;}
#theater h4       {font-size:16px; color:#fff; background:#000; padding:5px;}
#theater h5       {font-size:12px; color:#fff; background:#4894b6; margin:0 0 5px 0; padding:5px;}
#theater .box     {font-size:14px; border:2px solid #000; padding: 0 0 20px 0;}
#theater .box a   {color: #333;}
#theater .list    {padding: 25px 20px 10px 20px;}
#theater table    {width: 100%; border-collapse: collapse;}
#theater table tr {width: 100%; border-bottom: 1px solid #4894b6;}
#theater table th {text-align: left; padding: 10px;}
#theater table td {padding: 10px;}



/* 4：チケット ============================================================================================================== */
#ticket    {width:820px; margin:0 auto; padding:25px 0;}
#ticket h3 {font-size:14px; color:#0066cc; margin:0 0 5px 0; padding:0;}



/* 5：あらすじ ============================================================================================================== */
#story        {width:820px; margin:0 auto; padding:25px 0 24px 0; overflow:hidden;}
#story:after  {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html #story {height:1em; overflow:visible;}
#story #txt   {width:495px; margin:0; padding:59px 0 0 0; float:left;}
#story #image {width:325px; margin:0; padding:0; float:right;}



/* 6：スタッフ・キャスト ==================================================================================================== */
#staff            {width:820px; margin:0 auto; padding:25px 0 24px 0; overflow:hidden;}
#staff:after      {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html #staff     {height:1em; overflow:visible;}
#staff ul         {width:820px; margin:0 auto; padding:0;}
#staff ul li      {margin:0; padding:0; float:left;}
#staff ul li h3   {margin:0; padding:0 5px 0 0; float:left;}
#staff ul li.list {width:350px; border-left:2px solid #0066cc; margin:0; padding:0 15px;}



/* 7：キャラクター ========================================================================================================== */




/* 8：主題歌 ================================================================================================================ */
#theme_song                {width:820px; margin:0 auto; padding:25px 0;}
#theme_song .box           {width:820px; margin:0 0 15px 0; padding:0; overflow:hidden;}
#theme_song .box:after     {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html #theme_song box     {height:1em; overflow:visible;}
#theme_song .box .left     {width:175px; margin:0; padding:0; float:left;}
#theme_song .box .right    {width:645px; margin:0; padding:0; float:left;}
#theme_song .box .right h3 {font-size:14px; color:#0066cc; margin:0; padding:0;}



/* 9：スペシャル ============================================================================================================ */
#special                    {width:820px; margin:0 auto; padding:25px 0 10px 0;}
#special #movie             {width:820px; margin:0 auto; padding:0;}
#special #movie .box        {width:820px; margin:0 0 15px 0; padding:0; overflow:hidden;}
#special #movie .box:after  {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html #special #movie box  {height:1em; overflow:visible;}
#special #movie .box .left  {width:405px; margin:0; padding:0 10px 0 0; float:left;}
#special #movie .box .right {width:405px; margin:0; padding:0; float:left;}
#special #movie h3          {font-size:14px; color:#0066cc; text-align:center; margin:0; padding:7px 0 0 0;}



/* 10：商品情報 ============================================================================================================= */
#release                  {width:820px; margin:0 auto; padding:25px 0 0 0;}
#release h3               {font-size:12px; color:#ffffff; background-color:#0066cc; margin:0 0 10px 0; padding:5px;}
#release .box             {width:820px; margin:0 0 25px 0; padding:0; overflow:hidden;}
#release .box:after       {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html #cd box            {height:1em; overflow:visible;}
#release .box .left       {width:175px; margin:0; padding:0 0 10px 0; float:left;}
#release .box .right      {width:645px; margin:0; padding:0 0 10px 0; float:left;}

.DBtmp_box                {margin:0; padding:0;}
.DBtmp_left               {margin:0; padding:15px 0 0 0;}
.DBtmp_right              {margin:0; padding:15px 0 0 0;}
.DBtmp_compound           {margin:0; padding:0;}
.DBtmp_catch              {margin:0; padding:0;}
.DBtmp_title              {font-size:14px; font-weight:bold; color:#0066cc; padding:0;}
.DBtmp_subtitle           {margin:0; padding:0;}
.DBtmp_date               {font-size:12px; 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               {border-bottom:2px solid #0066cc; margin:0; padding:0;}

#goods                    {width:820px; margin:0 auto; padding:25px 0;}
#goods h3                 {font-size:14px; color:#0066cc; margin:0; padding:0;}
#goods .box               {width:820px; border-bottom:2px solid #0066cc; margin:0 0 25px 0; padding:0 0 10px 0; overflow:hidden;}
#goods .box:after         {height:1px; content:""; display:block; clear:both; overflow:hidden;}
* html #goods box         {height:1em; overflow:visible;}
#goods .box .left         {width:475px; margin:0; padding:0 15px 0 0; float:left;}
#goods .box .right        {width:330px; margin:0; padding:0; float:left;}
#goods .box .right .image {margin:0 0 10px 10px; padding:0;}
#goods .box .right .txt   {font-size:10px; text-align:right; margin:0; padding:0;}
#goods #btn_tv            {text-align:center; margin:0; padding:0;}



/* 11：リンク =============================================================================================================== */