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

header,
article,
footer{
	width: 968px;
	margin: 0 auto;
	position:relative;
	text-align: center;
}

header h1{
	text-align: center;
	position: relative;
	top: 75px;
	z-index: 9998;
}

#cloudTop,
#cloudRight,
#cloudLeft{
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}

#cloudTop{
	left: 73px;
	top: 64px;
	background-image: url(../images/cloudL.png);
	width: 175px;
	height: 72px;
}

#cloudRight{
	left: 768px;
	top: 249px;
	background-image: url(../images/cloudM.png);
	width: 172px;
	height: 72px;
}

#cloudLeft{
	left: 122px;
	top: 307px;
	background-image: url(../images/cloudS.png);
	width: 89px;
	height: 55px;
}

#sns{
	position: absolute;
	top: 5px;
	right: 0;
	vertical-align: top;
	z-index: 9999;
}

#sns .fb-like,
#sns #tw{
	float: left;
}

#sns .fb-like{
	vertical-align: top;
	margin-right: 5px;
}

article h1{
	display :none;
}

#command01{
	position: absolute;
	left: 333px;
	top: 84px;
}

#command02{
	position: absolute;
	left: 562px;
	top: 134px;
	background-image: url(../images/command02.jpg);
	width: 97px;
	height: 67px;
}

#yesBtn,
#noBtn{
	position: relative;
	display: block;
	width: 97px;
	text-indent: -9999px;
	cursor: pointer;
}

#yesBtn{
	height: 34px;
	background-image: url(../images/arrowYes.jpg);
}

#noBtn{
	height: 33px;
	background-image: url(../images/arrowNo.jpg);
}

#commandYes,
#commandNo{
	position: absolute;
	left: 0;
	top: 0;
}

#commandYes{
	width: 319px;
	height: 125px;
	background-image: url(../images/yes2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	left: 80px;
	top: -32px;
	display: none;
}

#commandYes a{
	display: block;
	width: 179px;
	height: 31px;
	margin-left: 93px;
	margin-top: 73px;
}

#commandNo{
	width: 341px;
	height: 86px;
	background-image: url(../images/commandNo.gif);
	text-indent: -9999px;
	left: -257px;
	top: 58px;
	display: none;
}

#commandNo a{
	display: block;
	width: 152px;
	height: 37px;
	margin-left: 127px;
	margin-top: 110px;
}

footer small{
	position: relative;
	top: 411px;
}


.bgLeft{
	background-position: left;
}

.bgRight{
	background-position: right;
}

.zFront{
	z-index: 9999;
}

.zBack{
	z-index: 99;
}


/* gifアニメ用 */
div#animeWrapper{
	width: 968px;
	height: 660px;
	position: absolute;
	left: 0;
	top: -258px;
	margin: 0 auto;
	overflow: hidden;
}

#charaS img,
#charaH img{
	position: absolute;
	z-index: 9999;
}