/*-------------------
        style
---------------------*/

div.common {
    clear: both;
    margin-bottom: 10px;
}

/*-------------------
        list
---------------------*/

ul.common, ul.common li {
    list-style: none;
    padding: 0;
}

ul.common li, ul.common a, ul.common div.common-list {
    display: block
}

ul.common li {
    line-height: 1.2em;
    border-bottom: 2px dotted #ddd;
    background: #FFF;
    padding-right: 32px;
}

ul.common a {
    text-decoration: none;
    color: #000;
    padding: 15px 4px 15px 4px;
    position: relative;
}

ul.common div.common-list {
    padding: 15px 4px 15px 4px;
}

ul.common a span.cell {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px;
}
ul.common a span.cell:first-of-type img {
    border: 1px solid #DDD;
    padding: 1px;
}

ul.common a span.thumb100 {
    width: 100px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid #aaa;
    background: white;*/
}

ul.common a span.thumb100 img {
    width: 100px!important;
}

ul.common img.thumb {
    display: inline!important;
    padding: 0px 5px!important;
    vertical-align: middle;
}

/**
 * うしろのほうのマーク(?)
 */
ul.common a::before,
ul.common a::after {
    display:block;
    content: '';
    width:0;height:0;
    position:absolute;
    top: 50%;
}
ul.common a::before {
    width: 20px; height: 20px;
    background-color: rgba(255,255,255,.4);
    margin-top: -10px;
    right: -26px;
    z-index: 99;
    border-radius: 2px;
}
ul.common a::after {
    border: 4px solid transparent;
    margin-top: -4px;
    right: -22px;
    z-index: 100;
    border-left-color: black;
    clear: left;
}
ul.common a.nomark::before,
ul.common a.nomark::after {
    display: none;
    border: none;
    width: 0; height: 0;
    margin: 0; padding: 0;
}
ul.common a.togglemark:not([href])::before,
ul.common a.togglemark:not([href])::after {
    display: none;
    border: none;
    width: 0; height: 0;
    margin: 0; padding: 0;
}

/*-------------------
        pager
---------------------*/

table.pager {
   width: 99%;
   table-layout: fixed;
   border-collapse:collapse;
   border:0px;
   margin: 10px auto;
}

table.pager tr td {
    padding: 0px;
}

table.pager td {
    font-size: 14px;
    text-align: center;
}

table.pager p.dispnum {
    /*font-weight: bold;*/
}

table.pager a.btn {
    display: block;
    width: 100%;
    font-size:1.0em;
    text-align: center;
    margin:0 auto;
    border-radius: 6px;
    border: 1px #000 solid;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */

    text-shadow: 1px 1px 1px #ddd;
    display: block;
    padding: 8px 0;
    color: #000;
    text-decoration: none;
}
table.pager a.btn:not([href]) {
    opacity: .1;
}

table.pager p.btn a {
    text-shadow: 1px 1px 1px #ddd;
    display: block;
    padding: 8px 0;
    color: #000;
    text-decoration: none;
}