/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: Meiryo, sans-serif, monospace;
	font-size: 12px;
}

img{border:0}

.clear{clear:both;}
#wrapper {
	min-width:1000px;
}

#planetarian_top {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	background-image: url(../image/planetarian_01_top.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#planetarian_story {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	background-image: url(../image/planetarian_02_story_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:2%;
}

#planetarian_abouthd {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	background-image: url(../image/planetarian_03_abouthd_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:auto;
}

#planetarian_special {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	background-image: url(../image/planetarian_04_special_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:auto;
}

#planetarian_spec {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	background-image: url(../image/planetarian_05_spec_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:auto;
}

.planetarian_yumemi_box {
	width:54%;
	margin-left:23%;
	height:100%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	background-image: url(../image/planetarian_03_abouthd_yumemi.png);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative
}
.planetarian_hikaku_space {
	width: 50%;
}

.planetarian_hikaku {
	width: 60%;
}

.planetarian_special {
	width:52%;
	margin-left:24%;
	height:100%;
	position:relative
}

.planetarian_spec {
	width:44%;
	margin-left:28%;
	height:100%;
	position:relative;
	padding-top:2%;
	padding-bottom:4%;
}

/* page-top_setting
================================================== */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
}
.main_contents_text {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
.scroll_arrow {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


#loader {
	width: 300px;
	height: 105px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -52px; /* heightの半分のマイナス値 */
	margin-left: -150px; /* widthの半分のマイナス値 */
	z-index: 9999;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9998;
}