@charset 'utf-8';

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

File name:      event2011.css
Update:         2011/11/07
Style Info:     2011年イベント用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;
	background: #c2c485 url("../../images/event/festival2009/item/bg_pattern.jpg") repeat-x 0 29px;
}



/* 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;
	background: url("../../images/event/festival2009/item/bg_footer.gif") no-repeat;
}

#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. イベントページ用
---------------------------------------------------------------------- */

/* 背景用
------------------------------------------- */
body.festivalEvent {
	background: #fff;
}

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


/* イベントタイトル-毎月更新部分------ */
#eventContentsArea.event .November2011{
	background-color:#fff9de;
	font-family: "ＭＳ Ｐゴシック",sans-serif;	
}

#eventContentsArea.event .November2011 h2{
	background:url(/image/event/november2011/event/event_title.gif) no-repeat top left;
	width:810px;
	height:88px;
	text-indent:-999em;
}


#eventContentsArea.event .November2011moreBlog {
	margin: 0px;
	padding: 0px;
}

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





#eventContentsArea.event .mainArea-outer #mainArea{
	overflow:hidden;
	padding:20px;
}

#eventContentsArea.event .mainArea-outer #leftArea{
	float:left;
}

#eventContentsArea.event .mainArea-outer #rightArea{
	float:right;
}

#eventContentsArea.event .mainArea-outer .recBanner{
	border:#CCC 1px solid;
}

#eventContentsArea.event .mainArea-outer .NewsArea{
	background-color:#FFFFFF;
	/*background:url(../../image/event/November2011/event/bg_newsarea.gif) none;*/
	margin-top:20px;
	width:352px;
	min-height:198px;
	position:relative;
}

#eventContentsArea.event .mainArea-outer .NewsArea p{
	padding-bottom:10px;
}

#eventContentsArea.event .mainArea-outer .NewsArea .news_img{
	position:absolute;
	bottom:0;
}

#eventContentsArea.event .mainArea-outer .NewsArea .moreBlog{
	padding:10px 0 0 130px;
}

#eventContentsArea.event .mainArea-outer .NewsArea .moreBlog a{
	color:#c18d26;
}




#eventContentsArea.event .mainArea-outer .NewsArea ul li {
    background: url("/image/common/ico_list_info.gif") no-repeat scroll 2px 7px transparent;
    color: #777777;
    margin: 0 10px;
    padding-left: 10px;
}

#eventContentsArea.event .mainArea-outer .imgframe01{
	margin-bottom:12px;
}

#eventContentsArea.event .mainArea-outer .imgframe02{
	margin-bottom:12px;
}

#eventContentsArea.event .mainArea-outer .imgframe03{
	margin-bottom:21px;
}

#eventContentsArea.event .mainArea-outer #rightArea ul{
}

#eventContentsArea.event .mainArea-outer #rightArea ul li{
	float:left;
	height:130px;
	margin-right:19px;
}

#eventContentsArea.event .mainArea-outer #rightArea ul li.right{
	margin-right:0;
}



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

/* 下層タイトル-毎月更新部分------ */
#eventContentsArea .subNovember2011 h2{
	background:url(/image/event/november2011/event/tit_event.gif) no-repeat top left;
	width:180px;
	height:60px;
	text-indent:-999em;
}
/* 最大6個はいるとき-------------- */
#eventContentsArea .eventArea-outer ul#eventMenu{
	position:absolute;
	top:10px;
	left:184px;
	width:626px;
}

#eventContentsArea .eventArea-outer ul#eventMenu li{
    float: left;
	margin-right:4px;
}

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

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


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

#eventContentsArea .eventArea-outer ul#eventMenu1 {
	position:absolute;
	top:10px;
	left:184px;
	width:626px;
}

#eventContentsArea .eventArea-outer ul#eventMenu1 li{
	/* ボタンがトップだけの時のみ-------------- */
	margin:0px;
	float: right;
}

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

#eventContentsArea .eventArea-outer ul#eventMenu2 {
	position:absolute;
	top:10px;
	left:496px;
	width:314px;
}


/* 参加用アイテム欄-------------- */
#eventContentsArea #stageArea{
	width:810px;
	height:639px;
	background-color:#fff9de;
	overflow:hidden;
}

#eventContentsArea #stageArea div.stage01Area{
	margin-left:19px;
	margin-right:4px;
	background:url(/image/event/november2011/event/img_stage01.gif) no-repeat;
	width:255px;
	height:622px;
	position:relative;
}

#eventContentsArea #stageArea div.stage02Area_before {
	background:url(/image/event/november2011/event/img_stage02.gif) no-repeat;
	width:255px;
	height:622px;
	margin-right:4px;
	position:relative;	
}

#eventContentsArea #stageArea div.stage03Area_before {
	background:url(/image/event/november2011/event/img_stage03.gif) no-repeat;
	width:255px;
	height:622px;
	position:relative;	
}

#eventContentsArea #stageArea div.stage02Area_after {
	background:url(/image/event/november2011/event/img_stage02_after.gif) no-repeat;
	width:255px;
	height:622px;
	margin-right:4px;
	position:relative;	
}

#eventContentsArea #stageArea div.stage03Area_after {
	background:url(/image/event/november2011/event/img_stage03_after.gif) no-repeat;
	width:255px;
	height:622px;
	position:relative;	
}


#eventContentsArea #stageArea div{
	float:left;
	position:relative;
}

#eventContentsArea #stageArea div.stage01Area .btn,
#eventContentsArea #stageArea div.stage02Area_before .btn,
#eventContentsArea #stageArea div.stage03Area_before .btn,
#eventContentsArea #stageArea div.stage02Area_after .btn, 
#eventContentsArea #stageArea div.stage03Area_after .btn {
	position:absolute;
	top:312px;
	left:72px;	
}

#eventContentsArea #stageArea div.stage01Area .btn_entry,
#eventContentsArea #stageArea div.stage02Area_before .btn_entry,
#eventContentsArea #stageArea div.stage03Area_before .btn_entry,
#eventContentsArea #stageArea div.stage02Area_after .btn_entry, 
#eventContentsArea #stageArea div.stage03Area_after .btn_entry {
	position:absolute;
	top:567px;
	left:49px;	
}

#eventContentsArea #mainArea .showArea{
	background-color:#fff9de;
	height:104px;
	position:relative;
}

#eventContentsArea #mainArea .showArea div.showTxt{
	position:absolute;
	top:21px;
	left:51px;

}


.lineT{
	border-top:#ddddde 2px solid;
	width:810px;
}


/* 100万人イベント用
------------------------------------------- */
/* 下層タイトル-毎月更新部分------ */
#eventContentsArea .subNovember2011 h2.counterArea {
	background:url(/image/event/november2011/event/tit_event2.gif) no-repeat top left;
	width:230px;
	height:60px;
	text-indent:-999em;
}


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

#mainArea100 {
	background: #fff9de;
}


#mainArea100 #txtArea {
	position:relative;
	width: 810px;
	height:276px;
	background: url("/image/event/november2011/event/bg_countevent_1.gif") no-repeat;	
	}

#mainArea100 #txtArea p {
	position: absolute;	
	top: 199px;
	left: 532px;
	}
#mainArea100 #counterArea {
	width: 810px;
	height:172px;
	background: url("/image/event/november2011/event/bg_countevent_2.gif") no-repeat;
	}
#mainArea100 #counterArea p.counterTxtleft {
	position: absolute;
	display: block;
	top: 367px;
	left: 232px;
	width: 150px;
	font-family:'ＭＳ ゴシック';
	color: #fb4383;
	font-size: 5em;
	}
	
#mainArea100 #counterArea p.counterTxtright {
	position: absolute;
	top: 379px;
	left: 460px;
	width: 280px;
	font-family:'ＭＳ ゴシック';
	color: #fb4383;
	font-size: 4em;
	}
/* IE用------ */	 	 
* html p.counterTxtleft {
	position/*\**/: absolute;
	display/*\**/: block;
	top/*\**/: 365px;
	left/*\**/: 162px;
	width/*\**/: 150px;
	font/*\**/: Verdana;
	color/*\**/: #fb4383;
	font-size/*\**/: 54px;
	}
	
* html p.counterTxtright {
	position/*\**/: absolute;
	top/*\**/: 378px;
	left/*\**/: 422px;
	width/*\**/: 300px;
	font/*\**/: Verdana;
	color/*\**/: #fb4383;
	font-size/*\**/: 48px;
	}	 	 
	 	 
#mainArea100 #itemArea {
	position: relative;	
	width: 810px;
	height: 620px;
	background: url("/image/event/november2011/event/bg_countevent_4.gif") no-repeat;
	}
	
#mainArea100 #itemArea ul li.itemBox1 {
	position:absolute;
	width: 200px;
	height: 256px;
	left: 13px;		
	background: url("/image/event/november2011/event/img_categori1.gif") no-repeat;
}

#mainArea100 #itemArea ul li.itemBox2 {
	position:absolute;
	width: 200px;
	height: 256px;
	left: 294px;		
	background: url("/image/event/november2011/event/img_categori2.gif") no-repeat;
}

#mainArea100 #itemArea ul li.itemBox3 {
	position:absolute;
	width: 200px;
	height: 256px;
	left: 574px;		
	background: url("/image/event/november2011/event/img_categori3.gif") no-repeat;
}

#mainArea100 #itemArea ul li.itemBox4 {
	position:absolute;
	width: 200px;
	height: 256px;
	top: 324px;
	left: 574px;		
	background: url("/image/event/november2011/event/img_categori4.gif") no-repeat;
}

#mainArea100 #itemArea ul li.itemBox5 {
	position:absolute;
	width: 200px;
	height: 256px;
	top: 324px;
	left: 294px;		
	background: url("/image/event/november2011/event/img_categori5.gif") no-repeat;
}

#mainArea100 #itemArea ul li.itemBox6 {
	position:absolute;
	width: 200px;
	height: 256px;
	top: 324px;
	left: 13px;			
	background: url("/image/event/november2011/event/img_categori6.gif") no-repeat;
}

#mainArea100 #itemArea ul li.itemBox1 p,
#mainArea100 #itemArea ul li.itemBox2 p,
#mainArea100 #itemArea ul li.itemBox3 p,
#mainArea100 #itemArea ul li.itemBox4 p,
#mainArea100 #itemArea ul li.itemBox5 p,
#mainArea100 #itemArea ul li.itemBox6 p {
	position:absolute;
	top: 183px;
	left: 43px;		
}



/* 釣りイベント用
------------------------------------------- */
/* 下層タイトル-毎月更新部分------ */
#eventContentsArea .subNovember2011 h2.tsuriTxt {
	background:url(../../image/event/november2011/event/tit_event4.gif) no-repeat top left;
	width:230px;
	height:60px;
	text-indent:-999em;
}



/* ガーデニングイベント用
------------------------------------------- */
/* 下層タイトル-毎月更新部分------ */
#eventContentsArea .subNovember2011 h2.gardenTxt {
	background:url(../../image/event/november2011/event/tit_event1117.gif) no-repeat top left;
	width:700px;
	height:60px;
	text-indent:-999em;
}

#mainAreagardenevent1117  #howtoArea {
	position:relative;
	top:0px;
	width:810px;
	height:394px;
	background:url(../../image/event/november2011/event/bg_gardenevent_2.gif) no-repeat top left;	
	}

#mainAreagardenevent1117  #howtoArea p {
	position:absolute;
	top: 200px;
	left: 595px;
	height: 29px;

}

#mainAreagardenevent1117 #pointArea {
	position:relative;
	top:0px;
	width:810px;
	height:430px;
	background:url(../../image/event/november2011/event/bg_gardenevent_5.gif) no-repeat top left;	
	}
	
#mainAreagardenevent1117  #pointArea p {
	position:absolute;
	top: 354px;	
	left: 307px;
}




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


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

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