@charset "EUC-JP";


div#movieCircusHeaderPart div#movieCircusHeaderLeft{
	float:left;
	width:305px;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

#movieCircusHeaderLeft #sliderBox{
	width: 243px;
	height: 220px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	top: 18px;
	left: 31px;
}

/*
loopedSlider
*/

div#loopedSlider{float:left; margin:0; width:243px; position:relative;}
div#loopedSlider:after{
	display:block; clear:both; content:"";
}
div.slides { position:absolute; height:221px; width:243px;}
div.slides div a{text-decoration:none;}
div.slides div p{ font-size:12px; width:240px; height:57px; margin:6px 0 0 3px; font-weight:normal; line-height:16px; cursor:pointer;}
div.slides div p span{ font-size:10px; font-weight:normal; line-height:14px;}
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div	{ position:absolute; top:0; width:243px; display:none; padding:0; margin:0;}
	
ul.pagination { 
	z-index:10;
	position:absolute;
	font-weight:bold;
	list-style:none outside none;
	height:18px;
	width:100px;
	left:36px;
	top:204px;
}
ul.pagination li { float:left;}
	#movieCircusHeaderLeft ul.pagination li a { padding-left:4px; text-decoration:none;}
	#movieCircusHeaderLeft ul.pagination li.active a {color:#d1c292; }
	#movieCircusHeaderLeft ul.pagination li.active a:hover{color:#d1c292;}

.SlideCon{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
.SlideCon a{
	display:block;
	width:62px;
	height:24px;
	overflow:hidden;
}
.SlideCon a.previous{
	position:absolute;
	left:147px;
	top:199px;

}
.SlideCon a.next{
	position:absolute;
	left:213px;
	top:199px;
}