@charset "UTF-8";
/* CSS Document */


.billboard{ margin:0; padding:0; padding:450px 0 0 0; position:relative;}
.billboard *{ margin:0; padding:0;}
.billboard .items{ position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0;}
.billboard .items li{ display:block; margin:0; padding:0; width:100%; height:450px; overflow:hidden;  position:relative; float:left;}
.billboard .items li img{ margin:auto; padding:0; display:block; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.billboard .items li .billboard_item_data{ background:rgba(0,0,0,0.5); width:100%; position:absolute; left:0; bottom:0; color:#FFFFFF;}
.billboard .items li .billboard_item_data p{ margin:0 auto; padding:5px 0; width:960px; line-height:1.5; text-align:right;}

.KitakyushuMovieChannel{}
  .KitakyushuMovieChannel ul{ margin:0 0 0 0;}
  .KitakyushuMovieChannel ul *{ margin:0; padding:0; display:block;}
  
.tagList,.areaList{}
.tagList a,.areaList a{ display:block; margin:10px 0 0 0; background:#960000; color:#FFFFFF; text-align:center; font-size:93%; border-radius:3px; padding:5px 0; line-height:1.5;}
  
.naviBox{ border:solid 1px #CCCCCC;}
  .naviBox .title{ margin:0; padding:5px; background:#960000; color:#FFFFFF; text-align:center;}
  .naviBox .body{ padding:0 10px 10px 10px;}
  
.info{}
  .info ul{ border-top:dotted 1px #CCCCCC;}
  .info li{ margin:0; padding:0; border-bottom:dotted 1px #CCCCCC;}
  .info a{ display:block; padding:10px 0;line-height:1.5;}
  .info a *{ margin:0; padding:0;}
  .info .data{ font-size:85%; color:#000000;}
  .info .data span{ display:inline-block;}
  .info .data .category{ background:#29759C; color:#FFFFFF; padding:0 10px; margin-left:10px; border-radius:3px;}
  .info .title{ margin-top:5px; font-size:93%;}
  
 .banner{}
  .banner li{ margin-top:0; text-align:center;}

.slide-note{ margin:0 auto; padding: 0; max-width: 960px; text-align: right; font-size:86%; color: #666666;}

@media (max-width: 480px){ /* smart */
  .billboard{ padding:200px 0 0 0;}
  .billboard .items li{ height:200px;}
  .billboard .items li .billboard_item_data p{ font-size:93%; width:auto; }
	
	.slide-note{ font-size:73%; text-align: left;}
}


/*.info{ margin:0; padding:10px 0; border-bottom:dotted 1px #999999;}
.info .data{ margin:0; padding:0; font-size:85%;}
.info .data .date{ margin-right:10px;}
.info .title{ margin:5px 0 0 0; padding:0; font-size:93%;}
*/