@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style:none;
}
html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

/*横幅いっぱいスライダー---------------------------------*/
#slider {
    position:relative;
    overflow: hidden;
}
#wrapper {
    background: #fff;
    width: 100%;
    height: 506px;
    overflow: hidden;
}
#carousel li {
    float: left;
}
#prev, #next {
    background-color: #000;
    opacity:0.6;
    filter: alpha(opacity=60);/* ie 6 7 */
    -ms-filter: "alpha(opacity=60)";/* ie 8 */
    zoom:1;
    display: block;
    height: 506px;
    width: 55%;
    top: 0;
    position: absolute;
}
#prev:hover, #next:hover {
    opacity:0.7;
    filter: alpha(opacity=70);/* ie 6 7 */
    -ms-filter: "alpha(opacity=70)";/* ie 8 */
    zoom:1;
}
#prev {
    left: -640px;/* スライドする画像の横半分の値 */
    background:#FFF url( images/arrow_l.png ) 100% center no-repeat;
}
#next {
    background:#FFF url( images/arrow_r.png ) 0% center no-repeat;
    right: -640px;/* スライドする画像の横半分の値 */
}
#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 #ccc;
    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: #ccc;
}