@charset "UTF-8";
blockquote, body, caption, div, fieldset, h1, h2, h3, h4, h5, h6, input, p, preform, td, textarea, th {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 150%;
    letter-spacing: 1px;
    font-family: Meiryo, メイリオ, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, sans-serif
}

dd, dl, dt, li, ol, ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 150%;
    letter-spacing: 1px
}

h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: 400
}

p {
    margin: 0;
    padding: 0;
    line-height: 150%
}

ol, ul {
    list-style: none
}

fieldset, img {
    border: 0
}

caption, th {
    text-align: left
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

q {
    font-style: italic
}

.cl {
    zoom: 100%
}

.cl:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden
}

* html .iepngfix {
    behavior: expression(IEPNGFIX.fix(this))
}

.waku, a:active .waku, a:hover .waku, a:link .waku {
    padding: 1px;
    border: 4px solid #ccc
}

table {
    clear: both
}

.f10 {
    font-size: 10px
}

.f10, .f11 {
    line-height: 150%;
    font-family: ＭＳ\ ゴシック, MS Gothic, Osaka－等幅, Osaka-mono, monospace
}

.f11 {
    font-size: 11px
}

.f12 {
    font-size: 9pt
}

.f12, .f13 {
    line-height: 150%
}

.f13 {
    font-size: 13px
}

.f14 {
    font-size: 14px
}

.f14, .f16 {
    line-height: 150%
}

.f16 {
    font-size: 1pc
}

.f18 {
    font-size: 18px
}

.f18, .f20 {
    line-height: 150%
}

.f20 {
    font-size: 20px
}

.f22 {
    font-size: 22px
}

.f22, .f24 {
    line-height: 150%
}

.f24 {
    font-size: 24px
}

.f26 {
    font-size: 26px
}

.f26, .f28 {
    line-height: 150%
}

.f28 {
    font-size: 28px
}

.f30 {
    font-size: 30px
}

.f35 {
    font-size: 35px;
    line-height: 150%
}

.f40 {
    font-size: 40px
}

.f50 {
    font-size: 50px
}

.f16red {
    color: red
}

.f16gr, .f16red {
    font-size: 1pc;
    line-height: 150%;
    font-weight: nomal
}

.f16gr {
    color: #666
}

.b {
    font-weight: 700
}

.fr_gr {
    border: solid 1px #ccc
}

.mt2 {
    margin: 2px 0 0
}

.mt3 {
    margin: 3px 0 0
}

.mt5 {
    margin: 5px 0 0
}

.mt7 {
    margin: 7px 0 0
}

.mt10 {
    margin: 10px 0 0
}

.mt15 {
    margin: 15px 0 0
}

.mt20 {
    margin: 20px 0 0
}

.mt25 {
    margin: 25px 0 0
}

.mt40 {
    margin: 40px 0 0
}

.mt45 {
    margin: 45px 0 0
}

.mt70 {
    margin: 70px 0 0
}

.mr2 {
    margin: 0 2px 0 0
}

.mr3 {
    margin: 0 3px 0 0
}

.mr5 {
    margin: 0 5px 0 0
}

.mr7 {
    margin: 0 7px 0 0
}

.mr8 {
    margin: 0 8px 0 0
}

.mr10 {
    margin: 0 10px 0 0
}

.mr15 {
    margin: 0 15px 0 0
}

.mr17 {
    margin: 0 17px 0 0
}

.mr18 {
    margin: 0 18px 0 0
}

.mr19 {
    margin: 0 19px 0 0
}

.mr20 {
    margin: 0 20px 0 0
}

.mr25 {
    margin: 0 25px 0 0
}

.mr30 {
    margin: 0 30px 0 0
}

.mr55 {
    margin: 0 55px 0 0
}

.mr75 {
    margin: 0 75px 0 0
}

.ml4 {
    margin: 0 0 0 4px
}

.ml5 {
    margin: 0 0 0 5px
}

.ml10 {
    margin: 0 0 0 10px
}

.ml15 {
    margin: 0 0 0 15px
}

.ml17 {
    margin: 0 0 0 17px
}

.ml18 {
    margin: 0 0 0 18px
}

.ml19 {
    margin: 0 0 0 19px
}

.ml20 {
    margin: 0 0 0 20px
}

.ml200 {
    margin: 0 0 0 200px
}

.ml250 {
    margin: 0 0 0 250px
}

.ml300 {
    margin: 0 0 0 300px
}

.mlb10_10 {
    margin: 0 0 10px 10px
}

.mlb10_20 {
    margin: 0 0 20px 10px
}

.mlb10_35 {
    margin: 0 0 35px 10px
}

.mlb20_20 {
    margin: 0 0 20px 20px
}

.mb1 {
    margin: 0 0 1px
}

.mb3 {
    margin: 0 0 3px
}

.mb4 {
    margin: 0 0 4px
}

.mb5 {
    margin: 0 0 5px
}

.mb6 {
    margin: 0 0 6px
}

.mb7 {
    margin: 0 0 7px;
    _margin: 10px 0
}

.mb8 {
    margin: 0 0 8px
}

.mb9 {
    margin: 0 0 9px
}

.mb10 {
    margin: 0 0 10px
}

.mb15 {
    margin: 0 0 15px
}

.mb20 {
    margin: 0 0 20px
}

.mb25 {
    margin: 0 0 25px
}

.mb30 {
    margin: 0 0 30px
}

.mb35 {
    margin: 0 0 35px
}

.mb40 {
    margin: 0 0 40px
}

.mb50 {
    margin: 0 0 50px
}

.mb60 {
    margin: 0 0 60px
}

.mb70 {
    margin: 0 0 70px
}

.mb80 {
    margin: 0 0 5pc
}

.mtl4 {
    margin: 10px 0 0 4px
}

.mtr5 {
    margin: 10px 5px 0 0
}

.mtr10 {
    margin: 10px 10px 0 0
}

.mtl10 {
    margin: 10px 0 0 10px
}

.mtl20 {
    margin: 20px 0 0 20px
}

.mtl130 {
    margin: 69px 0 0 130px
}

.mbl10 {
    margin: 0 0 10px 10px
}

.mbr5 {
    margin: 0 5px 5px 0
}

.mbr10_7 {
    margin: 0 7px 10px 0
}

.mbr10 {
    margin: 0 10px 10px 0
}

.mbr10_11 {
    margin: 0 11px 10px 0
}

.mbr10_15 {
    margin: 0 15px 10px 0
}

.mbr30_15 {
    margin: 0 15px 30px 0
}

.mbr20_10 {
    margin: 0 10px 20px 0
}

.mbr20_20 {
    margin: 0 20px 20px 0
}

.mtb10 {
    margin: 10px 0
}

.mtb15 {
    margin: 15px 0
}

.mtb20 {
    margin: 20px 0
}

.m0 {
    margin: 0
}

.pt10 {
    padding: 10px 0 0
}

.bk {
    color: #000
}

.yl {
    color: #b3890d
}

.lemon_yl {
    color: #ff0
}

.gybk {
    color: #333
}

.red {
    color: red
}

.wi {
    color: #fff
}

.gr {
    color: #999
}

.da {
    color: #666
}

.br {
    color: #7e3a27
}

.bl {
    color: #06f
}

.sb {
    color: #0cf
}

.gd {
    color: #ead624
}

.vi {
    color: #a06fce
}

.pink {
    color: #f69
}

#info strong {
    color: #dc143c;
    font-size: 14px;
    line-height: 125%
}

.magenta {
    color: #dc0560
}

.line0 {
    line-height: 1px
}

.bg_wi {
    background: #fff
}

.bg_eee {
    background: #eee
}

.bg_pink {
    background: #ffeaff
}

.bg_gra_bl {
    background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 150, color-stop(0.88, #002E8B), color-stop(0.00, #001F60));
    background: -webkit-radial-gradient(50% 100%, circle, #001f60 0%, #002e8b 88%);
    background: -moz-radial-gradient(50% 100%, circle, #001f60 0%, #002e8b 88%);
    background: -o-radial-gradient(50% 100%, circle, #001f60 0%, #002e8b 88%);
    background: -ms-radial-gradient(50% 100%, circle, #001f60 0%, #002e8b 88%);
    background: radial-gradient(50% 100%, circle, #001f60 0%, #002e8b 88%)
}

.quote {
    padding: 15px;
    border: #eee solid 1px;
    font-style: italic
}

.quote, .quote li, .quote p {
    color: #b4b4b4
}

.quote strong {
    font-style: italic
}

a {
    outline: 0
}

a:link, a:visited {
    color: #293a1b;
    text-decoration: none
}

a:active, a:hover {
    color: #990;
    text-decoration: underline
}

.linkstyle1 a {
    display: block;
    overflow: hidden
}

.linkstyle1 a:link, .linkstyle1 a:visited {
    color: #34364d;
    text-decoration: underline
}

.linkstyle1 a:active, .linkstyle1 a:hover {
    color: #34364d;
    background-color: #dfdfdf;
    text-decoration: none;
    padding: 7px 0 8px
}

.comld01 {
    color: #3f6c78;
    _padding: 8px;
    border: #cde1e7 solid 1px
}

.comld01, .comld02 {
    padding: 8px;
    margin: 0 0 7px;
    margin: 4px 0 0;
    font-family: georgia, arial;
    text-align: left;
    clear: both;
    font-size: 10px
}

.comld02 {
    color: #6d6d6d;
    border: #eee solid 1px
}

.bgbr {
    padding: 5px 7px;
    background: #e6cdbf
}

.bgbl {
    background: #999;
    color: #fff
}

.bgbl, .bgbl2 {
    padding: 5px 7px;
    font-weight: 700;
    font-size: 9pt
}

.bgbl2 {
    background: #eee;
    color: #666;
    border-left: 2px solid #999
}

.pad5 {
    padding: 5px
}

.pad9_0 {
    padding: 9px 0
}

.pad10 {
    padding: 10px
}

.pad15_W0 {
    padding: 15px 0 0
}

.pad20 {
    padding: 20px
}

.pad15 {
    padding: 15px
}

.pad30_W0 {
    padding: 0 30px
}

.pad30_0 {
    padding: 30px 0 30px 30px
}

.pad30 {
    padding: 30px
}

.pad100 {
    padding: 75pt 0 0
}

.pad_tb10 {
    padding: 10px 0
}

.pad_indent {
    padding: 0 0 0 1em;
    background: #009
}

.c_pad10 {
    padding: 0 10px 10px
}

.point1 {
    background: #f60
}

.point1, .point2 {
    padding: 2px 1px 1px;
    margin: 0 0 0 5px;
    color: #fff;
    font-weight: 700
}

.point2 {
    background: #f66
}

.lith {
    text-decoration: line-through
}

.blink {
    text-decoration: blink
}

.blink_blue {
    background: #9c0;
    color: #fff
}

.blink_blue, .blink_gray {
    padding: 0 5px;
    margin: 0 5px
}

.blink_gray {
    background: #ccc;
    color: #999
}

.tab1 {
    border-left: red solid 3px;
    padding: 0 0 0 5px
}

.line1 {
    border-bottom: 1px solid #ccc
}

.line2 {
    border-bottom: 1px solid #666
}

.cline {
    text-decoration: line-through
}

.w100 {
    width: 100%
}

.w90 {
    width: 90%
}

.w85 {
    width: 85%
}

.w80 {
    width: 80%
}

.w70 {
    width: 70%
}

.w65 {
    width: 65%
}

.w60 {
    width: 60%
}

.w55 {
    width: 55%
}

.w52 {
    width: 52%
}

.w50 {
    width: 50%
}

.w48 {
    width: 48%
}

.w45 {
    width: 45%
}

.w40 {
    width: 40%
}

.w32 {
    width: 32%
}

.w30 {
    width: 30%
}

.w20 {
    width: 20%
}

.w18 {
    width: 18%
}

.w15 {
    width: 15%
}

.w16 {
    width: 16%
}

.w10 {
    width: 10%
}

.w85p {
    width: 85px
}

.w100p {
    width: 75pt
}

.w120p {
    width: 90pt
}

.w123p {
    width: 123px
}

.w140p {
    width: 140px
}

.w150p {
    width: 150px
}

.w160p {
    width: 10pc
}

.w168p {
    width: 168px
}

.w180p {
    width: 180px
}

.w190p {
    width: 190px
}

.w200p {
    width: 200px
}

.w204p {
    width: 204px
}

.w213p {
    width: 213px
}

.w225p {
    width: 228px
}

.w292p {
    width: 292px
}

.w310p {
    width: 310px
}

.w400p {
    width: 25pc
}

.w440p {
    width: 440px
}

.w450p {
    width: 450px
}

.w460p {
    width: 460px
}

.w480p {
    width: 5in
}

.w500p {
    width: 500px
}

.h180p {
    height: 180px
}

.h200p {
    height: 200px
}

.h240p {
    height: 15pc
}

.h250p {
    height: 250px
}

.h260p {
    height: 260px
}

.h350p {
    height: 350px
}

.h430p {
    height: 430px
}

.italic {
    font-style: italic;
    font-size: 1pc;
    background: url(/img/pc/common/ico_italic.jpg) top left no-repeat;
    padding: 0 0 0 25px;
    line-height: 150%
}

.italic li {
    color: #b1b1b1
}

a img {
    border-style: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

a:hover img {
    filter: Alpha(Opacity=50);
    -moz-opacity: .5;
    opacity: .5
}

html > body a img, x:-moz-any-link, x:default {
    opacity: 1;
    border-style: none
}

html > body a:hover img, x:-moz-any-link, x:default {
    opacity: .5;
    border-style: none
}

.last {
    margin: 0;
    padding: 0
}

.center {
    margin: 0 auto
}

.txt_left {
    text-align: left
}

.txt_right {
    text-align: right
}

.txt_center {
    text-align: center
}

.clear {
    clear: both
}

.cl_r {
    clear: right
}

.cl_l {
    clear: left
}

.r {
    float: right
}

.l {
    float: left
}

.box1 {
    padding: 5px
}

.box1, .box2 {
    border-left: solid 1px #eee;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    margin: 0 0 5px
}

.box3 {
    border-left: solid 1px #eee;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    padding: 10px;
    margin: 0 0 5px;
    border-left: solid 1px #eee;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    margin: 0 0 5px 10px
}

.hidden {
    display: none;
    text-indent: -9999px;
    color: #fff;
    font-size: 0
}

.hidden, .ine-height_none {
    line-height: 0
}

.valine {
    vertical-align: middle
}

.indent05 {
    letter-spacing: .5px
}

.indent01 {
    letter-spacing: 1px
}

.indent_05 {
    letter-spacing: -.5px
}

.indent_01 {
    letter-spacing: -1px
}

.lh250 {
    line-height: 250%
}

.lh230 {
    line-height: 230%
}

.lh220 {
    line-height: 220%
}

.lh210 {
    line-height: 210%
}

.lh200 {
    line-height: 200%
}

.lh190 {
    line-height: 190%
}

.lh180 {
    line-height: 180%
}

.lh170 {
    line-height: 170%
}

.lh160 {
    line-height: 160%
}

.lh150 {
    line-height: 150%
}

.lh140 {
    line-height: 140%
}

.lh130 {
    line-height: 130%
}

.txt_indent {
    text-indent: -3em;
    padding-left: 3em
}

.circle {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #ddd;
    text-align: center;
    padding: 5px 10px
}

label {
    display: inline
}

.regular-checkbox {
    display: none
}

.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -9pt rgba(0, 0, 0, .05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 1px 3px rgba(0, 0, 0, .1)
}

.regular-checkbox:checked + label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -9pt rgba(0, 0, 0, .05), inset 15px 10px -9pt hsla(0, 0%, 100%, .1);
    color: #99a1a7
}

.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 3px;
    color: #99a1a7
}

.seo_indent {
    text-indent: -9999px;
    line-height: 0;
    display: none
}

.seo_indent img {
    width: 1px;
    height: 1px;
    display: none
}

.bubble {
    display: inline-block;
    width: 75pt;
    height: 75pt;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 50px;
    border-color: rgba(0, 0, 0, .7);
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease
}

.bubble > span {
    display: block;
    overflow: hidden;
    text-indent: -625pc;
    font-size: 1px;
    width: 1px;
    height: 1px;
    position: absolute
}

.bubble:hover {
    border-width: 0;
    border-color: rgba(0, 0, 0, .4);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.expose-square-solid {
    background: url(car1.jpg) 50% 50% no-repeat;
    border-style: solid
}

.expose-round-solid {
    background: url(car2.jpg) 50% 50% no-repeat;
    border-style: solid;
    border-radius: 50%
}

.expose-round-solid:hover {
    border-width: 2px
}

.expose-round-dotted {
    background: url(car3.jpg) 50% 50% no-repeat;
    border-style: dotted;
    border-radius: 50%
}

.expose-round-dotted:hover {
    border-width: 2px
}

.highlight-round-solid {
    background: url(car2.jpg) 50% 50% no-repeat;
    border-radius: 50%;
    border-color: hsla(0, 0%, 100%, 0);
    border-style: solid
}

.highlight-round-solid:hover {
    border-color: #fff
}

.highlight-round-dotted {
    background: url(car3.jpg) 50% 50% no-repeat;
    border-radius: 50%;
    border-color: rgba(212, 121, 24, 0);
    border-style: dotted
}

.highlight-round-dotted:hover {
    border-color: rgba(212, 121, 24, .8);
    border-width: 4px
}

body {
    background-color: #f4f4f4
}

.logo {
    margin: 15px 20px 10px 0
}

#head_wrap {
    width: 100%;
    background: #fff
}

#head {
    width: 940px;
    margin: 0 auto
}

#gmenu_wrap {
    width: 100%;
    border-bottom: solid #ccc 1px;
    background: url(/img/pc/common/black_bg.jpg) repeat;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
}

#gmenu {
    width: 940px;
    margin: 0 auto
}

#gmenu li a {
    color: #fff;
    display: block;
    padding: 9pt
}

#gmenu li {
    display: table-cell;
    float: left;
    text-align: center;
    width: 134px;
    line-height: 100%;
    font-size: 9pt
}

#gmenu li:nth-child(3), #gmenu li:nth-child(4), #gmenu li:nth-child(5), #gmenu li:nth-child(7) {
    display: inline-block;
    text-align: center;
    padding: 5px 0 0
}

.top_content_wrap {
    background: #fff
}

.top_content {
    width: 940px;
    margin: 0 auto
}

#content {
    width: 940px;
    margin: 20px auto
}

#left {
    width: 220px;
    float: left
}

.nav_blue img {
    margin: 3px 0 4px
}

.nav_blue {
    background: #fff
}

.nav_blue li a {
    display: block;
    padding: 9pt 9pt 9pt 30px;
    background: url(/img/pc/common/ico_arw_blue.jpg) no-repeat 15px 15px
}

.nav_blue li {
    border-bottom: solid #d5f4ff 1px
}

.nav_blue li:last-child {
    border-bottom: 0 0
}

.nav_blue li.img {
    border: 0 0
}

.nav_blue li.img img {
    margin: 0
}

.nav_blue li.img a {
    display: block;
    padding: 0;
    background: 0 0
}

.nav_gray img {
    margin: 3px 0 4px
}

.nav_gray {
    background: #fff
}

.nav_gray li a {
    display: block;
    padding: 9pt 9pt 9pt 30px;
    background: url(/img/pc/common/ico_arw_gray.jpg) no-repeat 15px 15px
}

.nav_gray li {
    border-bottom: solid #eee 1px
}

.nav_gray li.img {
    border: 0 0;
    margin: 0
}

.nav_gray li.img img {
    margin: 0
}

.nav_gray li.img a {
    display: block;
    padding: 0;
    background: 0 0
}

.nav_tl {
    padding: 20px 10px
}

.nav_tl, .nav_tl_min {
    background: #666;
    color: #fff;
    line-height: 100%;
    text-align: center
}

.nav_tl_min {
    padding: 10px
}

.green_nav_tl_min {
    background: #2b5501;
    color: #fff;
    line-height: 120%;
    text-align: center;
    padding: 10px
}

.ico_arw_bl {
    padding: 9pt 9pt 9pt 30px;
    background: url(/img/pc/common/ico_arw_blue.jpg) no-repeat 15px 15px
}

#foot_wrap {
    clear: both;
    background: url(/img/pc/common/gray_bg.jpg) repeat
}

#foot_head_wrap {
    padding: 10px 0 0;
    background-position: top;
    background-repeat: repeat-x;
    background-image: url(/img/pc/common/foot_bg_img.jpg)
}

#foot_body_wrap {
    background: url(/img/pc/common/foot_black_bg.jpg) repeat
}

.foot_content {
    width: 940px;
    margin: 0 auto
}

.foot_logo {
    margin: 20px 20px 10px 0
}

.ico_table {
    background: url(/img/pc/common/ico_table.jpg) no-repeat center left;
    line-height: 100%;
    padding: 10px 0 10px 20px
}

.ico_tel {
    background: url(/img/pc/common/ico_tel.jpg) no-repeat center left;
    line-height: 100%;
    font-size: 24px
}

.ico_foot_tel, .ico_tel {
    padding: 0 0 0 36px;
    font-family: Oxygen, sans-serif
}

.ico_foot_tel {
    background: url(/img/pc/common/ico_foot_tel.jpg) no-repeat center left;
    font-size: 20px;
    color: #fff
}

.ico_foot_mail {
    background: url(/img/pc/common/ico_foot_mail.jpg) no-repeat center left;
    padding: 0 0 0 36px;
    font-size: 1pc;
    line-height: 200%;
    color: #fff
}

.ico_beginner {
    background: url(/img/pc/common/ico_beginner.png) no-repeat 10% 50% #666;
    line-height: 100%;
    padding: 20px 10px 20px 30px
}

.ico_big_about {
    background: url(/img/pc/common/ico_big_about.png) no-repeat
}

.ico_big_about, .ico_big_fee {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_fee {
    background: url(/img/pc/common/ico_big_fee.png) no-repeat
}

.ico_big_flow {
    background: url(/img/pc/common/ico_big_flow.png) no-repeat
}

.ico_big_flow, .ico_big_form {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_form {
    background: url(/img/pc/common/ico_big_form.png) no-repeat
}

.ico_big_how {
    background: url(/img/pc/common/ico_big_how.png) no-repeat
}

.ico_big_how, .ico_big_identify {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_identify {
    background: url(/img/pc/common/ico_big_identify.png) no-repeat
}

.ico_big_pen {
    background: url(/img/pc/common/ico_big_pen.png) no-repeat
}

.ico_big_pen, .ico_big_perform {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_perform {
    background: url(/img/pc/common/ico_big_perform.png) no-repeat
}

.ico_big_plan {
    background: url(/img/pc/common/ico_big_plan.png) no-repeat
}

.ico_big_plan, .ico_big_plans {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_plans {
    background: url(/img/pc/common/ico_big_plans.png) no-repeat
}

.ico_big_promise {
    background: url(/img/pc/common/ico_big_promise.png) no-repeat
}

.ico_big_promise, .ico_big_qa {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_qa {
    background: url(/img/pc/common/ico_big_qa.png) no-repeat
}

.ico_big_result {
    background: url(/img/pc/common/ico_big_result.png) no-repeat
}

.ico_big_result, .ico_big_rvw {
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.ico_big_rvw {
    background: url(/img/pc/common/ico_big_rvw.png) no-repeat
}

.ico_big_sitemap {
    background: url(/img/pc/common/ico_big_sitemap.png) no-repeat;
    padding: 0 0 0 75pt;
    min-height: 75pt
}

.foot_list_box li a {
    color: #fff
}




#main {
    width: 700px;
    float: right
}

.ld_gray {
    background: #666;
    padding: 10px
}

.ld_gray_h3 {
    color: #fff;
    font-size: 1pc;
    margin: 4px 0 0;
    float: left
}

#main_tl {
    position: relative;
    background: #729634;
    padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#main_tl h1, #main_tl h2, #main_tl p {
    color: #fff
}

#main_tl p.txt {
    border-top: #71b031 solid 1px;
    padding: 10px 0 0
}

#main_tl .right_box {
    width: 35pc
}

#main_tl a {
    color: #fff;
    text-decoration: underline
}

#main_tl p:last-child:after, #main_tl p:last-child:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#main_tl p:last-child:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #729634;
    border-width: 10px;
    margin-left: -10px
}

#main_tl p:last-child:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.topicPath {
    margin: 0 0 20px;
    width: 690px;
    float: left
}

.topicPath a {
    text-decoration: underline;
    margin: 0 10px 0 0
}

.topicPath li {
    float: left;
    margin: 0 10px 0 0;
    font-size: 9pt
}

.shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.bg_graf {
    background: url(/img/pc/common/bg_graf.png) no-repeat center left #fff;
    height: 47px;
    padding: 5pc 0 3px;
    text-align: center;
    font-size: 24px;
    font-family: Ubuntu Condensed, sans-serif;
    color: #fff
}

.head_left {
    float: left;
    margin: 15px 0 0;
    width: 56%
}

.box {
    padding: 20px;
    background: #fff
}

.arw_content {
    text-align: center;
    margin: 0 auto;
    padding: 20px
}

#body_gotop {
    display: block;
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 50px;
    height: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 13px 0 7px 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.ico_q {
    background: url(/img/pc/common/ico_q.png) center left no-repeat;
    padding: 8px 0 8px 46px;
    font-size: 20px
}

.ico_a {
    background: url(/img/pc/common/ico_a.png) center left no-repeat;
    padding: 10px 0 10px 46px;
    font-size: 14px
}

.ico_a2 {
    background-image: url(/img/pc/common/ico_a.png);
    background-position: 0 8px;
    background-repeat: no-repeat;
    padding: 8px 0 8px 46px;
    font-size: 14px
}

.relevance {
    border: solid #ddd 1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 8px 9pt;
    font-size: 9pt;
    margin: 0 0 10px
}

.dot_w {
    background: url(/img/pc/common/dot.png) top left repeat-x;
    height: 1px
}

.ico_doc {
    background: url(/img/pc/common/ico_doc.jpg) no-repeat 15px 10px;
    padding: 9pt 9pt 9pt 36px
}

.ico_a2 p, .ico_a p {
    font-size: 14px
}

.btn_gy a {
    padding: 14px 28px;
    display: block;
    color: #000
}

.btn_gy {
    -moz-box-shadow: 0 2px 0 0 #e0e0e0;
    -webkit-box-shadow: 0 2px 0 0 #e0e0e0;
    box-shadow: 0 2px 0 0 #e0e0e0;
    background-color: #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.btn_gy:hover {
    background-color: #e9e9e9
}

.btn_gy:active {
    position: relative;
    top: 1px
}

.btn_gy[type=reset], .btn_gy[type=submit] {
    padding: 14px 28px
}

.bg_ye {
    background: #ff0
}

.qa_word_box {
    width: 600px;
    margin: 0 auto 10px
}

.qa_keyword {
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    width: 600px;
    margin: 0 auto
}

.qa_keyword td, .qa_keyword th {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 10px;
    font-size: 9pt
}

.qa_keyword th {
    width: 180px;
    text-align: center
}

.qa_nav {
    text-align: center;
    background: #fff;
    padding: 10px 0 15px;
    font-size: 0;
}

.qa_nav li {
    display: inline-block
}

.copyright {
    background: #000;
    padding: 8px;
    background: #222;
    color: #fff;
    text-align: center;
    font-size: 10px
}

.bg_txt {
    font-family: Ubuntu Condensed, sans-serif
}

.flow_box {
    width: 600px;
    margin: 0 auto
}

.flow_tb {
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    width: 100%
}

.flow_tb td, .flow_tb th {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 5px;
    font-size: 9pt;
    text-align: center
}

.green_arrow_box {
    position: relative;
    background: #3c7c17;
    border: 3px solid #;
    text-align: center;
    color: #fff;
    padding: 3px;
    font-size: 24px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/img/pc/common/bg_title_green.jpg) repeat;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    max-width: 600px;
    margin: 0 auto 20px;
    letter-spacing: .1px
}

.green_arrow_box:after, .green_arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.green_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #4e882d;
    border-width: 10px;
    margin-left: -10px
}

.green_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.green_circle {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #ff0;
    color: #295410;
    text-align: center;
    padding: 0 10px;
    text-shadow: none;
    line-height: 80%
}

.brown_arrow_box {
    position: relative;
    border: 3px solid #;
    padding: 3px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/img/pc/common/bg_title_brown.jpg) repeat;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    max-width: 600px;
    margin: 0 auto;
    letter-spacing: .1px
}

.brown_arrow_box:after, .brown_arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.brown_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #61432f;
    border-width: 10px;
    margin-left: -10px
}

.brown_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.in_brown_arrow_box {
    position: relative;
    border: 3px solid #;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 1pc;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/img/pc/common/bg_title_brown.jpg) repeat;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    max-width: 100%;
    margin: 0 auto;
    letter-spacing: .1px
}

.in_brown_arrow_box:after, .in_brown_arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.in_brown_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #61432f;
    border-width: 10px;
    margin-left: -10px
}

.in_brown_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.main_ld_gy {
    border: 3px solid #;
    padding: 10px 20px;
    color: #fff;
    font-size: 1pc;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #666;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    max-width: 100%;
    margin: 0 auto;
    letter-spacing: .1px
}

.brown_circle {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #ff0;
    color: #295410;
    text-align: center;
    padding: 4px 10px;
    text-shadow: none
}

.yellow_arrow_box {
    position: relative;
    border: 3px solid #;
    padding: 3px;
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/img/pc/common/bg_title_yellow.jpg) repeat;
    max-width: 600px;
    margin: 0 auto;
    letter-spacing: .1px
}

.brown_arrow_box:before, .yellow_arrow_box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.yellow_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #f4fa85;
    border-width: 10px;
    margin-left: -10px
}

.yellow_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.blue_arrow_box {
    position: relative;
    border: 3px solid #;
    padding: 3px;
    text-align: center;
    color: #000;
    font-size: 24px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/img/pc/common/bg_title_blue.jpg) repeat;
    max-width: 600px;
    margin: 0 auto;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    letter-spacing: .1px
}

.blue_arrow_box:after, .brown_arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.blue_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #1d6e9d;
    border-width: 10px;
    margin-left: -10px
}

.blue_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.white_circle {
    width: 9pt;
    height: 9pt;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-color: #fff;
    color: #000;
    text-align: center;
    padding: 8px 9px 9pt 9pt;
    vertical-align: middle;
    text-shadow: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%
}

.top_flow {
    background: url(/img/pc/top_c_img0.jpg) no-repeat;
    width: 898px;
    margin: 0 auto
}

.top_flow li:nth-child(1) {
    float: left;
    margin: 115px 40px 30px 10px;
    background: url(/img/pc/common/num1_green.png) top left no-repeat;
    padding: 0 0 0 35px;
    width: 230px
}

.top_flow li:nth-child(2) {
    float: left;
    margin: 115px 20px 30px 0;
    background: url(/img/pc/common/num2_green.png) top left no-repeat;
    padding: 0 0 0 35px;
    width: 220px
}

.top_flow li:nth-child(3) {
    float: left;
    margin: 115px 0 30px 50px;
    background: url(/img/pc/common/num3_green.png) top left no-repeat;
    padding: 0 0 0 35px;
    width: 210px
}

.top_imglist {
    width: 100%;
    background: #fff;
    text-align: center
}

.top_imglist div {
    width: 200px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: top
}

.top_imglist dt {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.1px;
    line-height: 135%
}

.top_imglist dd {
    text-align: left;
    margin: 0 0 20px;
    line-height: 135%
}

.top_img0 {
    background: url(/img/pc/top_img0.jpg) no-repeat
}

.top_img0, .top_img1 {
    padding: 110px 0 10px
}

.top_img1 {
    background: url(/img/pc/top_img1.jpg) no-repeat
}

.top_img2 {
    background: url(/img/pc/top_img2.jpg) no-repeat
}

.top_img2, .top_img3 {
    padding: 110px 0 10px
}

.top_img3 {
    background: url(/img/pc/top_img3.jpg) no-repeat
}

.top_img4 {
    background: url(/img/pc/top_img4.jpg) no-repeat
}

.top_img4, .top_img5 {
    padding: 110px 0 10px
}

.top_img5 {
    background: url(/img/pc/top_img5.jpg) no-repeat
}

.top_img6 {
    background: url(/img/pc/top_img6.jpg) no-repeat
}

.top_img6, .top_img7 {
    padding: 110px 0 10px
}

.top_img7 {
    background: url(/img/pc/top_img7.jpg) no-repeat
}

.top_img8 {
    background: url(/img/pc/top_img8.jpg) no-repeat;
    padding: 110px 0 10px
}

.top_itemimg0 {
    background: url(/img/pc/top_item0.png) no-repeat center;
    padding: 70px 0 10px;
    color: #fff;
    margin: 0 0 15px
}

.top_itemimg1 {
    background: url(/img/pc/top_item1.png) no-repeat center
}

.top_itemimg1, .top_itemimg2 {
    padding: 55px 0 25px;
    color: #fff;
    margin: 0 0 15px
}

.top_itemimg2 {
    background: url(/img/pc/top_item2.png) no-repeat center
}

.top_itemimg3 {
    background: url(/img/pc/top_item3.png) no-repeat center;
    padding: 70px 0 10px;
    color: #fff;
    margin: 0 0 15px
}

.brown_content {
    background: url(/img/pc/top_bg_brown.jpg) repeat;
    padding: 20px;
    position: relative;
    z-index: 0
}

.white_content {
    background: #fff
}

.w870px {
    width: 870px;
    margin: 0 auto 20px
}

#main_bg {
    background: url(/img/pc/top_main_bg.jpg) no-repeat right top #90bb7a;
    height: 374px
}

.main_txt {
    font-size: 28px;
    line-height: 125%;
    letter-spacing: -.1px;
    padding: 25px 0 0;
    margin: 0 0 25px;
    font-weight: 700;
    font-family: ＭＳ\ Ｐ明朝, MS PMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, serif
}

#main_bg ul, .main_txt {
    text-align: center
}

#main_bg ul li {
    display: inline-block;
    margin: 0 30px
}

.item_list {
    width: 100%;
    text-align: center;
    z-index: 2;
    margin: 20px 0 0
}

.item_list dl {
    width: 21.8%;
    height: 380px;
    border: solid #fff 1px;
    border-radius: 5px;
    background: #fff;
    margin: 0 0 20px;
    padding: 10px;
    vertical-align: top;
    display: inline-block;
    z-index: 2
}

.item_list dt.tl {
    text-align: center;
    font-size: 18px;
    letter-spacing: -.1px;
    z-index: 2
}

.item_list dt.tl a {
    color: #fff
}

.item_list dd {
    text-align: left
}

.item_list p.num {
    margin: 0 0 10px;
    border-bottom: solid #ccc 1px
}

.item {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: solid 1px #ccc
}

.ld_absolute {
    position: absolute;
    top: -40px;
    z-index: -1
}

.top_say_wrap {
    text-align: center;
    margin: 0 auto
}

.top_say {
    display: inline-block;
    width: 30%;
    margin: 0 10px 40px;
    vertical-align: top
}

.top_say p.ld {
    background: #3c7c17;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 18px;
    padding: 10px 0;
    letter-spacing: -1px
}

.top_say div {
    border: #ccc solid 1px;
    border-radius: 5px
}

.top_say dt {
    font-weight: 700
}

.top_say dd, .top_say dt {
    padding: 10px 0
}

.top_say dd {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.top_say dt:nth-child(2n+1) {
    background: #a5cc8c
}

.top_box_qa {
    background: #e3e6ea;
    padding: 20px
}

.top_box_flow {
    background: #fff;
    padding: 40px 0 0
}

.top_main_list {
    background: url(/img/pc/top_main_list.png) top left no-repeat;
    padding: 55px 20px 0;
    width: 180px;
    height: 165px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 185%
}

table.form {
    width: 100%;
    margin: 0 0 20px
}

table.form tr td, table.form tr th {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    border-bottom: solid 1px #eee;
    padding: 7px 5px
}

table.form tr th {
    width: 180px
}

table.form tr td textarea {
    width: 100%
}

table.form select {
    padding: 5px
}

table.form input, table.form select, table.form textarea {
    font-size: 1pc;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

table.form input, table.form textarea {
    padding: 0 5px;
    height: 30px
}

table.form input[type=radio] {
    vertical-align: middle;
    margin: 0 10px 0 0
}

table.form input:focus, table.form textarea:focus {
    background: #ffc
}

table.form th {
    font-size: 1pc;
    font-weight: 700
}

.btn_list {
    text-align: center
}

.btn_list li {
    display: inline-block
}

#bg_main_plan {
    background: url(/img/pc/plan_index_main.png) no-repeat top left;
    width: 300px;
    height: 125px;
    padding: 75pt 0 25px 25pc
}

#bg_main_plan p {
    color: #729634
}

.plan_abbox {
    position: relative
}

.plan_ld_absolute {
    position: absolute;
    top: -111px;
    z-index: 1
}

.in_plan_index dt a, .in_plan_index dt a:hover, .in_plan_index dt a:link {
    color: #fff;
    text-decoration: underline
}

.in_plan_index div {
    margin: 30px 3px 0 0
}

.in_plan_index div, .in_plan_index div:nth-child(4) {
    float: left;
    vertical-align: top;
    width: 162px;
    min-height: 162px
}

.in_plan_index div:nth-child(4) {
    margin: 30px 0 0
}

.in_plan_index p {
    width: 150px
}

.in_plan_index div:nth-child(1) {
    background: url(/img/pc/plan_index_img0.png) top left no-repeat
}

.in_plan_index div:nth-child(2) {
    background: url(/img/pc/plan_index_img1.png) top left no-repeat
}

.in_plan_index div:nth-child(3) {
    background: url(/img/pc/plan_index_img2.png) top left no-repeat
}

.in_plan_index div:nth-child(4) {
    background: url(/img/pc/plan_index_img3.png) top left no-repeat
}

.in_plan_index dt {
    padding: 110px 0 0;
    color: #fff;
    text-align: center;
    display: block
}

.in_plan_index dd {
    font-size: 9pt;
    font-weight: 700;
    margin: 50px 0 10px
}

.in_plan_index p {
    font-size: 9pt
}

.in_plan_index .bottom_txt {
    vertical-align: bottom
}

.ico_evertree {
    background: url(/img/pc/common/ico_evertree.png) no-repeat;
    padding: 0 0 0 10px
}

.ico_company {
    background: url(/img/pc/common/ico_company.png) no-repeat;
    padding: 0 0 0 10px
}

.ico_google {
    background: url(/img/pc/common/ico_google.png) center left no-repeat;
    padding: 0 0 0 10px
}

.ico_yahoo {
    background: url(/img/pc/common/ico_yahoo.png) center left no-repeat;
    padding: 0 0 0 10px
}

.num {
    font-family: Roboto Condensed, sans-serif;
    letter-spacing: -.1px
}

.def_table {
    width: 100%
}

.def_table thead th {
    background: #dfdfdf;
    padding: 15px;
    text-align: center;
    line-height: 130%
}

.def_table thead th.eve {
    background: #729634;
    padding: 15px
}

.def_table tbody th {
    padding: 15px
}

.def_table tbody th, .def_table tbody tr.middle td {
    border-left: solid #e1e1e1 1px;
    border-bottom: solid #e1e1e1 1px;
    text-align: center
}

.def_table tbody tr.middle td {
    vertical-align: middle;
    padding: 15px 10px
}

.def_table tbody td {
    vertical-align: bottom;
    border-left: solid #e1e1e1 1px;
    border-bottom: solid #e1e1e1 1px;
    text-align: center;
    padding: 15px 10px
}

.def_table tbody {
    border-right: solid #e1e1e1 1px
}

.def_table .num {
    font-family: Roboto Condensed, sans-serif;
    font-size: 30px;
    letter-spacing: -.1px
}

.def_table .plice {
    color: #729634
}

.def_table .def_txt {
    line-height: 100%;
    margin: 0 0 10px;
    color: #999
}

.def_table .eve_bg {
    background: #e6f4d7
}

.key_rank_list {
    margin: 0 auto 0 20px
}

.hansoku_under {
    background: #729634;
    width: 346px;
    padding: 20px 10px 20px 25px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.hansoku_under_wrap .posi {
    position: relative
}

.hansoku_under_wrap .circle {
    position: absolute;
    top: 8px;
    left: 148px;
    z-index: 1;
    font-size: 18px;
    width: 5pc;
    height: 55px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #ff0;
    color: #729634;
    text-align: center;
    padding: 25px 2px 0;
    text-shadow: none;
    letter-spacing: -.1px;
    font-weight: 700
}

.hansoku_under_wrap .human {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 15px
}

.hansoku_under p {
    text-align: center;
    color: #fff;
    font-size: 20px
}

.hansoku_under .num {
    font-family: Roboto Condensed, sans-serif;
    font-weight: 400
}

.hansoku_plan_list li {
    float: left;
    margin: 0 3px 0 0
}

.hansoku_plan_list li:last-child {
    float: left;
    margin: 0
}

.brown_step_box {
    background: #51301a;
    color: #fff;
    width: 62px;
    padding: 3px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.brown_step_box .num {
    font-size: 26px
}

.ld_h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 3px 0 10px;
    color: #51301a
}

.plan_outcome_main {
    background: url(/img/pc/plan_outcome_main.jpg) no-repeat;
    width: 660px;
    padding: 75px 20px 0;
    height: 110px
}

.plan_outcome_main p.txt {
    color: #fff;
    font-size: 10px;
    font-family: ＭＳ\ ゴシック, MS Gothic, Osaka－等幅, Osaka-mono, monospace
}

.plan_outcome_main h1.tl {
    color: #fff;
    text-align: center;
    font-size: 27px;
    margin: 0 0 5px
}

.plan_outcome_photo {
    background: url(/img/pc/plan_outcome_photo.jpg) top left no-repeat
}

.plan_fix_photo, .plan_outcome_photo {
    width: 700px;
    height: 360px;
    margin: 0 auto 20px
}

.plan_fix_photo {
    background: url(/img/pc/plan_fix_photo.jpg) top left no-repeat
}

.plan_overhaul_photo {
    background: url(/img/pc/plan_overhaul_photo.jpg) top left no-repeat
}

.plan_overhaul_photo, .plan_penalty_photo {
    width: 700px;
    height: 360px;
    margin: 0 auto 20px
}

.plan_penalty_photo {
    background: url(/img/pc/plan_penalty_photo.jpg) top left no-repeat
}

.plan_fix_photo img
.plan_overhaul_photo img
.plan_penalty_photo img, .plan_outcome_photo img {
    float: right;
    margin: 50px 50px 0 0
}

.radius {
    width: 200px;
    height: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    background-color: rgba(114, 150, 52, .8);
    text-align: center;
    padding: 5pc 50px 20px;
    vertical-align: middle;
    margin: 30px 50px 0 0;
    float: right
}

.radius span {
    font-family: Roboto Condensed, sans-serif;
    font-size: 50px
}

.radius p {
    font-size: 26px;
    color: #fff;
    line-height: 180%;
    letter-spacing: -.1px
}

.min_gray_arrow_box {
    position: relative;
    border: 3px solid #;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 1pc;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #999;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    max-width: 130px;
    margin: 0 auto;
    letter-spacing: .1px
}

.min_gray_arrow_box:after, .min_gray_arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.min_gray_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #999;
    border-width: 10px;
    margin-left: -10px
}

.min_gray_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.merit_bg {
    background: url(/img/pc/plan_merit_bg.jpg) center no-repeat
}

.demerit_bg, .merit_bg {
    margin: 10px auto 0;
    text-align: center;
    vertical-align: middle;
    padding: 30px 10px
}

.demerit_bg {
    background: url(/img/pc/plan_demerit_bg.jpg) center no-repeat
}

.in_green_arrow_box {
    position: relative;
    border: 3px solid #;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 1pc;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/img/pc/common/bg_title_green.jpg) repeat;
    text-shadow: 0 0 3px rgba(0, 0, 0, .3);
    max-width: 100%;
    margin: 0 auto;
    letter-spacing: .1px
}

.in_green_arrow_box:after, .in_green_arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.in_green_arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #4e882d;
    border-width: 10px;
    margin-left: -10px
}

.in_green_arrow_box:before {
    border-color: transparent;
    border-top-color: #;
    border-width: 14px;
    margin-left: -14px
}

.green_waku {
    padding: 4px;
    border: 1px solid #bbe1a8
}

.perform_box dt {
    text-align: center
}

.perform_box dt, .perform_min_box dt {
    font-weight: 700;
    margin: 0 0 10px
}

.perform_box dd, .perform_min_box dd {
    text-align: left;
    margin: 0 0 20px
}

.perform_min_wrap {
    text-align: center
}

.perform_min_box {
    width: 31%;
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
}

.form_main {
    background: url(/img/pc/form_main.jpg) no-repeat;
    width: 660px;
    padding: 75px 20px 0;
    height: 110px
}

.form_main p.txt {
    color: #fff;
    font-size: 10px;
    font-family: ＭＳ\ ゴシック, MS Gothic, Osaka－等幅, Osaka-mono, monospace
}

.form_main h1.tl {
    color: #fff;
    text-align: center;
    font-size: 27px;
    margin: 0 0 5px
}

.rvw_men {
    background: url(/img/pc/common/plan0_rvw_men.jpg) top left no-repeat
}

.rvw_men, .rvw_women {
    padding: 90pt 0 0;
    text-align: center;
    width: 90pt
}

.rvw_women {
    background: url(/img/pc/common/plan0_rvw_women.jpg) top left no-repeat
}

.rate_list {
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.rate_list li {
    display: inline-block
}

.sum {
    font-family: Roboto Condensed, sans-serif;
    font-size: 22px;
    line-height: 130%
}

.rvw_box .tl {
    font-size: 1pc;
    background: url(/img/pc/common/ico2_g.jpg) no-repeat left top;
    padding: 3px 0 3px 30px;
    margin: 0 0 10px
}

.rvw_box .right_box {
    width: 80%;
    float: right
}

.rate {
    float: left
}

.add_date {
    float: right
}

.recomend {
    text-align: center;
    padding: 20px 0
}

.recomend div {
    display: inline-block;
    margin: 0 5px
}

.recomend dt {
    margin: 0 0 10px
}

.foot_list {
    text-align: center
}

.foot_list p, .foot_list p a {
    color: #fff;
    font-size: 1pc;
    text-align: left
}

.foot_list ul {
    padding: 0 0 0 15px
}

.foot_list li {
    font-size: 9pt;
    text-align: left;
    line-height: 200%
}

.foot_list_box {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px
}

.sns_list {
    margin: 24px 0 0
}

.foot_hansoku {
    background: #d3ddbf;
    padding: 5px 10px;
    box-shadow: 0 0 0 1px #241a0e, 0 0 0 2px #d3ddbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 10px 0 0
}

.foot_hansoku .margin {
    margin: 2px 50px 0 0
}

.foot_hansoku p {
    line-height: 120%
}

.foot_hansoku span.num {
    font-family: Roboto Condensed, sans-serif;
    font-weight: 400;
    letter-spacing: -.1px;
    font-size: 40px;
    color: #330
}

.sitemap_list {
    text-align: center
}

.sitemap_list p a {
    color: #729634
}

.sitemap_list p {
    font-size: 18px;
    color: #729634;
    text-align: left;
    border-left: #729634 solid 3px;
    padding: 0 0 0 10px
}

.sitemap_list ul {
    padding: 0 0 0 15px
}

.sitemap_list li {
    font-size: 14px;
    text-align: left;
    line-height: 200%
}

.sitemap_list_box {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 30px;
    width: 300px
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes a {
    0%, 20%, 50%, 80%, to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes a {
    0%, 20%, 50%, 80%, to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: a;
    animation-name: a
}

@-webkit-keyframes b {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes b {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: b;
    animation-name: b
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes c {
    0%, to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    0% {
        -ms-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.pulse {
    -webkit-animation-name: c;
    animation-name: c
}

@-webkit-keyframes d {
    0%, to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes d {
    0%, to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.shake {
    -webkit-animation-name: d;
    animation-name: d
}

@-webkit-keyframes e {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes e {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: e;
    animation-name: e
}

@-webkit-keyframes f {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes f {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

.tada {
    -webkit-animation-name: f;
    animation-name: f
}

@-webkit-keyframes g {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes g {
    0%, to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    0% {
        -ms-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    to {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.wobble {
    -webkit-animation-name: g;
    animation-name: g
}

@-webkit-keyframes h {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes h {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.bounceIn {
    -webkit-animation-name: h;
    animation-name: h
}

@-webkit-keyframes i {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes i {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInDown {
    -webkit-animation-name: i;
    animation-name: i
}

@-webkit-keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes j {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: j;
    animation-name: j
}

@-webkit-keyframes k {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes k {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.bounceInRight {
    -webkit-animation-name: k;
    animation-name: k
}

@-webkit-keyframes l {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes l {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.bounceInUp {
    -webkit-animation-name: l;
    animation-name: l
}

@-webkit-keyframes m {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes m {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

.bounceOut {
    -webkit-animation-name: m;
    animation-name: m
}

@-webkit-keyframes n {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes n {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    -webkit-animation-name: n;
    animation-name: n
}

@-webkit-keyframes o {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes o {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.bounceOutLeft {
    -webkit-animation-name: o;
    animation-name: o
}

@-webkit-keyframes p {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes p {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.bounceOutRight {
    -webkit-animation-name: p;
    animation-name: p
}

@-webkit-keyframes q {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes q {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    -webkit-animation-name: q;
    animation-name: q
}

@-webkit-keyframes r {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes r {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: r;
    animation-name: r
}

@-webkit-keyframes s {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes s {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: s;
    animation-name: s
}

@-webkit-keyframes t {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes t {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: t;
    animation-name: t
}

@-webkit-keyframes u {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes u {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: u;
    animation-name: u
}

@-webkit-keyframes v {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes v {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: v;
    animation-name: v
}

@-webkit-keyframes w {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes w {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: w;
    animation-name: w
}

@-webkit-keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: x;
    animation-name: x
}

@-webkit-keyframes y {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes y {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: y;
    animation-name: y
}

@-webkit-keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: z;
    animation-name: z
}

@-webkit-keyframes A {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes A {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: A;
    animation-name: A
}

@-webkit-keyframes B {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes B {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

.fadeOutDown {
    -webkit-animation-name: B;
    animation-name: B
}

@-webkit-keyframes C {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes C {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: C;
    animation-name: C
}

@-webkit-keyframes D {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes D {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

.fadeOutLeft {
    -webkit-animation-name: D;
    animation-name: D
}

@-webkit-keyframes E {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes E {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: E;
    animation-name: E
}

@-webkit-keyframes F {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes F {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

.fadeOutRight {
    -webkit-animation-name: F;
    animation-name: F
}

@-webkit-keyframes G {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes G {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: G;
    animation-name: G
}

@-webkit-keyframes H {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes H {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    -webkit-animation-name: H;
    animation-name: H
}

@-webkit-keyframes I {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes I {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: I;
    animation-name: I
}

@-webkit-keyframes J {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    to {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes J {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1)
    }
    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1)
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
    }
    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95)
    }
    to {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: J;
    animation-name: J
}

@-webkit-keyframes K {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes K {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: K;
    animation-name: K
}

@-webkit-keyframes L {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes L {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: L;
    animation-name: L
}

@-webkit-keyframes M {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes M {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: M;
    animation-name: M;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: N;
    animation-name: N
}

@-webkit-keyframes O {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg)
    }
    60%, 80% {
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg)
    }
    to {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes O {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg)
    }
    60%, 80% {
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg)
    }
    to {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: O;
    animation-name: O;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes P {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes P {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    to {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: P;
    animation-name: P;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes Q {
    0% {
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes Q {
    0% {
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center
    }
    to {
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: Q;
    animation-name: Q
}

@-webkit-keyframes R {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes R {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: R;
    animation-name: R
}

@-webkit-keyframes S {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes S {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: S;
    animation-name: S
}

@-webkit-keyframes T {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes T {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: T;
    animation-name: T
}

@-webkit-keyframes U {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes U {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: U;
    animation-name: U
}

@-webkit-keyframes V {
    0% {
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center
    }
    to {
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes V {
    0% {
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center
    }
    to {
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: V;
    animation-name: V
}

@-webkit-keyframes W {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes W {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: W;
    animation-name: W
}

@-webkit-keyframes X {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes X {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: X;
    animation-name: X
}

@-webkit-keyframes Y {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes Y {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom
    }
    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: Y;
    animation-name: Y
}

@-webkit-keyframes Z {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes Z {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    0%, to {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom
    }
    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: Z;
    animation-name: Z
}

@-webkit-keyframes ab {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ab {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: ab;
    animation-name: ab
}

@-webkit-keyframes bb {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bb {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: bb;
    animation-name: bb
}

@-webkit-keyframes cb {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes cb {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: cb;
    animation-name: cb
}

@-webkit-keyframes db {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes db {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

.slideOutLeft {
    -webkit-animation-name: db;
    animation-name: db
}

@-webkit-keyframes eb {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes eb {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

.slideOutRight {
    -webkit-animation-name: eb;
    animation-name: eb
}

@-webkit-keyframes fb {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fb {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    -webkit-animation-name: fb;
    animation-name: fb
}

@-webkit-keyframes gb {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        transform-origin: top left
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left
    }
    to {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes gb {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        transform-origin: top left
    }
    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        transform-origin: top left
    }
    40%, 80% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left
    }
    to {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: gb;
    animation-name: gb
}

@-webkit-keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

@keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}

.rollIn {
    -webkit-animation-name: hb;
    animation-name: hb
}

@-webkit-keyframes ib {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes ib {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: ib;
    animation-name: ib
}

/*add*/
.def_in_box {
    width: 90%;
    padding: 10px;
    border: solid 1px #CCC;
}

.copyright a{color: #FFFFFF}
.copyright a:link,
.copyright a:hover{text-decoration: none}
.comparison_table .current{
    background: #729634;
    color: #FFFFFF;
}

.def_table .current{
    background: #729634;
    color: #FFFFFF;
}