body {
	line-height: 1.5;
  color: #DDD;
  font-size: 65%;
  font-family: Verdana, "MS PGothic", Sans-Serif;
	background-image: url('img/background.png');
	background-color: #030629;
	background-repeat: no-repeat;
	background-size: cover;
}
.header{
      background-image: url('img/header_scroll.gif');
      background-repeat: repeat-x;
      background-size:contain;
      color: #FFF;
  font-size: 140%;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
  position:inherit;

}
h1 {
  color: #FFF;
  font-size: 240%;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
  position:inherit;
}

h3 {
  padding: 0 0 3px 0;
  color: #fff;
  font-size: 100%;
  text-align: right;
  background: url("/img/dot001.gif") repeat-x left bottom;
}

a {
  color: #99ddff;
  text-decoration: none;
}

a:hover {
    color: #e1f2f7;
    text-decoration: underline; 
}

audio {
  width: 285px;
  height: 25px;
}

footer {
	position: absolute;
	bottom: 0;
}

.side {
	padding: 20px 0 0 5px;
	width: 170px;
	float: left;
}

.menu {
  margin: 10px 1px 0 0;
	text-shadow: 2px 2px 4px black;
  font-weight: normal;
  text-align: left;
}

* {
  margin: 0;
  padding: 0;
}

.side h1 {
	text-align: center;
}

.menu li {
  list-style: none;
  border-bottom: 1px solid #413b60;
}

.menu li a:hover {
  border-left: 3px solid #82cece;
}

.menu li a {
  display: block;
  padding-left: 3px;
  border-left: 3px solid #000;
  color: #CCC;
  text-decoration: none;
}

.content {
	background-image: url('/img/menu.png');
	height: 100vh;
	width: 415px;
	background-repeat: repeat-y;
	margin: 0;
  padding: 0 20px 0 20px;
	text-align: left;
	font-weight: normal;
	margin-left: 170px;
}

.contents-content {
	padding-top:50px;
}

.write {
  margin: 15px 10px;
}

.line {
  margin-top: 30px;
}