@charset "utf-8";

/*-------------------------------------------------
 index Style
--------------------------------------------------- */


/* == headerArea ------------------------------------------------------------------ */
#headerArea{
	background: url(/shirayuri-colors/img/bg_header_top.jpg) no-repeat right top;
	height: 104px;
	padding: 7px 19px 18px 19px;
	position: relative;
	z-index: 1;
}

#headerArea h1{
	margin: 14px 0 0 0;
	padding: 0;
}

#capelImage{
	position: absolute;
	top: 7px;
	right: 27px;
	z-index: 10;
}

/* == contentsArea ------------------------------------------------------------------ */

#contentsArea{
	background: url(/shirayuri-colors/img/bg_maincontents.jpg) no-repeat right top;
	width: 720px;
	height: 449px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 0;
}


#contentsArea ul{
	margin: 0;
	padding: 0;
}

#contentsArea ul li#imgKonomi{
	position: absolute;
	top: 22px;
	left: 16px;
	z-index: 9;
}
#contentsArea ul li#imgManami{
	position: absolute;
	top: 41px;
	left: 151px;
	z-index: 8;
}
#contentsArea ul li#imgRyoko{
	position: absolute;
	top: 58px;
	left: 287px;
	z-index: 7;
}
#contentsArea ul li#imgNozomi{
	position: absolute;
	top: 76px;
	left: 422px;
	z-index: 6;
}
#contentsArea ul li#imgRei{
	position: absolute;
	top: 93px;
	left: 558px;
	z-index: 5;
}



#footerArea{
clear: both;
}