@charset "utf-8";

/* 共通コンテンツ
(01)base   ベース
(02)header   ヘッダー
(03)footer  フッター
(04)main   メインコンテンツ
(00)etc　その他
 */

/*------------------------------------------------------------------------------------------------------------------------*/
/* デスクトップレイアウト : 701 px ～ 最大　                                                                              */
@media only screen and (max-width: 700px) {
}

/*------------------------------------------------------------------------------------------------------------------------*/

/* (01)base
--------------------------------------*/
img, object, embed, video {
    max-width: 100%;
}

a {
    color: #006CD8;
    text-decoration: underline;
}

a:link {
    color: #006CD8;
    text-decoration: underline;
}

a:hover {
    color: #006CD8;
    text-decoration: none;
}

a img:hover {
    opacity: 0.8;
}

a:focus, *:focus {
    outline: none;
}

@media only screen and (max-width: 700px) {
    .tal_sp {
        text-align: left;
    }
}

.br_sp {
    display: none
}

.br_pc {
    display: inherit;
}

@media only screen and (max-width: 700px) {
    .br_sp {
        display: inherit
    }

    .br_pc {
        display: none;
    }
}

.wrapper {
    width: calc(100% - 40px);
    max-width: 980px;
    margin: 0 auto;
}

@media only screen and (max-width: 700px) {
    .wrapper {
        width: calc(100% - 20px);
    }
}

p {
    font-size: 14px;
}

span.hissu,
span.nini {
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    padding: 3px 8px 3px;
    margin: 0 0 0 10px;
    display: inline-block;
}

span.hissu {
    color: #FFFFFF;
    background: #FF4D4D;
}

span.nini {
    color: #FFFFFF;
    background: #AAAAAA;
}

p.error {
    font-size: 13px !important;
    color: #F33 !important;
    margin: 5px 0 0 0;
    display: block !important;
}

p.error:empty {
    display: none !important;
}


/* (02)header
--------------------------------------*/
header {
    background: #FFFFFF;
    border-bottom: solid 2px #05364D;
    height: 50px;
    position: fixed;
    width: 100%;
    min-width: 980px;
    top: 0;
    z-index: 99;
    color: #FFFFFF;
    text-align: left;
    font-size: 0;
}

header h1 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0 20px;
}

header h1 img {
    margin: 12px 0 0 0;
    _width: 99px;
    height: 30px;
}


/* (03)footer
--------------------------------------*/
footer {
    background: #AAAAAA;
    color: #FFFFFF;
    clear: both;
    overflow: hidden;
    padding: 10px 30px;
    text-align: center;
}

footer a:link {
    color: #FFFFFF;
    text-decoration: none;
}

footer a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

footer ul {
    display: inline-block;
    font-size: 12px;
}


/* (04)main
--------------------------------------*/
#main {
    margin: 0;
    padding: 50px 0 0 0;
}


/* (00)etc　その他
--------------------------------------*/
.w1p {
    width: 1% !important;
}

.w2p {
    width: 2% !important;
}

.w3p {
    width: 3% !important;
}

.w4p {
    width: 4% !important;
}

.w5p {
    width: 5% !important;
}

.w6p {
    width: 6% !important;
}

.w7p {
    width: 7% !important;
}

.w8p {
    width: 8% !important;
}

.w9p {
    width: 9% !important;
}

.w10p {
    width: 10% !important;
}

.w11p {
    width: 11% !important;
}

.w12p {
    width: 12% !important;
}

.w13p {
    width: 13% !important;
}

.w14p {
    width: 14% !important;
}

.w15p {
    width: 15% !important;
}

.w16p {
    width: 16% !important;
}

.w17p {
    width: 17% !important;
}

.w18p {
    width: 18% !important;
}

.w19p {
    width: 19% !important;
}

.w20p {
    width: 20% !important;
}

.w21p {
    width: 21% !important;
}

.w22p {
    width: 22% !important;
}

.w23p {
    width: 23% !important;
}

.w24p {
    width: 24% !important;
}

.w25p {
    width: 25% !important;
}

.w26p {
    width: 26% !important;
}

.w27p {
    width: 27% !important;
}

.w28p {
    width: 28% !important;
}

.w29p {
    width: 29% !important;
}

.w30p {
    width: 30% !important;
}

.w31p {
    width: 31% !important;
}

.w32p {
    width: 32% !important;
}

.w33p {
    width: 33% !important;
}

.w34p {
    width: 34% !important;
}

.w35p {
    width: 35% !important;
}

.w36p {
    width: 36% !important;
}

.w37p {
    width: 37% !important;
}

.w38p {
    width: 38% !important;
}

.w39p {
    width: 39% !important;
}

.w40p {
    width: 40% !important;
}

.w41p {
    width: 41% !important;
}

.w42p {
    width: 42% !important;
}

.w43p {
    width: 43% !important;
}

.w44p {
    width: 44% !important;
}

.w45p {
    width: 45% !important;
}

.w46p {
    width: 46% !important;
}

.w47p {
    width: 47% !important;
}

.w48p {
    width: 48% !important;
}

.w49p {
    width: 49% !important;
}

.w50p {
    width: 50% !important;
}

.w51p {
    width: 51% !important;
}

.w52p {
    width: 52% !important;
}

.w53p {
    width: 53% !important;
}

.w54p {
    width: 54% !important;
}

.w55p {
    width: 55% !important;
}

.w56p {
    width: 56% !important;
}

.w57p {
    width: 57% !important;
}

.w58p {
    width: 58% !important;
}

.w59p {
    width: 59% !important;
}

.w60p {
    width: 60% !important;
}

.w61p {
    width: 61% !important;
}

.w62p {
    width: 62% !important;
}

.w63p {
    width: 63% !important;
}

.w64p {
    width: 64% !important;
}

.w65p {
    width: 65% !important;
}

.w66p {
    width: 66% !important;
}

.w67p {
    width: 67% !important;
}

.w68p {
    width: 68% !important;
}

.w69p {
    width: 69% !important;
}

.w70p {
    width: 70% !important;
}

.w71p {
    width: 71% !important;
}

.w72p {
    width: 72% !important;
}

.w73p {
    width: 73% !important;
}

.w74p {
    width: 74% !important;
}

.w75p {
    width: 75% !important;
}

.w76p {
    width: 76% !important;
}

.w77p {
    width: 77% !important;
}

.w78p {
    width: 78% !important;
}

.w79p {
    width: 79% !important;
}

.w80p {
    width: 80% !important;
}

.w81p {
    width: 81% !important;
}

.w82p {
    width: 82% !important;
}

.w83p {
    width: 83% !important;
}

.w84p {
    width: 84% !important;
}

.w85p {
    width: 85% !important;
}

.w86p {
    width: 86% !important;
}

.w87p {
    width: 87% !important;
}

.w88p {
    width: 88% !important;
}

.w89p {
    width: 89% !important;
}

.w90p {
    width: 90% !important;
}

.w91p {
    width: 91% !important;
}

.w92p {
    width: 92% !important;
}

.w93p {
    width: 93% !important;
}

.w94p {
    width: 94% !important;
}

.w95p {
    width: 95% !important;
}

.w96p {
    width: 96% !important;
}

.w97p {
    width: 97% !important;
}

.w98p {
    width: 98% !important;
}

.w99p {
    width: 99% !important;
}

.w100p {
    width: 100% !important;
}

.w10 {
    width: 10px !important;
}

.w20 {
    width: 20px !important;
}

.w30 {
    width: 30px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px !important;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w130 {
    width: 130px !important;
}

.w140 {
    width: 140px !important;
}

.w150 {
    width: 150px !important;
}

.w160 {
    width: 160px !important;
}

.w170 {
    width: 170px !important;
}

.w180 {
    width: 180px !important;
}

.w190 {
    width: 190px !important;
}

.w200 {
    width: 200px !important;
}

.w250 {
    width: 250px !important;
}

.w300 {
    width: 300px !important;
}

.w350 {
    width: 350px !important;
}

.w400 {
    width: 400px !important;
}

.w450 {
    width: 450px !important;
}

.w500 {
    width: 500px !important;
}

.w550 {
    width: 550px !important;
}

.w600 {
    width: 600px !important;
}

.w650 {
    width: 650px !important;
}

.w700 {
    width: 700px !important;
}

.w750 {
    width: 750px !important;
}

.w800 {
    width: 800px !important;
}

.w850 {
    width: 850px !important;
}

.w900 {
    width: 900px !important;
}

.h10 {
    height: 10px !important;
}

.h50 {
    height: 0px !important;
}

.h100 {
    height: 100px !important;
}

.h150 {
    height: 150px !important;
}

.h200 {
    height: 200px !important;
}

@media only screen and (max-width: 700px) {
    .w1p_sp {
        width: 1% !important;
    }

    .w2p_sp {
        width: 2% !important;
    }

    .w3p_sp {
        width: 3% !important;
    }

    .w4p_sp {
        width: 4% !important;
    }

    .w5p_sp {
        width: 5% !important;
    }

    .w6p_sp {
        width: 6% !important;
    }

    .w7p_sp {
        width: 7% !important;
    }

    .w8p_sp {
        width: 8% !important;
    }

    .w9p_sp {
        width: 9% !important;
    }

    .w10p_sp {
        width: 10% !important;
    }

    .w11p_sp {
        width: 11% !important;
    }

    .w12p_sp {
        width: 12% !important;
    }

    .w13p_sp {
        width: 13% !important;
    }

    .w14p_sp {
        width: 14% !important;
    }

    .w15p_sp {
        width: 15% !important;
    }

    .w16p_sp {
        width: 16% !important;
    }

    .w17p_sp {
        width: 17% !important;
    }

    .w18p_sp {
        width: 18% !important;
    }

    .w19p_sp {
        width: 19% !important;
    }

    .w20p_sp {
        width: 20% !important;
    }

    .w21p_sp {
        width: 21% !important;
    }

    .w22p_sp {
        width: 22% !important;
    }

    .w23p_sp {
        width: 23% !important;
    }

    .w24p_sp {
        width: 24% !important;
    }

    .w25p_sp {
        width: 25% !important;
    }

    .w26p_sp {
        width: 26% !important;
    }

    .w27p_sp {
        width: 27% !important;
    }

    .w28p_sp {
        width: 28% !important;
    }

    .w29p_sp {
        width: 29% !important;
    }

    .w30p_sp {
        width: 30% !important;
    }

    .w31p_sp {
        width: 31% !important;
    }

    .w32p_sp {
        width: 32% !important;
    }

    .w33p_sp {
        width: 33% !important;
    }

    .w34p_sp {
        width: 34% !important;
    }

    .w35p_sp {
        width: 35% !important;
    }

    .w36p_sp {
        width: 36% !important;
    }

    .w37p_sp {
        width: 37% !important;
    }

    .w38p_sp {
        width: 38% !important;
    }

    .w39p_sp {
        width: 39% !important;
    }

    .w40p_sp {
        width: 40% !important;
    }

    .w41p_sp {
        width: 41% !important;
    }

    .w42p_sp {
        width: 42% !important;
    }

    .w43p_sp {
        width: 43% !important;
    }

    .w44p_sp {
        width: 44% !important;
    }

    .w45p_sp {
        width: 45% !important;
    }

    .w46p_sp {
        width: 46% !important;
    }

    .w47p_sp {
        width: 47% !important;
    }

    .w48p_sp {
        width: 48% !important;
    }

    .w49p_sp {
        width: 49% !important;
    }

    .w50p_sp {
        width: 50% !important;
    }

    .w51p_sp {
        width: 51% !important;
    }

    .w52p_sp {
        width: 52% !important;
    }

    .w53p_sp {
        width: 53% !important;
    }

    .w54p_sp {
        width: 54% !important;
    }

    .w55p_sp {
        width: 55% !important;
    }

    .w56p_sp {
        width: 56% !important;
    }

    .w57p_sp {
        width: 57% !important;
    }

    .w58p_sp {
        width: 58% !important;
    }

    .w59p_sp {
        width: 59% !important;
    }

    .w60p_sp {
        width: 60% !important;
    }

    .w61p_sp {
        width: 61% !important;
    }

    .w62p_sp {
        width: 62% !important;
    }

    .w63p_sp {
        width: 63% !important;
    }

    .w64p_sp {
        width: 64% !important;
    }

    .w65p_sp {
        width: 65% !important;
    }

    .w66p_sp {
        width: 66% !important;
    }

    .w67p_sp {
        width: 67% !important;
    }

    .w68p_sp {
        width: 68% !important;
    }

    .w69p_sp {
        width: 69% !important;
    }

    .w70p_sp {
        width: 70% !important;
    }

    .w71p_sp {
        width: 71% !important;
    }

    .w72p_sp {
        width: 72% !important;
    }

    .w73p_sp {
        width: 73% !important;
    }

    .w74p_sp {
        width: 74% !important;
    }

    .w75p_sp {
        width: 75% !important;
    }

    .w76p_sp {
        width: 76% !important;
    }

    .w77p_sp {
        width: 77% !important;
    }

    .w78p_sp {
        width: 78% !important;
    }

    .w79p_sp {
        width: 79% !important;
    }

    .w80p_sp {
        width: 80% !important;
    }

    .w81p_sp {
        width: 81% !important;
    }

    .w82p_sp {
        width: 82% !important;
    }

    .w83p_sp {
        width: 83% !important;
    }

    .w84p_sp {
        width: 84% !important;
    }

    .w85p_sp {
        width: 85% !important;
    }

    .w86p_sp {
        width: 86% !important;
    }

    .w87p_sp {
        width: 87% !important;
    }

    .w88p_sp {
        width: 88% !important;
    }

    .w89p_sp {
        width: 89% !important;
    }

    .w90p_sp {
        width: 90% !important;
    }

    .w91p_sp {
        width: 91% !important;
    }

    .w92p_sp {
        width: 92% !important;
    }

    .w93p_sp {
        width: 93% !important;
    }

    .w94p_sp {
        width: 94% !important;
    }

    .w95p_sp {
        width: 95% !important;
    }

    .w96p_sp {
        width: 96% !important;
    }

    .w97p_sp {
        width: 97% !important;
    }

    .w98p_sp {
        width: 98% !important;
    }

    .w99p_sp {
        width: 99% !important;
    }

    .w100p_sp {
        width: 100% !important;
    }

    .w10_sp {
        width: 10px !important;
    }

    .w20_sp {
        width: 20px !important;
    }

    .w30_sp {
        width: 30px !important;
    }

    .w40_sp {
        width: 40px !important;
    }

    .w50_sp {
        width: 50px !important;
    }

    .w60_sp {
        width: 60px !important;
    }

    .w70_sp {
        width: 70px !important;
    }

    .w80_sp {
        width: 80px !important;
    }

    .w90_sp {
        width: 90px !important;
    }

    .w100_sp {
        width: 100px !important;
    }

    .w110_sp {
        width: 110px !important;
    }

    .w120_sp {
        width: 120px !important;
    }

    .w130_sp {
        width: 130px !important;
    }

    .w140_sp {
        width: 140px !important;
    }

    .w150_sp {
        width: 150px !important;
    }

    .w160_sp {
        width: 160px !important;
    }

    .w170_sp {
        width: 170px !important;
    }

    .w180_sp {
        width: 180px !important;
    }

    .w190_sp {
        width: 190px !important;
    }

    .w200_sp {
        width: 200px !important;
    }

    .w250_sp {
        width: 250px !important;
    }

    .w300_sp {
        width: 300px !important;
    }

    .w350_sp {
        width: 350px !important;
    }

    .w400_sp {
        width: 400px !important;
    }

    .w450_sp {
        width: 450px !important;
    }

    .w500_sp {
        width: 500px !important;
    }

    .w550_sp {
        width: 550px !important;
    }

    .w600_sp {
        width: 600px !important;
    }

    .w650_sp {
        width: 650px !important;
    }

    .w700_sp {
        width: 700px !important;
    }

    .w750_sp {
        width: 750px !important;
    }

    .w800_sp {
        width: 800px !important;
    }

    .w850_sp {
        width: 850px !important;
    }

    .w900_sp {
        width: 900px !important;
    }

    .w50p-10_sp {
        width: calc(50% - 10px) !important;
    }

    .h10_sp {
        height: 10px !important;
    }

    .h50_sp {
        height: 0px !important;
    }

    .h100_sp {
        height: 100px !important;
    }

    .h150_sp {
        height: 150px !important;
    }

    .h200_sp {
        height: 200px !important;
    }
}


/* margin-top */
.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

/* margin-left */
.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml90 {
    margin-left: 90px !important;
}

.ml100 {
    margin-left: 100px !important;
}

/* margin-right */
.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr70 {
    margin-right: 70px !important;
}

.mr80 {
    margin-right: 80px !important;
}

.mr90 {
    margin-right: 90px !important;
}

.mr100 {
    margin-right: 100px !important;
}

/* margin-bottom*/
.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

/* color */
.red01 {
    color: #FF7373;
}

.red02 {
    color: #F66;
}

.green01 {
    color: #65BA76;
}

.blue01 {
    color: #4294B8;
}

.error {
    color: #FF2626;
}

/* font-size */
.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.strong {
    font-weight: bold;
}

/* text-align */
.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

/* float */
.floatl {
    float: left;
}

.floatr {
    float: right;
}