@charset "EUC-JP";

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

	loopedslider_for_drama CSS

	1 #SpPageHeader

	2 #loopedSlider

	/ NOTICE /
	Find [ Change This ] word then change value(s) of the style property, If you need.

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

/* 1 #SpPageHeader
========================================== */
div#SpPageHeader{
	width:715px;
	height:515px;
	background:#fff url(/etc/cinema/series/img/header.jpg) no-repeat; /* [ Change This ] */
	margin-bottom:5px;
	clear:both;
	background-color:#fff;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

#SpPageHeader #headerR #sliderBox{
	width:449px;
	height:280px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	top:98px;
	left:133px;
}

/* 2 #loopedSlider
========================================== */
div#loopedSlider{float:left; margin:0; width:449px; position:relative;}
div#loopedSlider:after{
	display:block; clear:both; content:"";
}
div.slides { position:absolute; height:221px; width:449px;}
div.slides div a{text-decoration:none;}
div.slides div p{
	font-size: 14px !important;
	width: 308px;
	height: 57px;
	margin: 6px 0 0 3px;
	font-weight:bold;
	line-height:18px !important;
	cursor:pointer;
	color:#FFF; /* [ Change This ] */
}div.slides div p span{
	font-size: 12px !important;
	color:#FFF; /* [ Change This ] */
}
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div	{ position:absolute; top:0; width:449px; display:none; padding:0; margin:0;}
	
ul.pagination { 
	z-index:10;
	position:absolute;
	font-weight:bold;
	list-style:none outside none;
	height:57px;
	width:130px;
	left:460px;
	top:360px;
}
ul.pagination li { float:left;}
	#SpPageHeader ul.pagination li a {color:#000; padding-left:4px; text-decoration:none;} /* [ Change This ] */
	#SpPageHeader ul.pagination li.active a {color:#f20c82; } /* [ Change This ] */
	#SpPageHeader ul.pagination li a:hover{color:#f20c82 !important; } /* [ Change This ] */

.SlideCon{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.SlideCon a{
	display:block;
	width:64px;
	height:26px;
	overflow:hidden;
}
.SlideCon a.previous{
	position:absolute;
	left:454px;
	top:325px;
}
.SlideCon a.next{
	position:absolute;
	left:520px;
	top:325px;
}