@charset "utf-8";
/* CSS Document */
#slider {  
position:relative; 
width:1075px;

  margin:0 auto; 
overflow: hidden;
background-color: #fff; 
}

#carousel li {
 
 float: left;
}



#prev, #next {  
background-color: #fff;  
opacity:0.7;  
filter: alpha(opacity=70);
/* ie 6 7 */  
-ms-filter: "alpha(opacity=70)";
/* ie 8 */  
zoom:1;  
display: block;  
height: 500px;  
width: 20%;  
top: 0;  
position: 
absolute;
}

#prev:hover, #next:hover {  
opacity:0.4;  
filter: alpha(opacity=40);
/* ie 6 7 */  
-ms-filter: "alpha(opacity=40)";
/* ie 8 */  
zoom:1;
}

#prev {  
left: -300px;
/* スライドする画像の横半分の値 */ 
 background:#fff url(../../smp/images/arrow-left.png) 95% center no-repeat;
}
#next {  
right: -300px;
/* スライドする画像の横半分の値 */  
background:#fff url(../../smp/images/arrow-right.png) 5% center no-repeat;
}
#prev img ,#prev img {  
right:20px;  
top:120px;  
position:absolute;
}
#next img {  
left:20px;  
top:120px;  
position:absolute;
}
#pager {  
text-align:center;  
padding:10px;
}
#pager a {  
border: 2px 
solid #cc0000;  
border-radius:5px;  
-webkit-border-radius:5px;  
-moz-border-radius:5px;  
display: inline-block;  
width: 5px;  
height: 5px;  
margin: 0 5px 0 0;
}
#pager a:hover {  
background:#eee ;
}
#pager a span {  
display: none;
}
#pager a.selected { 
 background-color: #cc0000;
}