body {background-image: url(img/backblue.gif); background-repeat: repeat; font-size: 18px; text-align: center;}

h1 {font-weight: bold; font-size: 24px; background: white; border: 3px aqua outset;}
div {background: white; text-indent: 2em;}
p {text-indent: 1em; background: white;}
h2, h3, h4 {font-weight: bold; font-size: 22px; background: white; text-decoration: underline blue wavy;}

table {background: white; border: 2px solid aqua;}

#reload {display: block;
	text-align: center;
	text-decoration: none;
	color: #FF5722;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border: double 4px #FF5722;
	border-radius: 50%;
	vertical-align: middle;
	overflow: hidden;
	transition: .6s;
}
#reload:hover {
	transform: rotateY(360deg);
}

.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  text-align: center;
  font-size: 18px;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
#clock {text-align: right; font-size: 18px; border: 4px black solid; background-color: white;}
.player {border: 2px orange double; background: white; border-radius: 8px;}