@charset "utf-8";
/* CSS Document */


/*==================================
    1:Background
==================================*/

/*  Bg color */

.bgWhite {
	background:#ffffff;
}
.bgNavy {
	background:#023383;
}
.bgYellow {
	background:#f9fbce;
}
.bgGray {
	background:#ededed;
}
.bgSkyBlue {
	background:#c0dbf8;
}
.bgLightNavy {
	background:#28578e;
}
.bgPink {
	background:#f0a9c6;
}
.bgOrange {
	background:#ff7e00;	/*MF Orange*/
}
.bgYellowGreen {
	background:#85c76b;
}
.bgPurple {
	background:#aa7bb4;
}
.bgRed {
	background:#de5241;
}
.bgBlue {
	background:#178ccf;
}
.bgGreen {
	background:#44b034;
}

/* opacity */

.op10 { opacity:0.1; }
.op20 { opacity:0.2; }
.op30 { opacity:0.3; }
.op40 { opacity:0.4; }
.op50 { opacity:0.5; }
.op60 { opacity:0.6; }
.op70 { opacity:0.7; }
.op80 { opacity:0.8; }
.op90 { opacity:0.9; }

/* rgba White */

.rgbaW10 { background-color: rgba(255,255,255,0.1); }
.rgbaW20 { background-color: rgba(255,255,255,0.2); }
.rgbaW30 { background-color: rgba(255,255,255,0.3); }
.rgbaW40 { background-color: rgba(255,255,255,0.4); }
.rgbaW50 { background-color: rgba(255,255,255,0.5); }
.rgbaW60 { background-color: rgba(255,255,255,0.6); }
.rgbaW70 { background-color: rgba(255,255,255,0.7); }
.rgbaW80 { background-color: rgba(255,255,255,0.8); }
.rgbaW90 { background-color: rgba(255,255,255,0.9); }

/*  txt color */

.tcNavy {
	color:#023383;
}
.tcWhite {
	color:#ffffff;
}

.tcRed {
	color:#de5241;
}
.tcBlue {
	color:#178ccf;
}
.tcGreen {
	color:#41b036;
}
.tcYellow {
	color:#f5a50f;
}
.tcGray {
	color:#999999;
}
.tcOrange {
	color:#ff7e00;	/*fda640*/
}
.tcYllowGreen {
	color:#85c76b;
}
.tcPurple {
	color:#aa7bb4;
}
.tcLightNavy {
	color:#28578e;
}

/*  text */

.tLeft {
    text-align: left;
}
.tCenter {
    text-align: center;
}
.tRight {
    text-align: right;
}
.vTop {
    vertical-align: top;
}
.vMiddle {
    vertical-align: middle;
}
.vBottom {
    vertical-align: bottom;
}

/* font-size */

.line_h25 {
	line-height:25px;
}

.line_h30 {
	line-height:30px;
}

.line_h35 {
	line-height:35px;
}

.line_h40 {
	line-height:40px;
}

.ffM {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

/* font-size */

.fs6 {
    font-size: 0.6rem;
}
.fs7 {
    font-size: 0.7rem;
}
.fs8 {
    font-size: 0.8rem;
}
.fs9 {
    font-size: 0.9rem;
}
.fs10 {
    font-size: 1rem;
}
.fs11 {
    font-size: 1.1rem;
}
.fs12 {
    font-size: 1.2rem;
}
.fs13 {
    font-size: 1.3rem;
}
.fs14 {
    font-size: 1.4rem;
}
.fs15 {
    font-size: 1.5rem;
}
.fs16 {
    font-size: 1.6rem;
}
.fs17 {
    font-size: 1.7rem;
}
.fs18 {
    font-size: 1.8rem;
}
.fs19 {
    font-size: 1.9rem;
}
.fs20 {
    font-size: 2rem;
}
.fs22 {
    font-size: 2.2rem;
}
.fs24 {
    font-size: 2.4rem;
}
.fs26 {
    font-size: 2.6rem;
}
.fs28 {
    font-size: 2.8rem;
}
.fs30 {
    font-size: 3rem;
}
.fs32 {
    font-size: 3.2rem;
}
.fs36 {
    font-size: 3.6rem;
}
.fs40 {
    font-size: 4rem;
}
.fwN {
    font-weight: normal;
}
.fwB {
    font-weight: bold;
}
.dNone {
    display: none;
}
.tbl {
    display: table;
}
.tCell {
    display: table-cell;
}
.fLeft {
    float: left;
}
.fRight {
    float: right;
}

/*  margin */

.m0 {
    margin: 0;
}
.m5 {
    margin: 5px;
}
.m10 {
    margin: 10px;
}
.m15 {
    margin: 15px;
}
.m20 {
    margin: 20px;
}
.m30 {
    margin: 30px;
}
.m40 {
    margin: 40px;
}
.m50 {
    margin: 50px;
}
.m60 {
    margin: 60px;
}
.m70 {
    margin: 70px;
}
.m80 {
    margin: 80px;
}
.m90 {
    margin: 90px;
}
.m100 {
    margin: 100px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt70 {
    margin-top: 70px;
}
.mt80 {
    margin-top: 80px;
}
.mt90 {
    margin-top: 90px;
}
.mt100 {
    margin-top: 100px;
}
.mb3 {
    margin-bottom: 3px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb70 {
    margin-bottom: 70px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb90 {
    margin-bottom: 90px;
}
.mb100 {
    margin-bottom: 100px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.ml50 {
    margin-left: 50px;
}
.ml60 {
    margin-left: 60px;
}
.ml70 {
    margin-left: 70px;
}
.ml80 {
    margin-left: 80px;
}
.ml90 {
    margin-left: 90px;
}
.ml100 {
    margin-left: 100px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.mr50 {
    margin-right: 50px;
}
.mr60 {
    margin-right: 60px;
}
.mr70 {
    margin-right: 70px;
}
.mr80 {
    margin-right: 80px;
}
.mr90 {
    margin-right: 90px;
}
.mr100 {
    margin-right: 100px;
}
.m0auto {
    margin: 0 auto;
}
.m10auto {
    margin: 10px auto;
}
.m20auto {
    margin: 20px auto;
}
.m30auto {
    margin: 30px auto;
}
.m40auto {
    margin: 40px auto;
}
.m50auto {
    margin: 50px auto;
}
.mr0auto {
    margin: 0 0 0 auto;
}
.mr10auto {
    margin: 10px 0 0 auto;
}
.mr20auto {
    margin: 20px 0 0 auto;
}
.mr30auto {
    margin: 30px 0 0 auto;
}
.mr40auto {
    margin: 40px 0 0 auto;
}
.mr50auto {
    margin: 50px 0 0 auto;
}
.ml0auto {
    margin: 0 auto 0 0;
}
.ml10auto {
    margin: 10px auto 0 0;
}
.ml20auto {
    margin: 20px auto 0 0;
}
.ml30auto {
    margin: 30px auto 0 0;
}
.ml40auto {
    margin: 40px auto 0 0;
}
.ml50auto {
    margin: 50px auto 0 0;
}

/*  padding */

.p0 {
    padding: 0;
}
.p3 {
    padding: 3px;
}
.p5 {
    padding: 5px;
}
.p10 {
    padding: 10px;
}
.p15 {
    padding: 15px;
}
.p20 {
    padding: 20px;
}
.p30 {
    padding: 30px;
}
.p40 {
    padding: 40px;
}
.p50 {
    padding: 50px;
}
.p60 {
    padding: 60px;
}
.p70 {
    padding: 70px;
}
.p80 {
    padding: 80px;
}
.p90 {
    padding: 90px;
}
.p100 {
    padding: 100px;
}
.pt3 {
    padding-top: 3px;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
.pt60 {
    padding-top: 60px;
}
.pt70 {
    padding-top: 70px;
}
.pt80 {
    padding-top: 80px;
}
.pt90 {
    padding-top: 90px;
}
.pt100 {
    padding-top: 100px;
}
.pb3 {
    padding-bottom: 3px;
}
.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb15 {
    padding-bottom: 15px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb50 {
    padding-bottom: 50px;
}
.pb60 {
    padding-bottom: 60px;
}
.pb70 {
    padding-bottom: 70px;
}
.pb80 {
    padding-bottom: 80px;
}
.pb90 {
    padding-bottom: 90px;
}
.pb100 {
    padding-bottom: 100px;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl50 {
    padding-left: 50px;
}
.pl60 {
    padding-left: 60px;
}
.pl70 {
    padding-left: 70px;
}
.pl80 {
    padding-left: 80px;
}
.pl90 {
    padding-left: 90px;
}
.pl100 {
    padding-left: 100px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr15 {
    padding-right: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pr30 {
    padding-right: 30px;
}
.pr40 {
    padding-right: 40px;
}
.pr50 {
    padding-right: 50px;
}
.pr60 {
    padding-right: 60px;
}
.pr70 {
    padding-right: 70px;
}
.pr80 {
    padding-right: 80px;
}
.pr90 {
    padding-right: 90px;
}
.pr100 {
    padding-right: 100px;
}

/*  width */

.w10 {
    width: 10px;
}
.w20 {
    width: 20px;
}
.w30 {
    width: 30px;
}
.w40 {
    width: 40px;
}
.w50 {
    width: 50px;
}
.w60 {
    width: 60px;
}
.w70 {
    width: 70px;
}
.w80 {
    width: 80px;
}
.w90 {
    width: 90px;
}
.w100 {
    width: 100px;
}
.w110 {
    width: 110px;
}
.w120 {
    width: 120px;
}
.w130 {
    width: 130px;
}
.w140 {
    width: 140px;
}
.w150 {
    width: 150px;
}
.w160 {
    width: 160px;
}
.w170 {
    width: 170px;
}
.w180 {
    width: 180px;
}
.w190 {
    width: 190px;
}
.w200 {
    width: 200px;
}
.w205 {
    width: 205px;
}
.w210 {
    width: 210px;
}
.w220 {
    width: 220px;
}
.w230 {
    width: 230px;
}
.w240 {
    width: 240px;
}
.w250 {
    width: 250px;
}
.w260 {
    width: 260px;
}
.w270 {
    width: 270px;
}
.w280 {
    width: 280px;
}
.w290 {
    width: 290px;
}
.w300 {
    width: 300px;
}
.w320 {
    width: 320px;
}
.w360 {
    width: 360px;
}
.w380 {
    width: 380px;
}
.w400 {
    width: 400px;
}
.w420 {
    width: 420px;
}
.w440 {
    width: 440px;
}
.w460 {
    width: 460px;
}
.w480 {
    width: 480px;
}
.w500 {
    width: 500px;
}
.w520 {
    width: 520px;
}
.w550 {
    width: 550px;
}
.w580 {
    width: 580px;
}
.w600 {
    width: 600px;
}
.w950 {
    width: 950px;
}
.w5p {
    width: 5%;
}
.w10p {
    width: 10%;
}
.w15p {
    width: 15%;
}
.w20p {
    width: 20%;
}
.w25p {
    width: 25%;
}
.w30p {
    width: 30%;
}
.w33p {
    width: 33.3333%;
}
.w35p {
    width: 35%;
}
.w40p {
    width: 40%;
}
.w45p {
    width: 45%;
}
.w50p {
    width: 50%;
}
.w55p {
    width: 55%;
}
.w60p {
    width: 60%;
}
.w65p {
    width: 65%;
}
.w70p {
    width: 70%;
}
.w75p {
    width: 75%;
}
.w80p {
    width: 80%;
}
.w85p {
    width: 85%;
}
.w90p {
    width: 90%;
}
.w95p {
    width: 95%;
}
.w100p {
    width: 100%;
}
.max50p {
    max-width: 50%;
}
.max100p {
    max-width: 100%;
}

/*  heght */

.h20 {
    height: 20px;
}
.h30 {
    height: 30px;
}
.h40 {
    height: 40px;
}
.h60 {
    height: 60px;
}
.h80 {
    height: 80px;
}
.h100 {
    height: 100px;
}
.h150 {
    height: 150px;
}

.link {
    cursor: pointer;
}

/* border */

.bord {
	border:#efefef 1px solid;
}

.bordL {
	border-left:#efefef 1px solid;
}

.bord_dot {
	border-bottom:#cccccc 1px dotted;
}

.bord_sol {
	border-bottom:#cccccc 1px solid;
}

/* box */

.box_sol {
	border:#cccccc 1px solid;
}

.box_dot {
	border:#cccccc 1px dotted;
}