@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style                                */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
html{
}
#World{
}
    .Container{
      padding: 20px 0px;
    }
    /* MainContentsArea
    --------------------------------------------------- */
    .MainContentsArea{
      float: left;
      margin: 0px 0px 0px 19px;
    }
    /* SideBarArea
    --------------------------------------------------- */
    .SideBarArea{
      float: right;
      margin: 0px 19px 0px 0px;
    }
        .SideBarArea .CMBlock{
          padding-top: 15px;
        }
            .SideBarArea .CMBlock .Heading{
              background: #a50e00;
              padding: 5px 8px;
              font-size: 75%;
              color: #fff;
            }

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

/* MainImageBlock
----------------------------- */
.MainImageBlock{
  background: #000;
  text-align: center;
}
.MainImageBlock .BlockHeader{
  margin: 0px auto;
  width: 950px;
  height: 400px;
}
.MainImageBlock .BlockHeader ul{
  margin: 0px;
  text-align: left;
}
.MainImageBlock .BlockHeader li{
  list-style-type: none;
}


/* CategoryBlock
----------------------------- */
.CategoryBlock{
  margin-bottom: 18px;
}
    .CategoryBlock .BlockHeader{
      margin-bottom: 7px;
    }
    .CategoryBlock .PhotoBox{
      float: left;
    }
    .CategoryBlock .TextBox{
      margin-left: 340px;
    }
        .CategoryBlock .TextBox .DefaultText{
          margin-bottom: 5px;
        }
    .CategoryBlock .LinkBox{
      
    }
        .CategoryBlock .LinkBox p{
          float: left;
          width: 150px;
          border: solid #000 2px;
          margin-bottom: 3px;
          font-size: 75%;
        }
            .CategoryBlock .LinkBox p.First{
              margin-right: 3px;
            }
            .CategoryBlock .LinkBox p a{
              display: block;
              padding: 4px 9px 2px 9px;
            }
                .CategoryBlock .LinkBox p a:hover{
                  background: #BD1010;
                  color: #fff;
                  text-decoration: none;
                }
        .CategoryBlock .LinkBox .Arrow{
          font-size: 87.5%;
        }

/* WhatsNewBlock
----------------------------- */
.WhatsNewBlock{
  
}
    .WhatsNewBlock .BlockHeader{
      border-bottom: solid 4px #a01116;
      padding-bottom: 4px;
      margin-bottom: 14px;
    }
        .WhatsNewBlock .BlockHeader .MainTitle{
          float: left;
        }
        .WhatsNewBlock .BlockHeader .SubTitle{
          float: right;
          padding-top: 10px;
        }
    .WhatsNewBlock .BlockContents{
      margin: 0 0.5em;
      font-size: 75%;
    }
        .WhatsNewBlock .ParagraphGroup{
          margin: 15px -0.5em 10px -0.5em;
          border-top: solid 4px #a01116;
          padding-top: 10px;
        }
            .WhatsNewBlock .ParagraphGroup .ParagraphGroupInside{
               height: 185px;
               overflow: auto;
               margin: 0 0.5em;
            }
        .WhatsNewBlock .Paragraph{
          border-bottom: 1px solid #777777;
          margin-bottom: 0.8em;
          padding-bottom: 0.8em;
          line-height: 1.5;
        }
            .WhatsNewBlock .Paragraph .ParagraphHeader{
              padding-bottom: 0.2em;
              float: left;
            }
                .WhatsNewBlock .Paragraph .ParagraphHeader h3{
                  font-weight: normal;
                  padding-left: 10px;
                  background: url(../img/common/icon/arrow_right_red.gif) no-repeat left 50%;
                }
            .WhatsNewBlock .Paragraph .ParagraphContents{
              margin-left: 9em;
            }
        .WhatsNewBlock .BlockContents .More{
          text-align: right;
        }
            .WhatsNewBlock .BlockContents .More a{
              padding-left: 10px;
              background: url(../img/common/icon/arrow_right_red.gif) no-repeat left 50%;
            }



.MainImageArea .WideWidthSetter{
  position: relative;
  width: 950px;
  margin: 0px auto;
}
.MainImageArea video{
  position: absolute;
  z-index: 75;
  top: 0;
  left: 0;
}
.MainImageArea #buttonbar {
    position: absolute;
    z-index: 100;
    margin: 0 !important;
    text-align: right;
    right: 0;
    bottom: 50px;
}
.MainImageArea #buttonbar button {
    color: #000;
    font-weight: bold;
    background: #fff;
    border: none;
    cursor: pointer;
    padding: 5px 15px;
}