@charset "utf-8";

/* リセット
------------------------------------------------------------------------------------------*/

html,body,h1,h2,h3,h4,h5,
div,p,span,img,a,ul,ol,dl,li,
table,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
}

.cl:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.mainVisiual {
	background: url('../img/main_img_bg.jpg') repeat-x left top;
}

/* レイアウト
------------------------------------------------------------------------------------------*/

.mainImg {
	width: 982px;
	height: 320px;
	margin: 0 auto;
	padding-top: 5px;
	background: url('../img/animation02/main_img.png') no-repeat left 5px;
	padding-top: 5px;
	position: relative;
	z-index: 0;
}

.mainImg #chr_item02 {
	position: absolute;
	bottom: 500px;
	left: 463px;
	z-index: 10;
}

.mainImg #text {
	position: absolute;
	top: 5px;
	left: 220px;
	z-index: 10;
	display: none;
}

.mainImg #character {
	position: absolute;
	bottom: 16px;
	left: -1000px;
	visibility: hidden;
}

.mainImg #face {
	position: absolute;
	top: 8px;
	left: 295px;
	z-index: 30;
	display: none;
}

#mainInner {
	position: relative;
	z-index: 1;
	width: 966px;
	height: 305px;
	overflow: hidden;
}

#mainInner #txt_item01,
#mainInner #txt_item02,
#mainInner #txt_item03,
#mainInner #txt_item04 {
	position: absolute;
	top: 26px;
	right: 0;
	z-index: 10;
	display: none;
}

#mainInner #chr_item01 {
	position: absolute;
	bottom: -106px;
	left: 966px;
	z-index: 10;
}