body {
    background-color: rgb(209, 212, 203);
    /*font-size: 13px;*/
    font-family: 'Noto Sans JP', sans-serif;
    color: rgb(69, 69, 69);
    margin: 0px;
    padding: 0px;
}
address {
    width: 790px;
    margin: 10px auto 40px auto;
    text-align: center;
    font-size: 11px;
    *padding-bottom: 40px;
    *font-size: 89%;
    color: #72746f;
}
#top_wrapper {
	position: relative;
	
	background-image: none;
	background-color: #FFF;
	height: 600px;
	width: 790px;
	margin-top: 70px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 1;
}
p.update {
	margin-top: 1em;
	color: #464842;
	text-align: center;
	font-size: 13px;
}
#top_wrapper h1 {
	font-weight:900;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: 48px;
	z-index: 2;
	display: inline-block;
}
#top_wrapper h2 {
	font-weight:900;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: 20px;
	color: #545454;
	z-index: 2;
	display: inline-block;
}
#top_wrapper h2 span {
	color: #914B32;
}
#top_wrapper .chara {
	z-index: 2;
	position: absolute;
	top: 147px;
	left: 0;
	right: 0;
	margin: auto;
}
#top_wrapper .menubox {
	font-weight:900;
	position: absolute;
	top: 436px;
	left: 0;
	right: 0;
	margin: auto;
	color: #4D482D;
	z-index: 3;
	background-color: #908855;
	height: 145px;
	width: 750px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.menubox p {
	font-size: 24px;
	font-weight:900;
	line-height: 1.8 !important;
	margin-top: 15px;
	letter-spacing:-1.5px;
}
.menubox p span {
	display: inline-block;
}
.menubox p a {
	font-weight:900;
	font-size: 27px;
	text-decoration: none;
	color: #660000;
	letter-spacing:-1.5px;
	display: inline-block;
}
.sign {
	position: absolute;
	bottom:50px;
	right:50px;
	z-index: 4;
}
/*アニメーション*/
.scene1 {
	animation-delay: 1s;  /*アニメーション開始時間*/
}
.scene2 {
	animation-delay: 1.5s;  /*アニメーション開始時間*/
}
.scene3 {
	animation-delay: 2s;  /*アニメーション開始時間*/
}
.scene4 {
	animation-delay: 2.5s;  /*アニメーション開始時間*/
}
.scene5 {
	animation-delay: 3s;  /*アニメーション開始時間*/
}
.scene6 {
	animation-delay: 3.5s;  /*アニメーション開始時間*/
}
.scene7 {
	animation-delay: 4s;  /*アニメーション開始時間*/
}
.scene8 {
	animation-delay: 4.5s;  /*アニメーション開始時間*/
}
.scene9 {
	animation-delay: 5s;  /*アニメーション開始時間*/
}
.scene10 {
	animation-delay: 6.5s;  /*アニメーション開始時間*/
}
.menubox p a:hover {
	animation: tada 1s infinite;
}
/*マウスオーバーメニュー*/
#t1 {
	display: none;
	width: 240px;
	position: absolute;
	top: 340px;
	left: 37px;
	color: #691026;
	font-weight: bold;
	z-index: 10;
}
#t2 {
	display: none;
	width: 240px;
	position: absolute;
	top: 310px;
	right: 50px;
	color: #003399;
	font-weight: bold;
	z-index: 10;
}
#t3 {
	display: none;
	width: 190px;
	position: absolute;
	top: 190px;
	right: 50px;
	color: #003333;
	font-weight: bold;
	z-index: 10;
}
#t4 {
	display: none;
	width: 200px;
	position: absolute;
	top: 224px;
	left: 37px;
	color: #330066;
	font-weight: bold;
	z-index: 10;
}
/*.btn1:hover + .t1 {
	display: block;
}
.btn2:hover + .t2 {
	display: block;
}
.btn3:hover + .t3 {
	display: block;
}
.btn4:hover + .t4 {
	display: block;
}
*/

/*#test {
	position: absolute;
	height: 200px;
	width: 200px;
	border: 1px solid #999;	
	z-index: 99;
}
#inner {
	position: absolute;
	height: 100px;
	width: 100px;
	border: 1px solid #000;	
	z-index: 99;
}
#target {
	position: absolute;
	display: none;
	height: 200px;
	width: 200px;
	border: 1px solid #999;	
	z-index: 99;
	left: 250px;
}
#test:hover{
background-color: blue;
}
#test:hover + #target{
display: block;
}
.btn1:hover + #target {
	display: block;
}
#test:hover > #inner{
background-color: green;
}
#test:hover > #inner:hover{
opacity: 0.7;
}*/