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

#opening {
	width: 980px;
	height: 750px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -490px;
	margin-top: -375px;
}

#opening p {
	position: absolute;
}

p.op_catch01 {
	width: 400px;
	height: 0px;
	padding-top: 88px;
	overflow: hidden;
	background: url(../img/opening/t01.png) no-repeat left top;
	left: 290px;
	top: 393px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

p.op_catch02 {
	width: 400px;
	height: 0px;
	padding-top: 88px;
	overflow: hidden;
	background: url(../img/opening/t01.png) no-repeat left bottom;
	left: 290px;
	top: 475px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

p.op_chara01,
p.op_chara02,
p.op_chara03,
p.op_chara04 {
	width: 230px;
	height:430px;
	left: 375px;
	top: 300px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

p.op_chara01 img,
p.op_chara02 img,
p.op_chara03 img,
p.op_chara04 img {
	width: 100%;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}


p.op_chara05{
	width: 232px;
	height:316px;
	left: 374px;
	top: 428px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	background: url(../img/opening/image05.png) no-repeat left top;
}

p.op_chara05 img {
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

p.op_chara01{
	background-image:url(../img/opening/image01.png);
}
p.op_chara02{
	background-image:url(../img/opening/image02.png);
}
p.op_chara03{
	background-image:url(../img/opening/image03.png);
}
p.op_chara04{
	background-image:url(../img/opening/image04.png);
}

/*
p.op_chara01{
	left: 30px;
	top: 250px;
}
p.op_chara02{
	left: 271px;
	top: 350px;
}
p.op_chara03{
	left: 538px;
	top: 350px;
}
p.op_chara04{
	left: 745px;
	top: 250px;
}
*/


p.op_title01 {
	width: 292px;
	height:74px;
	left: 344px;
	top: 90px;
	z-index: 5;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;

}

p.op_title02 {
	width: 526px;
	height:222px;
	left: 227px;
	top: 174px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

p.skip {
	width: 170px;
	height:20px;
	left: 405px;
	top: 760px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

p.skip:hover {
	cursor: pointer;
}