@charset "utf-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    サイト共通部                                  */
/*    ・ヘッダ・フッタの装飾                        */
/*    ・全体大枠のレイアウト定義                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

html{
  background: #7DE0ED;
}
body{
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 0 auto;
  color: #333;
  min-width: 320px;
  font-size: 110%;
  letter-spacing: 0.075em;
}
#World{
  text-align: left;
  min-width: 1000px;
  overflow: hidden;
}


/* サイトのページ幅 */
.PageWidthSetter{
  margin: 0 auto;
  max-width: 1000px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Header, Contents, Footer                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
}
    /* SiteHeaderArea */
    .SiteHeaderArea{
    }
            .CatchBlock{
              background: #A5E7F0;
            }
                .CatchBlock p{
                  letter-spacing: 0.25em;
                  color: #666666;
                  text-shadow: 0 0 5px #fff;
                }
            .SiteTitleBlock{
            }
                .SiteTitleBlock h1{
                }
                    .SiteTitleBlock h1 span{
                      text-align: center;
                    }
                    .SiteTitleBlock h1 span.fontEnGothic{
                      color: rgb(3,145,180);
                      font-family: "小塚ゴシック Pro B" ,"Kozuka Gothic Pro Bold" , "arial narrow" , "Arial", sans-serif;
                    }
                    .SiteTitleBlock h1 span.fontEnCursive{
                      color: rgb(3,145,180);
                      font-weight: normal;
                      text-shadow: 0.075em 0 0 #ffce00;
                    }
                    .SiteTitleBlock h1 span.fontSansSerif{
                      color: #285C6A;
                      background: url(../img/common/decoration/bg_site-title-ja.png) no-repeat center center;
                      background-size: cover;
                      font-family: "Verdana", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "游ゴシック体", "Arial", "Century Gothic", sans-serif;
                    }

body:not(.TopPage) #HeaderDivision{
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.25);
  position: fixed;
  width: 100%;
  min-width: 1000px;
  top: 0;
  z-index: 10000;
}
    body:not(.TopPage) .HeaderMenuArea{
      background-color: #fff;
    }
    body:not(.TopPage) .HeaderMenuArea > .inner{
      margin: 0 auto;
      max-width: 1000px;
      position: relative;
    }
            body:not(.TopPage) .SiteHeaderArea .CatchBlock{
            }
                body:not(.TopPage) .SiteHeaderArea .CatchBlock p{
                  text-align: right;
                  padding: 0.45em 0;
                  font-size: 70%;
                  color: #333;
                }
            body:not(.TopPage) .SiteTitleBlock{
              width: 30%;
              padding: 5px 0 30px 0px;
              font-size: 70%;
              position: absolute;
              top: -30px;
              left: 0;
            }
                    body:not(.TopPage) .SiteTitleBlock h1 span.fontEnGothic{
                      display: inline-block;
                      font-size: 120%;
                      letter-spacing: 0.15em;
                      text-shadow: 0 0 5px #fff;
                    }
                    body:not(.TopPage) .SiteTitleBlock h1 span.fontEnCursive{
                      display: inline-block;
                      font-size: 135%;
                      letter-spacing: 0.15em;
                      margin-left: 0.5em;
                    }
                    body:not(.TopPage) .SiteTitleBlock h1 span.fontSansSerif{
                      display: block;
                      padding: 0.4em 0;
                      font-size: 170%;
                      letter-spacing: 0.125em;
                      margin-top: 24px;
                    }
                    @supports (-ms-accelerator:true) {
                      body:not(.TopPage) .SiteTitleBlock h1 span.fontSansSerif{
                        margin-top: 12px;
                      }
                    }


            /* MainMenuBlock */
            .MainMenuBlock{
            }
                .MainMenuBlock ul{
                  list-style: none;
                  display: table;
                  margin: 0 0 0 auto;
                }
                    .MainMenuBlock ul li{
                      display: table-cell;
                    }
                        .MainMenuBlock ul li h2{
                        }
                             .MainMenuBlock ul li a{
                               display: block;
                               color: rgb(3,145,180);
                               line-height: 1.25;
                               padding: 20px 0;
                             }
                             .MainMenuBlock ul li a:hover{
                               color: rgb(0, 184, 230);
                             }
                                 .MainMenuBlock ul li a span{
                                   display: block;
                                 }
                                 .MainMenuBlock ul li a span.fontEnGothic{
                                 }
                                 .MainMenuBlock ul li a span.fontSansSerif{
                                   font-size: 75%;
                                   font-weight: normal;
                                   letter-spacing: 0;
                                 }
            
            body:not(.TopPage) .MainMenuBlock{
              float: right;
              width: 70%;
            }
                             body:not(.TopPage) .MainMenuBlock ul li:nth-child(2) a{
                               padding-right: 40px;
                               padding-left : 40px;
                             }
                                 body:not(.TopPage) .MainMenuBlock ul li a span.fontEnGothic{
                                   font-size: 130%;
                                 }




#BreadcrumbsArea{
  font-size: 75%;
}
    #BreadcrumbsArea .PageWidthSetter{
      position: relative;
    }
        #BreadcrumbsArea .PageWidthSetter .SnsBlock{
          position: absolute;
          top  : 0;
          right: 0;
        }
        .SnsBlock > .fb_iframe_widget,
        .SnsBlock > #twitter-widget-0{
          vertical-align: middle;
        }


/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
  padding-bottom: 100px;
}
body:not(.TopPage) #ContentsDivision {
  margin-top: 113px;
  padding-top: 20px;
  background: url(../img/common/decoration/desogn-stripe2.png) repeat top center;
}
    body:not(.TopPage) #Container{
      margin: 0 auto;
      max-width: 1000px;
      background: #fff;
      padding: 70px 100px 85px;
      margin-top: 15px;
      box-shadow: 0 0 30px 0 rgba(3, 145, 180, 0.15);
    }
        .PageTitle{
        }
            .PageTitle .Heading{
              margin-top: 0;
              position: relative;
              text-align: justify;
            }
            .PageTitle .Heading:before{
              content: "";
              background: url(../img/common/icon/yellow_diamond.png) no-repeat center center;
              position: absolute;
              left: -1.75em;
              width: 1.5em;
              height: 1.5em;
              background-size: contain;
            }

    
        #MainContentsArea{
        }
        #BreadcrumbsArea + #MainContentsArea{
          margin-top: 50px;
        }
            .MainContentsArea a{
              text-decoration: underline;
            }
            .MainContentsArea a:before{
              text-decoration: none;
            }
    


/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
  background: url(../img/common/decoration/design-stripe.png) repeat-x bottom left;
}
    /* FooterMenuArea */
    .FooterMenuArea{
      padding: 35px 0;
      background-color: #fff;
    }
        .FooterMenuArea .LayoutBlock{
        }
            .FooterMenuArea .LayoutBlock > div{
            }
            .FooterMenuArea .BlockLeft{
              float: left;
              width: 18%;
              padding-top: 5px;
            }
            .FooterMenuArea .BlockRight{
              /*float: right;
              width: 82%;
              padding-left: 6%;*/
              
              
            }
                .FooterMenuArea .BlockRight .MainMenuPragraph ul{
                  list-style: none;
                  display: table;
                  width: 100%;
                  max-width: 750px;
                  margin:0 0 1em auto;
                  margin-bottom: 1em;
                }
                    .FooterMenuArea .BlockRight .MainMenuPragraph ul li{
                      display: table-cell;
                      width: 33.3%;
                    }
                        .FooterMenuArea .BlockRight .MainMenuPragraph ul li a{
                          display: block;
                          color: rgb(3,145,180);
                          padding-left: 1.4em;
                          position: relative;
                        }
                        .FooterMenuArea .BlockRight .MainMenuPragraph ul li a:hover{
                          color: rgb(0, 96, 120);
                        }
                        .FooterMenuArea .BlockRight .MainMenuPragraph ul li a:before{
                          font-family: fontello;
                          content: '\f138';
                          position: absolute;
                          left: 0em;
                          top : 0.5em;
                        }
                        .FooterMenuArea .BlockRight .MainMenuPragraph ul li a:hover:before{
                          left: 0.25em;
                        }
                            .FooterMenuArea .BlockRight .MainMenuPragraph ul li a span{
                               display: block;
                            }
                             .FooterMenuArea .BlockRight .MainMenuPragraph ul li a span.TitleJa{
                               font-size: 95%;
                               letter-spacing: 0;
                             }
                             .FooterMenuArea .BlockRight .MainMenuPragraph ul li a span.fontEnGothic{
                               font-size: 75%;
                               font-weight: normal;
                             }
            .FooterMenuArea .BlockRight .SubMenuPragraph{
              margin-top: 35px;
              display: table;
              width: 100%;
            }
                .FooterMenuArea .BlockRight .SubMenuPragraph .AuthorBox{
                  display: table-cell;
                  width: 50%;
                  vertical-align: top;
                  color: #444;
                }
                    .FooterMenuArea .BlockRight .SubMenuPragraph .AuthorBox .DefaultText{
                      font-size: 80%;
                      font-family: "Meiryo", "Arial", "Century Gothic", sans-serif;
                      margin-bottom: 0.5em;
                    }
                    .FooterMenuArea .BlockRight .SubMenuPragraph .AuthorBox .DefaultText:last-child{
                      margin-bottom: 0;
                    }
                        .FooterMenuArea .BlockRight .SubMenuPragraph .AuthorBox .DefaultText strong{
                          font-size: 120%;
                        }
                .FooterMenuArea .BlockRight .SubMenuPragraph .LayoutBox{
                  display: table-cell;
                  width: 50%;
                  vertical-align: top;
                  position: relative;
                }
                    .FooterMenuArea .BlockRight .SubMenuPragraph p.DefaultButton{
                      position: absolute;
                      top  : 1em;
                      right: 0;
                    }
                    .FooterMenuArea .BlockRight .SubMenuPragraph .DefaultButton.Type2 a{
                      font-size: 75%;
                    }
                    .FooterMenuArea .BlockRight .SubMenuPragraph .DefaultButton.Type2 a:before{
                      height: 2.75em;
                    }
                    .FooterMenuArea .BlockRight .SubMenuPragraph ul{
                      position: absolute;
                      bottom: 0;
                      right: 0;
                      text-align: right;
                    }
                        .FooterMenuArea .BlockRight .SubMenuPragraph ul li{
                          display: inline-block;
                          font-size: 75%;
                          margin-left: 1em;
                          font-family:  "Meiryo", "Arial", "Century Gothic", sans-serif;
                          vertical-align: bottom;
                        }
                            .FooterMenuArea .BlockRight .SubMenuPragraph ul li a{
                              display: block;
                              color: #555;
                              padding: 0.2em 0em 0.2em 1.5em;
                              position: relative;
                            }
                            .FooterMenuArea .BlockRight .SubMenuPragraph ul li a:before{
                              font-family: fontello;
                              content: '\f138';
                              position: absolute;
                              left: 0em;
                              top : 0.55em;
                              font-size: 87.5%;
                            }
                            .FooterMenuArea .BlockRight .SubMenuPragraph ul li a:hover:before{
                              left: 0.25em;
                            }
    
    
    
    /* CopyrightArea */
    .CopyrightArea{
      padding: 15px 0;
      background-color: rgb(3,145,180);
    }
        .CopyrightArea p{
          color: #fff;
          text-align: center;
          font-size: 60%;
        }