@charset 'utf-8';

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

File name:      may2012.css
Update:         2012/4/27
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 .eventArea-outer{
	padding:0px;
	margin:0;
	overflow:hidden;
	position:relative;
}

#eventContentsArea h2{
	background:url(../../image/event/may2012/item/tit_event0425.gif) no-repeat top left;
	width:700px;
	height:60px;
	text-indent:-999em;
}

#eventContentsArea .eventArea-outer ul#eventMenu1 {
	position:absolute;
	top:10px;
	left:184px;
	width:626px;
}

#eventContentsArea .eventArea-outer ul#eventMenu1 li{
	/* ボタンがトップだけの時のみ-------------- */
	margin:0px;
	float: right;
}


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



/* タブ用
------------------------------------------- */
#eventContentsArea #premiumBox{
	margin-bottom:0px;
}

#eventContentsArea #premiumBox .tabBox{
	width: 810px;
	background:url(../../image/event/may2012/item/bg_premium_tab.jpg) no-repeat 0 0;
	min-height:89px;
}


#eventContentsArea #premiumBox .tabNavibox{
	height:95px;
	position:relative;
}

#eventContentsArea #premiumBox ul.tabNavi {
	width:685px;
	height:41px;
	margin-left:71px;
	position:absolute;
	top:36px;
}

#eventContentsArea #premiumBox ul.tabNavi li {
	float: left;
	margin-right:0px;
}

#eventContentsArea #premiumBox ul.tabNavi li.right {
	margin-left:40px;
}



/* イベント枠用
------------------------------------------- */
#eventContentsArea #txt01Area,
#eventContentsArea #txt02Area,
#eventContentsArea #txt03Area{
	position: relative;
}

#eventContentsArea #txt01Area h2{
	width:810px;
	height:81px;
	background:url(../../image/event/may2012/item/txt_premium.gif) no-repeat;
	position: relative;
}

#eventContentsArea #txt01Area p{
	width:810px;
	height:682px;
	background:url(../../image/event/may2012/item/img_premium01.jpg) no-repeat;
	position: relative;
	text-indent:-999em;
}


#eventContentsArea #txt02Area h2{
	width:810px;
	height:81px;
	background:url(../../image/event/may2012/item/txt_coin.gif) no-repeat center top;
	position: relative;
}

#eventContentsArea #txt02Area p{
	width:810px;
	height:377px;
	background:url(../../image/event/may2012/item/img_coin.jpg) no-repeat center top;
	position: relative;
	text-indent:-999em;
}


#eventContentsArea #txt03Area h2{
	width:810px;
	height:81px;
	background:url(../../image/event/may2012/item/txt_room.gif) no-repeat center top;
	position: relative;
}

#eventContentsArea #txt03Area p{
	width:810px;
	height:471px;
	background:url(../../image/event/may2012/item/img_room.jpg) no-repeat center top;
	position: relative;
	text-indent:-999em;
}


#eventContentsArea #txt01Area #btn_premium {
	position:absolute;
	width: 152px;
	height: 35px;
	top:28px;
	left:613px;
}

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

#eventContentsArea #txt02Area #btn_coin {
	position:absolute;
	width: 151px;
	height: 35px;
	top:28px;
	left:613px;
}

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



#eventContentsArea #txt03Area #btn_interitor {
	position:absolute;
	width: 151px;
	height: 35px;
	top:28px;
	left:613px;
}

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


#eventContentsArea #titleArea h1,
#eventContentsArea #titleArea p{
	display:none;
}




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