@charset 'utf-8';

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

File name:      auwallet140901.css
Update:         2014/09/01
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;
	color:#592822;
}

#eventContentsArea img {
	vertical-align: bottom;
}





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

/* タイトル枠用
------------------------------------------- */
#eventContentsArea{
	width:810px;
	height:1460px;
	background:url("../../../image/event/camp/campaign_140901/bg.gif") no-repeat;
	position:relative;	
}

#eventContentsArea #titleArea {
	width:810px;
	height:208px;
	position:relative;
}

#eventContentsArea #titleArea .balloon{
	position:absolute;
	top:6px;
	left:118px;
}

#eventContentsArea #titleArea .txt{
	position:absolute;
	top:63px;
	left:226px;
}

#eventContentsArea #titleArea .title{
	position:absolute;
	top:109px;
	left:124px;	
}

#eventContentsArea #titleArea .read{
	position:absolute;
	top:177px;
	left:147px;
}

#eventContentsArea .itemArea{
	width:810px;
	height:557px;
	position:relative;
}

.wallet{
	position:absolute;
	top:58px;
	left:19px;
}

.avatar{
	position:absolute;
	top:22px;
	left:604px;
}

.campaign{
	position:absolute;
	top:295px;
	left:19px;
}

.condition{
	position:absolute;
	top:451px;
	left:19px;
}

.chargeArea{
	position:relative;
	top:0px;
	left:122px;
}

.chargeArea .btnCharge{
	position:absolute;
	top:0px;
	left:0px;
}

.chargeArea .txtCarge{
	position:absolute;
	top:72px;
	left:67px;
}

#eventContentsArea #noteArea{
	position:relative;
	width:772px;
	height:151px;
	background:url("../../../image/event/camp/campaign_140901/bg_note.gif") no-repeat;
	padding:0 0 0px 0;
	top:119px;
	left:19px;
}

#eventContentsArea #noteArea .btn_au{
	position:absolute;
	top:110px;
	left:15px;
}

#eventContentsArea #noteArea .btn_wallet{
	position:absolute;
	top:110px;
	left:225px;
}

#eventContentsArea #noteArea .btn_contact{
	position:absolute;
	top:110px;
	left:525px;
}

#aukantanArea{
	position:relative;
	width:698px;
	height:307px;
	background:url("../../../image/event/camp/campaign_140901/bg_aukantancamp.gif") no-repeat;
	padding:0 0 0px 0;
	top:185px;
	left:56px;
}

#aukantanArea .date{
	position:absolute;
	top:-46px;
	left:-23px;
}

#aukantanArea .btnCamp{
	position:absolute;
	top:233px;
	left:232px;
}







/* イベント枠用
------------------------------------------- */
#eventContentsArea #titleArea h2{
	display:none;
}




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