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

/* ==========================================================================
		共通
   ========================================================================== */

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	background:#DDDDDD ;
}

a{
	color: #00F;
	text-decoration:none;
}

a:hover img {
     filter: alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
    zoom:1;
}

p.big{
	margin:-50px 0 50px 0;
	font-weight:bolder;
	color:#F00;
}

p.red_big{
	font-weight:bolder;
	color:#F00;
}

/* ==========================================================================
		loader
   ========================================================================== */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#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: 2;
}

/* ==========================================================================
		header
   ========================================================================== */

#header{
	background:#000;
}

#header p{
	color:#FFF;
	padding: 10px 0;
}

/* ==========================================================================
		mein
   ========================================================================== */

h1{
	font-size:20px;
	font-weight:bolder;
	margin:50px 0;
}

#start{
	margin:20px 0 0 0;
}

#question li{
	display:inline;
}

#hazure{
	margin: 20px 0 0 0;
}

#null{
	margin:10000px 0 ;
}

#null2{
	margin: 0 0 50px 0 ;
}


/* ==========================================================================
		button
   ========================================================================== */

#button{
	margin: 30px 0 0 0;
}

.button {
	margin: 10px 0;
	padding: 10px;
	border-radius: 10px;
	color: #000000;
	background-color: orange;
}

.button:active{
	box-shadow: inset 1px 1px 2px 2px #000;
}



#page-top {
    position: fixed;
    bottom: 20px;
	left:20px;
    font-size: 80%;
}

#page-top2 {
    position: fixed;
    bottom: 20px;
	right:20px;
    font-size: 77%;
}

#player{
	margin:20px 0 50px 0;
}

iframe#player{
    position: fixed;
	bottom:70px;
}