@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:900);
@import url(http://fonts.googleapis.com/css?family=Merriweather:700);
@import url(http://fonts.googleapis.com/css?family=Black+Ops+One);
.cf {
  zoom: 1; }
  .cf:before, .cf:after {
    content: "";
    display: table; }
  .cf:after {
    clear: both; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

.ie8 img {
  width: auto; }

.center {
  text-align: center; }

.clf {
  overflow: hidden; }

.fade {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease; }
  .fade:hover {
    opacity: 0.7; }

.pos-r {
  position: relative; }

.st {
  color: #ff3e1e; }

.fw-b {
  font-weight: bold; }

.fc-r {
  color: #cc0000; }

.td-u {
  text-decoration: underline; }

.wlm_regform_toggle {
  display: none; }

@media screen and (max-width: 767px) {
  #modal-overlay {
    z-index: 2000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.8); }
  #modal-content {
    margin: 0 auto;
    padding: 2%;
    position: fixed;
    display: none;
    position: fixed;
    z-index: 4000; }
    #modal-content .modal-close a {
      padding: 10px;
      cursor: pointer;
      color: #555;
      background: #ddd;
      text-align: center;
      text-decoration: none; }
      #modal-content .modal-close a:hover {
        background: #eee; }
  .chartWrap {
    margin-bottom: 5%;
    position: relative;
    top: -5%; }
    .chartWrap .chart iframe {
      width: 100%;
      height: 400px; }
  body {
    font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic pro", Osaka, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
    color: #333;
    font-size: 13px;
    letter-spacing: -0.001em;
    -webkit-text-size-adjust: 100%;
    background: #901a10;
    word-wrap: break-word; }
    body .fl-l {
      margin: 0;
      width: 100%;
      float: none; }
    body .fl-r {
      margin: 0;
      width: 100%;
      float: none; }
    body .pc {
      display: none; }
    body .container {
      margin: 0 auto;
      max-width: 1150px; }
    body .container2 {
      padding: 4%; }
    body #gHeader {
      margin: 0 auto;
      width: 100%;
      text-align: center; }
      body #gHeader #topbar {
        padding: 2%;
        color: #fff;
        -webkit-font-smoothing: antialiased; }
      body #gHeader #logo {
        margin-bottom: 4%; }
      body #gHeader #siteId {
        padding: 2% 7%;
        width: 100%;
        background: #fff; }
      body #gHeader #login {
        padding: 4%; }
        body #gHeader #login a {
          padding: 2% 5%;
          color: #fff;
          background: #7ABC1E;
          border: 2px solid #7ABC1E;
          text-decoration: none;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px; }
    body #information ul li {
      padding: 0 4%;
      font-size: 100%; }
      body #information ul li:last-child {
        padding-bottom: 0px; }
      body #information ul li time {
        margin-top: 4%;
        display: block;
        color: #aaa; }
      body #information ul li a {
        padding: 2% 0 4%;
        border-bottom: 1px solid #ccc;
        color: #1196e8;
        line-height: 150%;
        display: block;
        text-decoration: none; }
    body #main {
      width: 100%;
      font-size: 13px; }
      body #main article .min-h {
        min-height: 500px; }
        body #main article .min-h h1 span span.regular {
          padding: 0;
          border: none;
          display: inline-block;
          font-size: 1.1rem; }
          body #main article .min-h h1 span span.regular a {
            color: #fff;
            text-decoration: none; }
        body #main article .min-h h1 span span.vip {
          padding: 0;
          border: none;
          display: inline-block;
          font-size: 1.1rem; }
          body #main article .min-h h1 span span.vip a {
            color: #fff;
            text-decoration: none; }
      body #main article section {
        padding-bottom: 5%;
        background: #fff; }
        body #main article section:last-child {
          margin: 0; }
        body #main article section .btnPdfDownload {
          width: 100%;
          text-align: center;
          margin: 5% auto; }
          body #main article section .btnPdfDownload a {
            margin: 0;
            padding: 0;
            font-size: 100%;
            vertical-align: baseline;
            background: transparent; }
          body #main article section .btnPdfDownload img {
            width: 90%; }
        body #main article section p {
          margin-bottom: 5%;
          padding: 0 2% 0 2%;
          font-size: 1.3em;
          line-height: 1.7em; }
          body #main article section p:last-child {
            margin: 0; }
          body #main article section p small {
            font-size: 77%; }
          body #main article section p br {
            display: none; }
          body #main article section p a.greenButton {
            background-color: #44c767;
            border-radius: 8px;
            border: 1px solid #18ab29;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #2f6627;
            width: 96%;
            line-height: 120%; }
            body #main article section p a.greenButton br {
              display: inline; }
          body #main article section p .greenButton:hover {
            background-color: #5cbf2a; }
          body #main article section p .greenButton:active {
            position: relative;
            top: 1px; }
          body #main article section p a.redButton {
            background-color: #c6150d;
            border-radius: 8px;
            border: 1px solid #a40b05;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #2f6627;
            width: 96%;
            line-height: 120%; }
            body #main article section p a.redButton br {
              display: inline; }
          body #main article section p .redButton:hover {
            background-color: #ec4f1c; }
          body #main article section p .redButton:active {
            position: relative;
            top: 1px; }
          body #main article section p span.redBig {
            font-size: 150%;
            font-weight: bold;
            color: #f11918; }
        body #main article section p.double {
          margin-bottom: 10%;
          padding: 0 2% 0 2%;
          font-size: 1.3em;
          line-height: 1.7em; }
          body #main article section p.double:last-child {
            margin: 0; }
          body #main article section p.double small {
            font-size: 77%; }
          body #main article section p.double br {
            display: none; }
          body #main article section p.double a.greenButton {
            background-color: #44c767;
            border-radius: 8px;
            border: 1px solid #18ab29;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #2f6627;
            width: 96%;
            line-height: 120%; }
            body #main article section p.double a.greenButton br {
              display: inline; }
          body #main article section p.double .greenButton:hover {
            background-color: #5cbf2a; }
          body #main article section p.double .greenButton:active {
            position: relative;
            top: 1px; }
        body #main article section p.triple {
          margin-bottom: 15%;
          padding: 0 2% 0 2%;
          font-size: 1.3em;
          line-height: 1.7em; }
          body #main article section p.triple small {
            font-size: 77%; }
          body #main article section p.triple br {
            display: none; }
          body #main article section p.triple a.greenButton {
            background-color: #44c767;
            border-radius: 8px;
            border: 1px solid #18ab29;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #2f6627;
            width: 96%;
            line-height: 120%; }
            body #main article section p.triple a.greenButton br {
              display: inline; }
          body #main article section p.triple .greenButton:hover {
            background-color: #5cbf2a; }
          body #main article section p.triple .greenButton:active {
            position: relative;
            top: 1px; }
        body #main article section p.four {
          margin-bottom: 20%;
          padding: 0 2% 0 2%;
          font-size: 1.3em;
          line-height: 1.7em; }
          body #main article section p.four:last-child {
            margin: 0; }
          body #main article section p.four small {
            font-size: 77%; }
          body #main article section p.four br {
            display: none; }
          body #main article section p.four a.greenButton {
            background-color: #44c767;
            border-radius: 8px;
            border: 1px solid #18ab29;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #2f6627;
            width: 96%;
            line-height: 120%; }
            body #main article section p.four a.greenButton br {
              display: inline; }
          body #main article section p.four .greenButton:hover {
            background-color: #5cbf2a; }
          body #main article section p.four .greenButton:active {
            position: relative;
            top: 1px; }
        body #main article section h1 {
          margin-bottom: 5%;
          padding: 1% 0;
          background: #7ABC1E;
          color: #fff;
          font-size: 1.5em;
          line-height: 1.3em; }
          body #main article section h1 span {
            padding: 3% 2% 3% 3%;
            display: block;
            border-left: 4px solid #cfff73; }
        body #main article section .h2_01 {
          margin-bottom: 3%;
          padding: 0 2% 5px;
          border-bottom: 1px solid #7ABC1E;
          color: #7ABC1E;
          font-weight: bold;
          font-size: 167%;
          line-height: 140%;
          width: 96%;
          margin: 0 auto 4%; }
        body #main article section .h2_02 {
          background-color: #c9fd92;
          height: 36px;
          line-height: 190%;
          font-size: 150%;
          font-weight: bold;
          padding-left: 10px;
          margin-bottom: 12px; }
        body #main article section .kokuchi {
          color: #fff;
          font-size: 120%;
          font-weight: bold;
          text-align: center;
          line-height: 120%;
          background-color: #e62b10;
          width: 96%;
          padding: 3% 0;
          margin: 0 auto; }
        body #main article section .kokuchiWrap {
          background-color: #fff;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          padding: 3%;
          width: 96%;
          margin: 0 auto; }
          body #main article section .kokuchiWrap a.greenButton {
            background-color: #44c767;
            border-radius: 8px;
            border: 1px solid #18ab29;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #2f6627;
            width: 96%;
            line-height: 120%; }
            body #main article section .kokuchiWrap a.greenButton br {
              display: inline; }
          body #main article section .kokuchiWrap .greenButton:hover {
            background-color: #5cbf2a; }
          body #main article section .kokuchiWrap .greenButton:active {
            position: relative;
            top: 1px; }
          body #main article section .kokuchiWrap .grayButton {
            background-color: #dedede;
            border-radius: 8px;
            border: 1px solid #bbbbbb;
            display: inline-block;
            cursor: pointer;
            color: #666;
            font-family: Arial;
            font-size: 16px;
            padding: 14px 8px;
            text-decoration: none;
            /* text-shadow: 0px 1px 0px #2f6627; */
            width: 96%;
            line-height: 120%; }
            body #main article section .kokuchiWrap .grayButton br {
              display: inline; }
          body #main article section .kokuchiWrap .blackUnder {
            text-decoration: underline; }
          body #main article section .kokuchiWrap .blackBold {
            font-weight: bold; }
          body #main article section .kokuchiWrap .blackBoldUnder {
            font-weight: bold;
            text-decoration: underline; }
          body #main article section .kokuchiWrap .redBold {
            color: #cc0000;
            font-weight: bold; }
          body #main article section .kokuchiWrap .redBoldUnder {
            color: #cc0000;
            font-weight: bold; }
          body #main article section .kokuchiWrap h3 {
            background-color: #e62b10;
            color: #fff;
            font-size: 120%;
            font-weight: bold;
            padding: 4px 12px;
            margin-bottom: 12px;
            line-height: 120%;
            border-left: 3px solid #f89a1c; }
          body #main article section .kokuchiWrap h4 {
            background-color: #eee;
            color: #444;
            font-size: 16px;
            font-weight: bold;
            padding: 8px 12px;
            margin-bottom: 12px; }
          body #main article section .kokuchiWrap .checkList {
            border: 1px solid #ccc;
            padding: 3%;
            margin-bottom: 30px; }
            body #main article section .kokuchiWrap .checkList ul li {
              font-size: 110%;
              list-style: none;
              line-height: 150%;
              padding: 8px 0 8px 1em;
              background: url(../img/main/check.png) no-repeat left;
              background-size: contain;
              text-indent: 2em; }
        body #main article section .h3_01 {
          margin-bottom: 3%;
          padding: 2px 2.2% 2px 2%;
          font-size: 153.9%;
          font-weight: bold;
          border-left: 3px solid #7ABC1E; }
        body #main article section table, body #main article section tbody, body #main article section thead, body #main article section tfoot, body #main article section tr, body #main article section th, body #main article section td {
          display: block;
          text-align: left; }
        body #main article section ul.main {
          padding: 0 12px 14px;
          margin-bottom: 30px;
          border-bottom: 1px solid #7ABC1E;
          width: 96%;
          margin: 0 auto 5%; }
          body #main article section ul.main li {
            font-size: 123.1%;
            line-height: 150%;
            padding-left: 1em;
            text-indent: -1em; }
        body #main article section ul.normal {
          margin-bottom: 3%; }
          body #main article section ul.normal li {
            list-style: none;
            font-size: 1.3em;
            line-height: 1.7em; }
        body #main article section ul.normal02 {
          margin-bottom: 5%;
          padding-left: 12px; }
          body #main article section ul.normal02 li {
            font-size: 1.3em;
            list-style: none;
            line-height: 1.7em;
            padding: 0 12px 0 1em;
            text-indent: -1em; }
            body #main article section ul.normal02 li a {
              font-size: 100%; }
        body #main article section dl {
          margin-bottom: 5%; }
          body #main article section dl dt {
            font-size: 1.3em;
            line-height: 1.7em;
            padding: 0 12px; }
          body #main article section dl dd {
            font-size: 1.3em;
            line-height: 1.7em;
            padding: 0 12px; }
            body #main article section dl dd ul.normal02 {
              margin-bottom: 30px;
              padding-left: 12px; }
              body #main article section dl dd ul.normal02 li {
                font-size: 100%;
                list-style: none;
                line-height: 150%;
                padding: 0 12px 0 0;
                text-indent: -1em; }
            body #main article section dl dd a {
              font-size: 1em; }
          body #main article section dl dt.dtTitle {
            font-size: 1.3em;
            line-height: 1.7em;
            font-weight: bold;
            color: #333; }
          body #main article section dl dd.ddList {
            margin-bottom: 2%;
            padding-left: 1em; }
        body #main article section .sssHeader {
          width: 96%;
          margin: 0 auto 5%; }
        body #main article section .dlOriginal .dtTitle {
          background-color: #2c2c2c;
          color: #fff;
          font-size: 123.1%;
          font-weight: bold;
          padding: 0;
          border: 1px solid #2c2c2c;
          margin-bottom: 24px;
          width: 96%;
          margin: 0 auto 3%; }
          body #main article section .dlOriginal .dtTitle .left {
            width: 8%;
            color: #fff;
            font-size: 123.1%;
            font-weight: bold;
            float: left;
            padding: 6px 0;
            text-align: center; }
          body #main article section .dlOriginal .dtTitle .right {
            width: 92%;
            color: #2c2c2c;
            font-size: 123.1%;
            font-weight: bold;
            float: left;
            padding: 6px 8px 6px 8px;
            background-color: #ffd71c; }
        body #main article section .dlOriginal .dtSingle {
          width: 100%;
          background-color: #eaeaea;
          color: #2c2c2c;
          font-size: 123.1%;
          font-weight: bold;
          padding: 6px 0 6px 12px;
          margin-bottom: 24px;
          width: 96%;
          margin: 0 auto 3%; }
        body #main article section .dlOriginal .ddList {
          font-size: 100%;
          text-indent: 0; }
          body #main article section .dlOriginal .ddList p {
            font-size: 100%;
            margin-bottom: 30px;
            font-size: 123.1%;
            line-height: 150%;
            padding: 0; }
          body #main article section .dlOriginal .ddList ul li {
            padding-left: 1em;
            text-indent: -1em;
            font-size: 123.1%;
            line-height: 150%; }
        body #main article section h2.seminar {
          width: 96%;
          margin: 0 auto;
          height: 40px;
          color: #fff;
          font-size: 1.4em;
          font-weight: bold;
          padding: 8px 12px 12px;
          line-height: 24px;
          background-color: #2c2c2c; }
        body #main article section .seminarList {
          margin-bottom: 3%; }
          body #main article section .seminarList .first {
            border: 1px solid #ddd;
            padding: 4% 2%;
            width: 96%;
            margin: 0 auto;
            background-color: #F1F1F1; }
          body #main article section .seminarList .second {
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            padding: 4% 2%;
            width: 96%;
            margin: 0 auto; }
        body #main article section h2.mailBack {
          background-color: #ffffad;
          padding: 8px 10px;
          font-size: 1.4em;
          border: 1px dotted #bbb61d;
          margin-bottom: 5%; }
        body #main article section .videoWrap {
          margin: 0 auto 3%;
          max-width: 96%; }
          body #main article section .videoWrap .video {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden; }
            body #main article section .videoWrap .video iframe {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
        body #main article section .borderBox {
          width: 96%;
          margin: 0 auto;
          border: 1px solid #ddd;
          background-color: #fff;
          padding: 3%;
          margin-bottom: 5%; }
          body #main article section .borderBox .normal02:last-child {
            border-bottom: 0; }
        body #main article section #topInformation {
          width: 96%;
          margin: 0 auto 5%; }
          body #main article section #topInformation h2.info {
            width: 100%;
            height: 40px;
            color: #fff;
            font-size: 24px;
            font-weight: bold;
            padding: 8px 12px 12px;
            line-height: 24px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51a128+0,7abc1e+100 */
            background: #51a128;
            /* Old browsers */
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #51a128 0%, #7abc1e 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #51a128 0%, #7abc1e 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a128', endColorstr='#7abc1e',GradientType=1 );
            /* IE6-9 */ }
          body #main article section #topInformation .informationBox {
            border-left: 1px solid #999;
            border-right: 1px solid #999;
            border-bottom: 1px solid #999;
            padding: 12px 12px 12px 16px; }
            body #main article section #topInformation .informationBox ul li {
              list-style: none;
              font-size: 100%;
              line-height: 150%;
              border-bottom: 1px dotted #ccc;
              padding: 4px 0px 4px; }
              body #main article section #topInformation .informationBox ul li time {
                float: left;
                width: 100%; }
              body #main article section #topInformation .informationBox ul li a {
                font-size: 100%;
                text-decoration: none; }
            body #main article section #topInformation .informationBox ul li:last-child {
              border: none; }
        body #main article section .category-list .inner {
          padding: 1% 2%;
          width: 100%; }
          body #main article section .category-list .inner a {
            padding: 10% 4%;
            display: block;
            line-height: 1.3em;
            color: #7ABC1E;
            text-decoration: none;
            text-shadow: 1px 1px 0 white;
            -webkit-font-smoothing: antialiased;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
            body #main article section .category-list .inner a:hover {
              opacity: 0.7;
              color: #bd3420; }
          body #main article section .category-list .inner .category-01 {
            background: url(../img/category/cat_01.jpg) no-repeat right center;
            background-size: 80%; }
          body #main article section .category-list .inner .category-02 {
            background: url(../img/category/cat_02.jpg) no-repeat right 80%;
            background-size: 80%; }
          body #main article section .category-list .inner .category-03 {
            background: url(../img/category/cat_03.jpg) no-repeat right center;
            background-size: 80%; }
          body #main article section .category-list .inner .category-04 {
            background: url(../img/category/cat_04.jpg) no-repeat right center;
            background-size: 80%; }
          body #main article section .category-list .inner .cat {
            font-size: 1.2em; }
          body #main article section .category-list .inner .subCat {
            padding-left: 2.6em;
            font-size: 0.7em; }
        body #main article section .ta_01 {
          margin-bottom: 5%;
          padding: 0 2%;
          width: 100%; }
          body #main article section .ta_01 tr {
            margin-bottom: 5%;
            padding-bottom: 5%;
            border-bottom: 1px solid #478900; }
            body #main article section .ta_01 tr:last-child {
              margin-bottom: 0; }
            body #main article section .ta_01 tr th, body #main article section .ta_01 tr td {
              line-height: 150%;
              -webkit-font-smoothing: antialiased; }
            body #main article section .ta_01 tr th {
              margin-bottom: 2%;
              font-size: 189%;
              font-weight: 100;
              color: #7ABC1E; }
            body #main article section .ta_01 tr td {
              margin-bottom: 2%;
              font-size: 123.1%;
              word-wrap: break-word; }
              body #main article section .ta_01 tr td:last-child {
                padding: 0;
                margin-bottom: 0; }
        body #main article section #contact {
          padding: 5%; }
          body #main article section #contact table, body #main article section #contact tbody, body #main article section #contact thead, body #main article section #contact tfoot, body #main article section #contact tr, body #main article section #contact th, body #main article section #contact td {
            display: block;
            text-align: left; }
          body #main article section #contact table {
            width: 100%; }
            body #main article section #contact table .name th:after, body #main article section #contact table .address th:after, body #main article section #contact table .cat th:after, body #main article section #contact table .inquiry th:after {
              margin-left: 2%;
              padding: 3px;
              content: '必須';
              font-size: 70%;
              color: #fff;
              background: #c00;
              vertical-align: middle; }
            body #main article section #contact table tr {
              margin-bottom: 5%;
              padding-bottom: 5%;
              border-bottom: 1px solid #478900; }
              body #main article section #contact table tr:last-child {
                margin-bottom: 0; }
              body #main article section #contact table tr th {
                margin-bottom: 2%;
                font-size: 189%;
                font-weight: 100;
                color: #7ABC1E;
                -webkit-font-smoothing: antialiased; }
              body #main article section #contact table tr td p {
                margin-bottom: 2%;
                font-size: 123.1%; }
                body #main article section #contact table tr td p:last-child {
                  padding: 0;
                  margin-bottom: 0; }
                body #main article section #contact table tr td p span {
                  margin-right: 2%;
                  padding: 3px;
                  color: #fff;
                  background: #555; }
              body #main article section #contact table tr td input, body #main article section #contact table tr td textarea {
                margin-bottom: 2%;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px; }
              body #main article section #contact table tr td .textarea-945, body #main article section #contact table tr td .file-70 {
                margin-right: 0;
                padding: 0;
                background: none; }
              body #main article section #contact table tr td input[type="text"], body #main article section #contact table tr td input[type="url"], body #main article section #contact table tr td input[type="email"], body #main article section #contact table tr td textarea {
                padding: 2%;
                width: 100%;
                border: 1px solid #ccc;
                background: #f1f6f8; }
                body #main article section #contact table tr td input[type="text"]:focus, body #main article section #contact table tr td input[type="url"]:focus, body #main article section #contact table tr td input[type="email"]:focus, body #main article section #contact table tr td textarea:focus {
                  background: #fff; }
              body #main article section #contact table tr .required {
                display: none; }
          body #main article section #contact .contactBtn {
            margin: 5% 0;
            padding: 3%;
            width: 100%;
            color: #fff;
            letter-spacing: 0.1em;
            font-size: 138.5%;
            font-weight: 100;
            background: #7ABC1E;
            border: none;
            border-bottom: 5px solid #478900;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-font-smoothing: antialiased;
            -webkit-appearance: none; }
            body #main article section #contact .contactBtn:hover {
              cursor: pointer;
              background: #9cde40; }
        body #main article section #faq_list li {
          border-bottom: 1px dotted #ccc; }
          body #main article section #faq_list li:last-child {
            border-bottom: none; }
          body #main article section #faq_list li a {
            padding: 5% 3%;
            display: block;
            color: #333;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
            overflow: hidden; }
            body #main article section #faq_list li a .question {
              float: left;
              width: 8%;
              color: #7ABC1E;
              font-size: 2em;
              font-family: 'Merriweather', serif;
              font-weight: 700; }
            body #main article section #faq_list li a .no-question-title {
              float: none;
              width: 100%;
              font-size: 1.3em; }
            body #main article section #faq_list li a .question-title {
              float: right;
              width: 90%;
              font-size: 1.3em; }
              body #main article section #faq_list li a .question-title .number {
                color: #bbb;
                font-family: 'Raleway', sans-serif;
                font-weight: 900; }
        body #main article section .faq_h2 {
          padding: 2%;
          margin-bottom: 2%;
          padding-left: 25px;
          padding-bottom: 1%;
          text-indent: -22px;
          color: #7ABC1E;
          font-size: 153.9%;
          border-bottom: 1px solid #7ABC1E;
          line-height: 140%; }
          body #main article section .faq_h2 span {
            font-family: 'Merriweather', serif;
            font-weight: 700; }
        body #main article section .wlm_regform_improved {
          margin: 0;
          padding: 0;
          border: none;
          text-decoration: none;
          width: 100%;
          height: auto;
          border-radius: 0;
          margin: 0 2%;
          padding: 5%;
          width: 96%;
          background: #f3f3f3;
          color: #7ABC1E;
          min-width: 320px;
          max-width: 1000px;
          font-size: 1.2em;
          text-shadow: none !important; }
          body #main article section .wlm_regform_improved .wlm_regform_new_user {
            background: none; }
          body #main article section .wlm_regform_improved .wlm_form_group {
            margin: 0;
            padding: 0;
            border: none;
            text-decoration: none;
            width: 100%;
            height: auto;
            border-radius: 0;
            margin-bottom: 5%; }
            body #main article section .wlm_regform_improved .wlm_form_group .wlm_form_label {
              margin: 0;
              padding: 0;
              border: none;
              text-decoration: none;
              width: 100%;
              height: auto;
              border-radius: 0;
              margin-bottom: 1.2%;
              padding: 2%;
              width: 100%;
              text-align: left;
              background: #333;
              color: #fff;
              border-radius: 3px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px; }
            body #main article section .wlm_regform_improved .wlm_form_group input {
              padding: 3%;
              width: 100%;
              border-radius: 3px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px; }
          body #main article section .wlm_regform_improved input[type="submit"] {
            margin: 0;
            padding: 0;
            border: none;
            text-decoration: none;
            width: 100%;
            height: auto;
            border-radius: 0;
            padding: 4%;
            width: 100%;
            color: #fff;
            letter-spacing: 0.1em;
            font-size: 1.3em;
            font-weight: 100;
            background: #7ABC1E;
            border: none;
            border-bottom: 5px solid #478900;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px; }
            body #main article section .wlm_regform_improved input[type="submit"]:hover {
              cursor: pointer;
              background: #9cde40; }
        body #main article section .download {
          margin-bottom: 5%;
          overflow: hidden; }
          body #main article section .download .mp3 {
            float: left;
            width: 50%; }
          body #main article section .download .pdf {
            float: right;
            width: 50%; }
        body #main article section .downloadBtn {
          margin-bottom: 5%;
          text-align: center; }
          body #main article section .downloadBtn p {
            color: #7ABC1E !important;
            margin-bottom: 10px !important;
            font-size: 108% !important; }
          body #main article section .downloadBtn a {
            padding: 5% 3%;
            display: block;
            color: #fff;
            text-decoration: none;
            background: #7ABC1E;
            border-bottom: 5px solid #256700;
            letter-spacing: 0.1em;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px; }
          body #main article section .downloadBtn small {
            font-size: 108%; }
        body #main article section .link_01 {
          text-align: center; }
          body #main article section .link_01 a {
            padding: 3% 2% 2%;
            display: block;
            color: #fff;
            text-decoration: none;
            background: #d71d1d;
            border-bottom: 5px solid #820000;
            letter-spacing: 0.1em;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
            body #main article section .link_01 a:hover {
              background: #ff5050; }
        body #main article section .list_01 li {
          padding: 10px;
          margin-bottom: 4%;
          color: #fff;
          background: #55b525;
          font-size: 153.9%; }
        body #main article section .list_02 li {
          margin-bottom: 4%;
          font-size: 123.1%;
          line-height: 150%;
          -webkit-font-smoothing: antialiased; }
          body #main article section .list_02 li span {
            margin-right: 1.5%;
            padding: 1%;
            color: #7ABC1E;
            background: #dae7f0;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px; }
        body #main article section #curriculum li {
          padding: 15px;
          margin-bottom: 10px;
          color: #fff;
          background: #7ABC1E;
          font-weight: 100;
          font-size: 138.5%; }
          body #main article section #curriculum li:last-child {
            margin-bottom: 0; }
          body #main article section #curriculum li span {
            padding-bottom: 3px;
            margin-bottom: 8px;
            font-family: 'Black Ops One', cursive;
            font-size: 124%;
            display: block;
            border-bottom: 1px dashed #fff; }
        body #main article section #comments .comments-title {
          margin-bottom: 3%;
          padding: 2%;
          background: #7ABC1E;
          color: #fff;
          font-size: 1.5em;
          line-height: 1.5em; }
        body #main article section #comments #respond {
          margin-bottom: 5%;
          padding: 2%;
          background: #eee;
          border: 1px solid #ccc; }
          body #main article section #comments #respond #reply-title {
            margin-bottom: 2%;
            font-size: 1.5em; }
          body #main article section #comments #respond #author {
            padding: 5px;
            width: 100%;
            font-size: 1em; }
          body #main article section #comments #respond #comment {
            padding: 5px;
            width: 100%;
            min-height: 50%;
            font-size: 1em; }
          body #main article section #comments #respond #submit {
            padding: 4%;
            width: 100%;
            background: #c00;
            font-size: 1.1em;
            color: #fff;
            border: none;
            cursor: pointer;
            -webkit-appearance: none;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            box-shadow: 0 7px 0 0 #460000;
            position: relative;
            top: 0; }
            body #main article section #comments #respond #submit:hover {
              box-shadow: 0 1px 0 0 #460000;
              top: 6px; }
        body #main article section #comments p {
          margin-bottom: 2%; }
        body #main article section #comments .comment-list .fn {
          padding-left: 2%;
          font-style: normal;
          font-size: 1.2em;
          font-weight: bold; }
        body #main article section #comments .comment-list .comment-author {
          margin-bottom: 2%; }
        body #main article section #comments .comment-list .reply {
          display: none; }
        body #main article section #comments .comment-list .depth-1 {
          margin-bottom: 3%;
          border-bottom: 1px dotted #ccc; }
        body #main article section #comments .comment-list .children {
          margin-bottom: 3%;
          padding: 2%;
          background: #e5ecee;
          border: 1px solid #9eabba; }
          body #main article section #comments .comment-list .children .comment-body {
            background: none; }
          body #main article section #comments .comment-list .children .comment-author {
            padding: 0; }
          body #main article section #comments .comment-list .children .fn {
            padding: 0; }
      body #main aside #asideInner {
        background: #fff; }
        body #main aside #asideInner p {
          padding: 4%;
          font-size: 150%;
          line-height: 120%; }
          body #main aside #asideInner p:last-child {
            margin: 0; }
        body #main aside #asideInner .qaFrame p {
          color: #fff;
          background: #7ABC1E; }
        body #main aside #asideInner .qaFrame .qaFrameInner {
          padding: 4%; }
        body #main aside #asideInner #catChildList ul {
          overflow: hidden; }
          body #main aside #asideInner #catChildList ul li {
            float: left;
            width: 50%; }
            body #main aside #asideInner #catChildList ul li:last-child {
              border-bottom: none; }
            body #main aside #asideInner #catChildList ul li a {
              padding: 10% 5%;
              display: block;
              color: #7ABC1E;
              font-size: 1em;
              line-height: 1.3em; }
          body #main aside #asideInner #catChildList ul li:nth-child(odd) {
            border-bottom: 1px solid #7ABC1E;
            border-right: 1px solid #7ABC1E; }
          body #main aside #asideInner #catChildList ul li:nth-child(even) {
            border-bottom: 1px solid #7ABC1E; }
        body #main aside #asideInner .menu img {
          border-bottom: 2px solid #fff; }
        body #main aside #asideInner .open ul li {
          border-bottom: 2px solid #fff; }
          body #main aside #asideInner .open ul li a {
            padding: 2% 5%;
            display: block;
            color: #7ABC1E;
            background: #ffffef;
            text-decoration: none;
            font-size: 1.3em;
            line-height: 1em;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
            body #main aside #asideInner .open ul li a:hover {
              background: #fffffb; }
        body #main aside #asideInner .open ul .no-post {
          padding: 2% 5%;
          font-size: 1.3em;
          line-height: 1em;
          background: #ddd;
          color: #555; }
        body #main aside #asideInner .chat {
          border: 1px solid #999;
          width: 96%;
          margin: 0 auto 5%; }
          body #main aside #asideInner .chat h2 {
            background-color: #2c2c2c;
            color: #fff;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            padding: 10px 0;
            border-bottom: 4px solid #e61b0e; }
          body #main aside #asideInner .chat .quick-chat-container .quick-chat-links .quick-chat-ban-link,
          body #main aside #asideInner .chat .quick-chat-container .quick-chat-links .quick-chat-transcript-link {
            display: none; }
    body #pageTopArea {
      margin: 0 auto;
      display: block;
      width: 100%;
      text-align: center; }
      body #pageTopArea #page-top a {
        padding: 4% 0;
        display: block;
        text-decoration: none;
        background: #ccc;
        color: #666; }
        body #pageTopArea #page-top a:hover {
          background: #ddd; }
    body #gFooter {
      width: 100%;
      background: #111; }
      body #gFooter #gFooterNavi {
        font-size: 93%;
        text-align: center; }
        body #gFooter #gFooterNavi .copyright {
          padding: 3%;
          color: #fff; }
        body #gFooter #gFooterNavi ul li {
          list-style: none;
          border-bottom: 1px solid #666; }
          body #gFooter #gFooterNavi ul li a {
            padding: 3% 0;
            display: block;
            width: 100%;
            height: auto;
            text-decoration: none;
            background: #333;
            color: #fff;
            position: relative; }
            body #gFooter #gFooterNavi ul li a:after {
              content: url(../img/arrow_ico_01.png);
              position: absolute;
              right: 2%; }
            body #gFooter #gFooterNavi ul li a:hover {
              background: #555; }
    body .span_1, body .span_2, body .span_3, body .span_4, body .span_5, body .span_6, body .span_7, body .span_8, body .span_9, body .span_10, body .span_11, body .span_12, body .span_1_0, body .span_2_0, body .span_3_0, body .span_4_0, body .span_5_0, body .span_6_0, body .span_7_0, body .span_8_0, body .span_9_0, body .span_10_0, body .span_11_0, body .span_12_0 {
      width: 100%; } }

@media screen and (min-width: 768px) {
  body {
    font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic pro", Osaka, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
    color: #333;
    font-size: 13px;
    letter-spacing: -0.001em;
    -webkit-text-size-adjust: 100%;
    background: #eee; }
    body .chartWrap {
      margin: 0 auto 3%;
      width: 700px; }
      body .chartWrap .chart {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden; }
        body .chartWrap .chart iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    body .fl-l {
      margin-right: 2%;
      display: block;
      float: left;
      width: auto; }
    body .fl-r {
      margin-left: 2%;
      display: block;
      float: right;
      width: auto; }
    body .sp {
      display: none; }
    body .container {
      margin: 0 auto;
      max-width: 1150px; }
    body .container2 {
      padding: 3%; }
    body .pic_01 {
      margin-bottom: 5%;
      width: 100%; }
    body #wrapper {
      background: #eee; }
    body #gHeader {
      margin-bottom: 20px;
      width: 100%;
      border-top: 10px solid #7ABC1E;
      box-shadow: 0px 0px 10px #ccc; }
      body #gHeader #rightNav {
        width: 60%; }
      body #gHeader #logo {
        width: 30%; }
      body #gHeader #support_nav {
        margin-bottom: 28px; }
        body #gHeader #support_nav li a {
          color: #333;
          text-decoration: none;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-font-smoothing: antialiased; }
          body #gHeader #support_nav li a:hover {
            opacity: 0.7; }
      body #gHeader #siteId {
        padding: 15px;
        background: #fff; }
      body #gHeader #login {
        width: 50%;
        text-align: right; }
        body #gHeader #login a {
          padding: 3% 7%;
          color: #fff;
          background: #7ABC1E;
          border: 2px solid #7ABC1E;
          text-decoration: none;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -o-transition: all 0.2s ease; }
          body #gHeader #login a:hover {
            background: #fff;
            color: #7ABC1E; }
    body #information ul {
      padding: 20px;
      border: 1px solid #ccc; }
      body #information ul li {
        margin-bottom: 20px;
        font-size: 93%; }
        body #information ul li:last-child {
          margin-bottom: 0px; }
        body #information ul li time {
          margin-right: 10px;
          color: #aaa; }
    body #main {
      min-height: 800px;
      width: 100%;
      font-size: 13px; }
      body #main article {
        margin-bottom: 15%;
        width: 74%;
        background: #fff;
        box-shadow: 0px 0px 10px #ccc; }
        body #main article .min-h {
          min-height: 500px; }
          body #main article .min-h h1 span span.regular {
            padding: 0;
            border: none;
            display: inline-block;
            font-size: 1.1rem; }
            body #main article .min-h h1 span span.regular a {
              color: #fff;
              text-decoration: none; }
          body #main article .min-h h1 span span.vip {
            padding: 0;
            border: none;
            display: inline-block;
            font-size: 1.1rem; }
            body #main article .min-h h1 span span.vip a {
              color: #fff;
              text-decoration: none; }
        body #main article section {
          padding: 20px;
          margin-bottom: 3%; }
          body #main article section:last-child {
            margin: 0; }
          body #main article section .btnPdfDownload {
            width: 100%;
            text-align: center;
            margin: 5% auto 1%; }
            body #main article section .btnPdfDownload a {
              margin: 0;
              padding: 0;
              font-size: 100%;
              vertical-align: baseline;
              background: transparent; }
            body #main article section .btnPdfDownload img {
              width: 50%; }
          body #main article section .annotation {
            margin-bottom: 5%; }
            body #main article section .annotation p {
              font-size: 12px; }
          body #main article section p {
            margin-bottom: 30px;
            font-size: 123.1%;
            line-height: 150%;
            padding: 0 12px; }
            body #main article section p:last-child {
              margin: 0; }
            body #main article section p a {
              font-size: 100%; }
            body #main article section p small {
              font-size: 77%; }
            body #main article section p a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 24px;
              padding: 14px 36px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 500px; }
              body #main article section p a.greenButton br {
                display: none; }
            body #main article section p .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section p a.redButton {
              background-color: #c6150d;
              border-radius: 8px;
              border: 1px solid #a40b05;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 24px;
              padding: 14px 36px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 500px; }
              body #main article section p a.redButton br {
                display: none; }
            body #main article section p .redButton:hover {
              background-color: #ec4f1c; }
            body #main article section p .greenButton:active {
              position: relative;
              top: 1px; }
            body #main article section p span.redBig {
              font-size: 180%;
              font-weight: bold;
              color: #f11918; }
          body #main article section p.double {
            margin-bottom: 60px;
            font-size: 123.1%;
            line-height: 150%;
            padding: 0 12px; }
            body #main article section p.double:last-child {
              margin: 0; }
            body #main article section p.double a {
              font-size: 100%; }
            body #main article section p.double small {
              font-size: 77%; }
            body #main article section p.double a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 16px;
              padding: 14px 76px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 500px; }
              body #main article section p.double a.greenButton br {
                display: none; }
            body #main article section p.double .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section p.double .greenButton:active {
              position: relative;
              top: 1px; }
          body #main article section p.triple {
            margin-bottom: 90px;
            font-size: 123.1%;
            line-height: 150%;
            padding: 0 12px; }
            body #main article section p.triple a {
              font-size: 100%; }
            body #main article section p.triple small {
              font-size: 77%; }
            body #main article section p.triple a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 16px;
              padding: 14px 76px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 500px; }
              body #main article section p.triple a.greenButton br {
                display: none; }
            body #main article section p.triple .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section p.triple .greenButton:active {
              position: relative;
              top: 1px; }
          body #main article section p.four {
            margin-bottom: 120px;
            font-size: 123.1%;
            line-height: 150%;
            padding: 0 12px; }
            body #main article section p.four:last-child {
              margin: 0; }
            body #main article section p.four a {
              font-size: 100%; }
            body #main article section p.four small {
              font-size: 77%; }
            body #main article section p.four a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 16px;
              padding: 14px 76px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 500px; }
              body #main article section p.four a.greenButton br {
                display: none; }
            body #main article section p.four .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section p.four .greenButton:active {
              position: relative;
              top: 1px; }
          body #main article section h1 {
            margin-bottom: 20px;
            padding: 7px 0;
            background: #7ABC1E;
            color: #fff;
            font-size: 167%;
            line-height: 130%;
            -webkit-font-smoothing: antialiased; }
            body #main article section h1 span {
              padding: 5px 12px;
              display: block;
              border-left: 3px solid #cfff73; }
          body #main article section .h2_01 {
            margin-bottom: 2%;
            padding-bottom: 5px;
            border-bottom: 1px solid #7ABC1E;
            color: #7ABC1E;
            font-weight: bold;
            font-size: 167%;
            line-height: 140%; }
          body #main article section .h2_02 {
            background-color: #c9fd92;
            height: 36px;
            line-height: 190%;
            font-size: 150%;
            font-weight: bold;
            padding-left: 10px;
            margin-bottom: 12px; }
          body #main article section .kokuchi {
            color: #fff;
            font-size: 200%;
            font-weight: bold;
            height: 100px;
            text-align: center;
            line-height: 380%;
            background-color: #e62b10; }
          body #main article section .kokuchiWrap {
            background-color: #fff;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 24px;
            margin-bottom: 30px; }
            body #main article section .kokuchiWrap a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 24px;
              padding: 14px 76px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 500px; }
              body #main article section .kokuchiWrap a.greenButton br {
                display: none; }
            body #main article section .kokuchiWrap .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section .kokuchiWrap .greenButton:active {
              position: relative;
              top: 1px; }
            body #main article section .kokuchiWrap .blackUnder {
              text-decoration: underline; }
            body #main article section .kokuchiWrap .blackBold {
              font-weight: bold; }
            body #main article section .kokuchiWrap .blackBoldUnder {
              font-weight: bold;
              text-decoration: underline; }
            body #main article section .kokuchiWrap .redBold {
              color: #cc0000;
              font-weight: bold; }
            body #main article section .kokuchiWrap .redBoldUnder {
              color: #cc0000;
              font-weight: bold; }
            body #main article section .kokuchiWrap h3 {
              background-color: #e62b10;
              color: #fff;
              font-size: 18px;
              font-weight: bold;
              padding: 4px 12px;
              margin-bottom: 12px;
              border-left: 3px solid #f89a1c; }
            body #main article section .kokuchiWrap h4 {
              background-color: #eee;
              color: #444;
              font-size: 16px;
              font-weight: bold;
              padding: 8px 12px;
              margin-bottom: 12px; }
            body #main article section .kokuchiWrap .checkList {
              border: 1px solid #ccc;
              padding: 24px;
              margin-bottom: 30px; }
              body #main article section .kokuchiWrap .checkList ul li {
                font-size: 123.1%;
                list-style: none;
                line-height: 150%;
                padding: 8px 0 8px 1em;
                background: url(../img/main/check.png) no-repeat left;
                background-size: contain;
                text-indent: 2em; }
          body #main article section h3 {
            margin-bottom: 2%;
            padding: 2px 0 2px 5px;
            font-size: 153.9%;
            line-height: 140%;
            border-left: 3px solid #7ABC1E; }
          body #main article section a {
            font-size: 123.1%;
            color: #1196e8; }
            body #main article section a:hover {
              text-decoration: none;
              color: #33b8ff; }
          body #main article section ul.main {
            padding: 0 12px 14px;
            margin-bottom: 30px;
            border-bottom: 1px solid #7ABC1E; }
            body #main article section ul.main li {
              font-size: 123.1%;
              line-height: 150%; }
          body #main article section ul.normal {
            margin-bottom: 30px; }
            body #main article section ul.normal li {
              list-style: none;
              line-height: 180%; }
          body #main article section ul.normal02 {
            margin-bottom: 30px;
            padding-left: 12px; }
            body #main article section ul.normal02 li {
              font-size: 123.1%;
              list-style: none;
              line-height: 150%;
              padding: 0 12px 0 1em;
              text-indent: -1em; }
              body #main article section ul.normal02 li a {
                font-size: 100%; }
          body #main article section dl {
            margin-bottom: 30px; }
            body #main article section dl dt {
              font-size: 123.1%;
              line-height: 150%;
              padding: 0 12px; }
            body #main article section dl dd {
              font-size: 123.1%;
              line-height: 150%;
              padding: 0 12px; }
              body #main article section dl dd ul.normal02 {
                margin-bottom: 30px;
                padding-left: 12px; }
                body #main article section dl dd ul.normal02 li {
                  font-size: 100%;
                  list-style: none;
                  line-height: 150%;
                  padding: 0 12px 0 0;
                  text-indent: -1em; }
              body #main article section dl dd a {
                font-size: 100%; }
            body #main article section dl dt.dtTitle {
              font-size: 123.1%;
              line-height: 150%;
              font-weight: bold;
              color: #333; }
            body #main article section dl dd.ddList {
              margin-bottom: 4px;
              text-indent: 0.8em;
              padding-left: 1em; }
          body #main article section .sssHeader {
            margin-bottom: 24px; }
          body #main article section .dlOriginal .dtTitle {
            background-color: #2c2c2c;
            color: #fff;
            font-size: 123.1%;
            font-weight: bold;
            padding: 0;
            border: 1px solid #2c2c2c;
            margin-bottom: 24px; }
            body #main article section .dlOriginal .dtTitle .left {
              width: 4%;
              color: #fff;
              font-size: 123.1%;
              font-weight: bold;
              float: left;
              padding: 6px 0;
              text-align: center; }
            body #main article section .dlOriginal .dtTitle .right {
              width: 96%;
              color: #2c2c2c;
              font-size: 123.1%;
              font-weight: bold;
              float: left;
              padding: 6px 0 6px 8px;
              background-color: #ffd71c; }
          body #main article section .dlOriginal .dtSingle {
            width: 100%;
            background-color: #eaeaea;
            color: #2c2c2c;
            font-size: 123.1%;
            font-weight: bold;
            padding: 6px 0 6px 12px;
            margin-bottom: 24px; }
          body #main article section .dlOriginal .ddList {
            font-size: 100%;
            text-indent: 0; }
            body #main article section .dlOriginal .ddList p {
              font-size: 100%;
              margin-bottom: 30px;
              font-size: 123.1%;
              line-height: 150%;
              padding: 0; }
            body #main article section .dlOriginal .ddList ul li {
              padding-left: 1em;
              text-indent: -1em;
              font-size: 123.1%;
              line-height: 150%; }
          body #main article section h2.seminar {
            background-color: #2c2c2c;
            color: #fff;
            font-size: 24px;
            font-weight: bold;
            width: 100%;
            height: 40px;
            padding: 8px 12px 12px;
            line-height: 24px; }
          body #main article section table a:link {
            color: #666;
            font-weight: bold;
            text-decoration: none; }
          body #main article section table a:visited {
            color: #999999;
            font-weight: bold;
            text-decoration: none; }
          body #main article section table a:active,
          body #main article section table a:hover {
            color: #bd5a35;
            text-decoration: underline; }
          body #main article section table {
            font-family: Arial, Helvetica, sans-serif;
            color: #666;
            font-size: 16px;
            text-shadow: 1px 1px 0px #fff;
            background: #eaebec;
            border: #ccc 1px solid;
            width: 100%;
            margin-bottom: 30px; }
          body #main article section table th {
            padding: 21px 25px 22px 25px;
            border-bottom: 1px solid #e0e0e0;
            background: #ededed;
            background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
            background: -moz-linear-gradient(top, #ededed, #ebebeb); }
          body #main article section table th:first-child {
            text-align: left;
            padding-left: 20px; }
          body #main article section table tr:first-child th:first-child {
            border-top-left-radius: 3px;
            border-right: 1px solid #e0e0e0; }
          body #main article section table tr:first-child th:last-child {
            border-top-right-radius: 3px;
            border-left: 1px solid #e0e0e0; }
          body #main article section table tr {
            text-align: left;
            padding-left: 20px; }
          body #main article section table tr td:first-child {
            text-align: left;
            padding-left: 20px;
            border-left: 0; }
          body #main article section table tr td {
            padding: 18px;
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #e0e0e0;
            border-left: 1px solid #e0e0e0;
            background: #fafafa;
            background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
            background: -moz-linear-gradient(top, #fbfbfb, #fafafa); }
            body #main article section table tr td a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 18px;
              padding: 6px 16px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 100%; }
              body #main article section table tr td a.greenButton br {
                display: none; }
            body #main article section table tr td .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section table tr td .greenButton:active {
              position: relative;
              top: 1px; }
            body #main article section table tr td .grayButton {
              background-color: #dedede;
              border-radius: 8px;
              border: 1px solid #bbbbbb;
              display: inline-block;
              /* cursor: pointer; */
              color: #666;
              font-family: Arial;
              font-size: 18px;
              padding: 6px 16px;
              text-decoration: none;
              /* text-shadow: 0px 1px 0px #2f6627; */
              width: 100%; }
          body #main article section table tr.even td {
            background: #f6f6f6;
            background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
            background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); }
            body #main article section table tr.even td a.greenButton {
              background-color: #44c767;
              border-radius: 8px;
              border: 1px solid #18ab29;
              display: inline-block;
              cursor: pointer;
              color: #ffffff;
              font-family: Arial;
              font-size: 18px;
              padding: 6px 16px;
              text-decoration: none;
              text-shadow: 0px 1px 0px #2f6627;
              width: 100%; }
              body #main article section table tr.even td a.greenButton br {
                display: none; }
            body #main article section table tr.even td .greenButton:hover {
              background-color: #5cbf2a; }
            body #main article section table tr.even td .greenButton:active {
              position: relative;
              top: 1px; }
            body #main article section table tr.even td .grayButton {
              background-color: #dedede;
              border-radius: 8px;
              border: 1px solid #bbbbbb;
              display: inline-block;
              /* cursor: pointer; */
              color: #666;
              font-family: Arial;
              font-size: 18px;
              padding: 6px 16px;
              text-decoration: none;
              /* text-shadow: 0px 1px 0px #2f6627; */
              width: 100%; }
          body #main article section table tr:last-child td {
            border-bottom: 0; }
          body #main article section table tr:last-child td:first-child {
            border-bottom-left-radius: 3px; }
          body #main article section table tr:last-child td:last-child {
            border-bottom-right-radius: 3px; }
          body #main article section table tr:hover td {
            background: #f2f2f2;
            background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
            background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); }
          body #main article section h2.mailBack {
            background-color: #ffffad;
            padding: 8px 10px;
            font-size: 1.4em;
            border: 1px dotted #bbb61d;
            margin-bottom: 30px; }
          body #main article section .videoWrap {
            margin: 0 auto 3%;
            max-width: 100%; }
            body #main article section .videoWrap .video {
              position: relative;
              padding-bottom: 56.25%;
              padding-top: 30px;
              height: 0;
              overflow: hidden; }
              body #main article section .videoWrap .video iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
          body #main article section .borderBox {
            width: 90%;
            margin: 0 auto;
            border: 1px solid #ddd;
            background-color: #fff;
            padding: 24px;
            margin-bottom: 30px; }
            body #main article section .borderBox .normal02:last-child {
              margin-bottom: 0; }
          body #main article section #topInformation {
            width: 100%;
            margin-bottom: 30px; }
            body #main article section #topInformation h2.info {
              width: 100%;
              height: 40px;
              color: #fff;
              font-size: 24px;
              font-weight: bold;
              padding: 8px 12px 12px;
              line-height: 24px;
              /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51a128+0,7abc1e+100 */
              background: #51a128;
              /* Old browsers */
              /* FF3.6-15 */
              background: -webkit-linear-gradient(left, #51a128 0%, #7abc1e 100%);
              /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to right, #51a128 0%, #7abc1e 100%);
              /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51a128', endColorstr='#7abc1e',GradientType=1 );
              /* IE6-9 */ }
            body #main article section #topInformation .informationBox {
              border-left: 1px solid #999;
              border-right: 1px solid #999;
              border-bottom: 1px solid #999;
              padding: 12px 12px 12px 16px; }
              body #main article section #topInformation .informationBox ul li {
                list-style: none;
                font-size: 123.1%;
                line-height: 150%;
                border-bottom: 1px dotted #ccc;
                padding: 4px 0px 4px; }
                body #main article section #topInformation .informationBox ul li time {
                  float: left;
                  width: 22%; }
                body #main article section #topInformation .informationBox ul li span {
                  float: left;
                  width: 78%; }
                  body #main article section #topInformation .informationBox ul li span a {
                    font-size: 100%;
                    text-decoration: none; }
                body #main article section #topInformation .informationBox ul li a {
                  font-size: 100%;
                  text-decoration: none; }
                body #main article section #topInformation .informationBox ul li br {
                  display: none; }
              body #main article section #topInformation .informationBox ul li:last-child {
                border: none; }
          body #main article section #comments .comments-title {
            margin-bottom: 30px;
            padding: 15px;
            background: #7ABC1E;
            color: #fff;
            font-size: 1.5em;
            line-height: 1.5em; }
          body #main article section #comments #respond {
            margin-bottom: 5%;
            padding: 2%;
            background: #eee;
            border: 1px solid #ccc; }
            body #main article section #comments #respond #reply-title {
              margin-bottom: 20px;
              font-size: 1.5em; }
            body #main article section #comments #respond #author {
              padding: 5px;
              width: 100%;
              font-size: 1em; }
            body #main article section #comments #respond #comment {
              padding: 5px;
              width: 100%;
              min-height: 50%;
              font-size: 1em; }
            body #main article section #comments #respond #submit {
              padding: 4%;
              width: 100%;
              background: #c00;
              font-size: 1.1em;
              color: #fff;
              border: none;
              cursor: pointer;
              border-radius: 100px;
              -webkit-border-radius: 100px;
              -moz-border-radius: 100px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              box-shadow: 0 7px 0 0 #460000;
              position: relative;
              top: 0; }
              body #main article section #comments #respond #submit:hover {
                box-shadow: 0 1px 0 0 #460000;
                top: 6px; }
          body #main article section #comments p {
            margin-bottom: 2%; }
          body #main article section #comments .comment-list .fn {
            padding-left: 2%;
            font-style: normal;
            font-size: 1.2em;
            font-weight: bold; }
          body #main article section #comments .comment-list .comment-author {
            margin-bottom: 10px; }
          body #main article section #comments .comment-list .reply {
            display: none; }
          body #main article section #comments .comment-list .depth-1 {
            margin-bottom: 3%;
            border-bottom: 1px dotted #ccc; }
          body #main article section #comments .comment-list .children {
            margin-bottom: 3%;
            padding: 2%;
            background: #e5ecee;
            border: 1px solid #9eabba; }
            body #main article section #comments .comment-list .children .comment-body {
              background: none; }
            body #main article section #comments .comment-list .children .comment-author {
              padding: 0; }
            body #main article section #comments .comment-list .children .fn {
              padding: 0; }
          body #main article section .category-list {
            overflow: hidden; }
            body #main article section .category-list .inner {
              padding: 0.2%;
              float: left;
              width: 50%; }
              body #main article section .category-list .inner a {
                padding: 15% 4%;
                display: block;
                line-height: 1.3em;
                color: #7ABC1E;
                text-decoration: none;
                text-shadow: 1px 1px 0 white;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition: all 0.3s ease; }
                body #main article section .category-list .inner a:hover {
                  opacity: 0.7;
                  color: #bd3420; }
              body #main article section .category-list .inner .category-01 {
                background: url(../img/category/cat_01.jpg) no-repeat right center;
                background-size: 80%; }
              body #main article section .category-list .inner .category-02 {
                background: url(../img/category/cat_02.jpg) no-repeat right 80%;
                background-size: 80%; }
              body #main article section .category-list .inner .category-03 {
                background: url(../img/category/cat_03.jpg) no-repeat right center;
                background-size: 80%; }
              body #main article section .category-list .inner .category-04 {
                background: url(../img/category/cat_04.jpg) no-repeat right center;
                background-size: 80%; }
              body #main article section .category-list .inner .cat {
                font-size: 1.2em; }
              body #main article section .category-list .inner .subCat {
                padding-left: 2.6em;
                font-size: 0.7em; }
          body #main article section .ta_01 {
            margin-bottom: 5%;
            width: 100%; }
            body #main article section .ta_01 tr {
              border: 1px solid #ccc; }
              body #main article section .ta_01 tr th, body #main article section .ta_01 tr td {
                padding: 2%;
                vertical-align: middle;
                text-align: left;
                font-size: 116%;
                line-height: 150%; }
              body #main article section .ta_01 tr th {
                width: 25%;
                font-weight: 100;
                color: #555;
                background: #f8e3e3; }
              body #main article section .ta_01 tr td {
                border-left: 1px solid #ccc;
                color: #555;
                letter-spacing: 0.1em; }
                body #main article section .ta_01 tr td:last-child {
                  margin-bottom: 0; }
                body #main article section .ta_01 tr td span {
                  margin-right: 5px;
                  padding: 1% 1.5%;
                  background: #ddd; }
          body #main article section #contact {
            margin-bottom: 100px;
            background: #fff; }
            body #main article section #contact table {
              width: 100%; }
              body #main article section #contact table tr {
                border: 1px solid #ccc; }
                body #main article section #contact table tr th, body #main article section #contact table tr td {
                  padding: 3%;
                  vertical-align: middle;
                  text-align: left;
                  border-top: 1px solid #ccc; }
                body #main article section #contact table tr th {
                  width: 30%;
                  font-size: 100%;
                  font-weight: 100;
                  color: #555;
                  line-height: 140%; }
                body #main article section #contact table tr td p {
                  font-size: 100%;
                  color: #555;
                  letter-spacing: 0.1em; }
                  body #main article section #contact table tr td p:last-child {
                    margin-bottom: 0; }
                  body #main article section #contact table tr td p span {
                    margin-right: 5px;
                    padding: 1% 1.5%;
                    background: #ddd; }
                  body #main article section #contact table tr td p .textarea-945, body #main article section #contact table tr td p .file-70 {
                    margin-right: 0;
                    padding: 0;
                    background: none; }
                body #main article section #contact table tr td input, body #main article section #contact table tr td textarea {
                  margin-bottom: 12px;
                  border-radius: 5px;
                  -webkit-border-radius: 5px;
                  -moz-border-radius: 5px; }
                body #main article section #contact table tr td input[type="text"], body #main article section #contact table tr td input[type="url"], body #main article section #contact table tr td input[type="email"], body #main article section #contact table tr td textarea {
                  padding: 2%;
                  width: 100%;
                  border: 1px solid #ccc;
                  background: #f1f6f8; }
                  body #main article section #contact table tr td input[type="text"]:focus, body #main article section #contact table tr td input[type="url"]:focus, body #main article section #contact table tr td input[type="email"]:focus, body #main article section #contact table tr td textarea:focus {
                    background: #fff; }
                body #main article section #contact table tr td select, body #main article section #contact table tr td input[type="file"] {
                  font-size: 116%; }
                body #main article section #contact table tr .required {
                  padding: 4% 4% 4% 0;
                  width: 10%;
                  border-right: 1px solid #ccc; }
                  body #main article section #contact table tr .required span {
                    padding: 7% 10%;
                    color: #fff;
                    background: #ff3e1e; }
                body #main article section #contact table tr textarea {
                  min-height: 300px; }
                body #main article section #contact table tr .seminarEnq {
                  min-height: 80px; }
            body #main article section #contact .contactBtn {
              margin-top: 20px;
              padding: 7px 40px;
              position: absolute;
              left: 43%;
              color: #fff;
              letter-spacing: 0.1em;
              font-size: 138.5%;
              font-weight: 100;
              background: #7ABC1E;
              border: none;
              border-bottom: 5px solid #478900;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-font-smoothing: antialiased; }
              body #main article section #contact .contactBtn:hover {
                cursor: pointer;
                background: #9cde40; }
          body #main article section .wpcf7-validation-errors {
            padding: 10px;
            text-align: center;
            background: #ff3e1e;
            color: #fff;
            border: none; }
          body #main article section .wpcf7-response-output {
            font-size: 123.1%;
            line-height: 150%; }
          body #main article section .wpcf7-mail-sent-ok {
            padding: 10px;
            text-align: center;
            background: #2ba263;
            color: #fff;
            border: none; }
          body #main article section #faq_list li {
            margin-bottom: 3%;
            padding-bottom: 3%;
            border-bottom: 1px dotted #ccc; }
            body #main article section #faq_list li a {
              padding: 3%;
              display: block;
              color: #333;
              text-decoration: none;
              -webkit-font-smoothing: antialiased;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              overflow: hidden; }
              body #main article section #faq_list li a:hover {
                background: #ffffc8; }
              body #main article section #faq_list li a .question {
                float: left;
                width: 6%;
                color: #7ABC1E;
                font-size: 182%;
                font-family: 'Merriweather', serif;
                font-weight: 700; }
              body #main article section #faq_list li a .no-question-title {
                float: none;
                width: 100%;
                font-size: 1.3em; }
              body #main article section #faq_list li a .question-title {
                float: right;
                width: 92%;
                font-size: 108%; }
                body #main article section #faq_list li a .question-title .number {
                  color: #bbb;
                  font-family: 'Raleway', sans-serif;
                  font-weight: 900; }
          body #main article section .faq_h2 {
            margin-bottom: 2%;
            padding-left: 25px;
            padding-bottom: 1%;
            text-indent: -22px;
            color: #7ABC1E;
            font-size: 153.9%;
            border-bottom: 1px solid #7ABC1E;
            line-height: 140%; }
            body #main article section .faq_h2 span {
              font-family: 'Merriweather', serif;
              font-weight: 700; }
          body #main article section .wlm_regform_new_user {
            margin: 0;
            padding: 0;
            border: none;
            text-decoration: none;
            width: 100%;
            height: auto;
            border-radius: 0;
            padding: 4%;
            background: #eee; }
            body #main article section .wlm_regform_new_user label {
              color: #555; }
            body #main article section .wlm_regform_new_user input[type="submit"] {
              margin: 0;
              padding: 0;
              border: none;
              text-decoration: none;
              width: 100%;
              height: auto;
              border-radius: 0;
              padding: 2%;
              margin: 5% 0;
              width: 60%;
              color: #fff;
              letter-spacing: 0.1em;
              font-size: 1.3em;
              font-weight: 100;
              background: #7ABC1E;
              border: none;
              border-bottom: 5px solid #478900;
              border-radius: 100px;
              -webkit-border-radius: 100px;
              -moz-border-radius: 100px; }
              body #main article section .wlm_regform_new_user input[type="submit"]:hover {
                cursor: pointer;
                background: #9cde40; }
          body #main article section .wlm_regform_improved {
            margin: 0;
            padding: 0;
            border: none;
            text-decoration: none;
            width: 100%;
            height: auto;
            border-radius: 0;
            margin: 0 10%;
            padding: 5%;
            width: 80%;
            background: #f3f3f3;
            color: #7ABC1E;
            min-width: 320px;
            max-width: 1000px;
            font-size: 1.2em;
            text-shadow: none !important; }
            body #main article section .wlm_regform_improved .wlm_regform_new_user {
              background: none; }
            body #main article section .wlm_regform_improved .wlm_form_group {
              margin: 0;
              padding: 0;
              border: none;
              text-decoration: none;
              width: 100%;
              height: auto;
              border-radius: 0;
              margin-bottom: 5%; }
              body #main article section .wlm_regform_improved .wlm_form_group .wlm_form_label {
                margin: 0;
                padding: 0;
                border: none;
                text-decoration: none;
                width: 100%;
                height: auto;
                border-radius: 0;
                margin-bottom: 1.2%;
                padding: 2%;
                width: 100%;
                text-align: left;
                background: #333;
                color: #fff;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px; }
              body #main article section .wlm_regform_improved .wlm_form_group input {
                padding: 2%;
                width: 100%;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px; }
            body #main article section .wlm_regform_improved .wlm_regform_div {
              position: relative; }
              body #main article section .wlm_regform_improved .wlm_regform_div p.submit {
                margin: 0;
                padding: 0;
                border: none;
                text-decoration: none;
                width: 100%;
                height: auto;
                border-radius: 0; }
          body #main article section .download {
            margin-bottom: 5%;
            overflow: hidden; }
            body #main article section .download .mp3 {
              float: left;
              width: 48.5%; }
            body #main article section .download .pdf {
              float: right;
              width: 48.5%; }
          body #main article section .downloadBtn {
            margin-bottom: 50px; }
            body #main article section .downloadBtn p {
              color: #7ABC1E !important;
              margin-bottom: 15px !important;
              font-size: 108% !important; }
            body #main article section .downloadBtn a {
              padding: 20px 50px 18px;
              color: #fff;
              text-decoration: none;
              background: #7ABC1E;
              border-bottom: 5px solid #256700;
              letter-spacing: 0.1em;
              border-radius: 100px;
              -webkit-border-radius: 100px;
              -moz-border-radius: 100px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease; }
              body #main article section .downloadBtn a:hover {
                background: #adef51; }
            body #main article section .downloadBtn small {
              font-size: 108%; }
          body #main article section .link_01 {
            text-align: center; }
            body #main article section .link_01 a {
              padding: 12px 30px 10px;
              color: #fff;
              text-decoration: none;
              background: #d71d1d;
              border-bottom: 5px solid #820000;
              letter-spacing: 0.1em;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease; }
              body #main article section .link_01 a:hover {
                background: #ff5050; }
          body #main article section #twitter {
            margin: 0 auto;
            width: 520px; }
          body #main article section .list_01 li {
            padding-left: 45px;
            margin-bottom: 15px;
            min-height: 30px;
            background: url(../img/list_icon_01.png) no-repeat left top;
            color: #55b525;
            font-size: 167%;
            line-height: 140%; }
          body #main article section .list_02 li {
            margin-bottom: 4%;
            font-size: 123.1%;
            -webkit-font-smoothing: antialiased; }
            body #main article section .list_02 li span {
              margin-right: 1.5%;
              padding: 1%;
              color: #7ABC1E;
              background: #dae7f0;
              border-radius: 5px;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px; }
          body #main article section #curriculum li {
            padding: 15px;
            margin-bottom: 10px;
            color: #fff;
            background: #7ABC1E;
            font-weight: 100;
            font-size: 138.5%; }
            body #main article section #curriculum li:last-child {
              margin-bottom: 0; }
            body #main article section #curriculum li span {
              padding-bottom: 3px;
              margin-bottom: 8px;
              font-family: 'Black Ops One', cursive;
              font-size: 124%;
              display: block;
              border-bottom: 1px dashed #fff; }
      body #main aside {
        margin-bottom: 10%;
        width: 24%;
        background: #fff;
        box-shadow: 0px 0px 10px #ccc; }
        body #main aside .qaFrame {
          margin-bottom: 5%;
          width: 100%;
          border: 1px solid #7ABC1E; }
          body #main aside .qaFrame p {
            color: #fff;
            background: #7ABC1E; }
          body #main aside .qaFrame .qaFrameInner {
            padding: 4%; }
        body #main aside #toHome {
          margin-bottom: 5%; }
        body #main aside #catChildList ul li {
          border-bottom: 1px solid #7ABC1E; }
          body #main aside #catChildList ul li:last-child {
            border-bottom: none; }
          body #main aside #catChildList ul li a {
            padding: 7% 5%;
            display: block;
            color: #7ABC1E;
            font-size: 108%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease; }
            body #main aside #catChildList ul li a:hover {
              text-decoration: none;
              background: white; }
        body #main aside #asideInner {
          padding: 20px; }
          body #main aside #asideInner p {
            padding: 4%;
            font-size: 93%;
            line-height: 120%; }
            body #main aside #asideInner p:last-child {
              margin: 0; }
          body #main aside #asideInner .menu {
            margin-bottom: 10px; }
            body #main aside #asideInner .menu img {
              cursor: pointer; }
          body #main aside #asideInner .open ul li {
            border-bottom: 2px solid #fff; }
            body #main aside #asideInner .open ul li a {
              padding: 10px 0 10px 10px;
              display: block;
              color: #7ABC1E;
              background: #ffffef;
              text-decoration: none;
              font-size: 1em;
              line-height: 1.3em;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease; }
              body #main aside #asideInner .open ul li a:hover {
                background: #fffffb; }
          body #main aside #asideInner .open ul .no-post {
            padding: 10px 0 10px 10px;
            font-size: 1em;
            line-height: 1em;
            background: #ddd;
            color: #555; }
          body #main aside #asideInner .chat {
            border: 1px solid #999; }
            body #main aside #asideInner .chat h2 {
              background-color: #2c2c2c;
              color: #fff;
              font-size: 16px;
              font-weight: bold;
              text-align: center;
              padding: 10px 0;
              border-bottom: 4px solid #e61b0e; }
            body #main aside #asideInner .chat .quick-chat-container .quick-chat-links .quick-chat-ban-link,
            body #main aside #asideInner .chat .quick-chat-container .quick-chat-links .quick-chat-transcript-link {
              display: none; }
          body #main aside #asideInner #subMenu ul li {
            margin-bottom: 10px; }
            body #main aside #asideInner #subMenu ul li:last-child {
              margin-bottom: 0; }
    body #modal-overlay {
      z-index: 2000;
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 120%;
      background-color: rgba(0, 0, 0, 0.8); }
    body #modal-content {
      margin: 0 auto;
      padding: 0px 0px 30px;
      position: fixed;
      display: none;
      position: fixed;
      z-index: 4000; }
      body #modal-content .modal-close a {
        display: block;
        margin: 2% auto 0;
        width: 400px;
        padding: 10px;
        cursor: pointer;
        color: #555;
        background: #ddd;
        text-align: center;
        text-decoration: none; }
        body #modal-content .modal-close a:hover {
          background: #eee; }
      body #modal-content #free_icon {
        position: relative;
        top: 355px;
        left: 710px;
        z-index: 4002; }
    body #page-top {
      text-align: right; }
      body #page-top a {
        padding: 15px;
        color: #fff;
        background: #111;
        text-decoration: none;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
        body #page-top a:hover {
          color: #fffffb; }
    body #gFooter {
      width: 100%;
      background: #111;
      padding: 15px; }
      body #gFooter #gFooterNavi {
        font-size: 93%; }
        body #gFooter #gFooterNavi .copyright {
          margin-bottom: 0;
          color: #fff;
          text-align: left; }
    body .span_1 {
      width: 6.5%; }
    body .span_2 {
      width: 15.0%; }
    body .span_3 {
      width: 23.5%; }
    body .span_4 {
      width: 32.0%; }
    body .span_5 {
      width: 40.5%; }
    body .span_6 {
      width: 49.0%; }
    body .span_7 {
      width: 57.5%; }
    body .span_8 {
      width: 66.0%; }
    body .span_9 {
      width: 74.5%; }
    body .span_10 {
      width: 83.0%; }
    body .span_11 {
      width: 91.5%; }
    body .span_12 {
      width: 100%; }
    body .span_1_0 {
      width: 8.33333%; }
    body .span_2_0 {
      width: 16.66666%; }
    body .span_3_0 {
      width: 25%; }
    body .span_4_0 {
      width: 33.33333%; }
    body .span_5_0 {
      width: 41.66666%; }
    body .span_6_0 {
      width: 50.0%; }
    body .span_7_0 {
      width: 58.33333%; }
    body .span_8_0 {
      width: 66.66666%; }
    body .span_9_0 {
      width: 75.0%; }
    body .span_10_0 {
      width: 83.33333%; }
    body .span_11_0 {
      width: 91.66666%; }
    body .span_12_0 {
      width: 100%; } }

/*======================================

	Font-size Adjustment
	
	77% = 10px	| 	112% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/
/*
		font-color
-------------------------------------------------- */
.fc-000 {
  color: #000; }

/*黒色*/
.fc-333 {
  color: #333; }

/*黒灰*/
.fc-666 {
  color: #666; }

/*濃灰*/
.fc-999 {
  color: #999; }

/*薄灰*/
.fc-ccc {
  color: #CCC; }

/*白灰*/
.fc-fff {
  color: #FFF; }

/*白色*/
.fc-f00 {
  color: #FF0; }

/*赤色*/
.fc-900 {
  color: #900; }

/*濃赤*/
.fc-00f {
  color: #00F; }

/*青色*/
.fc-009 {
  color: #009; }

/*濃青*/
.fc-00c {
  color: #00C; }

/*青色*/
.fc-0f0 {
  color: #0F0; }

/*緑色*/
.fc-090 {
  color: #090; }

/*濃緑*/
.fc-0ff {
  color: #0FF; }

/*水色*/
.fc-ff0 {
  color: #FF0; }

/*黄色*/
.fc-f63 {
  color: #F63; }

/*橙色*/
.fc-90f {
  color: #90F; }

/*紫色*/
.fc-f0f {
  color: #F0F; }

/*桃色*/
/*
		font-background-color
-------------------------------------------------- */
.fb-900 {
  padding: 1px;
  color: #FFF;
  font-weight: bold;
  background: #900; }

.fb-00f {
  padding: 1px;
  color: #ffffff;
  font-weight: bold;
  background: #00F; }

.fb-0f0 {
  padding: 1px;
  font-weight: bold;
  background: #0F0; }

.fb-0ff {
  padding: 1px;
  font-weight: bold;
  background: #0FF; }

.fb-ff0 {
  padding: 1px;
  font-weight: bold;
  background: #FF0; }

.fb-ff0- {
  padding: 1px;
  color: #F00;
  font-weight: bold;
  background: #FF0; }

.fb-ff0-2 {
  padding: 1px;
  color: #900;
  font-weight: bold;
  background: #FF0; }

.fb-f63 {
  padding: 1px;
  font-weight: bold;
  background: #F63; }

.fb-f0f {
  padding: 1px;
  color: #FFF;
  font-weight: bold;
  background: #F0F; }

/*												*/
/* ---------- これより以下は拡張設定 ----------	*/
/* ----------  使わない場合は放置  ----------	*/
/*												*/
/*------------------------------------------------------------
		font-weight
-------------------------------------------------------------*/
.fw-n {
  font-weight: normal; }

.fw-b {
  font-weight: bold; }

/*------------------------------------------------------------
		font-size
-------------------------------------------------------------*/
#wrapper .fs-10 {
  font-size: 77%; }

#wrapper .fs-11 {
  font-size: 85%; }

#wrapper .fs-12 {
  font-size: 92%; }

#wrapper .fs-13 {
  font-size: 100%; }

#wrapper .fs-14 {
  font-size: 107%; }

#wrapper .fs-15 {
  font-size: 114%; }

#wrapper .fs-16 {
  font-size: 112%; }

#wrapper .fs-17 {
  font-size: 129%; }

#wrapper .fs-18 {
  font-size: 136%; }

#wrapper .fs-19 {
  font-size: 144%; }

#wrapper .fs-20 {
  font-size: 152%; }

#wrapper .fs-21 {
  font-size: 159%; }

#wrapper .fs-22 {
  font-size: 167%; }

#wrapper .fs-23 {
  font-size: 174%; }

#wrapper .fs-24 {
  font-size: 182%; }

#wrapper .fs-25 {
  font-size: 189%; }

#wrapper .fs-26 {
  font-size: 197%; }

#wrapper .fs-30 {
  font-size: 30px; }

/*------------------------------------------------------------
		line-height
-------------------------------------------------------------*/
.lh-110 {
  line-height: 110%; }

.lh-120 {
  line-height: 120%; }

.lh-130 {
  line-height: 130%; }

.lh-140 {
  line-height: 140%; }

.lh-150 {
  line-height: 150%; }

.lh-160 {
  line-height: 160%; }

.lh-170 {
  line-height: 170%; }

.lh-180 {
  line-height: 180%; }

.lh-190 {
  line-height: 190%; }

.lh-200 {
  line-height: 200%; }

/*------------------------------------------------------------
		text-decoration
-------------------------------------------------------------*/
.td-n {
  text-decoration: none; }

.td-u {
  text-decoration: underline; }

.td-o {
  text-decoration: overline; }

.td-t {
  text-decoration: line-through; }

.td-b {
  text-decoration: blink; }

/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/
.ta-c {
  text-align: center; }

/*中央寄せ*/
.ta-r {
  text-align: right; }

/*右寄せ*/
.ta-l {
  text-align: left; }

/*左寄せ*/
/*------------------------------------------------------------
		vertical-align
-------------------------------------------------------------*/
.va-t {
  vertical-align: top; }

/*上寄せ*/
.va-m {
  vertical-align: middle; }

/*中央寄せ*/
.va-b {
  vertical-align: bottom; }

/*下寄せ*/
/*------------------------------------------------------------
		margin
-------------------------------------------------------------*/
.m0 {
  margin: 0 !important; }

/*全margin無し*/
.mt-0 {
  margin-top: 0 !important; }

/*上marginが0px*/
.mr-0 {
  margin-right: 0 !important; }

/*右marginが0px*/
.mb-0 {
  margin-bottom: 0 !important; }

/*下marginが0px*/
.ml-0 {
  margin-left: 0 !important; }

/*左marginが0px*/
.m1 {
  margin: 1px !important; }

.mt-1 {
  margin-top: 1px !important; }

.mr-1 {
  margin-right: 1px !important; }

.mb-1 {
  margin-bottom: 1px !important; }

.ml-1 {
  margin-left: 1px !important; }

.m2 {
  margin: 2px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mr-2 {
  margin-right: 2px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.ml-2 {
  margin-left: 2px !important; }

.m3 {
  margin: 3px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mr-3 {
  margin-right: 3px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.ml-3 {
  margin-left: 3px !important; }

.m4 {
  margin: 4px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mr-4 {
  margin-right: 4px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.ml-4 {
  margin-left: 4px !important; }

.m5 {
  margin: 5px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.m6 {
  margin: 6px !important; }

.mt-6 {
  margin-top: 6px !important; }

.mr-6 {
  margin-right: 6px !important; }

.mb-6 {
  margin-bottom: 6px !important; }

.ml-6 {
  margin-left: 6px !important; }

.m7 {
  margin: 7px !important; }

.mt-7 {
  margin-top: 7px !important; }

.mr-7 {
  margin-right: 7px !important; }

.mb-7 {
  margin-bottom: 7px !important; }

.ml-7 {
  margin-left: 7px !important; }

.m8 {
  margin: 8px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mr-8 {
  margin-right: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.ml-8 {
  margin-left: 8px !important; }

.m9 {
  margin: 9px !important; }

.mt-9 {
  margin-top: 9px !important; }

.mr-9 {
  margin-right: 9px !important; }

.mb-9 {
  margin-bottom: 9px !important; }

.ml-9 {
  margin-left: 9px !important; }

.m10 {
  margin: 10px !important; }

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

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

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

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

.m15 {
  margin: 15px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.m20 {
  margin: 20px !important; }

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

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

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

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

.m25 {
  margin: 25px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.m30 {
  margin: 30px !important; }

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

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

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

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

.m40 {
  margin: 40px !important; }

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

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

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

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

.m50 {
  margin: 50px !important; }

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

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

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

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

.m60 {
  margin: 60px !important; }

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

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

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

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

.m70 {
  margin: 70px !important; }

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

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

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

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

/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/
.p0 {
  padding: 0 !important; }

/*全padding無し*/
.pt-0 {
  padding-top: 0px !important; }

/*上paddingが0px*/
.pr-0 {
  padding-right: 0px !important; }

/*右paddingが0px*/
.pb-0 {
  padding-bottom: 0px !important; }

/*下paddingが0px*/
.pl-0 {
  padding-left: 0px !important; }

/*左paddingが0px*/
.p1 {
  padding: 1px !important; }

.pt-1 {
  padding-top: 1px !important; }

.pr-1 {
  padding-right: 1px !important; }

.pb-1 {
  padding-bottom: 1px !important; }

.pl-1 {
  padding-left: 1px !important; }

.p2 {
  padding: 2px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pr-2 {
  padding-right: 2px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pl-2 {
  padding-left: 2px !important; }

.p3 {
  padding: 3px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pr-3 {
  padding-right: 3px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pl-3 {
  padding-left: 3px !important; }

.p4 {
  padding: 4px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pl-4 {
  padding-left: 4px !important; }

.p5 {
  padding: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.p6 {
  padding: 6px !important; }

.pt-6 {
  padding-top: 6px !important; }

.pr-6 {
  padding-right: 6px !important; }

.pb-6 {
  padding-bottom: 6px !important; }

.pl-6 {
  padding-left: 6px !important; }

.p7 {
  padding: 7px !important; }

.pt-7 {
  padding-top: 7px !important; }

.pr-7 {
  padding-right: 7px !important; }

.pb-7 {
  padding-bottom: 7px !important; }

.pl-7 {
  padding-left: 7px !important; }

.p8 {
  padding: 8px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.pl-8 {
  padding-left: 8px !important; }

.p9 {
  padding: 9px !important; }

.pt-9 {
  padding-top: 9px !important; }

.pr-9 {
  padding-right: 9px !important; }

.pb-9 {
  padding-bottom: 9px !important; }

.pl-9 {
  padding-left: 9px !important; }

.p10 {
  padding: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.p15 {
  padding: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.p20 {
  padding: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.p30 {
  padding: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.p40 {
  padding: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.p50 {
  padding: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.p60 {
  padding: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.p70 {
  padding: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/*行の高さをフォントサイズと同じにしています*/
body {
  line-height: 1; }

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ul, ol {
  list-style: none; }

/*引用符の表示が出ないようにしています*/
blockquote, q {
  quotes: none; }

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through; }

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
  vertical-align: middle; }

img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0; }