@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style [Base Design]                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{

}
body{
  text-align: center;
}
#World{
  position: relative;
  left: 0px;
}


/* set DefaultColor */
body,
.DefaultColor{
  color: #333;
}

/* set PageWidth */
.PageWidthSetter {
  margin: 0 auto;
  text-align: left;
  width: 980px;
}
#World{
  min-width: 980px;
}



/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
  background: url(../img/common/decoration/header_bg.png) repeat-x 0% 0%;
}

    /* - - SiteHeaderArea - - */
    #HeaderDivision .SiteHeaderArea {
      padding: 40px 0 10px;
    }
        /* HeaderInfoBlock */
        #HeaderDivision .HeaderInfoBlock{
          float: left;
          width: 750px;
        }
            #HeaderDivision .HeaderInfoBlock .BlockHeader .LogoImageBox{
            }
                #HeaderDivision .HeaderInfoBlock .BlockHeader .LogoImageBox .SiteLogo{
                  width: 225px;
                  float: left;
                }
                #HeaderDivision .HeaderInfoBlock .BlockHeader .LogoImageBox .SiteCatch{
                  width: 135px;
                  float: left;
                  margin-top: -25px;
                }
                    #HeaderDivision .HeaderInfoBlock .BlockHeader .LogoImageBox .SiteCatch img{
                      max-width: 100%;
                    }
        /* SiteMenuBlock */
        #HeaderDivision .SiteMenuBlock{
          float: right;
          width: 225px;
          margin-top: -10px;
        }
            #HeaderDivision .SiteMenuBlock .BlockContents{
            }
                #HeaderDivision .SiteMenuBlock .BlockContents .MenuList{
                  margin: 0 0 10px;
                  text-align: right;
                  font-size: 75%;
                }
                    #HeaderDivision .SiteMenuBlock .BlockContents .MenuList li{
                      display: inline-block;
                    }
                        #HeaderDivision .SiteMenuBlock .BlockContents .MenuList li a{
                        }
                /* SiteSearch - ver baser widget */
                #HeaderDivision .SiteMenuBlock .BlockContents .SiteSearchBox{
                  margin: 0 0 10px;
                  text-align: right;
                }
                #HeaderDivision .SiteMenuBlock .BlockContents .SnsIconBox{
                  text-align: right;
                  margin: 0;
                }
                    #HeaderDivision .SiteMenuBlock .BlockContents .SnsIconBox .SnsIcon{
                      margin: 0 2.5px;
                    }
                    
                /* SiteSearch - ver GoogleSearchBox */
                #HeaderDivision .SiteMenuBlock .BlockContents .GoogleSearchBox{
                  margin: 0 0 10px;
                }

                    .SiteSearchBox .gsc-control-cse{
                      background: none!important;
                      border: none!important;
                      padding: 0!important;
                    }
                    .SiteSearchBox #gs_tti50,
                    .SiteSearchBox #gs_tti51,
                    .SiteSearchBox .gsc-input-box-focus,
                    .SiteSearchBox .gsc-input-box-hover{
                      padding: 0!important;
                      box-shadow: none!important;
                    }
                    .SiteSearchBox #gs_id50,
                    .SiteSearchBox #gs_id51{
                      position: relative;
                    }
                    .SiteSearchBox .gsst_b{
                      position: absolute;
                      right: 0em;
                      top: 6px;
                    }
                    .SiteSearchBox .gsc-control-cse td{
                      padding: 0!important;
                    }
                        .SiteSearchBox .gsc-input{
                          width: 130px!important;
                        }
                        .SiteSearchBox .gsc-search-box{
                        }
                        .SiteSearchBox .gsc-input-box{
                          background: none!important;
                          border: none!important;
                          display: table-cell!important;
                          vertical-align: middle!important;
                        }
                        .SiteSearchBox .InputText,
                        .SiteSearchBox #gsc-i-id1,
                        .SiteSearchBox #gsc-i-id2{
                          width: 130px!important;
                          margin: 0!important;
                          padding: 6px 20px 6px 6px!important;
                          border: none!important;
                          border-radius: .5!important;
                          border: 1px solid #ccc!important;
                        }
                        .SiteSearchBox .gsst_b{
                          
                        }
                        .SiteSearchBox .Button,
                        .SiteSearchBox input.gsc-search-button{
                          padding: 6px 20px;
                          border: none;
                          border-radius: .5em;
                          cursor: pointer;
                          background: #333;
                        }

    /* - - HeaderMenuArea - - */
    #HeaderDivision .HeaderMenuArea {
      color: #ec6d81;
      background: #fcece3;
      /* border-top: 2px solid;
      border-bottom: 2px solid; */
      padding: 10px 0;
    }
        .HeaderMenuArea #ToggleHeaderMenuButton {
          display: none;
        }
        /* MainMenuBlock */
        #HeaderDivision .MainMenuBlock{
        }
            #HeaderDivision .MainMenuBlock .MenuList{
            }
                #HeaderDivision .MainMenuBlock .MenuList > li{
                  /*width: 19%;
                  width: 16%; */
                  width: 13.75%;
                  margin-right: 0.625%;
                  float: left;
                  position: relative;
                }
                #HeaderDivision .MainMenuBlock .MenuList > li:last-child{
                  margin: 0;
                }
                    #HeaderDivision .MainMenuBlock .MenuList > li > a{
                      border: 2px solid #347e7c;
                      color: #333;
                      background: #fff;
                      display: block;
                      text-align: center;
                      text-decoration: none;
                    }
                        #HeaderDivision .MainMenuBlock .MenuList > li > a .Label{
                          display: table-cell;
                          font-size: 90%;
                          line-height: 1.1;
                          font-weight: bold;
                          width: 180px;
                          height: 45px;
                          vertical-align: middle;
                          margin: 0 auto;
                        }
                    #HeaderDivision .MainMenuBlock .MenuList > li > a:after{
                      content: "\e804";  /* use webfont */
                      font-family: "picticon";
                      font-style: normal;
                      font-weight: normal;
                      font-size: 28px;
                      line-height: 24px;
                      speak: none;
                      display: block;
                      text-align: center;
                      color: #fff;
                      background: #333;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li > a:hover:after{
                      font-size: 35px;
                      background-color: #555;
                      text-decoration: none;
                      -webkit-transition: 0.2s ease-in-out;
                         -moz-transition-duration: 0.2s;
                              transition-duration: 0.2s;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(1) > a:after{
                      color: #9cca48;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(2) > a:after{
                      color: #fac034;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(3) > a:after{
                      color: #f29b76;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(4) > a:after{
                      color: #ba8dbe;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(5) > a:after{
                      color: #7fb5e0;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(6) > a:after{
                      color: #4faeaa;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li:nth-child(7) > a:after{
                      color: #9cca48;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li > a:hover{
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li > a.Active{
                    }
                    #HeaderDivision .MainMenuBlock .MenuList > li > div {
                      overflow: hidden;
                      opacity: 0;
                      height: 0;
                      position: absolute;
                      left: 0;
                      top:  100%;
                      z-index: 100;
                      font-size: 87.5%;
                    }
                    #HeaderDivision .MainMenuBlock .MenuList li:hover > div {
                      overflow: visible;
                      opacity: 1;
                      height: auto;
                      padding: 1em;
                      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
                      border-radius: 1em;
                      background: #fff;
                    }

/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
   min-height: 500px;
   position: relative;
   right: 0;
}
    /* - - Container - - */
    #ContentsDivision .Container{
    }
        /* - - MainContentsArea - - */
        #ContentsDivision .MainContentsArea,
        #ContentsDivision .BaserContentsArea{
          padding: 50px 0;
        }
    
    /* - - BreadCrumbNavigation - - */
    #ContentsDivision .BreadCrumbNavigationArea{
      border-bottom: 1px dotted;
    }
    
        .BreadCrumbNavigation {
          margin: 0 auto;
          font-size: 75%;
          line-height: 1.1;
          padding: .5em 0;
        }
            .BreadCrumbNavigation p{
              vertical-align: middle;
            }
                .BreadCrumbNavigation p *{
                }
                .BreadCrumbNavigation p .Partition{
                  display: inline-block;
                  color: #ccc;
                  font-size: 100%;
                  float: left;
                  padding: 0.4em 0;
                }
                .BreadCrumbNavigation p a,
                .BreadCrumbNavigation p .Unit {
                  display: inline-block;
                  margin: 0;
                  text-align: left;
                  white-space: nowrap;
                  float: left;
                  padding: 0.4em 0.4em;
                }
                    .BreadCrumbNavigation p a > .Unit{
                      float: none;
                      padding: 0;
                    }
                .BreadCrumbNavigation p .Partition:after{
                  content: "\e802";
                  font-family: "picticon";
                  margin: 0 0.25em;
                }
                .BreadCrumbNavigation p a{
                  color: #777;
                  border: 1px solid #fff;
                  border: 1px solid rgba(255,255,255,0);
                }
                    .BreadCrumbNavigation p a:hover{
                      border: 1px solid #f45c5c;
                      text-decoration: none;
                      background: rgba(0,0,0,0.025);
                      -webkit-transition: 0.4s ease-in-out;
                         -moz-transition-duration: 0.4s;
                              transition-duration: 0.4s;
                    }
                .BreadCrumbNavigation p .Unit.Last{
                  font-weight: bold;
                  max-width: 20em;
                }
        /* - - SiteMenuArea - - */
        #ContentsDivision .SiteMenuArea{
          display: none;
        }
        /* - - LocalMenuBlock - - */
        .LocalMenuBlock{
          margin-top: 50px;
        }
            .LocalMenuBlock .Paragraph{
              border-top: 1px dotted #ccc;
              margin-top: 20px;
            }
            .LocalMenuBlock .PageList{
              font-size: 87.5%;
            }
                .LocalMenuBlock .PageList li{
                  width: 45%;
                  float: left;
                  border: none;
                }
                .LocalMenuBlock .PageList li.No2n{
                  float: right;
                }
                    .LocalMenuBlock .PageList li *{
                      font-weight: normal;
                    }

/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
}
    #FooterDivision .FooterMenuGroup{
      position: relative;
      z-index: 1;
    }
    /* - - FooterArea - - */
    #FooterDivision .FooterArea{
      padding: 10px 0 0;
      background: url(../img/common/decoration/footer_bg.png) no-repeat 50% 100%
    }
    
        /* FooterBannerBlock */
        #FooterDivision .FooterBannerBlock{
          margin: 25px auto;
        }
            #FooterDivision .FooterBannerBlock .BannerList{
              text-align: center;
              letter-spacing: -1em;
            }
            #FooterDivision .FooterBannerBlock .BannerList li{
              display: inline-block;
              width: 23%;
              padding: 5px 1%;
              letter-spacing: 0;
            }
    
        /* FooterMenuBlock */
        #FooterDivision .FooterMenuBlock{
        }
            #FooterDivision .FooterMenuBlock .BlockHeader{
            }
                /* LogoImageBox */
                #FooterDivision .FooterMenuBlock .LogoImageBox{
                  margin: 0 0 10px;
                }
                    #FooterDivision .FooterMenuBlock .LogoImageBox .SiteCatch{
                      margin: 0 auto 1em;
                      width: 140px;
                    }
                        #FooterDivision .FooterMenuBlock .LogoImageBox .SiteCatch{
                          
                        }
                    #FooterDivision .FooterMenuBlock .LogoImageBox .SiteLogo{
                    
                    }
                        #FooterDivision .FooterMenuBlock .LogoImageBox .SiteLogo .Main{
                          margin: 0 0 10px;
                        }
                            #FooterDivision .FooterMenuBlock .LogoImageBox .SiteLogo .Main img{
                              width: 175px;
                            }
            #FooterDivision .FooterMenuBlock .BlockContents{
              padding: 20px 0;
              margin: 10px 0 0;
            }
                #FooterDivision .FooterMenuBlock .BlockContents .BannerList{
                  margin: 0 auto;
                  width: 250px;
                }
                    #FooterDivision .FooterMenuBlock .BlockContents .BannerList li{
                    }
                #FooterDivision .FooterMenuBlock .BlockContents .MenuList{
                  text-align: center;
                  padding: 0 0 0 50px;
                  position: relative;
                }
                    #FooterDivision .FooterMenuBlock .BlockContents .MenuList li{
                      display: inline-block;
                      padding: 0 0.25em;
                      font-weight: bold;
                      border: none;
                    }
                    
    /* - - AuthorArea - - */
    #FooterDivision .AuthorArea{
      padding: 40px 0;
      position: relative;
      background: #f2f2f2;
      z-index: 20;
    }
        #FooterDivision .AuthorArea .AuthorGroup{
        }
            /* AuthorBlock */
            #FooterDivision .AuthorBlock{
            }
                #FooterDivision .AuthorBlock .BlockHeader {
                  margin: 0 0 .5em;
                  text-align: center;
                }
                    #FooterDivision .AuthorBlock .BlockHeader .Main{
                      font-size: 112.5%;
                      letter-spacing: 0.1em;
                      margin: 0 0 0.25em;
                    }
                    #FooterDivision .AuthorBlock .BlockHeader .Sub{
                      font-weight: normal;
                      font-size: 87.5%;
                    }
                #FooterDivision .AuthorBlock .BlockContents {
                  text-align: center;
                }
                    #FooterDivision .AuthorBlock .BlockContents .DefaultText{
                      text-align: center;
                      font-size: 87.5%;
                    }
                        #FooterDivision .AuthorBlock .BlockContents .DefaultText br{
                          display: none;
                        }
                        #FooterDivision .AuthorBlock .BlockContents .DefaultText .Tel{
                          font-size: 112.5%;
                        }
                #FooterDivision .AuthorBlock .BlockFooter {
                  text-align: center;
                }
                    #FooterDivision .AuthorBlock .BlockFooter .ButtonBox{
                      margin: 20px auto 0;
                    }
            /* ClayAuthorBlock */
        #FooterDivision .ClayArtGroup{
          position: absolute;
          /*width: 1300px;
          margin: 0 auto;*/
          top: 30px;
          right: 10px;
        }
            #FooterDivision .ClayAuthorBlock{
              position: absolute;
              right: 0;
              font-size: 65%;
              text-align: left;
              width: 300px;
            }
                #FooterDivision .ClayAuthorBlock .TextBox{
                }
                    #FooterDivision .ClayAuthorBlock .TextBox h5{
                      border-radius: 0;
                      display: block;
                      font-size: 105%;
                      margin: 0px 0px 0.3em;
                    }
                    #FooterDivision .ClayAuthorBlock .TextBox .DefaultText{
                      padding: 0px;
                      line-height: 1.3;
                      margin: 0 0 0.3em;
                    }
                        #FooterDivision .ClayAuthorBlock .TextBox .DefaultText b{
                          margin: 0 0 0.4em;
                          display: inline-block;
                        }
                        #FooterDivision .ClayAuthorBlock .TextBox .DefaultText a{
                          border-bottom: none;
                          /*margin-left: 1em;*/
                        }
            /* GoPageTopButtonBox */
            #FooterDivision .AuthorArea .GoPageTopButtonBox{
              position: absolute;
              bottom: -2em;
              right: 30px;
            }
                #FooterDivision .AuthorArea .GoPageTopButtonBox p{
                  
                }
                    #FooterDivision .AuthorArea .GoPageTopButtonBox p a{
                      color: #fff;
                      text-decoration: none;
                    }
                        #FooterDivision .AuthorArea .GoPageTopButtonBox p a .Label{
                          display: block;
                          font-size: 62.5%;
                          padding: 0.5em 0 0;
                        }
                    #FooterDivision .AuthorArea .GoPageTopButtonBox p a:before{
                      content: "\e80f";  /* use webfont */
                      font-family: "picticon";
                      font-style: normal;
                      font-weight: normal;
                      font-size: 50px;
                      line-height: 1;
                      speak: none;
                      display: inline-block;
                      background: #ff244e;
                      border-radius: 100%;
                    }
                    #FooterDivision .AuthorArea .GoPageTopButtonBox p a:hover:before{
                      -webkit-transform: scale(1.1,1.1);
                         -moz-transform: scale(1.1,1.1);
                          -ms-transform: scale(1.1,1.1);
                              transform: scale(1.1,1.1);
                      -webkit-transition: 0.2s ease-in-out;
                         -moz-transition-duration: 0.2s;
                              transition-duration: 0.2s;
                    }
    /* - - CopyrightArea - - */
    #FooterDivision .CopyrightArea{
    }
        /* SubMenuBox */
        #FooterDivision .CopyrightArea{
        }
            #FooterDivision .CopyrightArea .SubMenuBox{
              margin: 0 0;
            }
                #FooterDivision .CopyrightArea .SubMenuBox .LinkList{
                  font-size: 75%;
                  padding: 1.5em 0 0.5em;
                }
                    #FooterDivision .CopyrightArea .SubMenuBox .LinkList a{
                      color: #ddd;
                    }
        /* CopyrightBlock */
        #FooterDivision .CopyrightBlock{
          color: #8c7e7e;
          background: #373737;
        }
            #FooterDivision .CopyrightBlock .BlockContents{
            }
                #FooterDivision .CopyrightBlock .BlockContents .CopyrightText{
                  font-size: 62.5%;
                  padding: 0 0 2em;
                }



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    elements                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* LogoImageBox
--------------------------------------------------- */
.LogoImageBox{
}
    .LogoImageBox .SiteLogo .Main{
      display: block;
      text-align: center;
    }
    .LogoImageBox .SiteLogo .Sub{
      padding: 0 0 13px 0px;
      margin: 0 0 5px;
      background: url(../img/common/decoration/color_dot.png) no-repeat 50% 100%;
      display: block;
      text-align: center;
    }
        .LogoImageBox .SiteLogo .Sub .Jp{
          font-size: 68.75%;
          line-height: 1.1;
          display: block;
          font-weight: bold;
          letter-spacing: 0.1em;
          margin-bottom: 0.3em;
          white-space: nowrap;
        }
        .LogoImageBox .SiteLogo .Sub .En{
          font-size: 50%;
          line-height: 1.1;
          display: block;
          font-family: "Arial";
          letter-spacing: 0.3em;
          white-space: nowrap;
        }

/* SubMenuBox
--------------------------------------------------- */
.SubMenuBox{
}
    .SubMenuBox .LinkList{
      font-size: 75%;
      text-align: center;
    }
        .SubMenuBox .LinkList li,
        .SubMenuBox .LinkList li.li-level-1{
          display: inline-block;
          font-weight: normal;
          margin: 0 0.25em;
        }
        .SubMenuBox .LinkList a:before {
          content: '\e802';
        }
/* Pagenation
--------------------------------------------------- */

.PagenationBoxGroup{
  padding: 10px;
  margin: 5px auto;
  text-align: center;
}
    .PagenationBoxGroup .Heading{
      border-bottom: 1px dotted;
      display: inline-block;
    }
    .PagenationBoxGroup .Heading,
    .PagenationBoxGroup .LeadText{
      margin: 0 auto;
    }
    .PagenationBoxGroup .MainHeading{
      border-bottom: none;
      display: block;
    }
       .PagenationBoxGroup .LeadText .Number{
         font-size: larger;
       }
    /* PagenationBox */
    .PagenationBox {
      margin: 10px 0 5px;
    }
        .PagenationBox p{
          font-size: 14px;
          font-family: "Arial";
          font-weight: bold;
          line-height: 1.1;
          text-align: center;
        }
            .PagenationBox p span.Unit{
              display: inline-block;
              margin: 0 2px;
              text-align: center;
            }
                .PagenationBox p span.Unit a,
                .PagenationBox p span.Unit .current,
                .PagenationBox p span.Unit .invalid{
                  display: block;
                  border: none;
                  float: none;
                  margin: 0px;
                  padding: 11px 0px;
                  width: 35px;
                  height: 14px;
                  color: #333;
                  background: #fff;
                  border: 2px solid #4d4d4d;
                  border-radius: 4px;
                }
                .PagenationBox p span.Unit a{
                  text-decoration: none;
                  cursor: pointer;
                }
                .PagenationBox p span.Unit a:hover{
                  -webkit-transform: scale(1.1,1.1);
                     -moz-transform: scale(1.1,1.1);
                      -ms-transform: scale(1.1,1.1);
                          transform: scale(1.1,1.1);
                  text-decoration: none;
                  -webkit-transition: 0.2s ease-in-out;
                     -moz-transition-duration: 0.2s;
                          transition-duration: 0.2s;
                  color: #ec6d81;
                  border-color: #ec6d81;
                }
                .PagenationBox p span.Unit .current,
                .PagenationBox p span.Unit .current:hover{
                  color: #fff;
                  background: #4d4d4d;
                  border-color: #4d4d4d;
                }
                .PagenationBox p span.Unit .invalid{
                  opacity: 0.25;
                }
    /* adjust icon */
    .PagenationBox span.Unit [class^="icon-"]:before,
    .PagenationBox span.Unit [class*=" icon-"]:before{
      margin: 0;
      position: relative;
      left: 0.25em;
    }
    .PagenationBox span.Unit [class^="icon-"] span,
    .PagenationBox span.Unit [class*=" icon-"] span{
      visibility: hidden;
    }
/* BsPagenation (overide for Baser)
--------------------------------------------------- */
.PagenationBoxGroup{
}
    .BsPagenationBox {
    }
        .BsPagenationBox p{
        }
            .BsPagenationBox p span.Unit{
            }
                .BsPagenationBox p .disabled{
                  display: block;
                  border: none;
                  float: none;
                  margin: 0px;
                  padding: 11px 0px;
                  width: 35px;
                  height: 14px;
                  color: #333;
                  background: #fff;
                  border: 2px solid #4d4d4d;
                  border-radius: 4px;
                  opacity: 0.25;
                }
                .BsPagenationBox p .current{
                  display: block;
                  border: none;
                  float: none;
                  margin: 0px;
                  padding: 11px 0px;
                  width: 35px;
                  height: 14px;
                  color: #333;
                  background: #fff;
                  border: 2px solid #4d4d4d;
                  border-radius: 4px;
                }
                .BsPagenationBox p .current,
                .BsPagenationBox p .current:hover{
                  color: #fff;
                  background: #4d4d4d;
                  border-color: #4d4d4d;
                }