@charset 'utf-8';

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

File name:      december2010.css
Update:         2010/11/15
Style Info:     

	01. 全体用
	02. アイテムページ用

----------------------------------------------------------- */



/* ----------------------------------------------------------------------
  01. 全体用
---------------------------------------------------------------------- */

/* 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;
}





/* ----------------------------------------------------------------------
  02. イベントページ用
---------------------------------------------------------------------- */

/* タイトル枠用
------------------------------------------- */
#eventContentsArea #titleArea {
	position: relative;
	width: 810px;
	height: 320px;
	background:url(../../image/event/december2010/item/img_head.jpg) no-repeat;
}


#eventContentsArea #btn_event {
	position:absolute;
	width: 181px;
	height: 39px;
	background:url(../../image/event/december2010/item/btn_event.jpg) no-repeat;
	top:173px;
	left:317px;
}

#eventContentsArea #btn_event a {
	width: 181px;
	height: 39px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

#eventContentsArea #btn_premium {
	position:absolute;
	width: 204px;
	height: 43px;
	background:url(../../image/event/december2010/item/btn_premium.jpg) no-repeat;
	top:385px;
	left:579px;
}

#eventContentsArea #btn_premium a {
	width: 204px;
	height: 43px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

#eventContentsArea #btn_coin {
	position:absolute;
	width: 204px;
	height: 43px;
	background:url(../../image/event/december2010/item/btn_coin.jpg) no-repeat;
	top:1456px;
	left:579px;
}

#eventContentsArea #btn_coin a {
	width: 204px;
	height: 43px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}

#eventContentsArea #btn_interitor {
	position:absolute;
	width: 204px;
	height: 43px;
	background:url(../../image/event/december2010/item/btn_interior.jpg) no-repeat;
	top:1799px;
	left:579px;
}

#eventContentsArea #btn_interitor a {
	width: 204px;
	height: 43px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}



/* イベント枠用
------------------------------------------- */
#eventContentsArea #txt01Area {
	width:810px;
	height:1084px;
	background:url(../../image/event/december2010/item/img_premium.jpg) no-repeat;
}


#eventContentsArea #txt02Area {
	width:810px;
	height:343px;
	background:url(../../image/event/december2010/item/img_coin.jpg) no-repeat center top;
}

#eventContentsArea #txt03Area {
	width:810px;
	height:545px;
	background:url(../../image/event/december2010/item/img_room.jpg) no-repeat center top;
}

#eventContentsArea #txt04Area {
	width:810px;
	height:27px;
	background:url(../../image/event/december2010/item/img_footer.jpg) no-repeat center top;
}


#eventContentsArea #titleArea h1,
#eventContentsArea #titleArea p,
#eventContentsArea #txt01Area h2,
#eventContentsArea #txt01Area p,
#eventContentsArea #txt02Area h2,
#eventContentsArea #txt02Area p,
#eventContentsArea #txt03Area h2,
#eventContentsArea #txt03Area p,
#eventContentsArea #txt04Area h2,
#eventContentsArea #txt04Area p{
	display:none;
}




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