#example {
     width:700px;
     height:300px;
	 margin:0;
	 padding:0;
	 }
 
/*
Slideshow
*/
 
#slides {
     position: relative;
     top:0px;
     left:0px;
     z-index:100;
}
 
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
 
.slides_container {
     width:700px;
     overflow:hidden;
     display:none;
}
 
/*
Each slide
Important:
Set the width of your slides
If height not specified height will be set by the slide content
Set to display block
*/
 
.slides_container a {
     width:700px;
     height:300px;
     display:block;
}
 
.slides_container a img {
     display:block;
}
 
/*
Next/prev buttons
*/
 
#slides .next,#slides .prev {
	position:absolute;
	top:136px;
	left:0px;
	width:28px;
	height:28px;
	display:block;
	z-index:101;
	opacity: 0.4;
}
 
#slides .next {
	left:672px;
}


/*
Pagination
*/
 
.pagination {
	position:absolute;
     margin:-18px auto 0 12px;/*画像の位置調整*/;
     width:700px;
	z-index:102;
}
 
.pagination li {
     float:left;
     margin:0 3px;
     list-style:none;
}
 
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image: url(../../image/top/slideshow/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
 
.pagination li.current a {
     background-position:0 -12px;
}