@charset "utf-8"; .pagination-dot
 {
 max-width: 240px; text-align:center; margin: 0 auto; } 
.pagination-dot a { display: inline-block; padding: 5px; margin-right: 5px; margin-bottom: 5px; background: url(../images/page_a_1.png) no-repeat; overflow:hidden; text-indent:-9999px; outline: none; -moz-outline: none; } 
.pagination-dot a:hover { background: url(../images/page_a_2.png) no-repeat; overflow:hidden; text-indent:-9999px; outline: none; -moz-outline: none; } 
.pagination-dot span { display: inline-block; padding: 5px; margin-right: 5px; margin-bottom: 5px; background: url(../images/page_a_2.png) no-repeat; overflow:hidden; text-indent:-9999px; } 
.pagination-dot span:hover { background:none; } 
.pagination-dot .prev { background: url(../images/page_prev1.png) no-repeat 5px 5px; margin-right: 12px; text-indent:-9999px; height: 45px; width: 45px; overflow:hidden; outline: none; -moz-outline: none; } 
.pagination-dot .prev:hover { background: url(../images/page_prev2.png) no-repeat 5px 5px; margin-right: 12px; text-indent:-9999px; height: 45px; width: 45px; overflow:hidden; outline: none; -moz-outline: none; } 
.pagination-dot .next { background: url(../images/page_next1.png) no-repeat 5px 5px; margin-left: 12px; text-indent:-9999px; height: 45px; width: 45px; overflow:hidden; outline: none; -moz-outline: none; } 
.pagination-dot .next:hover { background: url(../images/page_next2.png) no-repeat 5px 5px; margin-left: 12px; text-indent:-9999px; height: 45px; width: 45px; overflow:hidden; outline: none; -moz-outline: none; }