@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-family: 'Helvetica Neue',Helvetica,Arial,Roboto,'Droid Sans','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
  line-height: 1.7em;
  font-size: 14px; }

address {
  font-style: normal; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  color: #e8151c; }
  a:visited {
    color: #e8151c; }

.cf:before, .section .conversation .mama:before, .section .conversation .kodomo:before, .section .box .study_part:before, .section .box .study_part .study_head:before, #contact dl:before, .cf:after, .section .conversation .mama:after, .section .conversation .kodomo:after, .section .box .study_part:after, .section .box .study_part .study_head:after, #contact dl:after {
  content: " ";
  display: table; }

.cf:after, .section .conversation .mama:after, .section .conversation .kodomo:after, .section .box .study_part:after, .section .box .study_part .study_head:after, #contact dl:after {
  clear: both; }

.cf, .section .conversation .mama, .section .conversation .kodomo, .section .box .study_part, .section .box .study_part .study_head, #contact dl {
  *zoom: 1; }

#main_area {
  width: 100%;
  height: 100%;
  padding-bottom: 105px;
  background: url(../images/main_bg.png); }
  #main_area #main {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding-bottom: 85px;
    background: #fff;
    border: solid 3px #106f38;
    border-top: none;
    border-radius: 0px 0px 30px 30px; }
    #main_area #main nav {
      position: absolute;
      width: 680px;
      right: 50px; }
      #main_area #main nav ul {
        text-align: center; }
        #main_area #main nav ul li {
          display: inline-block;
          margin: 0 15px; }
    #main_area #main h1 {
      padding-top: 85px;
      text-align: center; }

.section {
  width: 100%;
  padding-top: 65px;
  padding-bottom: 228px;
  background: url(../images/bg01.png);
  border-bottom: solid 17px #e61f19; }
  .section h2 {
    margin-bottom: 85px;
    text-align: center; }
  .section .conversation .mama {
    width: 875px;
    margin: 0 auto; }
    .section .conversation .mama dt {
      float: left;
      width: 675px;
      padding-top: 90px;
      text-align: right; }
    .section .conversation .mama dd {
      float: left;
      width: 175px;
      text-align: right; }
  .section .conversation .kodomo {
    position: relative;
    width: 875px;
    top: -70px;
    margin: 0 auto; }
    .section .conversation .kodomo dt {
      float: right;
      width: 675px;
      padding-top: 30px; }
    .section .conversation .kodomo dd {
      float: right;
      width: 150px;
      padding-right: 20px;
      text-align: right; }
  .section .conversation.second .kodomo dt {
    float: right;
    width: 735px;
    padding-top: 30px; }
  .section .conversation.second .kodomo dd {
    float: left;
    width: 120px;
    padding-right: 20px;
    text-align: right; }
  .section .conversation.second .kodomo:last-child {
    top: -145px; }
  .section .conversation.second .mama {
    position: relative;
    top: -90px; }
    .section .conversation.second .mama dt {
      float: left;
      width: 700px;
      padding-top: 90px;
      text-align: right; }
  .section .box {
    width: 974px;
    margin: 0 auto 135px;
    padding-top: 60px;
    background: #fff5f5;
    border: solid 3px #ffba00; }
    .section .box h3 {
      margin-bottom: 60px;
      text-align: center; }
    .section .box .study_part {
      width: 874px;
      margin: 0 auto 80px; }
      .section .box .study_part:last-child {
        margin: 0 auto 40px; }
      .section .box .study_part.right_txt .left {
        float: left;
        width: 349px;
        text-align: center; }
        .section .box .study_part.right_txt .left.sec01 {
          padding-top: 160px; }
        .section .box .study_part.right_txt .left.sec03 {
          padding-top: 260px; }
      .section .box .study_part.right_txt .right {
        float: left;
        width: 525px; }
      .section .box .study_part.left_txt .left {
        float: left;
        width: 525px; }
      .section .box .study_part.left_txt .right {
        float: left;
        width: 349px;
        text-align: center; }
        .section .box .study_part.left_txt .right.sec02 {
          padding-top: 80px; }
      .section .box .study_part .study_head {
        width: 525px; }
        .section .box .study_part .study_head .part {
          float: left;
          padding-top: 20px;
          height: 130px; }
        .section .box .study_part .study_head .mama_kodomo {
          position: relative;
          float: right;
          width: 227px;
          height: 149px;
          overflow-y: hidden; }
          .section .box .study_part .study_head .mama_kodomo img {
            position: absolute;
            top: 149px;
            left: 0; }
      .section .box .study_part .study_content {
        width: 435px;
        padding: 50px 45px;
        background: #fff; }
        .section .box .study_part .study_content h4 {
          margin-bottom: 25px;
          text-align: center; }

#thoughts h2 {
  margin-top: -245px;
  margin-bottom: 45px;
  text-align: center; }
#thoughts p {
  margin-bottom: 40px;
  text-align: center; }

#item {
  width: 100%;
  background: url(../images/bg02.png);
  padding-bottom: 40px;
  border-bottom: solid 23px #522d1a; }
  #item h2 {
    height: 75px;
    margin-bottom: 68px;
    text-align: center;
    background: url(../images/item_ttl_bg.png); }
  #item .box {
    width: 874px;
    margin: 0 auto 30px;
    padding: 50px;
    border: solid 3px #18733e;
    background: #fff; }
    #item .box .left {
      float: left;
      width: 480px;
      margin-right: 50px; }
      #item .box .left h3 {
        margin-bottom: 25px; }
      #item .box .left h4 {
        margin-bottom: 15px; }
      #item .box .left p {
        margin-bottom: 40px; }
        #item .box .left p:last-child {
          margin-bottom: 0; }
    #item .box .right {
      float: left;
      width: 342px; }
  #item .banner {
    text-align: center; }

#yellow_bg {
  width: 100%;
  height: 350px;
  background: url(../images/yellow_bg.png); }

#flavor {
  border-top: solid 3px #c7924d;
  border-bottom: solid 10px #522d1a; }
  #flavor h2 {
    margin-top: -287px;
    text-align: center;
    margin-bottom: 100px; }
  #flavor .youtube {
    width: 630px;
    height: 360px;
    margin: 0 auto 100px; }

#wood {
  padding-top: 130px;
  padding-bottom: 80px;
  background: url(../images/wood_bg.png);
  -webkit-box-shadow: inset 0px -5px 10px 0px rgba(66, 41, 0, 0.3);
  -moz-box-shadow: inset 0px -5px 10px 0px rgba(66, 41, 0, 0.3);
  box-shadow: inset 0px -5px 10px 0px rgba(66, 41, 0, 0.3); }
  #wood h2 {
    margin-bottom: 40px;
    text-align: center; }
  #wood .img {
    margin-bottom: 130px;
    text-align: center; }
  #wood .banner {
    margin-bottom: 20px;
    text-align: center; }
  #wood .txt {
    text-align: center; }

#store {
  padding-top: 130px;
  padding-bottom: 150px;
  background: url(../images/bg02.png); }
  #store .box {
    margin: 0 auto;
    width: 1005px;
    padding-bottom: 100px;
    border: solid 6px #663b21;
    background: #fff;
    border-top: none; }
    #store .box h2 {
      position: relative;
      top: -71px; }
    #store .box h3 {
      margin-bottom: 60px;
      text-align: center; }
    #store .box p {
      width: 715px;
      margin: 0 auto 30px;
      font-size: 14px; }
    #store .box .conditions {
      width: 705px;
      margin: 0 auto 30px; }
    #store .box .txt {
      font-size: 18px;
      margin: 0 auto 60px;
      text-align: center; }
    #store .box .banner {
      width: auto;
      margin-bottom: 20px;
      text-align: center; }
    #store .box .tel {
      width: auto;
      margin: 0;
      text-align: center; }

#contact {
  width: 100%;
  padding-top: 145px;
  padding-bottom: 60px;
  border-top: solid 2px #18733e;
  background: #ffffd8; }
  #contact h2 {
    text-align: center;
    margin-bottom: 55px; }
  #contact h3 {
    text-align: center;
    margin-bottom: 15px; }
  #contact form {
    margin-bottom: 135px; }
  #contact dl {
    width: 790px;
    margin: 0 auto 15px; }
    #contact dl dt {
      float: left;
      width: 227px;
      height: 28px;
      line-height: 28px;
      font-weight: bold;
      color: #006837; }
    #contact dl dd {
      float: left;
      width: 540px;
      padding-left: 20px;
      color: #006837; }
      #contact dl dd .caution {
        font-size: 12px;
        color: #006837; }
      #contact dl dd .short {
        width: 60%; }
  #contact #form_btns {
    text-align: center; }
    #contact #form_btns button {
      margin: 10px;
      padding: 0;
      background: none;
      border: none;
      cursor: pointer; }
  #contact #copy {
    text-align: center; }
    #contact #copy small {
      font-size: 14px;
      color: #006837; }