@font-face {
  font-family: hollywood;
  src: url(../okuda.ttf); }
body {
  background: #333; }

.maindiv {
  display: block;
  width: 75%;
  margin: 0 auto;
  padding-bottom: 100px;
  border-right: 10px solid #2e2b2c;
  border-left: 10px solid #2e2b2c;
  background: #58595b; }
  .maindiv .logo {
    display: inline-block; }
  .maindiv h2 {
    font-family: hollywood;
    font-size: 30px;
    display: inline-block;
    float: right;
    margin-top: 100px;
    margin-right: 150px;
    text-align: center;
    color: #f5c836; }
  .maindiv .info {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding-bottom: -5px;
    background: #e6e7e8; }
    .maindiv .info img {
      width: 100%; }
    .maindiv .info .left {
      display: inline-block;
      width: 55%;
      margin-left: 10px; }
      .maindiv .info .left h3 {
        font-family: hollywood;
        font-size: 28px;
        margin-top: 10px;
        color: #c89e48; }
      .maindiv .info .left p {
        font-size: 15px;
        line-height: 20px;
        margin-top: 10px;
        color: #616264; }
    .maindiv .info .right {
      display: inline-block;
      float: right;
      width: 40%;
      height: 300px;
      margin-right: 10px; }
      .maindiv .info .right img {
        width: 22%;
        height: 120px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 5px; }
      .maindiv .info .right a {
        width: 100%;
        height: 70px;
        margin-top: 10px;
        text-align: center;
        color: #8a8b8d; }
        .maindiv .info .right a p {
          font-family: hollywood;
          font-size: 28px;
          padding: 20px;
          color: #8a8b8d;
          border: 3px solid #f9ca34;
          background: linear-gradient(#fbcc33, #c4932d); }
  .maindiv .classic {
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-left: 20px; }
    .maindiv .classic h3 {
      font-family: hollywood;
      font-size: 30px;
      margin-top: 20px;
      margin-left: 30px;
      color: #f5c836; }
    .maindiv .classic .left {
      display: inline-block;
      float: left;
      width: 28%;
      margin-top: 50px; }
      .maindiv .classic .left img {
        display: block;
        width: 183px;
        margin: 0 auto; }
      .maindiv .classic .left p {
        font-family: hollywood;
        font-size: 25px;
        display: block;
        width: 183px;
        margin: 0 auto;
        margin-top: 50px;
        text-align: center;
        color: #58595b;
        border: 3px solid #f9ca34;
        background: linear-gradient(#fbcc33, #c4932d); }
    .maindiv .classic .right {
      display: inline-block;
      width: 70%;
      height: 400px;
      margin-top: 50px;
      border: 3px solid #f9ca34;
      background: #fff; }
      .maindiv .classic .right .title {
        width: 100%;
        height: 70px;
        background: linear-gradient(#fbcc33, #c4932d); }
        .maindiv .classic .right .title p {
          font-family: hollywood;
          font-size: 25px;
          margin-left: 20px;
          padding-top: 5px;
          color: #616264; }
      .maindiv .classic .right .about {
        font-size: 15px;
        line-height: 20px;
        margin: 10px 10px 10px 10px; }
  .maindiv .click {
    font-family: hollywood;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    text-align: left;
    color: #c89e48; }
  .maindiv .partners {
    display: inline-block;
    float: right;
    width: 40%;
    height: 100px;
    margin-right: 10px; }
  .maindiv .movie {
    display: inline-block;
    width: 17%;
    margin: 0 auto;
    margin-right: 9px;
    margin-bottom: 20px;
    margin-left: 9px; }
    .maindiv .movie img {
      width: 100%;
      height: 220px; }
    .maindiv .movie p {
      font-size: 11px;
      margin-top: 5px;
      text-align: left;
      color: #58595b; }
  .maindiv .movietext {
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-left: 10px;
    padding-bottom: 20px; }
    .maindiv .movietext h3 {
      font-family: hollywood;
      font-size: 30px;
      margin-top: 20px;
      margin-left: 30px;
      color: #f5c836; }
    .maindiv .movietext .left {
      display: inline-block;
      float: left;
      width: 22%;
      margin-top: 10px; }
      .maindiv .movietext .left img {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-left: 0px; }
      .maindiv .movietext .left p {
        font-family: hollywood;
        font-size: 25px;
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-top: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #58595b;
        border: 3px solid #f9ca34;
        background: linear-gradient(#fbcc33, #c4932d); }
    .maindiv .movietext .right {
      display: inline-block;
      width: 74%;
      margin-top: 10px; }
      .maindiv .movietext .right .title {
        width: 100%;
        height: 70px;
        background: linear-gradient(#fbcc33, #c4932d);
        border: 3px solid #f5d46a; }
        .maindiv .movietext .right .title p {
          font-family: hollywood;
          font-size: 25px;
          margin-left: 20px;
          padding-top: 5px;
          color: #616264; }
      .maindiv .movietext .right .about {
        font-size: 15px;
        line-height: 20px;
        margin: 10px 10px 10px 10px;
        color: #58595b; }

/*# sourceMappingURL=main.css.map */