@charset 'utf-8';

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

File name:      february2012.css
Update:         2012/1/23
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:282px;
	background:url(../../image/event/february2012/item/img_head.jpg) no-repeat;
}


#eventContentsArea #btn_event {
	position:absolute;
	width: 184px;
	height:33px;
	top:1px;
	left:596px;
}

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

#eventContentsArea #btn_premium {
	position:absolute;
	width: 152px;
	height: 35px;
	top:313px;
	left:622px;
}

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

#eventContentsArea #btn_coin {
	position:absolute;
	width: 151px;
	height: 35px;
	top:1138px;
	left:622px;
}

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

#eventContentsArea #btn_interitor {
	position:absolute;
	width: 151px;
	height: 35px;
	top:1611px;
	left:622px;
}

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


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

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


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

#eventContentsArea #premiumBox ul.tabNavi {
	width:680px;
	height:44px;
	margin-left:74px;
	position:absolute;
	top:8px;
}

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

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



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


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

#eventContentsArea #txt03Area {
	width:810px;
	height:551px;
	background:url(../../image/event/february2012/item/img_room.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{
	display:none;
}




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