@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      eventanniversary2011.css
Update:         2011/4/20
Author:         N.K
Style Info:     1周年用CSS
----------------------------------------------------------- */



/* import style
------------------------------------------------------------------- */
@import url('../mod_default.css');
@import url('../mod_layout.css');
@import url('../mod_headerfooter.css');
@import url('../mod_common.css');
@import url('../mod_login.css');
@import url('../mod_form.css');




/* siteTitleArea
---------------------------------------------------------------------- */
body#event #siteTitleArea {
	display: none;
}



/* This page style
---------------------------------------------------------------------- */
#eventContentsArea {
	margin: 0 auto;
	width: 810px;
	background: #fff;
	text-align: left;
}

#eventContentsArea img {
	vertical-align: bottom;
}



/* タイトル枠用
------------------------------------------- */
#eventContentsArea #titleArea {
	width: 810px;
	height: 142px;
	background: #fff url("../../image/event/skyfield2011/anniversary/bg_title.gif") no-repeat;
}

#eventContentsArea #titleArea h2 {
	display: none;
}



/* メイン枠用
------------------------------------------- */

#eventContentsArea #mainArea {
	position: relative;
	width: 810px;
	height: 847px;
	background: #ffffff url("../../image/event/skyfield2011/anniversary/bg_contents.jpg") no-repeat;
}


#eventContentsArea #mainArea .back {
	position: absolute;
	top: 785px;
	left: 245px;
}

#eventContentsArea #mainArea h3,
#eventContentsArea #mainArea p {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
}


/* タイトル
------------------------------------------- */

#eventContentsArea #extraBox {
	position: absolute;
	width: 810px;
	top: 646px;
	left: 0px;
}




/* 戻るボタン
------------------------------------------- */

#mainArea .back {
	position: absolute;
	width: 327px;
	top: 525px;
	left: 213px;
}


#mainArea .eventhelp {
	position: absolute;
	top: 530px;
	left: 670px;
	width: 130px;
	height: 18px;
	text-align: left;
	color:#ffffff;
}

#mainArea .eventhelp2 {
	position: absolute;
	top: 550px;
	left: 670px;
	width: 130px;
	height: 18px;
	text-align: left;
	color:#ffffff;
}


#mainArea .eventhelp a,
#mainArea .eventhelp2 a{
	color:#ffffff;
	text-decoration:none;
}

/* clearfix
------------------------------------------- */
#eventContentsArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}