@charset "EUC-JP";

@import'/common/css/special.css';
@import'/common/css/special_recommend2.css';
@import'/etc/cinema/horror_theater/css/genre_horror.css';


#horror_theater{background:#000000;}

#horror_theater #head h1{
	background:url("../img/horror_head.png") no-repeat left top;
	height:0px !important;
	height /**/ :220px;
	padding:220px 0px 0px;
	/*margin-bottom:10px;*/
	overflow:hidden;
}




/*-----------------------

navi

-----------------------*/



#horror_theater #head ul{
	overflow:hidden;
	zoom:1;
	background:url("../img/horror_navi.png") no-repeat 0px -30px;
}

#horror_theater #head li{
	display:block;
	float:left;
}



#horror_theater #head li a{
	display:block;
	height:0px !important;
	height /**/ :30px;
	width:143px;
	padding:30px 0px 0px;
	overflow:hidden;
}

#horror_theater #head li strong{
	display:block;
	height:0px !important;
	height /**/ :30px;
	width:143px;
	padding:30px 0px 0px;
	overflow:hidden;
}


#horror_theater #head li.navi1 a{
	background:url("../img/horror_navi.png") no-repeat 0px 0px;
}
#horror_theater #head li.navi1 strong{
	background:url("../img/horror_navi.png") no-repeat 0px -30px;
}

#horror_theater #head li.navi2 a{
	background:url("../img/horror_navi.png") no-repeat -143px 0px;
}
#horror_theater #head li.navi2 strong{
	background:url("../img/horror_navi.png") no-repeat -143px -30px;
}

#horror_theater #head li.navi3 a{
	background:url("../img/horror_navi.png") no-repeat -286px 0px;
}
#horror_theater #head li.navi3 strong{
	background:url("../img/horror_navi.png") no-repeat -286px -30px;
}

#horror_theater #head li.navi4 a{
	background:url("../img/horror_navi.png") no-repeat -429px 0px;
}
#horror_theater #head li.navi4 strong{
	background:url("../img/horror_navi.png") no-repeat -429px -30px;
}

#horror_theater #head li.navi5 a{
	background:url("../img/horror_navi.png") no-repeat -572px 0px;
}
#horror_theater #head li.navi5 strong{
	background:url("../img/horror_navi.png") no-repeat -572px -30px;
}



#horror_theater #head li.navi1 a:hover{
	background-position:0px -30px;
}

#horror_theater #head li.navi2 a:hover{
	background-position:-143px -30px;
}

#horror_theater #head li.navi3 a:hover{
	background-position:-286px -30px;
}

#horror_theater #head li.navi4 a:hover{
	background-position:-429px -30px;
}

#horror_theater #head li.navi5 a:hover{
	background-position:-572px -30px;
}



/*------------------

horror_contents

------------------*/


#horror_theater #horror_contents{
	background:url("../img/horror_back.png") no-repeat left top;
}



#horror_theater #horror_contents .unit{
	line-height:1.5em;
}

#horror_theater #horror_contents .unit p{
	font-size:10px;
}




/*------------------

cmsList

------------------*/



#cmsList{
	width: 715px;
	overflow:hidden;
	zoom:1;
}

#cmsList .listBox{
	width: 697px;
	border:1px solid /*#ffc31f*/ #e6a800;
}

#cmsList div.listBox .lower .imgBox{
	float:left;
	margin:5px;
	width:75px;
	display:inline;
}

#cmsList div.listBox .lower .txtBox{
	width: 600px;
	margin-bottom: 10px;
}


#cmsList div.listBox ul.upper{
	background:#e6a800;
	color:#FFF;
	font-weight:bold;
	height:20px;
	padding:3px 10px 0px 0px;
	margin:-1px -1px 0px -1px;
	position:relative;
	zoom:1;
}




/* リセット */
h2,h3,h4{
	margin:0px;
	padding:0px;
}


/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}