@charset "utf-8";


#page{display:table;position: relative;clear: both;margin:0 auto; text-align:center; color:#007bff;padding-bottom:20px;}
#page span {display:table-cell;vertical-align:middle;}
#page a {position: relative; display:inline-block; float:left; width:33px; height:40px; margin:0 2px; padding:0; color:#007bff; line-height: 35px; background: #fff;border:1px solid #aaa;}
#page a.on {background:#007bff; color:#fff; font-weight:bold; border-color:#003baa;}
#page a.first {background:url(/img/navi.jpg) no-repeat 2px 0px; }
#page a.last {background:url(/img/navi.jpg) no-repeat -308px 0px;}
#page a.prev {background:url(/img/navi.jpg) no-repeat -33px 0px;width:33px; border-radius: 7px;}
#page a.next {background:url(/img/navi.jpg) no-repeat -275px 0px;width:33px; border-radius: 7px;}

.state-count {
    padding:5px 10px;
    border:1px solid #7799cc;
    border-radius:30px;
    min-width: 120px;
    text-align: center;
    color:#337;
    background: #fff;
}