﻿/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
body, html { font-size: 100%; padding: 0; margin: 0;}
body {
    color: #000000;
    background: #ffffff;
    }
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
    }
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    /text-indent: -9999px;
    }
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    }
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
    }
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    }
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
    }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
    }
.clearfix:after {
    clear: both;
    }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
.sp_zero{
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 100%;
    font-size:0;
}
/* setting of float */
.fleft{ float:left; }
.fright{ float:right; }
.hr{ clear: both; font-size: 0px; height:1%;}
.hr hr{ display:none; }
/* setting of reset */
.clearBd{ border: none !important; }
.clearMt{ margin-top: 0px !important; }
.clearMr{ margin-right: 0px !important; }
.clearMl{ margin-left: 0px !important; }
.clearMb{ margin-bottom: 0px !important; }
.clearMg{ margin: 0px !important; }
.clearPb{ padding-bottom: 0px !important; }
/* setting of align */
.txtCenterV { vertical-align: middle; }
.txtBottomV { vertical-align: bottom; }
.txtCenter { text-align:center; }
.txtLeft { text-align:left; }
.txtRight { text-align:right; }
.mgCenter{ margin-left: auto !important; margin-right: auto !important; }
/* setting of margin */
.mt02 { margin-top: 2px !important; }     .mr02 { margin-right: 2px !important; }     .mb02 { margin-bottom: 2px !important; }     .ml02 { margin-left: 2px !important; }
.mt04 { margin-top: 4px !important; }     .mr04 { margin-right: 4px !important; }     .mb04 { margin-bottom: 4px !important; }     .ml04 { margin-left: 4px !important; }
.mt05 { margin-top: 5px !important; }     .mr05 { margin-right: 5px !important; }     .mb05 { margin-bottom: 5px !important; }     .ml05 { margin-left: 5px !important; }
.mt06 { margin-top: 6px !important; }     .mr06 { margin-right: 6px !important; }     .mb06 { margin-bottom: 6px !important; }     .ml06 { margin-left: 6px !important; }
.mt07 { margin-top: 7px !important; }     .mr07 { margin-right: 7px !important; }     .mb07 { margin-bottom: 7px !important; }     .ml07 { margin-left: 7px !important; }
.mt08 { margin-top: 8px !important; }     .mr08 { margin-right: 8px !important; }     .mb08 { margin-bottom: 8px !important; }     .ml08 { margin-left: 8px !important; }
.mt10 { margin-top: 10px !important; }    .mr10 { margin-right: 10px !important; }    .mb10 { margin-bottom: 10px !important; }    .ml10 { margin-left: 10px !important; }
.mt11 { margin-top: 11px !important; }    .mr11 { margin-right: 11px !important; }    .mb11 { margin-bottom: 11px !important; }    .ml11 { margin-left: 11px !important; }
.mt12 { margin-top: 12px !important; }    .mr12 { margin-right: 12px !important; }    .mb12 { margin-bottom: 12px !important; }    .ml12 { margin-left: 12px !important; }
.mt13 { margin-top: 13px !important; }    .mr13 { margin-right: 13px !important; }    .mb13 { margin-bottom: 13px !important; }    .ml13 { margin-left: 13px !important; }
.mt14 { margin-top: 14px !important; }    .mr14 { margin-right: 14px !important; }    .mb14 { margin-bottom: 14px !important; }    .ml14 { margin-left: 14px !important; }
.mt15 { margin-top: 15px !important; }    .mr15 { margin-right: 15px !important; }    .mb15 { margin-bottom: 15px !important; }    .ml15 { margin-left: 15px !important; }
.mt16 { margin-top: 16px !important; }    .mr16 { margin-right: 16px !important; }    .mb16 { margin-bottom: 16px !important; }    .ml16 { margin-left: 16px !important; }
.mt18 { margin-top: 18px !important; }    .mr18 { margin-right: 18px !important; }    .mb18 { margin-bottom: 18px !important; }    .ml18 { margin-left: 18px !important; }
.mt20 { margin-top: 20px !important; }    .mr20 { margin-right: 20px !important; }    .mb20 { margin-bottom: 20px !important; }    .ml20 { margin-left: 20px !important; }
.mt21 { margin-top: 21px !important; }    .mr21 { margin-right: 21px !important; }    .mb21 { margin-bottom: 21px !important; }    .ml21 { margin-left: 21px !important; }
.mt22 { margin-top: 22px !important; }    .mr22 { margin-right: 22px !important; }    .mb22 { margin-bottom: 22px !important; }    .ml22 { margin-left: 22px !important; }
.mt23 { margin-top: 23px !important; }    .mr23 { margin-right: 23px !important; }    .mb23 { margin-bottom: 23px !important; }    .ml23 { margin-left: 23px !important; }
.mt25 { margin-top: 25px !important; }    .mr25 { margin-right: 25px !important; }    .mb25 { margin-bottom: 25px !important; }    .ml25 { margin-left: 25px !important; }
.mt26 { margin-top: 26px !important; }    .mr26 { margin-right: 26px !important; }    .mb26 { margin-bottom: 26px !important; }    .ml26 { margin-left: 26px !important; }
.mt28 { margin-top: 28px !important; }    .mr28 { margin-right: 28px !important; }    .mb28 { margin-bottom: 28px !important; }    .ml28 { margin-left: 28px !important; }
.mt30 { margin-top: 30px !important; }    .mr30 { margin-right: 30px !important; }    .mb30 { margin-bottom: 30px !important; }    .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; }    .mr35 { margin-right: 35px !important; }    .mb35 { margin-bottom: 35px !important; }    .ml35 { margin-left: 35px !important; }
.mt37 { margin-top: 37px !important; }    .mr37 { margin-right: 37px !important; }    .mb37 { margin-bottom: 37px !important; }    .ml37 { margin-left: 37px !important; }
.mt38 { margin-top: 38px !important; }    .mr38 { margin-right: 38px !important; }    .mb38 { margin-bottom: 38px !important; }    .ml38 { margin-left: 38px !important; }
.mt39 { margin-top: 39px !important; }    .mr39 { margin-right: 39px !important; }    .mb39 { margin-bottom: 39px !important; }    .ml39 { margin-left: 39px !important; }
.mt40 { margin-top: 40px !important; }    .mr40 { margin-right: 40px !important; }    .mb40 { margin-bottom: 40px !important; }    .ml40 { margin-left: 40px !important; }
.mt42 { margin-top: 42px !important; }    .mr42 { margin-right: 42px !important; }    .mb42 { margin-bottom: 42px !important; }    .ml42 { margin-left: 42px !important; }
.mt43 { margin-top: 43px !important; }    .mr43 { margin-right: 43px !important; }    .mb43 { margin-bottom: 43px !important; }    .ml43 { margin-left: 43px !important; }
.mt44 { margin-top: 44px !important; }    .mr44 { margin-right: 44px !important; }    .mb44 { margin-bottom: 44px !important; }    .ml44 { margin-left: 44px !important; }
.mt45 { margin-top: 45px !important; }    .mr45 { margin-right: 45px !important; }    .mb45 { margin-bottom: 45px !important; }    .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; }    .mr50 { margin-right: 50px !important; }    .mb50 { margin-bottom: 50px !important; }    .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; }    .mr55 { margin-right: 55px !important; }    .mb55 { margin-bottom: 55px !important; }    .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; }    .mr60 { margin-right: 60px !important; }    .mb60 { margin-bottom: 60px !important; }    .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; }    .mr65 { margin-right: 65px !important; }    .mb65 { margin-bottom: 65px !important; }    .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; }    .mr70 { margin-right: 70px !important; }    .mb70 { margin-bottom: 70px !important; }    .ml70 { margin-left: 70px !important; }
.mt75 { margin-top: 75px !important; }    .mr75 { margin-right: 75px !important; }    .mb75 { margin-bottom: 75px !important; }    .ml75 { margin-left: 75px !important; }
.mt80 { margin-top: 80px !important; }    .mr80 { margin-right: 80px !important; }    .mb80 { margin-bottom: 80px !important; }    .ml80 { margin-left: 80px !important; }
.mt85 { margin-top: 85px !important; }    .mr85 { margin-right: 85px !important; }    .mb85 { margin-bottom: 85px !important; }    .ml85 { margin-left: 85px !important; }
.mt90 { margin-top: 90px !important; }    .mr90 { margin-right: 90px !important; }    .mb90 { margin-bottom: 90px !important; }    .ml90 { margin-left: 90px !important; }
.mt125 { margin-top: 125px !important; }    .mr125 { margin-right: 125px !important; }    .mb125 { margin-bottom: 125px !important; }    .ml125 { margin-left: 125px !important; }
.mt110 { margin-top: 110px !important; }    .mr110 { margin-right: 110px !important; }    .mb110 { margin-bottom: 110px !important; }    .ml110 { margin-left: 110px !important; }
.mt143 { margin-top: 143px !important; }    .mr143 { margin-right: 143px !important; }    .mb143 { margin-bottom: 143px !important; }    .ml143 { margin-left: 143px !important; }
.mt150 { margin-top: 150px !important; }    .mr150 { margin-right: 150px !important; }    .mb150 { margin-bottom: 150px !important; }    .ml150 { margin-left: 150px !important; }
.mt154 { margin-top: 154px !important; }    .mr154 { margin-right: 154px !important; }    .mb154 { margin-bottom: 154px !important; }    .ml154 { margin-left: 154px !important; }
/* setting of padding */
.pb00 { padding-top: 0px !important; }     .pr00 { padding-right: 0x !important; }     .pb00 { padding-bottom: 0px !important; }     .pl00 { padding-left: 0px !important; }
.pt02 { padding-top: 2px !important; }     .pr02 { padding-right: 2px !important; }     .pb02 { padding-bottom: 2px !important; }     .pl02 { padding-left: 2px !important; }
.pt05 { padding-top: 5px !important; }     .pr05 { padding-right: 5px !important; }     .pb05 { padding-bottom: 5px !important; }     .pl05 { padding-left: 5px !important; }
.pt08 { padding-top: 8px !important; }     .pr08 { padding-right: 8px !important; }     .pb08 { padding-bottom: 8px !important; }     .pl08 { padding-left: 8px !important; }
.pt10 { padding-top: 10px !important; }    .pr10 { padding-right: 10px !important; }    .pb10 { padding-bottom: 10px !important; }    .pl10 { padding-left: 10px !important; }
.pt12 { padding-top: 12px !important; }    .pr12 { padding-right: 12px !important; }    .pb12 { padding-bottom: 12px !important; }    .pl12 { padding-left: 12px !important; }
.pt13 { padding-top: 13px !important; }    .pr13 { padding-right: 13px !important; }    .pb13 { padding-bottom: 13px !important; }    .pl13 { padding-left: 13px !important; }
.pt14 { padding-top: 14px !important; }    .pr14 { padding-right: 14px !important; }    .pb14 { padding-bottom: 14px !important; }    .pl14 { padding-left: 14px !important; }
.pt15 { padding-top: 15px !important; }    .pr15 { padding-right: 15px !important; }    .pb15 { padding-bottom: 15px !important; }    .pl15 { padding-left: 15px !important; }
.pt20 { padding-top: 20px !important; }    .pr20 { padding-right: 20px !important; }    .pb20 { padding-bottom: 20px !important; }    .pl20 { padding-left: 20px !important; }
.pt24 { padding-top: 24px !important; }    .pr24 { padding-right: 24px !important; }    .pb24 { padding-bottom: 24px !important; }    .pl24 { padding-left: 24px !important; }
.pt25 { padding-top: 25px !important; }    .pr25 { padding-right: 25px !important; }    .pb25 { padding-bottom: 25px !important; }    .pl25 { padding-left: 25px !important; }
.pt30 { padding-top: 30px !important; }    .pr30 { padding-right: 30px !important; }    .pb30 { padding-bottom: 30px !important; }    .pl30 { padding-left: 30px !important; }
.pt35 { padding-top: 35px !important; }    .pr35 { padding-right: 35px !important; }    .pb35 { padding-bottom: 35px !important; }    .pl35 { padding-left: 35px !important; }
.pt40 { padding-top: 40px !important; }    .pr40 { padding-right: 40px !important; }    .pb40 { padding-bottom: 40px !important; }    .pl40 { padding-left: 40px !important; }
.pt45 { padding-top: 45px !important; }    .pt45 { padding-right: 45px !important; }    .pb45 { padding-bottom: 45px !important; }    .pl45 { padding-left: 45px !important; }
.pt50 { padding-top: 50px !important; }    .pr50 { padding-right: 50px !important; }    .pb50 { padding-bottom: 50px !important; }    .pl50 { padding-left: 50px !important; }
.pt55 { padding-top: 55px !important; }    .pr55 { padding-right: 55px !important; }    .pb55 { padding-bottom: 55px !important; }    .pl55 { padding-left: 55px !important; }
.pt60 { padding-top: 60px !important; }    .pr60 { padding-right: 60px !important; }    .pb60 { padding-bottom: 60px !important; }    .pl60 { padding-left: 60px !important; }
.pt65 { padding-top: 65px !important; }    .pr65 { padding-right: 65px !important; }    .pb65 { padding-bottom: 65px !important; }    .pl65 { padding-left: 65px !important; }
.pt70 { padding-top: 70px !important; }    .pr70 { padding-right: 70px !important; }    .pb70 { padding-bottom: 70px !important; }    .pl70 { padding-left: 70px !important; }
.pt75 { padding-top: 75px !important; }    .pr75 { padding-right: 75px !important; }    .pb75 { padding-bottom: 75px !important; }    .pl75 { padding-left: 75px !important; }
.pt80 { padding-top: 80px !important; }    .pr80 { padding-right: 80px !important; }    .pb80 { padding-bottom: 80px !important; }    .pl80 { padding-left: 80px !important; }
.pt85 { padding-top: 85px !important; }    .pr85 { padding-right: 85px !important; }    .pb85 { padding-bottom: 85px !important; }    .pl85 { padding-left: 85px !important; }
.pt90 { padding-top: 90px !important; }    .pr90 { padding-right: 90px !important; }    .pb90 { padding-bottom: 90px !important; }    .pl90 { padding-left: 90px !important; }
.pt95 { padding-top: 95px !important; }    .pr95 { padding-right: 95px !important; }    .pb95 { padding-bottom: 95px !important; }    .pl95 { padding-left: 95px !important; }
.pt100 { padding-top: 100px !important; }    .pr100 { padding-right: 100px !important; }    .pb100 { padding-bottom: 100px !important; }	.pl120 { padding-left: 120px !important; }
.pt130 { padding-top: 130px !important; }    .pr130 { padding-right: 130px !important; }    .pb130 { padding-bottom: 130px !important; }    .pl100 { padding-left: 100px !important; }
																																				.pl130 { padding-left: 130px !important; }
/* setting of position */
.posR{ position: relative; }
.posA{ position: absolute; }
/* color set */
.green{color:#00a23f !important;}
.red{color:#ed1e79 !important;}
.white{color:#FFF !important;}
/* font size set */
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs17{font-size:17px !important;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
/* border set */
.bdg{border:solid 2px #00a23f;}
/* text-indent */
.ti2{
   padding-left:2em !important;
   text-indent:-2em !important;
   }