@charset "utf-8";
/* jCarousel Lite
------------------------------------- */
/* 全体のサイズ設定 */
.carousel {
/*width:600px;*/
height: 190px !important;
overflow:hidden;
}
/* 余白のリセット */
.carousel ul,{
	margin:0;
	padding-top: 15px;
}
/* 個々のリストの設定 */
.carousel li {
	position: relative;
	list-style:none;
	float:left;
	width:122px;
	height:172px;
	margin: 0 10px;
	padding: 15px 0 0 0;
	text-align:center;
}
.carousel li img {
	vertical-align:bottom;
}
.carousel li a { display: block; border: 1px #fff solid; }
.carousel li a:hover { border: 1px #ee28aa solid;}
.carousel li a img {
	width:120px;
	height: 170px;
	text-decoration:none;
}

/* 前へ（PREV）の設定 */
.prev {
	float:left;
	margin: 37px 5px 0 0;
	width:25px;
	height:115px;
	background: url(../images/base/carousel_prev.png) no-repeat left top;
	cursor:pointer;
}
.prev:hover, .prev:focus {
  background-position: -30px 0;
}
.prev:active {
  background-position: -60px 0;
}
.prev.disabled,
.prev.disabled:hover,
.prev.disabled:focus,
.prev.disabled:active {
  cursor: default;
  background-position: -90px 0;
}
/* 次へ（NEXT）の設定 */
.next {
	float:right;
	margin: 37px 0 0 5px;
	width:25px;
	height:115px;
	background: url(../images/base/carousel_next.png) no-repeat left top;
	cursor:pointer;
	display:block;
}
.next:hover, .next:focus {
  background-position: -30px 0;
}
.next:active {
  background-position: -60px 0;
}
.next.disabled,
.next.disabled:hover,
.next.disabled:focus,
.next.disabled:active {
  cursor: default;
  background-position: -90px 0;
}
/* 公開中の映画 アイコン */

#movie-now,#drama-navi { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#movie-now .carousel li { position: relative;}
#movie-now .carousel li i img { position: absolute; top: 4px; left: 0;}