@charset "UTF-8";

#carousel, 
#carousel a.prev, 
#carousel a.next {
	height: 103px;
}

#carousel {
	clear: both;
	position: relative;
	width: 645px;
	margin: 0 0 20px 0;
	background: url(bg_carousel.gif) repeat-x;
}

#carousel h1.h1_videogarelly {
	position: absolute;
	top:    1px;
	right: 37px;
	font-weight: normal;
	font-size:   6px;
	line-height: 9px;
	color: #999;
	overflow: hidden;
}

#carousel ul#ul_carousel {
	position: absolute;
	top:  13px;
	left: 27px;
	margin:  0;
	padding: 0;
}
#carousel ul#ul_carousel li {
	float: left;
	width: 100px;
	height: 89px;
	margin:  0;
	padding: 0 9px;
	text-align: center;
	position: relative;
}

#carousel ul#ul_carousel li img {
	display: block;
	border: 2px solid #777;
	vertical-align: bottom;
}

#carousel ul#ul_carousel li p {
	display:  block;
	overflow: hidden;
	height: 11px;
	margin:  0;
	padding: 3px 0 0 0;
	font-size:   10px;
	line-height: 12px;
	color: #fff;
}

/* play button */
#carousel ul#ul_carousel li span.play {
	position: absolute;
	top:  0px;
	left: 9px;
	display: block;
	width:  100px; /* WIDTH */
	height:  89px;
	background: url(p_arrow_video_play.png) no-repeat center 25px;
}
#carousel ul#ul_carousel li a:hover span.play {
	background-image: url(p_arrow_video_play_on.png);
}

/* navi button */
#carousel a.prev, 
#carousel a.next {
	position: absolute;
	display: block;
	top:      0px;
	width:   27px;
	z-index: 200;
}
#carousel a.prev {
	left: 0px;
	background: url(left.gif)  no-repeat transparent -54px 0;
}
#carousel a.next {
	right: 0px;
	background: url(right.gif) no-repeat transparent -54px 0;
}
#carousel a.prev:hover    { background-position: -27px 0; }
#carousel a.next:hover    { background-position: -27px 0; }
#carousel a.prev.disabled { background-position: 0 0 !important; cursor: default;}
#carousel a.next.disabled { background-position: 0 0 !important; cursor: default;}

#carousel a.prev span, a.next span {
	display: none;
}