@charset "UTF-8";
/* CSS Document */

.key-bg { width: 960px; min-height: 984px; margin: 0 auto; background: url(../images/top_bg.png) no-repeat 130px 0px; }

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
background-color: #ffffff;
	background: url(../images/bg_01c.png) repeat 0px -600px;
  z-index: 4;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 3;
}

/* header
-------------------------------------- */
header { width: 960px; margin: 0 auto; position: relative; min-height: 213px;}
#top-logo{ position:absolute; left:0px; top: 8px; z-index: 1;}
.copy{ position:absolute; left:637px; top: 0px; z-index: 1; }
.copy2{ position:absolute; left:730px; top: 125px; z-index: 1;}

#main { position: relative; min-height: 950px;}
.key-01 { position: absolute; left:125px; top: -215px; z-index: 0;}
.key-02 { position: absolute; left:538px; top: 41px; z-index: 0;}
.key-03 { position: absolute; left:192px; top: -136px; z-index: 0;}
.key-04 { position: absolute; left:170px; top: 400px; z-index: 0;}

.catch { position: absolute; left:130px; top: 30px;}

/* g-navi style
-------------------------------------- */
ul.g-navi .bt_01 { position:absolute; top:15px; left: 775px; z-index: 2;}
ul.g-navi .bt_02 { position:absolute; top:195px; left: 775px; z-index: 2;}
ul.g-navi .bt_03 { position:absolute; top:365px; left: 725px; z-index: 2;}
ul.g-navi .bt_04 { position:absolute; top:510px; left: 610px; z-index: 2;}
ul.g-navi .bt_05 { position:absolute; top:610px; left: 460px; z-index: 2;}
ul.g-navi .bt_06 { position:absolute; top:630px; left: 280px; z-index: 2;}
ul.g-navi .bt_07 { position:absolute; top:555px; left: 120px; z-index: 2;}
ul.g-navi .bt_08 { position:absolute; top:415px; left: 10px; z-index: 2;}

.g-navi3 {margin-top: 40px;}
.g-navi3-yoko { margin-left: 30px;}

.movie_bn { position:absolute; top:770px; left:10px; }
.game_bn { position:absolute; top:830px; left:250px; }
.top-haishin {position: absolute; top:545px; left: 460px; z-index: 1;}


/* news-sns
-------------------------------------- */
.news-sns { width: 960px; margin: 0 auto;}
.top-news { width: 480px; float: left;}
#top-news-main { top:10px; left:30px; width: 448px; height: 350px;}
#top-news-main iframe { border:none; outline: none; background: none; x-scroll :none; margin-left: 35px; width: 370px; height: 295px; } 

@media screen and (max-width: 767px) {
#top-news-main {overflow: auto; width: 448px; height: 295px; -webkit-overflow-scrolling:touch;}
#top-news-main iframe { width: 365px; } 
}

.twitter { width: 453px; float: left; height: 350px; padding-left:27px; }
.twitter iframe { border:none; outline: none; background: none; x-scroll :none; width:380px; height:295px; margin-left: 20px;} 

.top-sns { width: 360px; margin: 40px auto;}
.top-sns-bnr li {float: left;}
.top-sns-sp { margin-right: 40px;}

/* top-bnr
-------------------------------------- */
.top-banner { width: 960px; margin: auto;}
.top-bnr { width: 620px; margin: 0 auto;}
.top-bnr li { float: left; width: 200px; margin-bottom: 10px;}
.top-bnr-sp { margin-right: 10px;}


/* top_news
-------------------------------------- */
#top_news {background-image:none; font-size: 14px; }
a:link, a:focus, a:visited { color: #4b0082; text-decoration:none; }
div.news-title { line-height:1.5; color:#4b0082;}
.news-title-date { padding-top: 10px;}
.news-title-date a { color:#4b0082;}
.news-title-title { border-bottom:#4b0082 dotted 1px; padding-left: 10px; padding-bottom: 5px;}
.news-title-title a { color:#4b0082; }