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

@import "../../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	INDEX
/*-----------------------------------------------------------------------*/

#wrapper {
	background:url(../img/common/bg_dark.jpg) no-repeat top center;
}

#wrapper #contents {
	position:relative;
	height:444px;
	background:url(../img/common/bg_content.gif) no-repeat center 16px;
}

#wrapper #header {
	background:url(../img/common/header.gif) no-repeat center top;
}


#wrapper #contents p#button {
	position:absolute;
	top:42px;
	right:63px;
	z-index:100;
}

#wrapper #contents span#kado {
	z-index:110;
	display:block;
	position:absolute;
	margin:0;
	padding:0;
	width:240px;
	height:8px;
	line-height:1;
	top: 441px;
	left: 493px;
}

#wrapper #contents span#kado img {
	z-index:110;
	margin:0;
	padding:0;
	vertical-align:bottom;
}


#wrapper #contents div#movie {
	position:absolute;
	width:279px;
	height:283px;
	background:url(../img/common/bg_movie.gif) no-repeat top center;
	left: 472px;
	top: 184px;
}

#wrapper #contents div#movie p {
	margin:50px 20px 0 20px;
	width:240px;
	height:217px;
}

#footer {
	background:url(../img/common/footer.gif) no-repeat bottom center;
}


/*-------------------------------------------------------------------------
	キャラ別スタイル
/*-----------------------------------------------------------------------*/

#wrapper #contents p#charo,
#wrapper #contents p#dread,
#wrapper #contents p#margherita,
#wrapper #contents p#candy,
#wrapper #contents p#andorra {
	position:absolute;
	top:44px;
	left:20px;
}

/*========チャロ========*/

#wrapper #contents p#shota {
	z-index:3;
	position:absolute;
	left: 351px;
	top: 63px;
}

#wrapper #contents div#movie p#chara001 {
	background:url(../img/index/capture.jpg) no-repeat 1px 20px;
}

#wrapper #contents div#movie p#chara002 {
	background:url(../img/dread/capture.jpg) no-repeat 1px 20px;
}

#wrapper #contents div#movie p#chara003 {
	background:url(../img/margherita/capture.jpg) no-repeat 1px 20px;
}

#wrapper #contents div#movie p#chara004 {
	background:url(../img/candy/capture.jpg) no-repeat 1px 20px;
}

#wrapper #contents div#movie p#chara005 {
	position:relative;
	zoom:1;
	background:url(../img/sirius/capture.jpg) no-repeat 1px 20px;
}

/*========ドレッド========*/

#wrapper #contents p#dread_txt {
	z-index:3;
	position:absolute;
	top:116px;
	left:448px;
}


/*========マルゲリータ========*/

#wrapper #contents p#rosa {
	position:absolute;
	top:29px;
	left:364px;
}


/*========キャンディー========*/

#wrapper #contents p#chris {
	z-index:3;
	position:absolute;
	top:21px;
	left:380px;
}


/*========シリウス========*/

#wrapper #contents p#sirius {
	position:absolute;
	top:66px;
	left:20px;
}

#wrapper #contents p#sirius_txt {
	position:absolute;
	top:164px;
	left:79px;
}

#wrapper #contents p#sirius_img {
	z-index:3;
	position:absolute;
	top:43px;
	left:280px;
}

#wrapper #contents p#catherine {
	position:absolute;
	top:90px;
	left:498px;
}


/*========アンドーラ＆トモコ========*/

#wrapper #contents p#andorra {
	text-align:right;
}

#wrapper #contents p#tomoko {
	position:absolute;
	top:75px;
	left:413px;
}