/*--------------------------------------------
    ranking
--------------------------------------------*/
/* ========================= [ #main-ds.page-rank ] */
#main-ds.page-rank {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#main-ds.page-rank ul {
    margin: 0;
    padding: 0;
}
#main-ds.page-rank li {
    display: inline;
    margin: 0;
    padding: 0;
}
#main-ds.page-rank .area-rank {
    width: 90%;
    margin: 20px auto 0 auto;
    text-align: left;
}
#main-ds.page-rank .area-rank .work td {
    width: 50%;
    padding-bottom: 20px;
    vertical-align: top;
}
#main-ds.page-rank .area-rank .work table th {
    width: 15px;
}
#main-ds.page-rank .area-rank .work img {
    float: left;
    margin: 0 0 12px 0;
    vertical-align: top;
}
#main-ds.page-rank .area-rank .work p {
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 16px;
}
#main-ds.page-rank .area-rank .work .rank {
    float: left;
    width: 70px;
    height: 40px;
    margin: 0;
    color: #c00;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 32px;
}
#main-ds.page-rank .area-rank .work .data {
    margin: 0 0 0 170px;
    vertical-align: top;
}
#main-ds.page-rank .bg-rank {
    padding: 3px;
    background-color: #f5f3ff;
    text-align: right;
    font-weight: bold;
}
#main-ds.page-rank .headline-b {
    padding: 0 12px 3px 12px;
    border-bottom: 2px solid #3d3d3d;
}
#main-ds.page-rank .headline-t {
    padding: 3px 12px 0 12px;
    border-top: 2px solid #3d3d3d;
}