@charset 'utf-8';

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

File name:      setsubun2014.css
Update:         2013/01/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;
}

#eventContentsArea img {
	vertical-align: bottom;
}





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

/* タイトル枠用
------------------------------------------- */
#eventContentsArea #introArea {
	width: 810px;
	height: 164px;
	background:url(../../image/event/setsubun2014/img_setsubun01.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#eventContentsArea #guideArea .txt01Area{
	width: 810px;
	height: 302px;
	background:url(../../image/event/setsubun2014/img_setsubun02.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#eventContentsArea #guideArea .txt02Area{
	width: 810px;
	height: 317px;
	background:url(../../image/event/setsubun2014/img_setsubun03.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#eventContentsArea #guideArea .txt03Area{
	width: 810px;
	height: 316px;
	background:url(../../image/event/setsubun2014/img_setsubun04.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


/* tokuten
------------------------------------------- */
#eventContentsArea #privilegeArea{
}

#eventContentsArea #privilegeArea .txt04Area{
	position:relative;
	width: 810px;
	height: 329px;
	background:url(../../image/event/setsubun2014/img_setsubun05.gif) no-repeat;
}

#eventContentsArea #privilegeArea .txt04Area .btnGet{
	position:absolute;
	top:246px;
	left:533px;
}

#eventContentsArea #privilegeArea .txt05Area{
	position:relative;
	width: 810px;
	height: 464px;
	background:url(../../image/event/setsubun2014/img_setsubun06.jpg) no-repeat;
}

#eventContentsArea #privilegeArea .txt05Area .txtPoint{
	position:absolute;
	top:131px;
	left:132px;
	width:100px;
	text-align:right;
	font-size:42px;
	color:#6e4010;
}

#eventContentsArea #privilegeArea .txt05Area .txtSheet{
	position:absolute;
	top:312px;
	left:132px;
	width:100px;
	text-align:right;
	font-size:42px;
	color:#6e4010;
}

#eventContentsArea #privilegeArea .txt05Area .itemlist01{
	position: absolute;
	top:60px;
	left:409px;
	width:162px;
	height:367px;
}

#eventContentsArea #privilegeArea .txt05Area .itemlist02{
	position: absolute;
	top:60px;
	left:591px;
	width:162px;
	height:367px;
}

#eventContentsArea #privilegeArea .txt05Area .itemlist01 .txtCount,
#eventContentsArea #privilegeArea .txt05Area .itemlist02 .txtCount{
	position:absolute;
	top:-5px;
	left:56px;
	width:25px;
	text-align:right;
	font-size:34px;
	color:#d04f4f;
}

#eventContentsArea #privilegeArea .txt05Area .itemlist01 .btnEx,
#eventContentsArea #privilegeArea .txt05Area .itemlist02 .btnEx{
	position: absolute;
	top:308px;
	left:17px;
}


#eventContentsArea #cautionArea{
	position:relative;
	width: 810px;
	height: 297px;
	background:url(../../image/event/setsubun2014/img_setsubun07.jpg) no-repeat;
}

#eventContentsArea #cautionArea .txtNote{
	position:absolute;
	top:42px;
	left:69px;
	color:#696363;
}

#eventContentsArea #cautionArea .btntown{
	position:relative;
	top:184px;
	left:242px;
	width:326px;
}



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