
body{
	background-image: url(../img/top/bg_body.jpg);
	}

/*-----------------------------------------------------------
  MainImageArea
-----------------------------------------------------------*/
#MainImageArea{
	display: block;
	position: relative;
	width: 960px;
	height: 320px;
	margin: 0 auto 15px auto;
	background: url(../img/top/MainImageArea_bg.png) 0 0 no-repeat;
	}
	/*== flexslider =======================================▼==*/
	#MainImageArea #mainimage{
		display: block;
		position: absolute;
		width: 670px;
		height: 320px;
		margin: 0 auto;
		top: 0;
		left: 15px;
		/*background: url(../images/flexslider1.jpg) center top no-repeat;*/
		}
	/*=====================================================▲==*/

	/*== ticket ===========================================▼==*/
	#MainImageArea #ticket{
		display: block;
		position: absolute;
		width: 230px;
		height: 300px;
		margin: 0 auto;
		top: 0;
		right: 15px;
		background: url(../img/top/bg_ticket.jpg) 0 0 no-repeat;
		}
		#MainImageArea #ticket #BtnTicket{
			display: block;
			position: absolute;
			width: 198px;
			height: 59px;
			top: 39px;
			left: 15px;
			}
			#MainImageArea #ticket #BtnTicket a{
				display: block;
				width: 198px;
				height: 59px;
				background: url(../img/top/BtnTicket.jpg) 0 0 no-repeat;
				overflow: hidden;
				text-indent: -10000px;
				color: #FFFFFF;
				}
				#MainImageArea #ticket #BtnTicket a:hover{
					background-position: 0 -59px;
					}
		#MainImageArea #ticket #TxtStep{
			display: block;
			position: absolute;
			width: 230px;
			top: 100px;
			left: 0;
			text-align: center;
			}
			#MainImageArea #ticket #TxtStep a{
				font-size: 12px;
				color: #ffffff;
				line-height: 120%;
				}
		#MainImageArea #ticket #BtnStep{
			display: block;
			position: absolute;
			width: 188px;
			height: 40px;
			top: 188px;
			left: 21px;
			}
			#MainImageArea #ticket #BtnStep a{
				display: block;
				width: 188px;
				height: 40px;
				background: url(../img/top/BtnStep.jpg) 0 0 no-repeat;
				overflow: hidden;
				text-indent: -10000px;
				color: #FFFFFF;
				}
				#MainImageArea #ticket #BtnStep a:hover{
					background-position: 0 -40px;
					}
		#MainImageArea #ticket #BtnRental{
			display: block;
			position: absolute;
			width: 188px;
			height: 40px;
			top: 239px;
			left: 21px;
			}
			#MainImageArea #ticket #BtnRental a{
				display: block;
				width: 188px;
				height: 40px;
				background: url(../img/top/BtnRental.jpg) 0 0 no-repeat;
				overflow: hidden;
				text-indent: -10000px;
				color: #FFFFFF;
				}
				#MainImageArea #ticket #BtnRental a:hover{
					background-position: 0 -40px;
					}
	/*=====================================================▲==*/

	#sidebox{
		float: right;
		width: 230px;
		margin: 0 0 2em 0;
		padding: 0;
		}
		#sidebox .JobTitle{
			width: 230px;
			height: 32px;
			background: url(../img/t_job.png) 0 0 no-repeat;
			}
		#sidebox .SideArea{
			position: relative;
			padding: 9px;
			background: url(../img/bg_01.jpg);
			}
			#sidebox .SideArea .SideAreaIn{
				padding: 7px;
				background: #edf0ff;
				}
				#sidebox .SideArea .SideAreaIn p{
					margin: 0 0 5px 0;
					padding: 5px;
					line-height: 140%;
					}

			#sidebox .SideArea .StaffBosyu{
				display: block;
				position: absolute;
				width: 101px;
				height: 101px;
				top: -60px;
				left: -29px;
				}
			#sidebox .SideArea .EntryBtn{
				display: block;
				position: absolute;
				width: 263px;
				height: 93px;
				top: 15px;
				left: 8px;
				}

		/*== PRbnr ============================================▼==*/
		.PRbnr{
			display: block;
			width: 230px;
			margin: 15px 0 0 0;
			padding: 0;
			}
		/*=====================================================▲==*/

	#content{
		position: relative;
		float: left;
		width: 670px;
		}

/*-----------------------------------------------------------
  Attention
-----------------------------------------------------------*/
.TopAttention{
	position: relative;
	display: block;
	width: 670px;
	height: 33px;
	margin: 0 0 13px 0;
	padding: 0;
	background: url(../img/top/attention_bg.jpg) 0 0 no-repeat;
	}
	.TopAttention .ticker-wrapper{
		position: relative;
		display: block;
		width: 630px;
		height: 21px;
		margin: 0;
		padding: 0;
		top: 9px;
		left: 0;
		overflow: hidden;
		}

	/*
	.TopAttention .NewsTxt{
		position: relative;
		display: block;
		width: 630px;
		height: 21px;
		margin: 0;
		padding: 0;
		top: 10px;
		left: 34px;
		font-size: 12px;
		line-height: 110%;
		overflow: hidden;
		}
		.TopAttention .NewsTxt a{
			font-weight: bold;
			}
	*/

/*-----------------------------------------------------------
  TopNews
-----------------------------------------------------------*/
.TopNewsTitle{
	position: relative;
	display: block;
	width: 670px;
	height: 41px;
	margin: 0 0 13px 0;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	.TopTopics .TopNewsTitle		{background-image: url(../img/top/t_topics.jpg);}
	.TopTodayEvent .TopNewsTitle	{background-image: url(../img/top/t_todayevent.jpg);}
	.TopPickup .TopNewsTitle		{background-image: url(../img/top/t_pickup.jpg);}

	.TopNewsTitle .More{
		position: absolute;
		display: block;
		width: 111px;
		height: 36px;
		top: 5px;
		right: 0;
		}
		.TopNewsTitle .More a{
			display: block;
			width: 111px;
			height: 36px;
			overflow: hidden;
			text-indent: -10000px;
			color: #FFFFFF;
			}
		.TopPickup .TopNewsTitle .More,
		.TopPickup .TopNewsTitle .More a	{width: 172px;}

#TopTodayEventM{
	display: block;
	width: 670px;
	height: 23px;
	background: #f2f2f2;
	font-weight: bold;
	font-size: 12px;
	line-height: 180%;
	color: #007c6c;
	text-align: center;
	}
	#TopTodayEventM .Mtitle{
		display: block;
		float: left;
		width: 200px;
		}
	#TopTodayEventM .Mholl{
		display: block;
		float: right;
		width: 150px;
		}

.TopNewsList{
		display: block;
		width: 670px;
		margin: 0 0 20px 0;
		padding: 0;
		}
		.TopNewsList ul{
			display: block;
			list-style-type: none;
			text-align: left;
			margin: 0;
			padding: 0;
			}
			.TopNewsList ul li{
				display: block;
				margin: 0;
				padding: 10px 6px 11px 6px;
				background: url(../img/bg_dotted.gif) left bottom repeat-x;
				line-height: 120%;
				overflow: hidden;
				}
				/* IE6 */
				* html .TopNewsList ul li{
					zoom: 1;
					}
				.TopNewsList ul li .Area{
					float: left;
					width: 80px;
					_width: 80px;
					margin: 0 7px 0 0;
					padding: 2px 0;
					background: #a1142f;
					color: #ffffff;
					font-size: 10px;
					text-align: center;
					line-height: 110%;
					}
					.TopNewsList ul li .at01{background: #ff6600;}
					.TopNewsList ul li .at02{background: #1446a1;}
					.TopNewsList ul li .at03{background: #a1142f;}
					.TopNewsList ul li .at04{background: #007142;}
				.TopNewsList ul li img{
					margin: 0 0 0 4px;
					vertical-align: middle;
					}
				.TopNewsList ul li .title{
					float: left;
					width: 500px;
					margin: 0;
					padding: 0;
					}
					.TopNewsList ul li .title a{
						margin: 0;
						padding: 0 0 0 17px;
						background: url(../img/listmark3.gif) 0 3px no-repeat;
						font-weight: bold;
						}
				.TopNewsList ul li .hall{
					float: right;
					width: 140px;
					margin: 0;
					padding: 0;
					text-align: center;
					}

.TopEventList{
	display: block;
	width: 670px;
	margin: 0 auto 5px auto;
	padding: 0;
	overflow: hidden;
	}
	.TopEventList ul{
		display: block;
		width: 700px;
		margin: 0;
		padding: 0;
		list-style: none;
		border: none;
		}
		.TopEventList ul li{
			display: block;
			float: left;
			width: 325px;
			margin: 0 20px 15px 0;
			padding: 0 0 15px 0;
			background: url(../img/top/TopEventList_bg.jpg) 0 bottom no-repeat;
			}
		.TopEventList ul li:after{
			clear: both;
			content: "";
			display: block;
			}
			.TopEventList ul li.ItemLine{
				width: 670px;
				background: none;
				margin: 0;
				padding: 0;
				}
			.TopEventList ul li .elHead{
				display: block;
				float: left;
				width: 325px;
				height: 6px;
				margin-bottom: 13px;
				background: url(../img/top/TopEventList_h.jpg) 0 0 no-repeat;
				}
			.TopEventList ul li .Schedule{
				display: block;
				float: left;
				line-height: 130%;
				}
				.TopEventList ul li .Schedule .Genre{
					display: block;
					width: 95px;
					margin-bottom: 7px;
					background: #bfbfbf;
					text-align: center;
					font-size: 12px;
					color: #ffffff;
					}
					.TopEventList ul li .Schedule .Gcol1	{background: #1689ea;}
					.TopEventList ul li .Schedule .Gcol2	{background: #e03e3e;}
					.TopEventList ul li .Schedule .Gcol3	{background: #0030a9;}
					.TopEventList ul li .Schedule .Gcol4	{background: #d0b20d;}
					.TopEventList ul li .Schedule .Gcol5	{background: #057545;}
					.TopEventList ul li .Schedule .Gcol6	{background: #ae5200;}
					.TopEventList ul li .Schedule .Gcol7	{background: #481400;}
					.TopEventList ul li .Schedule .Gcol8	{background: #e543b9;}
					.TopEventList ul li .Schedule .Gcol9	{background: #623a92;}
					.TopEventList ul li .Schedule .Gcol10	{background: #31adc7;}
					.TopEventList ul li .Schedule .Gcol11	{background: #8e007f;}
					.TopEventList ul li .Schedule .Gcol12	{background: #259e22;}
					.TopEventList ul li .Schedule .Gcol13	{background: #4c4c4c;}
				.TopEventList ul li .Schedule .Text{
					display: block;
					padding: 0 0 0 13px;
					}
					.TopEventList ul li .Schedule .Text a{
						display: block;
						margin-bottom: 7px;
						font-size: 14px;
						font-weight: bold;
						}
					.TopEventList ul li .Schedule .Text span{
						display: block;
						font-weight: bold;
						color: #cb2e4d;
						}
			.TopEventList ul li .Image{
				display: block;
				float: right;
				width: 120px;
				margin: 0 16px 0 0;
				padding: 0 0 14px 0;
				background: url(../img/event_img120_bg.jpg) 0 bottom no-repeat;
				}

/*-----------------------------------------------------------
  Calendar
-----------------------------------------------------------*/
.CalendarT{
	width: 230px;
	height: 41px;
	margin-bottom: 10px;
	background: url(../img/top/t_calendar.jpg) 0 0 no-repeat;
	}
	/*== 年月表示 ==*/
	table.CalTitleTBL{
		margin: 0 auto 5px auto;
		width: 95%;
		height: 30px;
		}
		table.CalTitleTBL td.YM{
			width: 60%;
			font-weight: bold;
			font-size: 14px;
			}
		table.CalTitleTBL td.Next{
			text-align: right;
			}
			table.CalTitleTBL td.Next a{
				margin: 0 0 0 5px;
				padding: 2px 6px;
				background: #eeeeee;
				border: solid 1px #c2c2c2;
				font-size: 10px;
				line-height: 110%;
			    text-decoration: none;
			    color: #000000;
				}
	/*== カレンダーテーブル ==*/
	table.CalTBL{
		background: #9e9e9e;
		}
		table.CalTBL th{
			width: 31px;
			height: 25px;
			background: #3f625e;
			text-align: center;
			font-size: 12px;
			color: #ffffff;
			}
			table.CalTBL th.SunTH{
				background: #a94b5d;
				}
			table.CalTBL th.SatTH{
				background: #357dcf;
				}
		table.CalTBL td{
			height: 38px;
			background: #ffffff;
			text-align: center;
			vertical-align: top;
			}
			table.CalTBL td .day{
				height: 15px;
				_height: 15px;
				margin-bottom: 1px;
				padding: 1px 2px 0 2px;
				background: #f2f2f2;
				font-size: 10px;
				text-align: right;
				line-height: 110%;
				}
			table.CalTBL td .Sche{
				display: block;
				width: 29px;
				height: 20px;
				margin: 0 1px 1px 1px;
				font-size: 12px;
				text-align: center;
				line-height: 140%;
				}
				table.CalTBL td .Sche a{
					display: block;
					width: 29px;
					height: 20px;
					margin: 0;
					background: #7ec4ba;
					color: #000000;
				    text-decoration: none;
					}
					table.CalTBL td .Sche a:hover{
						background: #56a499;
						}
.CalEx{
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #f2f2f2;
	font-size: 10px;
	}
	.CalEx span{
		font-size: 12px;
		font-weight: bold;
		}
.YasumiT{
	width: 230px;
	height: 26px;
	background: url(../img/top/t_yasumi.jpg) 0 0 no-repeat;
	}
	.YasumiT span{
		display: block;
		padding: 6px 5px 0 17px;
		font-weight: bold;
		color: #ffffff;
		font-size: 13px;
		line-height: 110%;
		}
.Yasumi{
	display: block;
	padding: 5px;
	border-right: solid 1px #dcdcdc;
	border-left: solid 1px #dcdcdc;
	}
.Yasumi:after{
	clear: both;
	content: "";
	display: block;
	}
	.Yasumi div{
		display: inline;
		float: left;
		margin: 0 0 5px 10px;
		padding: 3px;
		background: #e70000;
		font-size: 16px;
		font-weight: bold;
		line-height: 110%;
		color: #ffffff;
		}
		.Yasumi div span{
			margin-left: 2px;
			font-size: 11px;
			}
.YasumiF{
	display: block;
	padding: 2px 5px;
	background: #efefef;
	border: solid 1px #dcdcdc;
	text-align: right;
	}
	.YasumiF a{
		padding: 0 16px 0 0;
		background: url(../img/top/YasumiF_lm.gif) right center no-repeat;
		line-height: 120%;
		}

/*-----------------------------------------------------------
  FootBnrArea
-----------------------------------------------------------*/
#FootBnrArea{
	display: block;
	width: 930px;
	margin: 0 auto 55px auto;
	padding: 0;
	border-top: solid 1px #dcdcdc;
	overflow: hidden;
	}
	#FootBnrArea .BnrTitle{
		display: block;
		text-align: center;
		font-weight: bold;
		color: #989898;
		font-size: 11px;"
		}
	#FootBnrArea ul{
		display: block;
		width: 940px;
		margin: 0;
		padding: 0;
		list-style: none;
		border: none;
		}
		#FootBnrArea ul li{
			display: block;
			float: left;
			width: 150px;
			height: 60px;
			margin: 0 6px 6px 0;
			}