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

body {
	
	margin: 0;
	
	/*背景画像の全画面の設定*/
	background-image: url("../img/background.jpg");
	/*画像を引き伸ばしてくれる*/
	/*background-size: cover;*/
	
	background-repeat: repeat; 
	
	
}

#containerA {
	
	width: 1200px;
	height: 1500px;
	margin-top: 200px;
	margin-right: auto;
	margin-left: auto;
	
}

#ending_img {
	
	width:700px;
	height:450px;
	float: right;
	background: url("../img/ending11.png");
	background-size: cover;
}

#text {
	
	margin-top: 600px;
	width:700px;
	height:450px;
	float: left;
	background: url("../img/text11.png");
	background-size: cover;
}

#box01 {
	
	position:absolute;
	top:150px;
	left:400px;
	width:250px;
	height:400px;
	background-image: url("../img/flame01.png");
	background-size: cover;
}

#door01 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door01.png");
	background-size: cover;
	
}

#box02 {
	
	position:absolute;
	top:250px;
	left:80px;
	width:250px;
	height:400px;
	background-image: url("../img/flame02.png");
	background-size: cover;
}

#door02 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door25.png");
	background-size: cover;
	
}

#box03 {
	
	position:absolute;
	top:700px;
	left:100px;
	width:500px;
	height:400px;
	background-image: url("../img/flame03.png")
}

#door03 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:300px;
	height:300px;
	background-image: url("../img/door26.png");
	background-size: cover;
	
}

#box04 {
	
	position:absolute;
	top:820px;
	left:650px;
	width:250px;
	height:400px;
	background-image: url("../img/flame02_B.png")
}

#door04 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door27.png");
	background-size: cover;
	
}

#box05 {
	
	position:absolute;
	top:680px;
	left:950px;
	width:250px;
	height:400px;
	background-image: url("../img/flame02_B.png")
}

#door05 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door36.png");
	background-size: cover;
	
}

#box06 {
	
	position:absolute;
	top:720px;
	left:1250px;
	width:250px;
	height:400px;
	background-image: url("../img/flame02_B.png")
}

#door06 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door36.png");
	background-size: cover;
	
}

#box07 {
	
	position:absolute;
	top:1150px;
	left:1050px;
	width:250px;
	height:400px;
	background-image: url("../img/flame02_B.png")
}

#door07 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door36.png");
	background-size: cover;
	
}

#box08 {
	
	position:absolute;
	top:1250px;
	left:1380px;
	width:250px;
	height:400px;
	background-image: url("../img/flame02_B.png")
}

#door08 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door36.png");
	background-size: cover;
	
}

#box09 {
	
	position:absolute;
	top:1600px;
	left:1100px;
	width:250px;
	height:350px;
	background-image: url("../img/flame02_B.png")
}

#door09 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:300px;
	background-image: url("../img/door38.png");
	background-size: cover;
	
}


#box10 {
	
	position:absolute;
	top:1750px;
	left:1400px;
	width:250px;
	height:200px;
	background-image: url("../img/flame02_B.png")
}

#door10 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	
	width:150px;
	height:150px;
	background-image: url("../img/door38.png");
	background-size: cover;
	
}

.button {
	
	width: 250px;
	height: 100px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	
	
	background-image: url("../img/button.png");
	background-size: cover;
	
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 40px;*/
	
	
	
}

/*********************************リンクボタンの設定*/
.button a{
	
	/*ボタンの領域を広げる*/
	padding: 0px 250px 100px 0px;
	float: left;
}

/*マウスホバー時*/
.button a:hover{
	
	float: left;
	
	background-image: url("../img/button_hover.png");
	background-size: cover;
	
	/*float: left;
	background-image: url("../img/door01_hover.jpg");
	background-size: cover;*/
	
}

/*未訪問のリンク
#door01 a:link{
	color:#FFF;
}
/*訪問済みのリンク
#door01 a:visited{
	color:#FFF;
}
/*マウスクリック
#door01 a:active{
	background-color:#FF0;
	color:#FFF;
}
*/

/**********************************************/