@charset "utf-8";
.SlideArea { position:relative; width:100%; height:100%; overflow:hidden;}
.SlideArea ul { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
.SlideArea ul li { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%}
.SlideArea .num { position:absolute; left:0; right:0; bottom:0; height:25px; text-align:center}
.SlideArea .num a { display:inline-block; width:10px; height:10px; margin:0 5px 5px; background:#CCC; border-radius:50%}
.SlideArea .num a:hover,.SlideArea .num a.current { background:#F00}
.SlideArea .pgUp,.SlideArea .pgDn { display:block; position:absolute; top:50%; height:110px; margin-top:-55px; text-align:center; line-height:100px; font-size:100px; color:#fff; background:rgba(255,255,255,.3); border-radius:5px; opacity:.5; filter:alpha(opacity=50); transform:scaleX(.5)}
.SlideArea .pgUp { left:30px}
.SlideArea .pgDn { right:30px}
.SlideArea .pgUp:hover,.SlideArea .pgDn:hover { background:rgba(255,255,255,.5); opacity:9; filter:alpha(opacity=90)}

.SlideArea-vertical .pgUp,.SlideArea-vertical .pgDn { left:50%; width:110px; height:40px; margin:0 0 0 -55px; font-size:60px; line-height:30px; }
.SlideArea-vertical .num { left:auto; right:10px; top:40%; bottom:auto}
.SlideArea-vertical .num a { display:block; margin:0 0 10px}

.SlideArea-vertical .pgUp { left:50%; right:auto; top:30px; bottom:auto}
.SlideArea-vertical .pgDn { left:50%; right:auto; top:auto; bottom:30px}