div#pagenation {
    margin: 3rem 0;
    position: relative;
    overflow: hidden;
}
div#pagenation ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
div#pagenation li {
    position:relative;
    left:-50%;
    float:left;
}
div#pagenation li a {

    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #777;
    font-size: 1.6rem;
}
div#pagenation li.active a,
div#pagenation li a:hover{
    border-bottom:solid 2px #00B2E2;
    color: #005971;
}
div#pagenav {
    margin: 1rem 0;
    position: relative;
    overflow: hidden;
}
div#pagenav .totalrec,
div#pagenav .statrec,
div#pagenav .endrec{
    /*color:#3399FF;*/
}
div#pagenav .totalrec:after{
    content: '　';
}
div#pagenav .statrec:after{
    content: ' \301c '; /* 〜 */
}
@media screen and (max-width: 600px) {
    div#pagenation li a {
        margin: 0 3px;
        padding: 3px 2px;
        display: block;
        text-decoration: none;
        color: #777;
    }
}