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

#container{
	width: 800px;
	margin: 0 auto;
}

#mainArea{
	position: relative;
	height: 395px;
}

img.morning,
img.evening,
img.night{
	position: absolute;
	top: 0;
	left: 0;
}

img.evening,
img.night{
	display: none;
}

#mainArea img#profile{
	position: absolute;
	top: 77px;
	left: 172px;
	display: none;
	z-index: 50;
}

#bookArea,
#worldArea{
	float: left;
}

#bookArea{
	width: 409px;
}

#worldArea{
	width: 391px;
}

a.shinkan{
	position: relative;	
	display: block;
}

img.cover{
	position: absolute;
	top: 30px;
	right: 30px;
}

img.misaki{
	position: absolute;
	top: 40px;
	right: 34px;
	display: none;
}

img.main{
	position: absolute;
	top: 0;
	left: 0;
}

img#main01{
	z-index: 10;
	
}

img#main02{
	display: none;
	z-index: 10;
}