@charset "utf-8";

/* CSS Document */

@charset "utf-8";

/* ===================================================================

CSS information



 File Name  : contents.css

 Author     : MIYA

 Style Info : コンテンツ内のスタイル

=================================================================== */



/* 見出しなしのテキストのみ場合

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



#contents h2	{

	margin-bottom: 50px;

}



/* outmost wrapper element */

#scrollable {

	padding:10px 8px;

	width:690px;

	height:244px;

	margin-bottom: 30px;

}



/* container for the scrollable items */

div.items {

	height:244px;

	float:left;

	width:605px !important;

	margin-top: 0;

	margin-right: 1px;

	margin-bottom: 0;

	margin-left: 1px;

}







/* single item */

div.items p {

	display:block;

	float:left;

	margin-right:13px;

	width:195px;

	height:244px;

	cursor:pointer;

}











/* next / prev buttons */

.prev, .next {

	display:block;

	width:35px;

	height:231px;

	float:left;

	background-repeat:no-repeat;	

	margin:5px 0 0 0;

}



.prev, .next {

	display:block;

	width:35px;

	height:231px;

	float:left;

	margin:5px 0 0 0;

	cursor:pointer;

	background-image: url(../image/btn_gleft.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

.next {

	background-image:url(../image/btn_gright.png)

}



p.prev:hover {

	background-position:0 -231px;		

}



p.next:hover {

	background-position:0 0px;		

}







/* navigator */

div.navi {

	position:relative;

	top:-30px;

	left:310px;

	margin-left:-50px;

	width:50px;

	height:0px;

}





/* items inside navigator */

div.navi span {

	width:8px;

	height:8px;

	float:left;

	margin:3px;

	background:url(http://www.flowplayer.org/img/playlist/dots.png) 0 0 no-repeat;     

	cursor:pointer;

}



div.navi span:hover {

	background-position:0 -8px;      

}



div.navi span.active {

	background-position:0 -16px;     

}