@charset "utf-8";
/* Table Of Contents
----------------------------------------

# align
# background
# color
# display
# float
# font
# height
# diplay
# last list
# link
# line
# margin
# padding
# valign
# width
# word-wrap
# text-indent
# position
# text
# clearfix

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

/* # align
---------------------------------------------------------------------------- */

.alignL {
    text-align: left !important;
}
.alignC {
    text-align: center !important;
}
.alignR {
    text-align: right !important;
}
/* # background
---------------------------------------------------------------------------- */

.bgG {
    background: #ececec;
}
.bgGr {
    background: #eee;
}
.bgR {
    background: red;
}
.bgY {
    background: yellow;
}
.bgB {
    background: blue;
}
.bg {
    background: #1a5eba;
}
.bgBr {
    background: #def2fe;
}
.bgNone {
    background: none!important;
}
/* # color
---------------------------------------------------------------------------- */

.red {
    color: red;
}
.blue {
    color: #1a5eba;
}
.gray {
    color: #ccc;
}
.dGray {
    color: #333;
}
.lGray {
    color: #ccc;
}
.note {
    color: red;
}
.attention {
    color: #f00;
}
.required {
    color: #f66;
}
.color-default {
    color: #333;
}

/* # clear
---------------------------------------------------------------------------- */

.cLeft {
    clear: left;
}
.cRight {
    clear: right;
}
.cBoth {
    clear: both;
}
.cNone {
    clear: none;
}
/* # display
---------------------------------------------------------------------------- */

.diNone {
    display: none!important;
}
.diBlock {
    display: block!important;
}
.diInline {
    display: inline!important;
}
/* # float
---------------------------------------------------------------------------- */

.floatL {
    float: left;
}
.floatR {
    float: right;
}
.floatN {
    float: none;
}
.clearB {
    clear: both;
}
/* # font
---------------------------------------------------------------------------- */

.f80 {
    font-size: 80%;
}
.f90 {
    font-size: 90%;
}
.f100 {
    font-size: 100%;
}
.f110 {
    font-size: 110%;
}
.f120 {
    font-size: 120%;
}
.f130 {
    font-size: 130%;
}
.f140 {
    font-size: 140%;
}
.f200 {
    font-size: 200%;
}
.smallText {
    font-size: 83%;
}
.ff01 {
    font-family: "Courier New", Courier, monospace;
}
.ff02 {
    font-family: Tahoma, Geneva, sans-serif;
}
/* # height
---------------------------------------------------------------------------- */

.h10 {
    height: 10px;
}
.h20 {
    height: 20px;
}
.h30 {
    height: 30px;
}
.h40 {
    height: 40px;
}
.h50 {
    height: 50px;
}
.h60 {
    height: 60px;
}
.h70 {
    height: 70px;
}
.h80 {
    height: 80px;
}
.h90 {
    height: 90px;
}
.h100 {
    height: 100px;
}
.h110 {
    height: 110px;
}
.h120 {
    height: 120px;
}
.h130 {
    height: 130px;
}
.h140 {
    height: 140px;
}
.h150 {
    height: 150px;
}
.h160 {
    height: 160px;
}
.h170 {
    height: 170px;
}
.h180 {
    height: 180px;
}
.h190 {
    height: 190px;
}
.h200 {
    height: 200px;
}
.h250 {
    height: 250px;
}
.h300 {
    height: 300px;
}
.h350 {
    height: 350px;
}
.h400 {
    height: 400px;
}
.h450 {
    height: 450px;
}
.h550 {
    height: 550px;
}
/* # last list 
---------------------------------------------------------------------------- */

.lastList {
    background: none !important;
    border: none !important;
    margin-right: 0 !important;
}
/* # link
---------------------------------------------------------------------------- */

.download {
    background: url(../images/ico_rar.gif) no-repeat left top;
    padding: 0 0 0 25px;
}
.outLink {
    background: url(../images/ico_outlink.gif) no-repeat left top;
    padding: 0 0 0 15px;
}
/* # line
---------------------------------------------------------------------------- */

.borderB {
    border-bottom: 1px solid #ccc;
}
.textUnLine {
    text-decoration: underline;
}
.textNone {
    text-decoration: none;
}
.textThrLine {
    text-decoration: line-through;
}
.textOvLine {
    text-decoration: overline;
}
/* # margin
---------------------------------------------------------------------------- */

.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;
}
.ml3 {
    margin-left: 3px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.ml50 {
    margin-left: 50px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.mr50 {
    margin-right: 50px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
/* # padding
---------------------------------------------------------------------------- */

.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb30 {
    padding-bottom: 30px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb50 {
    padding-bottom: 50px;
}
.pl5 {
    padding-left: 5px;
}
.pl10 {
    padding-left: 10px;
}
.pl20 {
    padding-left: 20px;
}
.pl30 {
    padding-left: 30px;
}
.pl40 {
    padding-left: 40px;
}
.pl50 {
    padding-left: 50px;
}
.pr5 {
    padding-right: 5px;
}
.pr10 {
    padding-right: 10px;
}
.pr20 {
    padding-right: 20px;
}
.pr30 {
    padding-right: 30px;
}
.pr40 {
    padding-right: 40px;
}
.pr50 {
    padding-right: 50px;
}
.pt5 {
    padding-top: 5px;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.pt30 {
    padding-top: 30px;
}
.pt40 {
    padding-top: 40px;
}
.pt50 {
    padding-top: 50px;
}
/* # valign
---------------------------------------------------------------------------- */

.vAlignBaseline {
    vertical-align: baseline;
}
.vAlignMiddle {
    vertical-align: middle;
}
.vAlignBottom {
    vertical-align: bottom;
}
.vAlignTop {
    vertical-align: top;
}
/* # width
---------------------------------------------------------------------------- */

.w10p {
    width: 10%!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;
}
.w20, .w20p {
    width: 20%!important;
}
.w23p {
    width: 23%!important;
}
.w21p {
    width: 21%!important;
}
.w22p {
    width: 22%!important;
}
.w24p {
    width: 24%!important;
}
.w25p {
    width: 25%!important;
}
.w26p {
    width: 26%!important;
}
.w28p {
    width: 28%!important;
}
.w30p {
    width: 30%!important;
}
.w32p {
    width: 32%!important;
}
.w33p {
    width: 33%!important;
}
.w34p {
    width: 34%!important;
}
.w35p {
    width: 35%!important;
}
.w40p {
    width: 40%!important;
}
.w44p {
    width: 44%!important;
}
.w45p {
    width: 45%!important;
}
.w50p {
    width: 50%!important;
}
.w55p {
    width: 55%!important;
}
.w62p {
    width: 62%!important;
}
.w85p {
    width: 85%!important;
}
.w40 {
    max-width: 40px!important;
}
.w67 {
    max-width: 67px!important;
}
.w70 {
    max-width: 70px!important;
}
.w72 {
    max-width: 72px!important;
}
.w73 {
    max-width: 73px!important;
}
.w75 {
    max-width: 75px!important;
}
.w78 {
    max-width: 78px!important;
}
.w79 {
    max-width: 79px!important;
}
.w90 {
    max-width: 90px!important;
}
.w100 {
    max-width: 100px!important;
}
.w110 {
    max-width: 110px!important;
}
.w120 {
    max-width: 120px!important;
}
.w130 {
    max-width: 130px!important;
}
.w140 {
    max-width: 140px!important;
}
.w150 {
    max-width: 150px!important;
}
.w160 {
    max-width: 160px!important;
}
.w170 {
    max-width: 170px!important;
}
.w180 {
    max-width: 180px!important;
}
.w190 {
    max-width: 190px!important;
}
.w200 {
    max-width: 200px!important;
}
.w250 {
    max-width: 250px!important;
}
.w300 {
    max-width: 300px!important;
}
.w340 {
    max-width: 340px!important;
}
.w350 {
    max-width: 350px!important;
}
.w380 {
    max-width: 380px!important;
}
.w400 {
    max-width: 400px!important;
}
.w450 {
    max-width: 450px!important;
}
.w500 {
    max-width: 500px!important;
}
.w550 {
    max-width: 550px!important;
}
.w620 {
    max-width: 620px!important;
}
/* # nowrap
---------------------------------------------------------------------------- */

p.whiteWrap {
    white-space: nowrap;
}
/* # text-indent
---------------------------------------------------------------------------- */

.hidden {
    display: none;
    height: 0!important;
    overflow: hidden;
}
/* # position
---------------------------------------------------------------------------- */

.positionR {
    position: relative;
}
.positionA {
    position: absolute;
}
.positionF {
    position: fixed;
}
.topM10 {
    top: -10px;
}
.topM20 {
    top: -20px;
}
.topM30 {
    top: -30px;
}
.topM40 {
    top: -40px;
}
.topM50 {
    top: -50px;
}
.top10 {
    top: 10px;
}
.top20 {
    top: 20px;
}
.top30 {
    top: 30px;
}
.top40 {
    top: 40px;
}
.top50 {
    top: 50px;
}
.rightM10 {
    right: -10px;
}
.rightM20 {
    right: -20px;
}
.rightM30 {
    right: -30px;
}
.rightM40 {
    right: -40px;
}
.rightM50 {
    right: -50px;
}
.right10 {
    right: 10px;
}
.right20 {
    right: 20px;
}
.right30 {
    right: 30px;
}
.right40 {
    right: 40px;
}
.right50 {
    right: 50px;
}
.bottomM10 {
    bottom: -10px;
}
.bottomM20 {
    bottom: -20px;
}
.bottomM30 {
    bottom: -30px;
}
.bottomM40 {
    bottom: -40px;
}
.bottomM50 {
    bottom: -50px;
}
.bottom10 {
    bottom: 10px;
}
.bottom20 {
    bottom: 20px;
}
.bottom30 {
    bottom: 30px;
}
.bottom40 {
    bottom: 40px;
}
.bottom50 {
    bottom: 50px;
}
.leftM10 {
    left: -10px;
}
.leftM20 {
    left: -20px;
}
.leftM30 {
    left: -30px;
}
.leftM40 {
    left: -40px;
}
.leftM50 {
    left: -50px;
}
.left10 {
    left: 10px;
}
.left20 {
    left: 20px;
}
.left30 {
    left: 30px;
}
.left40 {
    left: 40px;
}
.left50 {
    left: 50px;
}
/* # text
---------------------------------------------------------------------------- */

.bold {
    font-weight: bold;
}
.fontItalic {
    font-style: italic;
}
.text01 {
    color: #ec6534;
    font-size: 120%;
}
/* # tabList
---------------------------------------------------------------------------- */

.tabList {
    border-bottom: 1px solid #CCC;
    margin: 0 0 30px;
    padding-bottom: 5px;
}
.tabList li {
    display: inline;
}
.tabList li a {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    padding: 2px 10px 5px 10px;
    background: linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%);
    background: -moz-linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%);
    background: -o-linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%);
    background: -ms-linear-gradient(to bottom, #FFF 0%, #F2F2F2 100%);
    background: -webkit-linear-gradient(top, #FFF 0%, #F2F2F2 100%);
    text-decoration: none;
}
.tabList li.active a, .tabList li a:hover {
    border: 1px solid #85acd5;
    background: #F3F4F2;
}

/* # Form style
---------------------------------------------------------------------------- */
.formElm input[type=text],
.formElm input[type=password] {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 30px;
    width: 70%;
    padding-left: 10px;
    max-width: 300px;
}
.formElm input[type=checkbox] {
    position: relative;
    top: 2px;
}

/* # reset
---------------------------------------------------------------------------- */
.reset ul, .reset ol {
    list-style: inherit;
    padding-left: 40px;
}

/* # clearfix 
---------------------------------------------------------------------------- */

.clearfix {
    zoom: 1;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
@media screen and (max-width:768px) {
    .download {
        background-position: 10px center;
        border: 1px solid #EEE;
        border-bottom: 1px solid #CCC;
        border-radius: 5px;
        display: inline-block;
        margin: 10px 10%;
        padding: 10px 0;
        text-align: center;
        width: 80%;
    }
}