@charset "utf-8";

/* jqGalScroll.css */

.jqGSContainer {
	position:relative;
	width:520px;  /* 全体のまたは選択番号全体の幅。*/
}

.jqGSContainer .jqGSImgContainer {
}

.jqGSContainer .jqGSImgContainer ul {
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
}

.jqGSContainer .jqGSImgContainer ul li {
	padding:0;
	margin:0;
	position:relative;
	margin-top:0;
	margin-bottom:0px;
	float:left;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSLoader {
	width:100%;
	height:100%;
	position:absolute;
}

.jqGSContainer .jqGSImgContainer ul li img {
	border:1px solid #FFFFFF;
}

.jqGSContainer .jqGSImgContainer ul li .jqGSTitle {
	background-color:#000000;
	position:absolute;
	right:0px;
	top:0px;
	padding:3px;
	color:#FFFFFF;
	width:300px
}

.jqGSContainer .jqGSPagination {
	position:relative;
	width:100%;
	height:20px;
	top:5px;
	padding: 5px 0;
}

.jqGSContainer .jqGSPagination ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	float:left;  /* 選択番号の左右位置。*/
}

.jqGSContainer .jqGSPagination ul li {  /* 選択番号(数字)の設定 */
	padding:0;
	margin-right:5px;
	float:left;
	padding-right:1px;
	text-align:center;  /* 選択番号(数字)の枠内での位置。*/
	padding-bottom:1px;
}

.jqGSContainer .jqGSPagination ul li a {  /*選択番号の設定。*/
	background-color:#000000;
	border:1px solid #000000;
	color: #FFFFFF;
	text-decoration:none;
	display:block;
	width:20px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.jqGSContainer .jqGSPagination ul li a.selected {
	background-color:#CC3366;  /* 選択された番号の背景色。 */
	color:#FFFFFF;  /* 選択された番号の色。 */
	border: 1px solid #CC3366;  /* 選択された番号の外枠の色。 */
}

.jqGSContainer .jqGSPagination ul li a:hover {  /*選択番号ポイント時の設定。*/
	background-color:#FFCC66;  /*選択番号ポイント時の色。*/
	color:#000000;
	border:1px solid #FFCC66;
}

.jqGSImgContainer {
	border:1px solid #9FA09E;  /*画像表示スペースの外枠の罫線。*/
}