@charset "utf-8";
/*
=====================================================

kinkshi.css 2017.06.01
2023.04.14 change

======================================================
*/

html {
    background: #eee;
    font-size: 62.5%;
}

body>div {
    font-size: 16px;
    font-size: 1.6rem;
}

.floatR {
    float: right;
}

#wrapper01 #header {
    width: 95%;
    max-width: 950px;
}

/*
/*========================
header
========================*/
#header {
    background: url(../images/target_headerBg_a8.jpg) repeat-x top left #fff;
}

#header #header_inner {
    padding: 22px 0 10px 0;
    border-bottom: 1px solid #cccccc;
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#contents h2 {
    background: #003366;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

/*========================
contents
========================*/
/*  kinshi20090422 , cheating.html
*/
#contents {
    background: none;
    line-height: 1.6;
    box-sizing: border-box;
    padding: 15px 30px 50px;
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
}

#contents p.tit {
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
    padding: 0 0 5px 0;
    border-bottom: #999999 solid 1px;
}

#contents p.sankou {
    margin-top: 20px;
    background: #eeeeee;
    padding: 6px 15px;
    display: inline-block;
}

#contents p.sankou span.arrow {
    background: url(../images/common_icon_arrow03.gif) left center no-repeat;
    padding-left: 13px;
    display: inline-block;
}

#contents .corRedBorder {
    color: #cc0000;
    font-weight: bold;
    border-bottom: dashed 1px;
    padding-bottom: 1px;
}


/*  kinshi.html  */
#kinshi_contents {
    width: 95%;
    max-width: 950px;
    margin: 0 auto;
    padding: 15px 0px 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
}

#kinshi_contents .attentionRed {
    color: #cc0000;
    margin-top: 10px;
}

#kinshi_contents h2 {
    padding-left: 10px;
    font-size: 22px;
    font-size: 2.2rem;
    border-bottom: #999999 solid 1px;
    background: url(/as/common/images/common_dotline.gif) no-repeat left center;
}

#kinshi_contents h3 {
    padding: 5px 0;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

#kinshi_contents a:link {
    text-decoration: underline;
}

#kinshi_contents .info {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

#kinshi_contents .another {
    margin: 20px 48px 25px;
    border: solid 1px #cccccc;
    padding: 10px;
    display: inline-block;
}

#kinshi_contents .another ul {
    margin: 10px 0 0 0;
}

#kinshi_contents .another ul li {
    display: inline-block;
    padding: 0 25px 0 0;
}

#kinshi_contents .another ul li:last-child {
    padding-right: 0;
}

#kinshi_contents .info ul li a {
    padding: 0 23px 0 0;
    background: url(/as/common/images/icon_blank.png) right center no-repeat;
    background-size: 18px 12px;
}

#kinshi_contents .info .last a {
    border: none;
}

#kinshi_contents #anc {
    margin-bottom: 5px;
}

#kinshi_contents #anc li {
    display: inline-block;
    padding: 0 0 10px 0;
}

#kinshi_contents #anc li a {
    display: inline-block;
    background: url(/as/common/images/anc01.png) 8px center no-repeat #eeeeee;
    padding: 5px 10px 5px 23px;
    border-radius: 5px;
    border: solid 1px #cccccc;
    text-decoration: none;
}

#kinshi_contents dl {
    margin: 5px 0 10px;
}

#kinshi_contents dd {
    word-break: break-all;
}

#kinshi_contents .sankou {
    display: inline-block;
    background: #eeeeee;
    padding: 10px;
    margin: 5px 5px 5px 0;
}

.wid120 {
    width: 120px;
}

#kinshi_contents .chosakukenArea th {
    width: 120px;
    text-align: center;
}



/*---------------------
table
---------------------*/
#kinshi_contents table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

#kinshi_contents th,
td {
    text-align: left;
    padding: 6px;
    border: #CCCCCC solid 1px;
    vertical-align: middle;
}

#kinshi_contents th {
    width: 225px;
    background-color: #EEF5F9;
    font-weight: bold;
}

#kinshi_contents .ng th {
    width: 48.5%;
}

#kinshi_contents .ng td {
    width: 48.5%;
}



/*========================
footer
========================*/
#footer {
    width: 100%;
    height: 150px;
    background: url(/as/support/images/a8as_footerBg.png) repeat-x left bottom;
    clear: both;
    text-align: center;
}

#footer ul {
    padding: 20px 5px;
}

#footer li {
    font-size: 12px;
    display: inline;
    margin-right: 5px;
    color: #333333;
}

#footer li a {
    color: #333333;
    text-decoration: underline !important;
}

#footer p#copyR,
#footer p#copyR a {
    font-size: 12px;
    text-align: center;
    color: #333333;
}

#copyR a {
    text-decoration: underline;
}

#pagetop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    margin-top: 10px;
}

#pagetop a {
    display: block;
}

@media screen and (max-width: 768px) {

    #header #header_inner {
        width: 97%;
        padding: 22px 0 10px 10px;
    }

    #header {
        width: 98%;
        padding: 0 5px;
    }

    #wrapper02 {
        width: 100%;
    }

    #contents {
        width: 100%;
        padding: 15px;
    }

    #contents h2 {
        padding: 5px;
    }


    /*  kinshi.html  */
    #kinshi_contents {
        width: 98%;
        margin: 0 auto;
        padding: 0 10px 20px;
    }

    #kinshi_contents .another {
        margin: 20px 0;
        width: 100%;
    }

    #kinshi_contents .another ul li {
        display: block;
        margin-bottom: 3px;
    }

    #kinshi_contents .info li a {
        border: none;
    }

    #kinshi_contents .attentionRed {
        padding: 0;
    }

    #kinshi_contents .sankou {
        width: 100%;
    }

    #kinshi_contents .floatR {
        float: none;
    }


    #kinshi_contents .ng th {
        display: table-cell;
    }

    #kinshi_contents .ng td {
        display: table-cell;
    }

    #kinshi_contents table th,
    td {
        width: 100%;
        display: block;
        border-top: none;
        word-break: break-all;
    }

    #kinshi_contents table tr:first-child th {
        border-top: 1px solid #ddd;
    }

    #kinshi_contents .chosakukenArea th {
        width: 100%;
    }

    .wid120 {
        width: 100%;
    }

}