@charset "UTF-8";
#comingsoon {
width:100%;
height:100%;
z-index: 9999999;
position: fixed;
    top: 0;
    left: 0;
    background-color:rgba(000,000,000,0.8);
    -webkit-transform:translateZ(420px);
}
#comingsoon p {
position:relative;
top:350px;
text-align:center;
color:#fff;
font-size:60px;
}
html {
	    font-size: 62.5%;
}
body {
	height: 100%;
    font-family: 'Gill Sans', Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 1.4em;
    line-height: 1.6;
    color: #000;
	margin: 0;
	padding: 0;
}
#outside {
	padding: 0px auto;
width: 100%;
height: auto;
}
#header {
	width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
	background-color:rgba(000,000,000,0.7);
	height: 100px;
	-webkit-transform:translateZ(220px);
}
#header-menu {
	width: auto;
    height: auto;
    padding: 25px 40px 0 0;
    overflow: visible;
    position: static;
    float: right;
    display: block;
}
#header-nav {
	font-size: 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7;
	width: 100%;
    margin: 0;
    padding: 0;
}
#header-nav ul {
	text-align: center;
	margin:0;
	font-size: 0;
}
#header-nav ul li {
	    display: inline-block;
		font-size: 1.7rem;
font-weight: bold;
font-family: Arial;
border-top: 4px solid transparent;
transition: border 0.4s linear;
width: 120px;
}
#header-nav ul li:hover {
border-top: 4px solid #c00;
}
#header-nav ul li span {
	margin-left: 5px;
display: block;
	font-size: 1.2rem;
font-family: 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
}

#header-nav ul li a {
	display:block;
	    padding: 20px 13px 15px;
		color:#fff;
}
.hlogo {
	margin: 0 0 0px 80px;
    padding: 0;
    position: relative;
    z-index: 10;
	top: 10px;
}
#minilogo {
	background-color: transparent !important;
    width: auto;
    position: static;
    float: left;
}
#screen {
	border: 0px solid black;
position: fixed;
top: 0px;
left: 0px;
z-index: -1;
}
#buffer {
	position: fixed;
top: -1000px;
left: 0px;
display: none;
}
.nav-inner a {
	color:#ccc;
	text-decoration: none;
}
#title {
	position: fixed;
top: 50%;
margin: -270px 0 0;
width: 100%;
text-align:center;
height: 500px;
z-index:4;
}
#top {
	width: 100%;
	height:1000px;
}
.logo {
	display: inline-block;
	margin: 0 40px 0 0;
}
.logo img {
	vertical-align: middle; 
}
.topic {
	display: inline-block;
	height: 360px;
}
.topic iframe {
	margin-top:50px;
}
.topic div {
	color: #fff;
	text-shadow: 0 0 10px #fff,
      0 0 20px #fff,
      0 0 30px #fff;
}
.news {
height:260px;
display: inline-block;
width:400px;
margin: 42px 40px 0 0;
vertical-align: top; 
}

.news span {
	font-size:4rem;
	color:#ccc;
}
#contents {
position:relative;
	clear: both;
display: block;
z-index:9;
-webkit-transform:translateZ(20px);
}
#contents .info {
position:relative;
z-index:9;
}
#topic {
height:400px;
position:relative;
	clear: both;
display: block;
z-index:9;
-webkit-transform:translateZ(20px);
margin-bottom:500px;
text-align:center;
}
.topiclist {
height:80%;
overflow:scroll;
text-align:left;
color:#ccc;
overflow-y: scroll;
overflow-x: hidden;
}
.topiclist dt {
	font-weight:bold;
	margin-top:20px;
}
.topiclist dt:first-child {
	font-weight:bold;
	margin-top:0px;
}
.topiclist dd {
	font-size:1.6rem;
	margin-left:0px;
	padding-bottom:10px;
	border-bottom:dotted 1px #ccc;
}
.topiclist dd:last-child {
	font-size:1.6rem;
	margin-left:0px;
	padding-bottom:5px;
	border-bottom:dotted 1px #ccc;
}
.topicblock {
display: inline-block;
width:80%;
background-color:rgba(192,000,000,0.7);
border:solid 2px #d00;
}
.info {
background-image:url("../img/bgstar2.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#about {
width:100%;
height:auto;
position:relative;
	clear: both;
display: block;
z-index:9;
-webkit-transform:translateZ(20px);
text-align:center;
}
#about .aboutinner {
width:100%;
height:auto;
background-image:url("../img/syasin3.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
color:#ccc;
padding: 50px 0;
}
#about .aboutinner div {
	width:60%;
	margin:0 auto;
}
#about h2 {
	font-size:3em;
}
#about p {
margin: 0;
font-size:1.4em;
}
.space {
width:100%;
height:500px;
position:relative;
	clear: both;
display: block;
z-index:9;
-webkit-transform:translateZ(20px);
text-align:center;
}
#foot {
width:100%;
height:100px;
position:relative;
	clear: both;
display: block;
z-index:9;
background-color:rgba(000,000,000,0.7);
-webkit-transform:translateZ(20px);
text-align:center;
}
.copy {
color:#ccc;
padding-top:40px;
}

@media all and (-ms-high-contrast:none){
  .css_selector {
    background-color: LightSkyBlue;
  }
}