@charset "UTF-8";

/*  index  */

#index-wrap{
  text-align:center;
  margin:0 auto;
  padding:0 0;
  min-height:100%;
  -webkit-text-size-adjust: none;
  background: url(/img/key0404/bg.jpg) top center repeat #fff;
  color:#999;
}
#index-wrap a{ color:#666;}
#index-wrap footer{ color:#999 !important;}

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #060608;
  z-index: 9999;
}

#index_main { margin: 8px auto 0; overflow: hidden; }
  .index_info,#KeyVisual { float: left; }
  .index_info { margin: 0 auto; width: 380px; }
    #logo { margin: 24px auto 8px;}
    #loadshow { width: 380px !important; }
    .movie-area { margin: 32px auto;}
  #KeyVisual{ margin: 0 auto; padding:0;}

.text-info{ margin: 0 auto 3px 15px; text-align: left; }    
  #news-area{ margin: 0 auto 24px 15px; width: 340px; padding: 8px 0 16px 5px; text-align: left; font-size: 1.2rem; font-size: 12px; border-top:1px solid #5b5b5b; border-bottom:1px solid #5b5b5b;}
    #news-area li{ margin-bottom: 8px; clear: both;}
    #news-area .days { float: left; }    
    #news-area li p{ float: left; width: 260px; margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    
.bnr-list { margin: 8px auto;} 
  .bnr-list li{ margin: 4px auto;}
  
#footer { margin-top: 0 !important; padding-top: 24px !important;}
.copy {  margin: 3px 0 0 18px; font-size: 1.0rem; font-size: 10px; color: #ccc; }