#example {
     width:1000px;/*サイトの幅に合わせる*/
     height:405px;/*メインビジュアルの高さに合わせる*/
     position:relative;
 
}
 
/*
Slideshow
*/
 
#slides {
     position:absolute;
     top:20px;
     left:5px;/*サイトの真ん中に来るように調整*/
     z-index:100;
}
 
/*
Slides container
Important:
Set the width of your slides container
Set to display none, prevents content flash
*/
 
.slides_container {
     width:1000px;/*イメージ幅に合わせる*/
	 height:405px;
     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:1000px;/*イメージ幅に合わせる*/
     height:405px;/*イメージ幅に合わせる*/
     display:block;
}
 
.slides_container a img {
     display:block;
}
 
/*
Next/prev buttons
*/
 
#slides .next,#slides .prev {
     position:absolute;
     top:160px;
     left:-50px;/*prevイメージの位置調整*/
     width:24px;
     height:43px;
     display:block;
     z-index:101;
}
 
#slides .next {
     left:1020px;/*nextイメージの位置調整*/
}
 
/*
Pagination
*/
 
.pagination {
     margin:10px 0 0 362px;/*画像の位置調整*/
     width:100px;
}
 
.pagination li {
     float:left;
     margin:0 1px;
     list-style:none;
}
 
.pagination li a {
     display:block;
     width:12px;
     height:0;
     padding-top:12px;
     background-image:url(../img/pagination.png);
     background-position:0 0;
     float:left;
     overflow:hidden;
}
 
.pagination li.current a {
     background-position:0 -12px;
}