@charset "UTF-8";

body {
    font-size:14px;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.list {
    overflow:hidden;
    width:100%;
    margin: 30px auto;
    padding:0;
}

.list li {
    display:block;
    float:left;
    width:23%;
    height:150px;
    margin:1%;
    color:#fff;
    font-size:48px;
    line-height:150px;
    text-align:center;
    vertical-align:middle;
    list-style:none;
    background:#ccc;
}

.pager {
    clear:both;
    margin:30px 0;
    text-align:center;
}

.pager span {
    margin:5px;
    padding:5px 8px;
    color:#fff;
    background:#000;
}
.pager span:hover {
    cursor:pointer;
    background:#999;
}

.pager span.current {
    color:#000;
    background:none;
}
.pager span.current:hover {
    cursor:default;
}

.pager span.invalid {
    color:#dcdcdc;
    background:none;
}
.pager span.invalid:hover {
    cursor:default;
}

.pager span.ellipsis {
    color:#000;
    background:none;
}
.pager span.ellipsis:hover {
    cursor:default;
}

.pageNum {
    margin:30px 0;
    text-align:center;
}