body {
	background: #000000;
}

div.top {
width: 1300px;
height: 50px;
margin-left: 50px;
margin-top: 30px;
background: #D3D3D3;
border: 2px #000000 solid;
float: left;
}

div.bottom {
clear: both;
width: 1300px;
height: 30px;
margin-left: 50px;
background: #D3D3D3;
border: 2px #000000 solid;
}

div.main-box {
overflow: auto;
width: 1400px;
display: none;
}

div.one {
clear: both;
width: 400px;
height: 400px;
margin-left: 50px;
background: #ffffff;
border: 2px #000000 solid;
float: left;
font-size: 18px;
position: relative;
box-shadow: 5px 5px 5px #708090 inset;
}

div.two {
margin-left: 46px;
width: 400px;
height: 400px;
background: #ffffff;
border: 2px #000000 solid;
float: left;
position: relative;
box-shadow: 5px 5px 5px #708090 inset;
}

div.four {
margin-left: 46px;
width: 400px;
height: 400px;
background: #ffffff;
border: 2px #000000 solid;
float: left;
position: relative;
box-shadow: 5px 5px 5px #708090 inset;
}

div.three {
clear: both;
width: 1300px;
height: 300px;
margin-left: 50px;
background: #ffffff;
border: 2px #000000 solid;
font-size: 20px;
box-shadow: 5px 5px 5px #708090 inset;
}

p.top-title {
margin-top: 3px;
font-size: 30px;
text-align: center;
}

p.bottom {
font-size: 20px;
margin-top: 1px;
text-align: center;
}

img.nazobu {
margin-left: 30px;
margin-top: 10px;
}

img.nazobu2 {
 display: block;
 margin-left: auto;
 margin-right: auto;
margin-top: 20px;
}

img.intro {
 display: block;
 margin-left: auto;
 margin-right: auto;
margin-top: -25px;
margin-bottom: -25px;
}

img.intro2 {
 display: block;
 margin-left: auto;
 margin-right: auto;
 border: #000000 2px solid;
}


p.main-title {
width: 150px;
margin-top: 10px;
background: #00008B;
color: #ffffff;
border-right: 10px #FFD700 solid;
font-size: 20px;
text-align: center;
position: relative;
z-index: 1;
box-shadow: 3px 3px 5px #708090;
}

p.content {
margin-left: 30px;
margin-right: 30px;
font-size: 20px;
}

p.syousai {
text-align: right;
font-size: 20px;
}

p.buin {
margin-left: 30px;
font-size: 20px;
}

div.menu {
width: 380px;
height: 280px;
margin-left: 10px;
overflow: scroll;
border: #191970 2px solid;
}

img.sample {
margin-left: 100px;
margin-top: -25px;
border: 2px #000000 solid;
}

img.sample2 {
margin-left: 50px;
margin-top: -30px;
border: 2px #000000 solid;
}

div.main {
width: 1300px;
background: #ffffff;
font-size: 20px;
clear: both;
margin-left: 50px;
border: 2px #000000 solid;
}

p.center {
text-align: center;
}

p.center-pro {
text-align: center;
border: 3px #0000CD solid;
}

p.center-pro2 {
text-align: center;
background: #FF0000;
color: #ffffff;
font-family: sans-serif;
}

p.center-pro3 {
text-align: center;
background: #000000;
color: #FF0000;
font-family: sans-serif;
}

div.prof {
width: 300px;
margin: 0 auto;
font-size: 25px;
}

div.content {
background: #DCDCDC;
border: #000000 2px solid;
margin: 0 auto;
margin-bottom: 30px;
margin-left: 20px;
margin-right: 20px;
}

a {
color: #000000;
}

a:hover {
color: #FF0000;
}

p.webnazotop {
text-align:center;
margin-top: -50px;
display: none;
}

p.webnazo {
text-align:center;
}

img.rule {
width: 250px;
height: 100px;
border: 2px #000080 solid;
}

p.rule {
color: #ffffff;
text-align: center;
font-size: 25px;
}

p.rule2 {
color: #ffffff;
text-align: center;
font-size: 45px;
}

p.rule3 {
color: #ffffff;
text-align: center;
font-size: 25px;
display: none;
}

img.start {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

img.start:hover {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}


.jst-hours {
  float: left;
  color: #ffffff;
  font-size: 80px;
  position: fixed;
  background: #080a1a;
}

.jst-minutes {
  float: left;
  color: #ffffff;
  font-size: 80px;
  position: fixed;
  margin-left: 100px;
  background: #080a1a;
}

.jst-seconds {
  float: left;
  color: #ffffff;
  font-size: 80px;
  position: fixed;
  margin-left: 200px;
  background: #080a1a;
}

.jst-clearDiv {
  clear: both;
}

.jst-timeout {
  color: red;
}

p.finished {
text-align:center;
margin-top: 50px;
display: none;
}

p.final {
text-align:center;
margin-top: -100px;
display: none;
}

a.webnazo{
color: #ffffff;
}

a.webnazo:hover {
color: #D3D3D3;
}

p.nazoimage {
text-align:center;
}

p.nazoimage2 {
text-align:center;
display: none;
}

p.sikake {
position: fixed;
right:0%;
margin-top: -10px;
z-index: 3;
}

p.sikake2 {
position: fixed;
z-index: 2;
display: none;
}

p.sikake:active + p.sikake2{
display: block
}

span.hatena:hover {
cursor:help;
}

p.top-image {
position: fixed;
}