@charset 'utf-8';

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

File name:      event2013_tsuri.css
Update:         2013/09/02
Style Info:     2013年釣りイベント用CSS

	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');



/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}



/* This page style
---------------------------------------------------------------------- */
#eventContentsArea {
	margin: 0px 0 0 0;
	padding: 0;
	width: 810px;
	text-align: left;
}

#eventContentsArea img {
	vertical-align: bottom;
}


/* footer
---------------------------------------------------------------------- */
#eventContentsArea #footerArea {
	width: 830px;
	height: 100px;
	padding-top: 25px;
}

#eventContentsArea #footerArea p#corpLogo,
#eventContentsArea #footerArea address {
	float: left;
	margin-left: 10px;
	color: #5b5d12;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-family: Verdana, sans-serif;
}

#eventContentsArea #footerArea p#corpLogo {
	padding-left: 160px;
}

#eventContentsArea #footerArea address span {
	font-weight: bold;
}



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



/* ----------------------------------------------------------------------
  02. イベントページ用
---------------------------------------------------------------------- */
/* イベントトップ用
------------------------------------------- */
#eventContentsArea.event .mainArea-outer{
	padding:0px;
	margin:0;
	overflow:hidden;
}



/* 6月イベント下層用
------------------------------------------- */
#eventContentsArea{
	position:relative;
}


/* 最大3個はいるとき-------------- */

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

#eventContentsArea .eventArea-outer ul#eventMenu3 li.bnnMrg{
	margin:0 18px 0 0px;
}

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

/* 最大4個はいるとき-------------- */

#eventContentsArea .eventArea-outer ul#eventMenu4 {
	position:absolute;
	top:21px;
	right:0;
	width:428px;
}
#eventContentsArea .eventArea-outer ul#eventMenu4 li{
    float: left;
	margin-right:4px;
}

#eventContentsArea .eventArea-outer ul#eventMenu4 li.bnnMrg{
	margin:0 18px 0 0px;
}

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

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

#eventContentsArea .eventArea-outer .eventtop{
	position:absolute;
	top:1px;
	right:3px;
}

#eventWrapper #eventHeaderArea .eventtop a{
	color:#ffffff;
}




/*　9/3～ レア魚イベント用
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.tsuri0903Tit{
	background:url(../../image/event/september2013/tsuri/tit_tsurievent0903.gif) no-repeat bottom left;
	width:810px;
	height:47px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 10px 0 0;
}

#eventContentsArea #tsurievent #tsuriArea01{
	width:810px;
	height:124px;
	position:relative;
}

#eventContentsArea #tsurievent #tsuriArea02{
	width:810px;
	height:349px;
	position:relative;
}

#eventContentsArea #tsurievent #tsuriArea03{
	width:810px;
	height:314px;
	position:relative;
}

#eventContentsArea #tsurievent #tsuriArea04{
	width:810px;
	height:600px;
	position:relative;
}
	
#eventContentsArea #tsurievent #tsuriArea05{
	width:810px;
	height:277px;
	position:relative;
	background:url(../../image/event/september2013/tsuri/img_tsurievent_05.jpg);
}

#eventContentsArea #tsurievent #tsuriArea05 .btnTsuri{
	position:absolute;
	top:165px;
	left:138px;
}

#eventContentsArea #tsurievent #tsuriArea05 .btnTsuri li{
	float:left;
	width:220px;
	height:42px;
	left:138px;
	margin-right:98px;
}

#eventContentsArea #tsurievent #tsuriArea05 .bnTown{
	position:absolute;
	top:8px;
	left:50px;
}


/*　9/3～ レア魚イベント用
------------------------------------------- */


/*　10/15～ ハロウィン釣りイベント用
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.tsuri1015Tit{
	background:url(../../image/event/october2013/tsuri/tit_tsurievent1015.gif) no-repeat bottom left;
	width:810px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 10px 0 0;
}

#eventContentsArea #tsurievent1015 #tsuriArea01{
	width:810px;
	height:375px;
	position:relative;
}

#eventContentsArea #tsurievent1015 #tsuriArea02{
	width:810px;
	height:412px;
	position:relative;
}


#eventContentsArea #tsurievent1015 #tsuriArea03{
	width:810px;
	height:697px;
	position:relative;
	background:url(../../image/event/october2013/tsuri/img_tsurievent_03.jpg);
}

#eventContentsArea #tsurievent1015 #tsuriArea03 .btnTsuri{
	position:absolute;
	top:594px;
	left:137px;
}

#eventContentsArea #tsurievent1015 #tsuriArea03 .btnTsuri li{
	float:left;
	width:220px;
	height:42px;
	left:138px;
	margin-right:98px;
}

#eventContentsArea #tsurievent1015 #tsuriArea03 .bnTown{
	position:absolute;
	top:8px;
	left:50px;
}


/*　10/15～ ハロウィン釣りイベント用
------------------------------------------- */


/*　11/12～ 秋の紅葉釣りイベント用
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.tsuri1112Tit{
	background:url(../../image/event/november2013/tsuri/tit_tsurievent1112.gif) no-repeat bottom left;
	width:810px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 10px 0 0;
}

#eventContentsArea #tsurievent1112 #tsuriArea01{
	width:810px;
	height:184px;
	position:relative;
}

#eventContentsArea #tsurievent1112 #tsuriArea02{
	width:810px;
	height:418px;
	position:relative;
}


#eventContentsArea #tsurievent1112 #tsuriArea03{
	width:810px;
	height:585px;
	position:relative;
	background:url(../../image/event/november2013/tsuri/img_tsurievent_03.jpg);
}

#eventContentsArea #tsurievent1112 #tsuriArea03 .attention{
	position:absolute;
	top:380px;
	left:110px;
	color:#777;
}




#eventContentsArea #tsurievent1112 #tsuriArea03 .btnTsuri{
	position:absolute;
	top:484px;
	left:137px;
}

#eventContentsArea #tsurievent1112 #tsuriArea03 .btnTsuri li{
	float:left;
	width:220px;
	height:42px;
	left:138px;
	margin-right:98px;
}

#eventContentsArea #tsurievent1112 #tsuriArea03 .bnTown{
	position:absolute;
	top:8px;
	left:50px;
}


/*　11/12～ 秋の紅葉釣りイベント用
------------------------------------------- */



/*　12/3～ クリスマス釣りイベント用
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.tsuri1112Tit{
	background:url(../../image/event/december2013/tsuri/tit_tsurievent1203.gif) no-repeat bottom left;
	width:810px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 10px 0 0;
}

#eventContentsArea #tsurievent1203 #tsuriArea01{
	width:810px;
	height:194px;
	position:relative;
}

#eventContentsArea #tsurievent1203 #tsuriArea02{
	width:810px;
	height:677px;
	position:relative;
}


#eventContentsArea #tsurievent1203 #tsuriArea03{
	width:810px;
	height:585px;
	position:relative;
	background:url(../../image/event/december2013/tsuri/img_tsurievent_03.jpg);
}

#eventContentsArea #tsurievent1203 #tsuriArea03 .attention{
	position:absolute;
	top:372px;
	left:86px;
	color:#777;
}




#eventContentsArea #tsurievent1203 #tsuriArea03 .btnTsuri{
	position:absolute;
	top:484px;
	left:137px;
}

#eventContentsArea #tsurievent1203 #tsuriArea03 .btnTsuri li{
	float:left;
	width:220px;
	height:42px;
	left:138px;
	margin-right:98px;
}

#eventContentsArea #tsurievent1203 #tsuriArea03 .bnTown{
	position:absolute;
	top:8px;
	left:50px;
}


/*　12/3～ クリスマス釣りイベント用
------------------------------------------- */










/*　共通footer※基本触らない */
/* clearfix
------------------------------------------- */
#eventContentsArea.event #mainArea ul.eventNavi:after,
#eventContentsArea.event #mainArea ul.seapuzzleMenu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/* footer
------------------------------------------- */
#eventContentsArea.event #footerArea {
	background: u
	rl("/image/event/festival2009/event/bg_footer.gif") no-repeat;
}

#eventContentsArea.event #footerArea p#corpLogo,
#eventContentsArea.event #footerArea address {
	color: #777;
}