@charset 'utf-8';

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

File name:      dqxblogevent120726.css
Update:         2012/07/26
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;
	height:auto;
	background: #fff;
	text-align: left;
}

#eventContentsArea img {
	vertical-align: bottom;
}





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

/* タイトル枠用
------------------------------------------- */
#eventContentsArea #titleArea {
	position: relative;
	width: 810px;
	height:403px;
}

#eventContentsArea #titleArea h2{
	background:url(../../../image/event/camp/campaign_120726/bg_title.jpg) no-repeat;
	width:810px;
	height:403px;
	text-indent:100%; 
  white-space:nowrap; 
  overflow:hidden;	
}

/* イベント枠用
------------------------------------------- */
#eventContentsArea #txt01Area{
	background:url(../../../image/event/camp/campaign_120726/bg_event01.gif) no-repeat;
	width:810px;
	height:131px;
	position:relative;
}

#eventContentsArea #txt01Area p{
	width:762px;
	height:102px;
	position:absolute;
	top:9px;
	left:24px;	
}

#eventContentsArea #txt02Area{
	background:url(../../../image/event/camp/campaign_120726/img_event_02.gif) no-repeat;
	width:810px;
	height:91px;
}

#eventContentsArea #txt02Area h3,
#eventContentsArea #txt02Area p{
	display:none;
}

#eventContentsArea #txt03Area{
	background:url(../../../image/event/camp/campaign_120726/img_event_03.gif) no-repeat;
	width:810px;
	height:600px;
	position:relative;
}

#eventContentsArea #txt03Area .img_benefits01{
	width:115px;
	height:168px;
	position:absolute;
	top:143px;
	left:146px;
}

#eventContentsArea #txt03Area .img_benefits02{
	width:115px;
	height:168px;
	position:absolute;
	top:143px;
	left:544px;	
}

#eventContentsArea #txt03Area .btn_blog01{
	width:195px;
	height:45px;
	position:absolute;
	top:497px;
	left:109px;
}

#eventContentsArea #txt03Area .btn_blog02{
	width:195px;
	height:45px;
	position:absolute;
	top:497px;
	left:507px;
}

#eventContentsArea #txt04Area{
	background:url(../../../image/event/camp/campaign_120726/img_event_04.gif) no-repeat;
	width:810px;
	height:100px;
	position:relative;
}

#eventContentsArea #txt04Area div{
	position:absolute;
	top:22px;
	left:175px;
}

#eventContentsArea #txt04Area p{
	font-size:13px;
	color:#422d1d;
	padding-left: 1em;
  text-indent: -1em;
	letter-spacing:2px;
}

#eventContentsArea #txt04Area p, x:-moz-broken{
	line-height:1.4;
}


#eventContentsArea #txt05Area{
	background:url(../../../image/event/camp/campaign_120726/img_event_05.jpg) no-repeat;
	width:810px;
	height:277px;
	position:relative;
}

#eventContentsArea #txt05Area .btndrapara{
	position:absolute;
	top:192px;
	left:86px;
}





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