@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      event2012_09.css
Update:         2012/10/02
Style Info:     2012年10月イベント用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. イベントページ用
---------------------------------------------------------------------- */

/* 背景用
------------------------------------------- */
body.festivalEvent {
	background: #fff;
}

/* イベントトップ用
------------------------------------------- */
#eventContentsArea.event .mainArea-outer{
	padding:0px;
	margin:0;
	overflow:hidden;
}


/* イベントタイトル-毎月更新部分------ */
#eventContentsArea.event .mainArea-outer {
	font-family: "ＭＳ Ｐゴシック",sans-serif;	
}

#eventContentsArea.event .mainArea-outer h2{
	background:url(../../image/event/october2012/event/eventtop_title.jpg) no-repeat top left;
	width:810px;
	height:160px;
	text-indent:-999em;
}

#eventContentsArea.event .moreBlog {
	margin: 0px;
	padding: 0px;
}

/*----------------------------------- */

#eventContentsArea #mainArea{
	background:url(../../image/event/october2012/event/bg_eventtop01.jpg) no-repeat top left;
	width:810px;
	height:440px;
	position:relative;
}

#eventContentsArea #mainArea ul{
  position: absolute;
  width:auto;
  height:190px;
  top:0px;
	left:6px;

}

#eventContentsArea #mainArea ul.list01 li{
  float: left;
	width: auto;
	height:190px;
	margin-right:0px;
}

#eventContentsArea #mainArea ul.list01 li.second{
	margin-right:1px;
}

#eventContentsArea #mainArea ul.list01 li.last{
	margin-left:1px;
}

#eventContentsArea #mainArea .img04{
  position: absolute;
  width: auto;
  height: auto;
  top:213px;
	left:272px;
}

#eventContentsArea #mainArea .img05{
  position: absolute;
  width: auto;
  height: auto;
  top:213px;
	left:536px;
}

#eventContentsArea #mainArea .img06{
  position: absolute;
  width: auto;
  height: auto;
	bottom:0;
	left:0px;
}

#eventContentsArea .eventArea-outer .eventtop{
	position:absolute;
	top:1px;
	right:3px;
	margin-bottom:11px;
}

#eventContentsArea .eventArea-outer .eventtop a{
	color:#978356;
}


/* 10月イベント下層用
------------------------------------------- */
#eventContentsArea{
	position:relative;
}


/* 最大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:21px;
	right:0px;
	width:212px;
}

#eventContentsArea .eventArea-outer ul#eventMenu2 li{
    float: left;
	margin-right:4px;
}

#eventContentsArea .eventArea-outer ul#eventMenu2 li.bnnlast{
	float:right;
	margin:0px;
}

/* 最大3個はいるとき-------------- */

#eventContentsArea .eventArea-outer ul#eventMenu3 {
	position:absolute;
	top:10px;
	left:495px;
	width:314px;
}
#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;
}

/* 最大5個はいるとき-------------- */

#eventContentsArea .eventArea-outer ul#eventMenu5 {
	position:absolute;
	top:21px;
	left:274px;
	width:536px;
}
#eventContentsArea .eventArea-outer ul#eventMenu5 li{
    float: left;
	margin-right:4px;
}

#eventContentsArea .eventArea-outer ul#eventMenu5 li.bnnMrg{
	margin:0 18px 0 0px;
}

#eventContentsArea .eventArea-outer ul#eventMenu5 li.bnnlast{
	float:right;
	margin:0px;
}


/* ハロウィンアイテム用（9/26～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.halloweenitemTit{
	background:url(../../image/event/october2012/event/item/tit_event0926.gif) no-repeat bottom left;
	width:520px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 8px 0 0;
}


#eventContentsArea .eventArea-outer #halloweenitemArea{
	background:url(../../image/event/october2012/event/item/img_head.jpg) #2e2d2c no-repeat top left;
	position:relative;
	width:810px;
	height:1740px;
}

#eventContentsArea .eventArea-outer #halloweenitemArea .subtitle{
	position:absolute;
	top:9px;
	left:9px;	
}

#eventContentsArea .eventArea-outer #halloweenitemArea #premiumArea{
	position:absolute;
	background:url(../../image/event/october2012/event/item/img_premium.jpg) no-repeat left 70px;
	top:282px;
	left:40px;
	width:730px;
	height:443px;
}

#eventContentsArea .eventArea-outer #halloweenitemArea #premiumArea .btnpremium{
	position:absolute;
	top:381px;
	left:276px;
}

#eventContentsArea .eventArea-outer #halloweenitemArea #coinArea{
	position:absolute;
	background:url(../../image/event/october2012/event/item/img_coin.jpg) no-repeat left 70px;
	top:746px;
	left:40px;
	width:356px;
	height:443px;	
}

#eventContentsArea .eventArea-outer #halloweenitemArea #coinArea .btncoin{
	position:absolute;
	top:381px;
	left:76px;
}

#eventContentsArea .eventArea-outer #halloweenitemArea #roomArea{
	position:absolute;
	background:url(../../image/event/october2012/event/item/img_room.jpg) no-repeat left 70px;
	top:746px;
	left:414px;
	width:356px;
	height:443px;	
}

#eventContentsArea .eventArea-outer #halloweenitemArea #roomArea .btnroom{
	position:absolute;
	top:381px;
	left:76px;
}

#eventContentsArea .eventArea-outer #halloweenitemArea #townArea{
	position:absolute;
	background:url(../../image/event/october2012/event/item/img_town.jpg) no-repeat left 70px;
	top:1210px;
	left:40px;
	width:730px;
	height:494px;
}

#eventContentsArea .eventArea-outer #halloweenitemArea #townArea .btntown{
	position:absolute;
	top:333px;
	left:86px;
}


/* ガーデンイベント用（9/27～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.garden0927Tit{
	background:url(../../image/event/october2012/event/garden/tit_event0927.gif) no-repeat bottom left;
	width:566px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 8px 0 0;
}

#garden0927Area #gardenArea0927_1{
	background:url(../../image/event/october2012/event/garden/img_gardenevent0927_02.jpg) no-repeat;
	width:810px;
	height:279px;
	position:relative;
}

#garden0927Area #gardenArea0927_1 .btnBuyp{
	position:absolute;
	top:129px;
	left:431px;
}

#garden0927Area #gardenArea0927_2{
	background:url(../../image/event/october2012/event/garden/img_gardenevent0927_03.jpg) no-repeat;
	width:810px;
	height:355px;
	position:relative;
}

#garden0927Area #gardenArea0927_2 .btnRecipe{
	position:absolute;
	top:258px;
	left:112px;
}

#garden0927Area #gardenArea0927_2 .btnNewseed{
	position:absolute;
	top:258px;
	left:537px;
}

#garden0927Area #gardenArea0927_3{
	background:url(../../image/event/october2012/event/garden/img_gardenrecipe0927_06.gif) no-repeat;
	width:810px;
	height:279px;
	position:relative;
}

#garden0927Area #gardenArea0927_3 .note{
	position:absolute;
	top:63px;
	left:100px;
	color:#717171;
	font-size:12px;
	line-height:1.9;
	letter-spacing: 1.5px;
}

#garden0927Area #gardenArea0927_3 .txthelp{
	position:absolute;
	top:204px;
	left:620px;
	color:#717171;
	font-size:12px;
	line-height:1.9;
}

#garden0927Area #gardenArea0927_3 .txthelp a:link,
#garden0927Area #gardenArea0927_3 .txthelp a:visited{
	color:#717171;
	text-decoration:underline;
}

#garden0927Area #gardenArea0927_3 .txthelp a:hover{
	color:#717171;
	text-decoration:none;
}



/* ハロウィン釣りイベント用（10/2～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.tsuriTit{
	background:url(../../image/event/october2012/event/tsuri/tit_eventtsuri1002.jpg) no-repeat bottom left;
	width:747px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:18px 0 0;
}

#tsuriArea1002_2{
	background:url(../../image/event/october2012/event/tsuri/img_tsuri_2.jpg) no-repeat;
	width:810px;
	height:426px;
	position:relative;
}

#tsuriArea1002_3{
	background:url(../../image/event/october2012/event/tsuri/img_tsuri_3.jpg) no-repeat;
	width:810px;
	height:612px;
	position:relative;
}


.btn{
	position:absolute;
	margin-left:150px;
	margin-top:336px;
}

.btn li{
	float:left;
	width:221px;
	height:44px;
}

li.btn2{
	margin-left:106px;
	width:221px;
	height:44px;
}

#tsuriArea1016_4{
	background:url(../../image/event/october2012/event/tsuri/img_tsuri_4.jpg) no-repeat;
	width:810px;
	height:52px;
	position:relative;
}

#tsuriArea1016_5{
	background:url(../../image/event/october2012/event/tsuri/img_tsuri_5.jpg) no-repeat;
	width:810px;
	height:447px;
	position:relative;
}

#tsuriArea1016_6{
	background:url(../../image/event/october2012/event/tsuri/img_tsuri_6.jpg) no-repeat;
	width:810px;
	height:512px;
	position:relative;
}

.btn1016{
	position:absolute;
	margin-left:150px;
	margin-top:418px;
}

.btn1016 li{
	float:left;
	width:221px;
	height:44px;
}

li.btn2{
	margin-left:106px;
	width:221px;
	height:44px;
}


/* ガーデンイベント用（10/04～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.farm1004Tit{
	background:url(../../image/event/october2012/event/farm/tit_event1004.gif) no-repeat bottom left;
	width:566px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 8px 0 0;
}

#farm1004Area #farmArea1004_1{
	background:url(../../image/event/october2012/event/farm/img_farm1004_2.jpg) no-repeat;
	width:810px;
	height:473px;
	position:relative;
}

#farm1004Area #farmArea1004_1 .btnGofarm{
	position:absolute;
	top:362px;
	left:131px;
}

#farm1004Area #farmArea1004_1 .txthelp{
	position:absolute;
	top:414px;
	left:652px;
}


#farm1004Area #farmArea1004_2{
	background:url(../../image/event/october2012/event/farm/img_farm1004_3.jpg) no-repeat;
	width:810px;
	height:356px;
	position:relative;
}

#farm1004Area #farmArea1004_2 .btnGofarm02{
	position:absolute;
	top:271px;
	left:65px;
}

#farm1004Area #farmArea1004_2 .btnCshop{
	position:absolute;
	top:271px;
	left:436px;
}

#farm1004Area #farmArea1004_2 .btnPshop{
	position:absolute;
	top:271px;
	left:617px;
}


/* タウンイベント用（10/11～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.town1011Tit{
	background:url(../../image/event/october2012/event/town/tit_event1011.gif) no-repeat bottom left;
	width:249px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding: 8px 0 0;
}

/*01.プロローグページ--------------------------*/
#eventContentsArea #town1011Area03 #townArea01_1{
	background:url(../../image/event/october2012/event/town/img_pumpkinprologue_01.jpg) no-repeat;
	width:810px;
	height:486px;
	position:relative;
}

#eventContentsArea #town1011Area03 #townArea01_1 .btnEntry{
	position:absolute;
	top:376px;
	left:261px;
}

#eventContentsArea #town1011Area03 #townArea01_1 .btnStory2011{
	position:absolute;
	top:341px;
	left:559px;
}

#eventContentsArea #town1011Area03 #townArea01_2{
	background:url(../../image/event/october2012/event/town/img_pumpkinprologue_03.jpg) no-repeat;
	width:810px;
	height:323px;
	position:relative;
}

#eventContentsArea #town1011Area03 #townArea01_2 .btnKabegami{
	position:absolute;
	top:193px;
	left:409px;
}

#eventContentsArea #town1011Area03 #townArea01_3{
	background:url(../../image/event/october2012/event/town/img_pumpkinprologue_04.jpg) no-repeat;
	width:810px;
	height:480px;
	position:relative;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail01{
	position:absolute;
	display:block;
	width:177px;
	height:68px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	top:79px;
	left:57px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail01 a{
	display:block;
	width:177px;
	height:68px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail02{
	position:absolute;
	display:block;
	width:198px;
	height:68px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	top:80px;
	left:405px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail02 a{
	display:block;
	width:198px;
	height:68px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail03{
	position:absolute;
	display:block;
	width:197px;
	height:69px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	top:339px;
	left:57px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail03 a{
	display:block;
	width:197px;
	height:69px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail04{
	position:absolute;
	display:block;
	width:198px;
	height:68px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	top:339px;
	left:352px;
}

#eventContentsArea #town1011Area03 #townArea01_3 .btnDetail04 a{
	display:block;
	width:198px;
	height:68px;
}


/*02.遊び方------------------------------------*/
#eventContentsArea #town1011Area05 #townArea02_1{
	background:url(../../image/event/october2012/event/town/img_entry_01.jpg) no-repeat;
	width:810px;
	height:686px;
	position:relative;
}

#eventContentsArea #town1011Area05 #townArea02_1 .btnBenefit01{
	position:absolute;
	top:268px;
	left:616px;
}

#eventContentsArea #town1011Area05 #townArea02_1 .btnBenefit02{
	position:absolute;
	top:509px;
	left:616px;
}

#eventContentsArea #town1011Area05 #townArea02_1 .btnTown{
	position:absolute;
	top:553px;
	left:267px;
}

#eventContentsArea #town1011Area05 #entryItem{
	background:url(../../image/event/october2012/event/town/img_entry_02.jpg) no-repeat;
	width:810px;
	height:419px;
	position:relative;
}

#eventContentsArea #town1011Area05 #entryItem .btnBuyc{
	position:absolute;
	top:305px;
	left:112px;
}

#eventContentsArea #town1011Area05 #entryItem .btnBuyp{
	position:absolute;
	top:305px;
	left:497px;
}

#eventContentsArea #town1011Area05 #townArea02_3{
	background:url(../../image/event/october2012/event/town/img_entry_03.jpg) no-repeat;
	width:810px;
	height:699px;
	position:relative;
}

#eventContentsArea #town1011Area05 #townArea02_3 .btnRevival{
	position:absolute;
	top:589px;
	left:275px;
}

#eventContentsArea #town1011Area05 #townArea02_4{
	background:url(../../image/event/october2012/event/town/img_entry_04.jpg) no-repeat;
	width:810px;
	height:439px;
	position:relative;
}

#eventContentsArea #town1011Area05 #townArea02_4 .btnRevival{
	position:absolute;
	top:325px;
	left:261px;
}











/*03.復活するともらえる特典--------------------*/

/*王子ドラゴン------------------*/
#eventContentsArea #town1011Area02 #townArea03_1{
	background:url(../../image/event/october2012/event/town/img_revival_02.jpg) no-repeat;
	width:810px;
	height:265px;
	position:relative;
}

#eventContentsArea #town1011Area02 #townArea03_1 .imgItem01{
	position:absolute;
	top:28px;
	left:226px;
}

#eventContentsArea #town1011Area02 #townArea03_1 .imgDisp01{
	position:absolute;
	top:50px;
	left:457px;
}

#eventContentsArea #town1011Area02 #townArea03_1 .btnItem01{
	position:absolute;
	top:69px;
	left:606px;
}

/*王女ドラゴン------------------*/
#eventContentsArea #town1011Area02 #townArea03_2{
	background:url(../../image/event/october2012/event/town/img_revival_03.jpg) no-repeat;
	width:810px;
	height:266px;
	position:relative;
}

#eventContentsArea #town1011Area02 #townArea03_2 .imgItem02{
	position:absolute;
	top:28px;
	left:226px;
}

#eventContentsArea #town1011Area02 #townArea03_2 .imgDisp02{
	position:absolute;
	top:50px;
	left:457px;
}

#eventContentsArea #town1011Area02 #townArea03_2 .btnItem02{
	position:absolute;
	top:69px;
	left:606px;
}


/*王妃ドラゴン------------------*/
#eventContentsArea #town1011Area02 #townArea03_3{
	background:url(../../image/event/october2012/event/town/img_revival_04.jpg) no-repeat;
	width:810px;
	height:267px;
	position:relative;
}

#eventContentsArea #town1011Area02 #townArea03_3 .imgItem03{
	position:absolute;
	top:28px;
	left:226px;
}

#eventContentsArea #town1011Area02 #townArea03_3 .imgDisp03{
	position:absolute;
	top:50px;
	left:457px;
}

#eventContentsArea #town1011Area02 #townArea03_3 .btnItem03{
	position:absolute;
	top:69px;
	left:606px;
}

/*ギングゴースト------------------*/
#eventContentsArea #town1011Area02 #townArea03_4{
	background:url(../../image/event/october2012/event/town/img_revival_05.jpg) no-repeat;
	width:810px;
	height:267px;
	position:relative;
}

#eventContentsArea #town1011Area02 #townArea03_4 .imgItem04{
	position:absolute;
	top:28px;
	left:226px;
}

#eventContentsArea #town1011Area02 #townArea03_4 .imgDisp04{
	position:absolute;
	top:50px;
	left:457px;
}

#eventContentsArea #town1011Area02 #townArea03_4 .btnItem04{
	position:absolute;
	top:69px;
	left:606px;
}

/*全て復活後------------------*/




/*04.クリスタルカードで特典を作る--------------*/
#eventContentsArea #town1011Area01 #townArea04_1{
	background:url(../../image/event/october2012/event/town/img_crystal_01.jpg) no-repeat;
	width:810px;
	height:546px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard01{
	position:absolute;
	top:435px;
	left:78px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard02{
	position:absolute;
	top:435px;
	left:176px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard03{
	position:absolute;
	top:435px;
	left:274px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard04{
	position:absolute;
	top:435px;
	left:371px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard05{
	position:absolute;
	top:435px;
	left:470px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard06{
	position:absolute;
	top:435px;
	left:567px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}

#eventContentsArea #town1011Area01 #townArea04_1 .txtcard07{
	position:absolute;
	top:435px;
	left:667px;
	width:65px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#4d2320;	
}


/*クリスタルカード------------------------*/
/*ブルー*/
#eventContentsArea #town1011Area01 dl.cardBl{
	background:url(../../image/event/october2012/event/town/img_crystal_bl.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}

/*レッド*/
#eventContentsArea #town1011Area01 dl.cardRe{
	background:url(../../image/event/october2012/event/town/img_crystal_re.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}

/*オレンジ*/
#eventContentsArea #town1011Area01 dl.cardOr{
	background:url(../../image/event/october2012/event/town/img_crystal_or.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}

/*イエロー*/
#eventContentsArea #town1011Area01 dl.cardYe{
	background:url(../../image/event/october2012/event/town/img_crystal_ye.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}

/*ピンク*/
#eventContentsArea #town1011Area01 dl.cardPi{
	background:url(../../image/event/october2012/event/town/img_crystal_pi.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}

/*グリーン*/
#eventContentsArea #town1011Area01 dl.cardGr{
	background:url(../../image/event/october2012/event/town/img_crystal_gr.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}

/*パープル*/
#eventContentsArea #town1011Area01 dl.cardPu{
	background:url(../../image/event/october2012/event/town/img_crystal_pu.gif) no-repeat;
	width:90px;
	height:124px;
	position:relative;
}


#eventContentsArea #town1011Area01 dl.cardDisp dt{
	position:absolute;
	top:-10px;
	left:57px;
	z-index:100;
}

#eventContentsArea #town1011Area01 dl.cardDisp dd{
	position:absolute;
	top:11px;
	left:12px;
}


/*パンプキンスーツ*/
#eventContentsArea #town1011Area01 #townArea04_2{
	background:url(../../image/event/october2012/event/town/img_crystal_03.jpg) no-repeat;
	width:810px;
	height:377px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_2 .cardList01{
	position:absolute;
	top:78px;
	left:200px;
}

#eventContentsArea #town1011Area01 #townArea04_2 .cardList01 li{
	float:left;
	margin-right:9px;
}

#eventContentsArea #town1011Area01 #townArea04_2 .cardList02{
	position:absolute;
	top:225px;
	left:251px;
}

#eventContentsArea #town1011Area01 #townArea04_2 .cardList02 li{
	float:left;
	margin-right:9px;
}


#eventContentsArea #town1011Area01 #townArea04_2 .txtcont{
	background:url(../../image/event/october2012/event/town/txt_crystal_10.gif) no-repeat;
	width:106px;
	height:15px;
	position:absolute;
	top:49px;
	left:60px;
}

#eventContentsArea #town1011Area01 #townArea04_2 .txtcont span{
	position:absolute;
	top:-19px;
	left:38px;
	font-size:31px;
	font-weight:bold;
	color:#ff0000;
}


#eventContentsArea #town1011Area01 #townArea04_2 .imgItem01{
	position:absolute;
	top:72px;
	left:44px;
}

#eventContentsArea #town1011Area01 #townArea04_2 .btnItem01{
	position:absolute;
	top:150px;
	left:608px;
}

/*ネコの使い魔ステッキ*/
#eventContentsArea #town1011Area01 #townArea04_3{
	background:url(../../image/event/october2012/event/town/img_crystal_04.jpg) no-repeat;
	width:810px;
	height:289px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_3 .cardList03{
	position:absolute;
	top:102px;
	left:200px;
}

#eventContentsArea #town1011Area01 #townArea04_3 .cardList03 li{
	float:left;
	margin-right:9px;
}

#eventContentsArea #town1011Area01 #townArea04_3 .txtcont{
	background:url(../../image/event/october2012/event/town/txt_crystal_10.gif) no-repeat;
	width:106px;
	height:15px;
	position:absolute;
	top:27px;
	left:60px;
}

#eventContentsArea #town1011Area01 #townArea04_3 .txtcont span{
	position:absolute;
	top:-19px;
	left:38px;
	font-size:31px;
	font-weight:bold;
	color:#ff0000;
}

#eventContentsArea #town1011Area01 #townArea04_3 .imgItem02{
	position:absolute;
	top:50px;
	left:44px;
}

#eventContentsArea #town1011Area01 #townArea04_3 .btnItem02{
	position:absolute;
	top:98px;
	left:608px;
}

/*パンプキン城ゲート*/
#eventContentsArea #town1011Area01 #townArea04_4{
	background:url(../../image/event/october2012/event/town/img_crystal_05.jpg) no-repeat;
	width:810px;
	height:289px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_4 .cardList04{
	position:absolute;
	top:105px;
	left:247px;
}

#eventContentsArea #town1011Area01 #townArea04_4 .cardList04 li{
	float:left;
	margin-right:9px;
}

#eventContentsArea #town1011Area01 #townArea04_4 .txtcont{
	background:url(../../image/event/october2012/event/town/txt_crystal_10.gif) no-repeat;
	width:106px;
	height:15px;
	position:absolute;
	top:27px;
	left:60px;
}

#eventContentsArea #town1011Area01 #townArea04_4 .txtcont span{
	position:absolute;
	top:-19px;
	left:38px;
	font-size:31px;
	font-weight:bold;
	color:#ff0000;
}

#eventContentsArea #town1011Area01 #townArea04_4 .imgItem03{
	position:absolute;
	top:50px;
	left:44px;
}

#eventContentsArea #town1011Area01 #townArea04_4 .btnItem03{
	position:absolute;
	top:98px;
	left:608px;
}


/*パンプキン王国の祝賀ステージ*/
#eventContentsArea #town1011Area01 #townArea04_5{
	background:url(../../image/event/october2012/event/town/img_crystal_06.jpg) no-repeat;
	width:810px;
	height:344px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_5 .cardList05{
	position:absolute;
	top:157px;
	left:200px;
}

#eventContentsArea #town1011Area01 #townArea04_5 .cardList05 li{
	float:left;
	margin-right:9px;
}

#eventContentsArea #town1011Area01 #townArea04_5 .txtcont{
	background:url(../../image/event/october2012/event/town/txt_crystal_10.gif) no-repeat;
	width:106px;
	height:15px;
	position:absolute;
	top:82px;
	left:60px;
}

#eventContentsArea #town1011Area01 #townArea04_5 .txtcont span{
	position:absolute;
	top:-19px;
	left:38px;
	font-size:31px;
	font-weight:bold;
	color:#ff0000;
}

#eventContentsArea #town1011Area01 #townArea04_5 .imgItem04{
	position:absolute;
	top:105px;
	left:26px;
}

#eventContentsArea #town1011Area01 #townArea04_5 .btnItem04{
	position:absolute;
	top:153px;
	left:608px;
}


/*復活のクリスタル*/
#eventContentsArea #town1011Area01 #townArea04_6{
	background:url(../../image/event/october2012/event/town/img_crystal_07.jpg) no-repeat;
	width:810px;
	height:480px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_6 .cardList06{
	position:absolute;
	top:115px;
	left:200px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .cardList06 li,
#eventContentsArea #town1011Area01 #townArea04_6 .cardList07 li{
	float:left;
	margin-right:9px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .cardList07{
	position:absolute;
	top:300px;
	left:251px;
}


#eventContentsArea #town1011Area01 #townArea04_6 .imgItem05{
	position:absolute;
	top:104px;
	left:44px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .btnItem05{
	position:absolute;
	top:197px;
	left:608px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA01{
	position:absolute;
	top:239px;
	left:200px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA02{
	position:absolute;
	top:239px;
	left:299px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA03{
	position:absolute;
	top:239px;
	left:398px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA04{
	position:absolute;
	top:239px;
	left:497px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA05{
	position:absolute;
	top:422px;
	left:251px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA06{
	position:absolute;
	top:422px;
	left:350px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA07{
	position:absolute;
	top:422px;
	left:449px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA01,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA02,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA03,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA04,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA05,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA06,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA07{
	width:89px;
	height:23px;
	background-color:#fffcf2;
	text-align:center;
	padding-left:1px;
}

#eventContentsArea #town1011Area01 #townArea04_6 .radioA01 input,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA02 input,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA03 input,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA04 input,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA05 input,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA06 input,
#eventContentsArea #town1011Area01 #townArea04_6 .radioA07 input{
	display:block;
	width:90px;
	height:23px;
}


/*クリスタルカード交換*/
#eventContentsArea #town1011Area01 #townArea04_7{
	background:url(../../image/event/october2012/event/town/img_crystal_09.jpg) no-repeat;
	width:810px;
	height:472px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_7 .cardList08{
	position:absolute;
	top:30px;
	left:28px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .cardList08 li,
#eventContentsArea #town1011Area01 #townArea04_7 .cardList09 li{
	float:left;
	margin-right:9px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .cardList09{
	position:absolute;
	top:215px;
	left:79px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB01{
	position:absolute;
	top:153px;
	left:28px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB02{
	position:absolute;
	top:153px;
	left:127px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB03{
	position:absolute;
	top:153px;
	left:226px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB04{
	position:absolute;
	top:153px;
	left:325px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB05{
	position:absolute;
	top:339px;
	left:79px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB06{
	position:absolute;
	top:339px;
	left:178px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB07{
	position:absolute;
	top:339px;
	left:277px;
}


#eventContentsArea #town1011Area01 #townArea04_7 .radioB01,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB02,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB03,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB04,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB05,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB06,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB07{
	width:89px;
	height:23px;
	background-color:#fffcf2;
	text-align:center;
	padding-left:1px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioB01 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB02 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB03 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB04 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB05 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB06 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioB07 input{
	display:block;
	width:90px;
	height:23px;
}


/*欲しい色のカードを選択*/
#eventContentsArea #town1011Area01 #townArea04_7 .radioC01{
	position:absolute;
	top:130px;
	left:478px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC02{
	position:absolute;
	top:130px;
	left:553px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC03{
	position:absolute;
	top:130px;
	left:628px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC04{
	position:absolute;
	top:130px;
	left:703px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC05{
	position:absolute;
	top:282px;
	left:517px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC06{
	position:absolute;
	top:282px;
	left:592px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC07{
	position:absolute;
	top:282px;
	left:667px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC01,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC02,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC03,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC04,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC05,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC06,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC07{
	width:68px;
	height:22px;
	background-color:#fffcf2;
	text-align:center;
	padding-left:2px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .radioC01 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC02 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC03 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC04 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC05 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC06 input,
#eventContentsArea #town1011Area01 #townArea04_7 .radioC07 input{
	display:block;
	width:70px;
	height:22px;
}


#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp01,
#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp02,
#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp03,
#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp04,
#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp05,
#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp06,
#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp07{
	display:block;
	width:70px;
	height:100px;
	position:absolute;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp01{
	top:30px;
	left:478px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp02{
	top:30px;
	left:553px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp03{
	top:30px;
	left:628px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp04{
	top:30px;
	left:703px;
}


#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp05{
	top:182px;
	left:517px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp06{
	top:182px;
	left:592px;
}

#eventContentsArea #town1011Area01 #townArea04_7 .excardDisp07{
	top:182px;
	left:667px;
}






#eventContentsArea #town1011Area01 #townArea04_7 .btnItem05{
	position:absolute;
	top:337px;
	left:542px;
}

/*注意事項*/
#eventContentsArea #town1011Area01 #townArea04_8{
	background:url(../../image/event/october2012/event/town/bg_crystal_note.gif) no-repeat;
	width:810px;
	height:190px;
	position:relative;
}

#eventContentsArea #town1011Area01 #townArea04_8 p{
	position:absolute;
	top:77px;
	left:99px;
	font-size:12px;
	color:#717171;
	line-height:1.9;
	letter-spacing: 1.5px;
}


/*05.壁紙ダウンロード-------------------------*/
#eventContentsArea #town1011Area05 #townArea05_1{
	background:url(../../image/event/october2012/event/town/bg_pumpkinkabegami.gif) no-repeat;
	width:810px;
	height:396px;
	position:relative;
}

#eventContentsArea #town1011Area05 #townArea05_1 #flashArea{
	position:absolute;
	top:0px;
	left:13px;
}




/*注意事項*/
#eventContentsArea #town1011Area05 #townArea05_2{
	background:url(../../image/event/october2012/event/town/img_pumpkinkabegami_02.gif) no-repeat;
	width:810px; 
	height:222px;
	position:relative;
}

#eventContentsArea #town1011Area05 #townArea05_2 p{
	position:absolute;
	top:52px;
	left:99px;
	font-size:12px;
	color:#717171;
	line-height:1.9;
	letter-spacing: 1px;
}



/* ガーデンイベント用_ネコかぼちゃ（10/09～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.garden1009Tit{
	background:url(../../image/event/october2012/event/garden1009/tit_gardenevent1009.gif) no-repeat bottom left;
	width:591px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:8px 0 0;
}

#garden1009Area #gardenArea1009_1{
	background:url(../../image/event/october2012/event/garden1009/img_gardenevent1009_1.jpg) no-repeat;
	width:810px;
	height:635px;
	position:relative;
}

#garden1009Area #gardenArea1009_1 .btnBuyp{
	position:absolute;
	top:540px;
	left:278px;
}

#garden1009Area #gardenArea1009_1 .story2011{
	position:absolute;
	top:273px;
	left:145px;
	color:#10109a;
}

#garden1009Area #gardenArea1009_2{
	background:url(../../image/event/october2012/event/garden1009/img_gardenevent1009_2.jpg) no-repeat;
	width:810px;
	height:572px;
	position:relative;
}

#garden1009Area #gardenArea1009_2 .btnRecipe{
	position:absolute;
	top:490px;
	left:260px;
}

#garden1009Area #gardenArea1009_1 .story2011 a:link,
#garden1009Area #gardenArea1009_1 .story2011 a:visited{
	color:#10109a;
	text-decoration:underline;
}

#garden1009Area #gardenArea1009_1 .story2011 a:hover{
	color:#10109a;
	text-decoration:none;
}


/* ガーデンイベント用_ネコかぼちゃレシピ（10/09～）
------------------------------------------- */
#eventContentsArea .eventArea-outer h2.gardenrecipe1009Tit{
	background:url(../../image/event/october2012/event/garden1009/tit_gardenevent1009.gif) no-repeat bottom left;
	width:411px;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	padding:8px 0 0;
}

#gardenrecipe1009Area #gardenrecipeArea1009_1{
	background:url(../../image/event/october2012/event/garden1009/img_gardenrecipe_1.jpg) no-repeat;
	width:810px;
	height:185px;
	position:relative;
}

#gardenrecipe1009Area #gardenrecipeArea1009_2{
	background:url(../../image/event/october2012/event/garden1009/img_gardenrecipe_2.jpg) no-repeat;
	width:810px;
	height:940px;
	position:relative;
}

#gardenrecipe1009Area #gardenrecipeArea1009_2 .shop{
	position:absolute;
	top:89px;
	left:358px;
}

#gardenrecipe1009Area #gardenrecipeArea1009_2 .shop a:link,
#gardenrecipe1009Area #gardenrecipeArea1009_2 .shop a:visited{
	color:#10109a;
	text-decoration:underline;
}


#gardenrecipe1009Area #gardenrecipeArea1009_3{
	background:url(../../image/event/october2012/event/garden1009/img_gardenrecipe_3.jpg) no-repeat;
	width:810px;
	height:718px;
	position:relative;
}

#gardenrecipe1009Area #gardenrecipeArea1009_3 .shop{
	position:absolute;
	top:108px;
	left:127px;
}

#gardenrecipe1009Area #gardenrecipeArea1009_3 .shop a:link,
#gardenrecipe1009Area #gardenrecipeArea1009_3 .shop a:visited{
	color:#10109a;
	text-decoration:underline;
}

#gardenrecipe1009Area #gardenrecipeArea1009_notice{
	background:url(../../image/event/october2012/event/garden1009/img_gardenrecipe_notice.jpg) no-repeat;
	width:810px;
	height:337px;
	position:relative;
}


#gardenrecipe1009Area #gardenrecipeArea1009_notice .txthelp{
	position:absolute;
	top:275px;
	left:620px;
	color:#717171;
	font-size:12px;
	line-height:1.9;
}

#gardenrecipe1009Area #gardenrecipeArea1009_notice .txthelp a:link,
#gardenrecipe1009Area #gardenrecipeArea1009_notice .txthelp a:visited{
	color:#717171;
	text-decoration:underline;
}

#gardenrecipe1009Area #gardenrecipeArea1009_notice .txthelp a:hover{
	color:#717171;
	text-decoration:none;
}














/*　共通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: url("/image/event/festival2009/event/bg_footer.gif") no-repeat;
}

#eventContentsArea.event #footerArea p#corpLogo,
#eventContentsArea.event #footerArea address {
	color: #777;
}
