@charset "utf-8";

.c_sn { position:relative; padding:0 30px; width: 566px; }
.c_sn * { display:block; margin:0; padding:0; list-style:none; }
.c_sn .prev { position:absolute; left:0; top:50%; margin:-12px 0 0; width:25px; height:25px; overflow:hidden; background:url(img/imageNavLeft.png) no-repeat 50%; z-index:10; }
.c_sn .next { left:auto; right:0; background-image:url(img/imageNavRight.png); }
.c_sn .prev button { display:block; width:100%; height:100%; background:none; border:0; font-size:0; line-height:0; text-indent:-200px; text-align:-200px; cursor:pointer; }

.c_sn .navi { position:relative; overflow:hidden; height:100%; }
.c_sn ul { position:absolute; left:0; top:0; width:5000px; }
.c_sn ul:after { display:block; clear:both; content:""; }
.c_sn li { float:left; padding: 10px 0; }
.c_sn a {  display:block; margin:0 10px; color: #333; text-decoration:none; }
.c_sn img { }