@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
html{
}
#World{
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Default Block Style                           */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

#TopContentsArea{
  width: 975px;
  margin: 0px auto;
  text-align: left;
  padding: 24px 0px 11px 0px;
}
/* TopicsBlock
----------------------------- */
.TopicsBlock{
  background: #fff;
  box-shadow: 0 0 5px 0 #ccc;
  width: 424px;
  height: 296px;
  height: 315px;
  float: left;
}
    .TopicsBlock .BlockHeader{
      padding: 18px 0px 5px 25px;
    }
    .TopicsBlock .BlockContents{
      font-size: 87.5%;
      padding: 0px 15px;
    }
        .TopicsBlock .TopicsBox{
          height: 200px;
          overflow: auto;
        }
        .TopicsBlock .BasicTable{
          border-collapse: collapse;
          width: 100%;
          border-top: dashed 1px #cbcbcb;
        }
        .TopicsBlock .BasicTable td{
          border-bottom: dashed 1px #cbcbcb;
          padding: 8px 10px 5px 10px;
          line-height: 1.5;
        }
        .TopicsBlock .Date{
          font-weight: bold;
          /*width: 13%;*/
        }
        .TopicsBlock .Genre{
          /*width: 13%;*/
          margin-left: 10px;
        }
        .TopicsBlock .Title{
          /*width: 74%;*/
        }
            .TopicsBlock .Title a{
              background: url(../img/common/icon/arrow_blue_right.png) no-repeat 0% 50%;
              padding: 1px 0px 1px 20px;
            }
        .TopicsBlock .LinkText{
          text-align: right;
          margin-top: 10px;
        }

/* TopBannerArea
----------------------------- */


.TopBannerBlock{
  width: 526px;
  float: right;
  margin-right: 7px;
  display: flex;
  justify-content: space-between;
}
    .TopBannerBlock .TopBannerBox{
      width: 255px;
    }
      .TopBannerBlock .TopBannerBox .SouzokuBanner,
      .TopBannerBlock .TopBannerBox .SoudanBanner{
        margin-bottom: 10px;
      }
      .TopBannerBlock .TopBannerBox {
        margin-bottom: 10px;
      }

            .TopBannerBlock .TopBannerBox .TopBanner a{
              display: block;
              border: 1px solid #fff;
              box-shadow: 0 0 0 1px #dbe4eb;
              padding: 10px;
              box-sizing: border-box;
              text-decoration: none;
              background: #f7f6f4; /* Old browsers */
              background: -moz-linear-gradient(top, #f7f6f4 0%, #ffffff 100%); /* FF3.6-15 */
              background: -webkit-linear-gradient(top, #f7f6f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to bottom, #f7f6f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
              height: 93px;
            }
            .TopBannerBlock .TopBannerBox .No02 a{
              margin-bottom: 10px;
              height: 200px;
              background: #299ED3;
            }
            .TopBannerBlock .TopBannerBox .TopBanner .inner{
              background-repeat: no-repeat;
              background-position: center right;
              background-size: 47px;
            }
            .TopBannerBlock .TopBannerBox div.No01 .inner{
              background-image: url(../img/icon/bg_ban_member.png);
            }
            .TopBannerBlock .TopBannerBox div.No02 .inner{
              background-image: url(../img/icon/bg_ban_consult.png);
              padding: 10px;
            }
            .TopBannerBlock .TopBannerBox div.No03 .inner{
              background-image: url(../img/icon/bg_ban_inquiry.png);
            }
                .TopBannerBlock .TopBannerBox .TopBanner a .Heading{
                  color: #50c116;
                  text-shadow: 0 0 3px #fff;
                  font-family: "メイリオ", sans-serif;
                  font-size: 130%;
                  position: relative;
                  padding-left: 1em;
                  line-height: 1.5;
                }
                .TopBannerBlock .TopBannerBox .No02 a .Heading{
                  color: #fff;
                  text-shadow: none;
                  font-size: 160%;
                  padding-left: 0;
                  text-align:center;
                }
                .TopBannerBlock .TopBannerBox .No01 a .Heading:before,
                .TopBannerBlock .TopBannerBox .No01 a .Heading:after,
                .TopBannerBlock .TopBannerBox .No03 a .Heading:before,
                .TopBannerBlock .TopBannerBox .No03 a .Heading:after{
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  left: 0;
                  margin: auto;
                  content: "";
                  vertical-align: middle;
                }
                .TopBannerBlock .TopBannerBox .No01 a .Heading:before,
                .TopBannerBlock .TopBannerBox .No03 a .Heading:before{
                  box-sizing: border-box;
                  width : 0.75em;
                  height: 0.75em;
                  border: 1px solid #50c116;
                  -webkit-border-radius: 50%;
                  border-radius: 50%;
                }
                .TopBannerBlock .TopBannerBox .TopBanner a .Heading:after{
                  left: 4px;
                  width: 3px;
                  height: 3px;
                  border-top: 1px solid #50c116;
                  border-right: 1px solid #50c116;
                  -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
                }
                .TopBannerBlock .TopBannerBox .TopBanner a p{
                  font-size: 82.5%;
                  line-height: 1.5;
                  color: #555;
                }


 
.MovieContents{
  width: 975px;
  margin: 0px auto;
  text-align: left;
  padding: 20px 0 40px;
  display: flex;
}
 
       .MovieContents iframe{
         width:315px;
         margin-right:20px;
                     }
       .MovieContents p img{
         height:200px;
         margin-right:20px;
                     }

#MainContentsArea{
}

#Container{
border: 1px solid #fff;
box-shadow: 0 0 0 1px #dbe4eb;
padding: 10px 0;
background: #fff;
}

.MainContentsArea,
.MainContentsBlock {
background: none;
}

/* TopAboutBlock
----------------------------- */
.TopAboutBlock{
}
.TopAboutBlock .BlockHeader{
  padding: 0px 0px 10px 10px;
  text-align: left;
}
    .TopAboutBlock .BlockHeader h2{
      float: left;
    }
    .TopAboutBlock .BlockHeader p{
      float: right;
      padding: 15px 10px 0px 0px;
    }
.TopAboutBlock .BlockContents{
}
.TopAboutBlock .Unit{
  width: 296px;
  border: solid #cbcbcb 1px;
  padding: 1px;
  float: left;
  margin: 0px 0px 15px 15px;
}
    .TopAboutBlock .No01,
    .TopAboutBlock .No04{
      margin: 0px 0px 15px 7px;
    }
    .TopAboutBlock .Unit .UnitContents{
      background: url(../img/bg_about.gif) repeat-x top #fff;
    }
    .TopAboutBlock .Unit .UnitContents .UnitDetailBox{
      padding: 0px 5px 5px 10px;
    }
    .TopAboutBlock .Unit .UnitContents .TextList{
      font-size: 75%;
      line-height: 167.5%;
    }
    .TopAboutBlock .Unit .UnitContents .TextList li{
      margin-left: 5px;
    }
    .TopAboutBlock .Unit .UnitContents .LinkText{
      background: #299ed3;
      padding: 5px 5px 3px 5px;
      font-size: 75%;
      text-align: right;
    }
        .TopAboutBlock .Unit .UnitContents .LinkText a{
          background: url(../img/common/icon/arrow_white_right.png) no-repeat 0% 50%;
          color: #fff;
          padding-left: 11px;
        }
    .TopAboutBlock .No01 .Heading{
      padding: 6px 0px 11px 0px;
    }
    .TopAboutBlock .No02 .Heading{
      padding: 6px 0px 10px 0px;
    }
    .TopAboutBlock .No03 .Heading{
      padding: 4px 0px 6px 0px;
    }
    .TopAboutBlock .No04 .Heading{
      padding: 6px 0px 7px 0px;
    }
    .TopAboutBlock .No05 .Heading{
      padding: 9px 0px 13px 15px;
    }
    .TopAboutBlock .No06 .Heading{
      padding: 5px 0px 9px 0px;
    }
.TopAboutBlock .OtherLinkText{
  clear: both;
  text-align: right;
  margin-right: 8px;
  padding-bottom: 5px;
}