@charset "utf-8";
/* reset */
html, body, section, article, div, p, span, h1, h2, h3, ul, ol, dl, li, dt, dd, table, tr, td, small, label, a, input, pre {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
a img {
    border: 0;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0.01px;
}
/* CSS Document */
html {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    color: #37383c;
}
a:link {
    color: #004DD4;
    text-decoration: none;
}
a:visited {
    color: #69C;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    text-decoration: none;
    opacity: 0.7;
    transition: .2s;
}
ul li {
    list-style: none;
}
/* margin.padding */
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt35 {
    margin-top: 35px;
}
.mt37 {
    margin-top: 37px;
}
.mt40 {
    margin-top: 40px;
}
.t_left {
    text-align: left;
}
.fl_l {
    float: left;
}
/* pageHeader */

.pageHeader {
    margin: 0 auto 30px;
    padding: 10px 50px;
    width: 910px;
    font-size: 75% !important;
    text-align: left;
    border-bottom: solid 3px #B3B3B3;
}
/* pageFooter */

.pageFooter {
    margin: 0 auto;
    padding: 15px 0 20px;
    width: 910px;
    font-size: 75% !important;
    text-align: left;
}
body.uc .pageFooter {
    display: none;
}
.pageFooter a {
    color: #666 !important;
    text-decoration: none;
}
.pageFooter a:hover {
    text-decoration: underline;
}
.pageFooter .logo {
    float: left;
    /*    width: 200px;*/
    width: 180px;
}
.pageFooter .logo span {
    clear: both;
    display: block;
    padding-top: 10px;
}
.pageFooter .logo span a {
    background: rgba(0, 0, 0, 0) url("/img/listmark.gif") no-repeat scroll left center;
    font-size: 0.86em;
    padding-left: 10px;
}
.pageFooter .copyright {
    color: #666 !important;
    float: right;
}
.pageFooter .copyright a {
    float: right;
}
.pageFooter .copyright address {
    float: right;
    padding: 25px 20px 0 0;
    line-height: 1.5em;
    font-style: normal;
}
.pageFooter .linkList {
    border-top: 1px solid #d4d4d4;
    margin-top: 10px;
    font-size: 0.9em;
    padding-top: 15px;
    text-align: center;
}
.pageFooter .linkList p {
    clear: both;
    line-height: 1.3em;
    overflow: hidden;
    text-align: center;
}
.pageFooter .linkList p span {
    border-left: 1px solid #d4d4d4;
    clear: both;
    margin-left: -1px;
    padding: 0 12px;
    text-align: center;
}
.pageFooter .linkList p span.firstchild {
    border: medium none;
}
footer small {
    display: none;
}

@media screen and (max-width: 1264px) {
html {
    font-size: 95%;
}
}

@media screen and (max-width: 1024px) {
html {
    font-size: 90%;
}
}

@media screen and (max-width: 880px) {
footer .footer_cnt .footer_right .link {
    width: 100%;
}
header .pageHeader {
    width: 100%;
}
.pageHeader {
    padding: 10px 30px;
}
}

@media screen and (max-width: 768px) {
html {
    font-size: 95%;
    line-height: 25px;
}
.pageFooter,  footer img {
    display: none;
}
footer small {
    display: block;
    background-color: #0f218b;
    padding: 10px 0;
    text-align: center;
    color: #fff !important;
    font-size: 9px;
    float: none !important;
}
.mt37 {
    margin-top: inherit;
}
.mt35 {
    margin-top: inherit;
}
}