@charset 'utf-8';

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

File name:      ikatto2013.css
Update:         2012/4/30
Style Info:     

	01. 全体用
	02. 説明ページ用
	03. アイテム受け取りページ用

----------------------------------------------------------- */



/* ----------------------------------------------------------------------
	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;
}

#eventContentsArea .eventArea-outer{
	padding:0px;
	margin:0;
	position:relative;
}

#eventContentsArea h2{
	background:url(../../image/event/may2013/tsuri/tit_event0430.gif) no-repeat top left;
	width:450px;
	height:60px;
	text-indent:-999em;
}

#eventContentsArea .eventArea-outer ul#eventMenu3 {
	position:absolute;
	top:13px;
	right:0px;
	width:320px;
}
#eventContentsArea .eventArea-outer ul#eventMenu3 li{
    float: left;
	margin-right:4px;
}

#eventContentsArea .eventArea-outer ul#eventMenu3 li.bnnlast{
	float:right;
	margin:0px;
}


/* ----------------------------------------------------------------------
  02. 説明ページ用
---------------------------------------------------------------------- */

/* タイトル枠用
------------------------------------------- */
#eventContentsArea #titleArea {
	width:810px;
	height:228px;
	background:url(../../image/event/may2013/tsuri/tit_eventtop.jpg) no-repeat;
}

#eventContentsArea #titleArea h1{
	display:none;
}

/* イベント枠用
------------------------------------------- */
#eventContentsArea #txt01Area,
#eventContentsArea #txt02Area{
	position: relative;
}

#eventContentsArea #txt01Area{
	width:810px;
	height:279px;
	background:url(../../image/event/may2013/tsuri/bg_eventtop01.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #txt01Area .btnGetitem{
	position:absolute;
	top:174px;
	left:118px;
}

#eventContentsArea #txt01Area .picItem{
	position:absolute;
	top:67px;
	left:505px;
}

#eventContentsArea #txt02Area{
	width:810px;
	height:287px;
	background:url(../../image/event/may2013/tsuri/bg_eventtop03.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #txt02Area h3,
#eventContentsArea #txt03Area h3,
#eventContentsArea #txt04Area h3{
	display:none;
}

#eventContentsArea #txt02Area .btnRanking{
	position:absolute;
	top:182px;
	left:118px;
}

#eventContentsArea #txt03Area{
	width:810px;
	height:528px;
	background:url(../../image/event/may2013/tsuri/bg_eventtop04.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #txt03Area .pic01{
	position:absolute;
	top:64px;
	left:338px;
}

#eventContentsArea #txt03Area .pic02{
	position:absolute;
	top:208px;
	left:42px;
}

#eventContentsArea #txt03Area .btnTsuribori{
	position:absolute;
	top:428px;
	left:86px;
}

#eventContentsArea #txt03Area .btnMytsuri{
	position:absolute;
	top:428px;
	left:421px;
}

#eventContentsArea #txt04Area{
	width:810px;
	height:347px;
	background:url(../../image/event/may2013/tsuri/bg_eventtop05.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #txt04Area .txt_Attention{
	position:absolute;
	top:58px;
	left:53px;
	color:#FFFFFF;
	line-height:1.9;
	font-size:12px;
	letter-spacing:1px;
}

#eventContentsArea #txt04Area .txt_Attention span{
	color:#e94f4c;
}


#eventContentsArea #txt05Area{
	width:810px;
	height:416px;
	background:url(../../image/event/may2013/tsuri/bg_eventtop06.gif) no-repeat;
	position:relative;
}

#eventContentsArea #txt05Area .banner01{
	position:absolute;
	top:14px;
	left:59px;
	margin:0;
	padding:0;
}

#eventContentsArea #txt05Area .banner02{
	position:absolute;
	top:215px;
	left:59px;
	margin:0;
	padding:0;
}




/* ----------------------------------------------------------------------
  03. アイテム受け取りページ用
---------------------------------------------------------------------- */

/* タイトル枠用
------------------------------------------- */
#eventContentsArea #presentArea #titleArea {
	width:810px;
	height:241px;
	background:url(../../image/event/may2013/tsuri/tit_eventpresent.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #titleArea h1{
	display:none;
}

#eventContentsArea #presentArea #titleArea p{
	position:absolute;
	top:121px;
	left:398px;
	width:auto;
	height:auto;

}

#eventContentsArea #presentArea #titleArea #count{
    color: #ffffff;
    display: block;
    font-family: Courier,'ＭＳ ゴシック',sans-serif;
    font-size: 3em;
    height: 43px;
    left: 500px;
    position: absolute;
    text-align: right;
    top:129px;
    width: 218px;
}

#eventContentsArea #presentArea #txtpresent01Area{
	width:810px;
	height:88px;
	background:url(../../image/event/may2013/tsuri/bg_eventpresent01.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #txtpresent01Area p{
	padding:26px 0 0 53px;
}

#eventContentsArea #presentArea #pic01{
	width:810px;
	height:202px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift01.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic01_comp{
	width:810px;
	height:202px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift01_comp.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic02{
	width:810px;
	height:202px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift02.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic02_comp{
	width:810px;
	height:202px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift02_comp.jpg) no-repeat;
	position:relative;
}


#eventContentsArea #presentArea #pic03{
	width:810px;
	height:202px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift03.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic03_comp{
	width:810px;
	height:202px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift03_comp.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic04{
	width:810px;
	height:193px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift04.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic04_comp{
	width:810px;
	height:193px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift04_comp.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic05{
	width:810px;
	height:243px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift05.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #pic05_comp{
	width:810px;
	height:243px;
	background:url(../../image/event/may2013/tsuri/img_eventpresent_gift05_comp.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #btnArea{
	width:161px;
	height:60px;
	position:absolute;
	top:64px;
	left:559px;
}

#eventContentsArea #presentArea #btnArea02{
	width:161px;
	height:60px;
	position:absolute;
	top:112px;
	left:559px;
}

#eventContentsArea #presentArea #txtpresent02Area{
	width:810px;
	height:73px;
	background:url(../../image/event/may2013/tsuri/bg_eventpresent02.jpg) no-repeat;
	position:relative;
}

#eventContentsArea #presentArea #txtpresent02Area p{
	display:none;
}



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