@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Page format                                   */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* set Background Image
--------------------------------------------------- */
html{
}
body{
  background: #fff;
  text-align: center;
}
#World{
  position: relative;
  background: #fbfbfb url(../img/common/decoration/pattern/washi_freecolor.png);
}

/* set PageWidth */
.PageWidthSetter {
  width: auto;
  margin: 0 auto;
  text-align: left;
}

/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
  padding: 0;
  position: relative;
  z-index: 20;
}

    /* - - SiteHeaderArea - - */
    .SiteHeaderArea {
      border-top: 2px solid #af7454;
      background: #f3d8bd url(../img/common/decoration/pattern/washi_freecolor.png);
    }
    
        /* SiteTitleBlock */
        .SiteHeaderArea .SiteTitleBlock{
          position: relative;
          overflow: hidden;
          height: 5.5em;
          min-height: 70px;
          padding: 20px 10px 0;
          margin: 0 -10px;
          background: url(../img/common/logo/site_logo_bg.png) no-repeat 15px -50px;
        }
            .SiteHeaderArea .SiteTitleBlock .BlockHeader{
              width: 32.5%;
              min-width: 185px;
              float: left;
              display: block;
            }
                .SiteHeaderArea .SiteTitleBlock .BlockHeader *{
                  vertical-align: top;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockHeader .Logo,
                .SiteHeaderArea .SiteTitleBlock .BlockHeader .Illust{
                  display: block;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockHeader .Logo{
                  width: 60%;
                  float: left;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockHeader .Illust{
                  width: 40%;
                  float: right;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockHeader .Logo img,
                .SiteHeaderArea .SiteTitleBlock .BlockHeader .Illust img{
                  width: 100%;
                }
            .SiteHeaderArea .SiteTitleBlock .BlockContents{
              padding-top: 0px;
            }
                .SiteHeaderArea .SiteTitleBlock .BlockContents .DefaultText{
                  color: #5c5838;
                  font-size: 75%;
                  margin: 0;
                  margin-left: 35%;
                  margin-right: 220px;
                  text-align: left;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockContents .SocialBookmarkBox{
                  margin-left: 35%;
                  margin-top: -5px;
                  margin-bottom: 5px;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockContents .PhoneNumberText{
                  position: absolute;
                  bottom: 15px;
                  right: 10px;
                  font-size: 137.5%;
                  font-weight: normal;
                  color: #af5454;
                }
                .SiteHeaderArea .SiteTitleBlock .BlockContents .OfficialSiteButton {
                  position: absolute;
                  top: -3px;
                  right: 10px;
                  font-size: 87.5%;
                }
    /* - - HeaderMenuArea - - */
    .HeaderMenuArea{
      background: url(../img/common/decoration/pattern/washi01.png);
      padding: 5px 0;
    }
        /* MainMenuBlock */
        .HeaderMenuArea .MainMenuBlock{
          position: relative;
        }
            .HeaderMenuArea .ToggleMenuButton{
              position: absolute;
              right: 0px;
              top: -65px;
            }
            .HeaderMenuArea .MainMenuBlock ul{
              margin: 0;  padding: 0;
              list-style: none;
            }
                .HeaderMenuArea .MainMenuBlock ul li{
                  width: 16.45%;
                  margin: 0 0.1%;
                  display: block;
                  float: left;
                  text-align: center;
                }
                    .HeaderMenuArea .MainMenuBlock ul li a{
                      color: inherit;
                      padding: 10px 0;
                      display: block;
                      background: #ba5734;
                      background: -webkit-linear-gradient(#e56a42, #ba5734);
                      background:    -moz-linear-gradient(#e56a42, #ba5734);
                      background:     -ms-linear-gradient(#e56a42, #ba5734);
                      background:         linear-gradient(#e56a42, #ba5734);
                      border: 1px solid #ba5734;
                      border-radius: 4px;
                      height: 35px;
                    }
                    .HeaderMenuArea .MainMenuBlock ul li a:hover{
                      background: #c24027;
                      border-color: #c24027;
                    }
                        .HeaderMenuArea .MainMenuBlock ul li a img{
                        }

/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
  position: relative;
}
    /* - - MainContentsArea - - */
    .MainContentsArea{
    
    }
    /* - - Article (for pagecontents) - - */
    .Article{
      padding-bottom: 40px;
    }

/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
  color: #af5454;
  border-bottom: 2px solid #af7454;
  background: #f3d8bd url(../img/common/decoration/pattern/washi_freecolor.png);
  position: relative;
}
    .GoPageTopButton{
      position: absolute;
      top: 50%;
      right: 2em;
      margin-top: -3em;
    }

    /* - - SiteFooterArea - - */
    .SiteFooterArea{
      padding: 2em 0;
      position: relative;
      text-align: center;
    }
        .SiteFooterArea p{
          text-align: center;
        }
        .SiteFooterArea .AuthorBlock{
        }
            .SiteFooterArea .AuthorBlock .BlockHeader{
              margin: 0 0 1em;
            }
                .SiteFooterArea .AuthorBlock .BlockHeader .Logo img{
                  max-width: 45%;
                }
            .SiteFooterArea .AuthorBlock .BlockContents{
            }
                .SiteFooterArea .AuthorBlock .BlockContents .AddressText{
                  font-size: 75%;
                  margin: 0 0 0.25em;
                }
                .SiteFooterArea .AuthorBlock .BlockContents .PhoneNumberText{
                  margin: 0 0 0.75em;
                }
    
    /* - - FooterMenuArea - - */
    .FooterMenuArea{
      background: url(../img/common/decoration/pattern/washi01.png);
    }
        /* MainMenuBlock */
        .FooterMenuArea .MainMenuBlock{
        }
            .FooterMenuArea .MainMenuBlock ul{
              margin: 0;
              padding: 1.5em 0;
              list-style: none;
              text-align: center;
              font-size: 75%;
              line-height: 1.1;
            }
                .FooterMenuArea .MainMenuBlock ul li{
                  display: inline;
                  display: inline-block;
                  text-align: center;
                  border-left: 1px solid;
                }
                .FooterMenuArea .MainMenuBlock ul li:last-child{
                  border-right: 1px solid;
                }
                    .FooterMenuArea .MainMenuBlock ul li a{
                      display: inline;
                      display: inline-block;
                      color: inherit;
                      padding: 0 1em;
                      display: block;
                    }