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

body {
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1em;*/
	
	margin: 0;
	
	/*背景画像の全画面の設定*/
	background-image: url("../img/background.jpg");
	/*画像を引き伸ばしてくれる*/
	background-size: cover;
	
	/*background-repeat: no-repeat; */
	
	mix-blend-mode: multiply;
	
}

#container{
	
	width: 850px;
	height: 600px;
	margin-top: 250px;
	margin-right: auto;
	margin-left: auto;
	
}

#door01{
	
	width: 250px;
	height: 500px;
	float: left;
	
	margin-right: 100px;
	
	background-image: url("../img/door07.png");
	background-size: cover;
	
}

/*********************************リンクボタンの設定*/
#door01 a{
	
	/*ボタンの領域を広げる*/
	padding: 0px 250px 500px 0px;
	
}

/*マウスホバー時*/
#door01 a:hover{
	
	float: left;
	background-image: url("../img/door07_hover.png");
	background-size: cover;
	background-color: white;
	
}

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

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

	
#door02{
	
	width: 500px;
	height: 500px;
	float: left;
	
	background-image: url("../img/door13.png");
	background-size: cover;
	
}

/*********************************リンクボタンの設定*/
#door02 a{
	
	/*ボタンの領域を広げる*/
	padding: 0px 500px 500px 0px;
	
}

/*マウスホバー時*/
#door02 a:hover{
	
	float: left;
	background-image: url("../img/door13_hover.png");
	background-size: cover;
	background-color: white;
	
}

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

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

.floor01 {
	
	width: 250px;
	height: 100px;
	float: left;
	margin-right: 100px;
	background-image: url("../img/floor.png");
	background-size: cover;
	
}

.floor02 {
	
	width: 500px;
	height: 100px;
	float: left;
	background-image: url("../img/floor_2.png");
	background-size: cover;
	
}