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

/* reset */
body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
table,th,td,
dl,dt,dd,
form {
padding: 0px;
margin: 0px;
border: 0px;
font-size: 100%;
font-style: normal;
letter-spacing: 0;
}

br {
padding: 0px;
margin: 0px;
}
img {
padding: 0px;
margin: 0px;
border: 0px;
}

/* css hack */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
	zoom: 1;
}

body {
	background: url(../image/bg.gif) #ffea01 center top no-repeat;
}

#wrapper {
	width: 600px;
	margin: 0 auto;
}

h1 {
	margin: 29px 0 0 0;
}

#thumbnail {
	margin: 54px 0 0 0;
	padding: 0 0 0 15px;
}

#thumbnail img {
	margin: 0 5px 5px 0;
}

#copy {
	margin: 68px 0 0 0;
	text-align: center;
}

#close {
	position: absolute;
	top: 10px;
	right: 10px;
}

#close a {
	display: block;
	width: 66px;
	height: 0;
	padding-top: 13px;
	overflow: hidden;
	background: url(../image/btn_close.gif) 0 0 no-repeat;
}

#close a:hover {
		background-position: 0 -13px;
}

#rectangular {
	width: 380px;
	margin: 0 auto;
	padding: 23px 0 20px 0;
}

#oblong {
	width: 200px;
	margin: 0 auto;
	padding: 23px 0 20px 0;
}

#photoBox {
	width: 600px;
	height: 425px;
	font-size: 10px;
	position: relative;
}

#textBox {
	width: 340px;
	margin: 0 auto;
}

#comment {
	color: #FFFFFF;
	margin: 5px 0 0 0;
}

.shorttxt {
	text-align: center;
}

#stage {
	color: #fee900;
	text-align: center;
}

#back {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

#back a {
	display: block;
	width: 58px;
	height: 0;
	padding-top: 12px;
	overflow: hidden;
	background: url(../image/btn_back.gif) 0 0 no-repeat;
}

#back a:hover {
		background-position: 0 -12px;
}

#next {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#next a {
	display: block;
	width: 58px;
	height: 0;
	padding-top: 12px;
	overflow: hidden;
	background: url(../image/btn_next.gif) 0 0 no-repeat;
}

#next a:hover {
		background-position: 0 -12px;
}