@charset "utf-8";

* {
  margin:0;
  padding:0;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

body {
	/*background-color: #517c85;*/
	background: url("../images/utyu.png")no-repeat fixed center top;
	background-size: cover;
}

#wrapper {
  width:100%;
  max-width:960px;
  margin:10px auto 0;
  background: url("../images/frame.png")center top no-repeat;
}

h1 {
  text-align:center;
}

.title {
  color: #ffffff;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  margin: 2% 0 2%;
  position: relative;
  z-index: 10;
}

.title:after {
	content: '';
	position: absolute;
	top: 60%;
	left: 20%;
	display: inline-block;
	width: 60%;
	height: 30px;
	background-color: #cc0099;
	z-index: -10;
	background: linear-gradient(-45deg, transparent, #cc0099 50%, #cc0099 50%, transparent);
}

#ViewArea {
  text-align:center;
  margin:0 auto;
}

#ViewArea img {
  width: 642px;
  margin-top: 72px;
}

#button ul {
	padding: 0px;
	width: 960px;
	height: 50px;
}
#button li {
	list-style-type: none;
}

#pre {
	float: left;
	margin-left: 200px;
}

#next {
	float: right;
	margin-right: 200px;
}

#sumlist {
  clear: both;
  width: 960px;
  height: 70px;
  margin: 80px 10px 0 30px;
}

#sumlist li{
  list-style:none;
  display:inline;
}

.sumnail {
  width: 100px;
  padding-left: 20px;
  cursor: pointer;
}

.sumnail:hover {
  cursor: pointer;
}


.copyright {
	font-size: 0.8rem;
	text-align: center;
	padding-top: 10px;
	color: #fff;
}