@charset 'utf-8';

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

File name:      kddi140625.css
Update:         2014/06/24
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;
	background:url("../../../image/event/camp/campaign_140821/bg.gif") no-repeat;
	position:relative;	
}

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

#eventContentsArea #titleArea .logo{
	position:absolute;
	top:24px;
	left:276px;
}

#eventContentsArea #titleArea .txt{
	position:absolute;
	top:74px;
	left:185px;
}

#eventContentsArea #titleArea .title{
	position:absolute;
	top:108px;
	left:92px;	
}

#eventContentsArea .itemArea{
	width:810px;
	height:474px;
	background:url("../../../image/event/camp/campaign_140821/bg_item.gif") no-repeat;
	position:relative;	
}

.note{
	position:absolute;
	top:45px;
	left:17px;
}

.avatar{
	position:absolute;
	top:-10px;
	left:646px;
}

.item{
	position:absolute;
	top:199px;
	left:69px;
}

.coin{
	position:absolute;
	top:199px;
	left:379px;
}

#eventContentsArea .btnArea{
	width:810px;
	height:122px;
	position:relative;	
}

.btn{
	position:absolute;
	top:6px;
	left:122px;
}

.txtbtn{
	position:absolute;
	top:82px;
	left:187px;
}

.what{
	margin:0px 0 0 17px;
}

.access{
	margin:20px 0 0 17px;
}

#eventContentsArea #noteArea{
	position:relative;
	width:810px;
	height:213px;
	background:url("../../../image/event/camp/campaign_140821/bg_note.gif") no-repeat;
	padding:0 0 0px 0;
	top:20px;
	left:17px;
}

#eventContentsArea #noteArea p{
	position: absolute;
	top:42px;
	left:43px;
	color:#777777;
	line-height:1.6;
	letter-spacing:1px;
}

#eventContentsArea #noteArea p a{
	color:#a19553;
	text-decoration:underline;
}

#eventContentsArea #noteArea p a:hover{
	text-decoration: none;
}


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




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