@charset "euc-jp";

body{
	color:#333;
	font-size:0.8em;
	line-height:150%;
	margin:0;
	text-align:left;
}

img{border:0;}


/*  Skitter styles
----------------------------------------------- */
.box_skitter{
	position:relative;
	width:800px;
	height:500px;
	background:#FFF;
}

.box_skitter img{
	max-width:none;
}

/* Tip for stildv */
.box_skitter ul{
	display:none;
}

.box_skitter .container_skitter {
	overflow:hidden;
	position:relative;
}

.box_skitter .image {
	overflow:hidden;
}

.box_skitter .image img {
	display:none;
}

/*  Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	overflow:hidden;
	display:none;
	z-index:20;
}
.box_skitter .box_clone img {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

/*  Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {
	position:absolute;
	top:235px;
	left:3px;
	z-index:100;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999em;
	margin-top:0;
	background:url(../../site_data/cabinet/top/prev.png) no-repeat left top;
}

.box_skitter .next_button{
	position:absolute;
	top:235px;
	right:3px;
	z-index:100;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999em;
	margin-top:0;
	background:url(../../site_data/cabinet/top/next.png) no-repeat left top;
}

/*  Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide{
	position:absolute;
	top:15px;
	left:15px;
	z-index:100;
	background:#FFF;
	color:#fff;
	font:bold 11px arial;
	padding:5px 0 5px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	opacity:0.75;
}

.box_skitter .info_slide .image_number{
	background:#FFF;
	float:left;
	padding:2px 10px;
	margin:0 5px 0 0;
	cursor:pointer;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.box_skitter .info_slide .image_number_select{
	background:#D33;
	float:left;
	padding:2px 10px;
	margin:0 5px 0 0;
}

/*  Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs{
	position:relative;
	overflow:hidden;
	height:102px;
	margin-top:5px;
}

.box_skitter .info_slide_thumb{
	height:102px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	overflow:hidden;
	top:auto;
	top:0;
	left:0;
	padding:0 !important;
	opacity:1.0;
}

.box_skitter .info_slide_thumb .image_number{
	overflow:hidden;
	width:160px;
	height:102px;
	position:relative;
	margin:0 !important;
	padding:0 !important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important;
}

.box_skitter .info_slide_thumb .image_number img{
	position:absolute;
	top:0;
	left:0;
	height:96px;
	width:154px;
	margin:3px;
}

.box_skitter .box_scroll_thumbs{
	padding:0;
}


/*  Loading
-------------------------------------------------------------- */
.loading{
	position:absolute;
	top:50%;
	right:50%;
	z-index:10000;
	margin:-16px -16px;
	color:#fff;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../../site_data/cabinet/top/ajax-loader.gif) no-repeat left top;
	width:32px;
	height:32px;}


/* キャプション
-------------------------------------------------------------- */
.box_skitter .label_skitter{
	background:#C00;
	bottom:0px;
	color:#fff;
	display:none;
	font-weight:bold;
	left:0px;
	line-height:1.5;
	opacity:0.8;
	padding:10px;
	position:absolute;
	z-index:150;
}

.box_skitter .info_slide *{
	font-family:Consolas,arial,tahoma !important;
}

.box_skitter .progressbar{
	background:#000;
	position:absolute;
	top:5px;
	left:15px;
	height:5px;
	width: 200px;
	z-index:99;
	border-radius:20px;
}

/*  Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {
	display:none;
	position:absolute;
	z-index:152;
	bottom:30px;
	left:-40px;
	width:200px;
	height:100px;
	background:#fff;
	border:1px solid #222;
	-moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;
	-webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;
	box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;
	overflow:hidden;
}

.box_skitter .preview_slide ul {
	height:100px;
	overflow:hidden;
	margin:0;
	list-style:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.box_skitter .preview_slide ul li {
	width:200px;
	height:100px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	display:block;
}

.box_skitter .preview_slide ul li img {
	position:absolute;
	top:0;
	left:0;
	height:150px;
	width:auto;
}

/*  Focus
-------------------------------------------------------------- */
#overlay_skitter {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9998;
	opacity:1;
	background:#000;
}