@charset 'utf-8';

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

File name:      setsubun2012.css
Update:         2012/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 #titleArea {
	position: relative;
	width: 810px;
	height: 217px;
	background:url(../../image/event/setsubun2012/event/img_setsubun01.gif) no-repeat;
}


/* オニビンゴ
------------------------------------------- */
#eventContentsArea ul#bingoAreaLine1{
	position:absolute;
	top:238px;
	left:87px;
}

#eventContentsArea ul#bingoAreaLine1 li{
    float: left;
    height:124px;
    margin-right:14px;
    padding: 0;
    width:95px;
}

#eventContentsArea ul#bingoAreaLine1 li.last,
#eventContentsArea ul#bingoAreaLine3 li.last{
	margin:0 0 0 5px;
    padding: 0;
}


#eventContentsArea ul#bingoAreaLine2{
	position:absolute;
	top:366px;
	left:87px;
}

#eventContentsArea ul#bingoAreaLine2 li{
    float: left;
    height:124px;
    margin-right:14px;
    padding: 0;
    width:95px;
}

#eventContentsArea ul#bingoAreaLine2 li.last{
	margin:0 0 0 114px;
    padding: 0;
}


#eventContentsArea ul#bingoAreaLine3{
	position:absolute;
	top:494px;
	left:87px;
}

#eventContentsArea ul#bingoAreaLine3 li{
    float: left;
    height:124px;
    margin-right:14px;
    padding: 0;
    width:95px;
}

/* オニ人形
------------------------------------------- */
#eventContentsArea ul#dollAreaLine1{
	position:absolute;
	top:645px;
	left:77px;
}

#eventContentsArea ul#dollAreaLine1 li{
    float: left;
    height:115px;
    margin-right:12px;
    padding: 0;
    width:107px;
}

#eventContentsArea ul#dollAreaLine1 li.last{
	margin:0 0 0 4px;
}


#eventContentsArea ul#dollAreaLine2{
	position:absolute;
	top:125px;
	left:438px;
}

#eventContentsArea ul#dollAreaLine2 li{
    height:115px;
		margin-bottom:10px;
    padding: 0;
    width:107px;
}


/* オニ雲クッション
------------------------------------------- */
#eventContentsArea #giftArea{
	position:absolute;
	top:345px;
	left:579px;
}






/* イベント枠用
------------------------------------------- */
#eventContentsArea #txt01Area {
	width:810px;
	height:488px;
	background:url(../../image/event/setsubun2012/event/img_setsubun02.jpg) no-repeat;
	position:relative;
}


#eventContentsArea #btn_bingo{
	position:absolute;
	width: 175px;
	height: 44px;
	top:406px;
	left:577px;
}

#eventContentsArea #btn_bingo a{
	width: 175px;
	height: 44px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}


#eventContentsArea #txt02Area {
	width:810px;
	height:619px;
	background:url(../../image/event/setsubun2012/event/img_setsubun03.jpg) no-repeat center top;
	position:relative;
}


#eventContentsArea #btn_townS{
	position:absolute;
	width:135px;
	height:30px;
	top:263px;
	left:61px;
}


#eventContentsArea #btn_townS a{
	width:135px;
	height:30px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}


#eventContentsArea #txt03Area {
	width:810px;
	height:957px;
	background:url(../../image/event/setsubun2012/event/img_setsubun04.jpg) no-repeat center top;
	position:relative;
}


#eventContentsArea #btn_town{
	position:absolute;
	width:437px;
	height:62px;
	top:825px;
	left:185px;
}


#eventContentsArea #btn_town a{
	width:437px;
	height:62px;
	display:block;
	text-indent:-999em;
	overflow:hidden;
}



#eventContentsArea #titleArea h1,
#eventContentsArea #txt01Area h2,
#eventContentsArea #txt02Area h2,
#eventContentsArea #txt03Area h2,
#eventContentsArea #txt04Area h2{
	display:none;
}




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