@charset "utf-8";


p#day,
p#night{
	position: absolute;
	top: 25%;
	width: 50%;
	height: 100px;
}
p#day img,
p#night img{
	margin-top: 30px;
}

p#day{
	left: 0;
	background: url(../image/bg_day_band.png) repeat top left;
}

p#night{
	right: 0;
	background: url(../image/bg_night_band.png) repeat top left;
}

div#partyText{
	margin-left: -350px;
	width: 700px;
	position: absolute;
	top: 55%;
	left: 50%;
}

section#dayContent{
	position: absolute;
	/*
	bottom: 15%;
	left: 10%;
	*/
	bottom: 75px;
	left: 45px;
	width: 550px;
	text-align: left;
}

section#nightContent{
	position: absolute;
	/*
	top: 15%;
	left: 10%;
	*/
	top: 100px;
	left: 55px;
	width: 550px;
	text-align: left;
}

div#dayText,
div#nightText{
	margin: 10px 0 0 30px;
}

div#hoverAreaDay,
p#linkDay a{
	height: 100%;
	width: 50%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

div#hoverAreaDay{
	background: url(../image/hover_day.png) repeat left top;
	z-index: -1;
}

p#linkDay a{
	text-indent: -9999px;
	z-index: 99;
}

div#hoverAreaNight,
p#linkNight a{
	height: 100%;
	width: 50%;
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
}

div#hoverAreaNight{
	background: url(../image/hover_night.png) repeat left top;
	z-index: -1;
}

p#linkNight a{
	text-indent: -9999px;
	z-index: 99;
}

p#goNight,
p#goDay{
	margin-top: 30px;
}

p#goNight a{
	width: 180px;
	height: 17px;
	display: block;
	background: url(../image/btn_go_night.png) no-repeat left top;
	text-indent: -9999px;
}

p#goDay a{
	width: 180px;
	height: 17px;
	display: block;
	background: url(../image/btn_go_day.png) no-repeat left top;
	text-indent: -9999px;
}
p#goNight a:hover,
p#goDay a:hover{
	background-position: left bottom;
}