@charset "utf-8";
/* CSS Document */

/* Gallery styles */




#gallery,
#slides,
.slide{

	/* The width of the gallery */
	width:710px;
	overflow:hidden;
}

#slides,
.slide{
	
	/* This is the slide area */
	height:400px;	
	
}

#slides{

	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;

}

.slide{

	background:#fff;

	/* CSS3 Rounded Corners */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	float:left;

	text-align:center;

}

/* ナビゲーション */

#pointer{
	/* This is the container for the thumbnails */
	/* height:100px; */
}

#pointer *{
	

	
}
	#pointer ul{
		margin:0;
		padding:0;
		display:inline-block;
	}
	
	#pointer li{
		/* Every thumbnail is a li element */

		padding-top:20px;
		margin:0 10px 10px 0;

		display:inline-block;
		list-style:none;

		over-flow:hidden;
		float:left;

	}
	
	#pointer li.inact{
		
		opacity:0.5;	
	}
	
	#pointer li.inact:hover{
		/* The inactive state, highlighted on mouse over */
		/* background:url(../../img/pic_bg.png) repeat; */
	}
	
	#pointer li.act,
	#pointer li.act:hover{
		opacity:1;
		background:url(arrow.png) center top no-repeat;
	}

	#pointer li.act{
		
		position:relative;		

	}

	#pointer li.act a{
		cursor:ponter;
	}
	
	#pointer li a{

		display:block;
		width:48px;
		height:48px;
		line-height:48px;
		border:1px solid #ccc;
		overflow:hidden;
		margin:0;
		vertical-align:middle;

	}