#slider {
	position: relative;
	overflow: hidden;
	border-top: #0078B3 6px solid;
	border-bottom:  #0078B3 6px solid;
}

#wrapper {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin-top: -16px;
	margin-bottom: -15px;
}

#carousel li {
	float: left;
	margin-left: -40px;
}

/*
#carousel li::after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    border-radius:15px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.1),  inset 0px -18px 10px rgba(0,0,0,0.1);
}
*/

#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: 400px;
	width: 50%;
	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: -550px;/* スライドする画像の横半分の値 */
	background:#fff url("../img/slide/arrow-left.png") 97% center no-repeat;
}

#next {
	background:#fff url("../img/slide/arrow-right.png") 3% center no-repeat;
	right: -550px;/* スライドする画像の横半分の値 */
}

#prev img {
	right:20px;
	top:120px;
	position:absolute;
}

#next img {
	left:20px;
	top:120px;
	position:absolute;
}

#pager {
	text-align:center;
	padding:10px;
	margin-top: 5px;
	margin-bottom: 0px;
}

#pager a {
	border: 2px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 10px 0 0;
}

#pager a:hover {
	background:#eee;
}

#pager a span {
	display: none;
}

#pager a.selected {
	background-color: #ccc;
}