@charset "utf-8";

/*----------------------------------------------------
  共通・リセット
-----------------------------------------------------*/


/*■■■ページャー■■■*/

#article .pager {
    float: right;
    margin: 0 0 10px;
}

#article .pager p {
    margin: 0 20px 0 0;
    float: left;
}

#article .pager p span {
    color: #2577C4;
    font-size: 190%;
    font-weight: bold;
}

#article .pager ul {
    float: left;
    padding: 12px 0 0;
}

#article .pager ul li {
    border-right: 1px solid #CCCCCC;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    float: left;
}

#article .pager ul li.go {
    border: none;
}


/* CSS Document */

#staff {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 2px 3px #999999;
    clear: both;
    margin: 0 auto 20px;
    padding: 20px;
    overflow: hidden;
}

.staff-block {
    display: flex;
    flex-wrap: wrap;
}

.staff-block:not(:last-child) {
    margin-bottom: 10px;
}

.list {
    overflow: hidden;
    width: 282px;
    padding: 10px;
}

.list:hover {
    background: #EBEBEB;
    cursor: pointer;
}

.list h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 2px 5px;
}

.list .pht {
    background: url("/images/search/bg_mobilettl.jpg") repeat scroll 0 0;
    width: 100%;
    height: 223px;
    float: left;
    padding: 2px 0 0;
    overflow: hidden;
}

.list .main {
    background: url("/images/bg_spot_phtBak.jpg") repeat scroll;
    border: 1px solid #cccccc;
    display: table-cell;
    height: 223px;
    text-align: center;
    vertical-align: middle;
    width: 282px;
}

.list .main .img {
    max-width: 282px;
    max-height: 223px;
}

.list .click {
    background: url("/images/bg_staffArw2.jpg") no-repeat scroll left center;
    clear: both;
    float: right;
    padding: 0 0 0 15px;
}