/*-----TEST for Top JS*/

html{
overflow-x: hidden;
}
#imageArea{
	background: url('../../images/main_scrollArea_pattern.gif') left -1px repeat-x;
	height: 409px;
}

#imageArea *{
}

#topImg03{
	position: absolute;
	top: 0 !important;
}
#topImg02{
	position: absolute;
	top: 0 !important;
}
#topImg01{
	position: absolute;
	top: 0 !important;
}
#clickable{
	width: 8400px;
	height: 409px;
	position: absolute;
	border: none;
	top: 0 !important;
}
#topImgChara{
	width: 8400px;
	height: 409px;
	position: absolute;
	top: 0 !important;
}
#charaBig{
	position:absolute;
	visibility: hidden;
	top: 80px !important;
	margin-top: 300px;
	cursor: pointer;
}

area{
	cursor: pointer;
	border: none;
}
.topScrollL{
	position:absolute;
	left: 20px;
	top: 173px !important;
	cursor: pointer;
}
.topScrollR{
	position:absolute;
	right: 20px;
	top: 173px !important;
	cursor: pointer;
}
body{
	overflow-x: hidden;
}

#imageArea ul{
	position: absolute;
	right: 100px;/*978-57*/
	top: 23px !important;
}
#imageArea ul li{
	background: url(../../images/topImgStatus.png) no-repeat;
	width: 17px;
	height: 17px;
	margin-right: 7px;
	float: left;
	cursor: pointer;
}

#imageArea ul li:hover{
	background: url(../../images/topImgStatusOn.png) no-repeat;
}

#imageArea ul li.current{
	background: url(../../images/topImgStatusOn.png) no-repeat;
}
/*-----------TOP-----------*/
#containerInner.topInner{
	margin:50px 0px 0px;
}

.notice{
	margin:0px 0px 10px;
}
.notice img,
.infoBox img,
.pickupArea img{
	display: block;
}

.noticeM{
	background: #FEEEEF;
	border-left: 1px solid #E37880;
	border-right: 1px solid #E37880;
	padding: 4px 4px 4px 16px;
	width: 678px; /*698-4-16*/
}
.noticeM td{
	border: none;
}
.noticeM td.text{
	color:#E60011;
	width: 530px;
	padding: 0px 5px;
	border: 1px solid #ECAEB3;
	background: #FFFFFF;
}

.topEvent{
	width: 700px;
}
.topEventHead{
	height: 50px;
}

.topEvent img.btnEvent{
	position: relative;
	top: -30px;
	left: 551px;
	cursor: pointer;
}

.topExp{
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	width: 663px; /*698-34*/
	background: #FFFFFF;
	padding:11px 17px 16px 18px;
	float: left;
}

.topExp p{
	margin-bottom: 20px;
}

.topExp img{
	margin-right:10px;
}

.eventBoxG{
	background: #EEEEEE;
	width: 325px;
	float: left;
	margin: 0px 12px 0px 0px;
	padding:0px 1px 2px 0px;
}

.eventBoxG:first-child{
	#margin: 0px 12px 0px 0px;
}

.eventBoxW{
	background: #FFFFFF;
	border: 1px solid #C8C8C8;
	width: 316px; /*322-8*/
	padding:0px 8px 0px 0px;
	margin: 0px;
	position: relative;
	top: -2px;
	left: -2px;
	overflow: hidden;
}

.eventBoxW div{
	width: 120px;
	float:right;
	margin-left: 10px;
}

.eventBoxW div.alignCenter{
	float: left;
	margin: 0px auto;
	width: 186px ;/*316-120-10*/
}

.eventImg{
	padding: 9px;
	-ms-interpolation-mode: bicubic;
}
.eventIcon{
	width: 98px;
	height: 50px;
	margin: 0px 0px 10px 19px;
}
.eventBoxW dl{
	margin-top: 5px;
}

.eventBoxW dl dt{
	margin: 0px;
	padding: 0px;
	font-size: 86%;
	font-weight: bold;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}
.eventBoxW dl dd{
	margin: 5px 0px 0px;
	letter-spacing:-1px;
	font-size: 14px;
}

.topEventBottom{
	height: 3px;
	display: block;
	/*margin-bottom: 5px;*/
	clear: both;
}

.infoBox{
	width: 700px;
}

.infoBox table{
	table-layout: fixed;
	border-collapse: separate;
}

.infoBox table td{
	border: none;
	padding: 0px;
	width: 12px;
}

.infoBox table td.infoBoxM{
	width: 304px;
	height: auto;
	padding: 0px 19px 3px;
	border-left: 1px solid #C8C8C8 !important;
	border-right: 1px solid #C8C8C8 !important;
	border-top: none;
	border-bottom: none;
	background-color: #FFFFFF;
	vertical-align: top;
	overflow: hidden;
}

.mr12{
	margin-right: 12px;
}

	.infoBox dl dt.event,
	.infoBox dl dt.info,
	.infoBox dl dt.goods,
	.infoBox dl dt.press,
	.infoBox dl dt.other{
		padding-left:92px;
		font-weight: bold;
	}
/*
	.infoBox dl dt.event{
		background: url(../../images/newsIcon01.gif) 0 bottom no-repeat;
	}

	.infoBox dl dt.info{
		background: url(../../images/newsIcon02.gif) 0 bottom no-repeat;
	}

	.infoBox dl dt.goods{
		background: url(../../images/newsIcon03.gif) 0 bottom no-repeat;
	}

	.infoBox dl dt.press{
		background: url(../../images/newsIcon04.gif) 0 bottom no-repeat;
	}

	.infoBox dl dt.other{
		background: url(../../images/newsIcon05.gif) 0 bottom no-repeat;
	}
*/
.infoBox dl dt{
	border-top:1px solid #E0E0E0;
	padding-top: 5px;
	font-weight: bold;
}

.infoBox dl dt:first-child{
	border:none;
}

.infoBox dl dd{
	margin:5px 0px 10px;
}

.infoBox p{
	text-align: right;
}

.infoBox p a{
	background: url(../images/arrowCircle.gif) 0 50% no-repeat;
	padding-left:15px;
}

.infoBox img.pdf{
	display: inline;
}

.topGuideBtn{
	clear:both;
	overflow:hidden;
	margin-top:15px;
}
.topGuideBtn li{
	float:left;
}

.pickupArea{
	width: 700px;
	margin-top: 15px;
}
.pickupArea ul{
	background: #F7F7F7;
	width: 675px; /*698-5-19*/
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	padding:15px 5px 1px 18px;
	overflow: hidden;
}
.pickupArea ul li{
	float: left;
	margin:0px 9px 14px 0px;
	
}


/*------LeftCol-----*/

#announceTop{
	/*background: url("../../images/announceTop03.gif") no-repeat left bottom;
	height: auto;*/
	height: 169px;
	margin-bottom: 20px;
}
#announceTop h2 img{
	margin-left: 0;
}
#announceTop div.announceTopM{
	/*background: url("../../images/announceTop02.gif") repeat-y left bottom;*/
	width: 198px;
	padding: 0px 20px;
	margin: 0px auto;
	position: relative;
	top: -67px;
}

	div.announceTopM div.openingHours,
	div.announceTopM div.entranceFee{
		background: url("../../images/anUlMiddle.gif") repeat-y left bottom;
		width: 198px;
	}

	div.announceTopM h3{
		margin-bottom: 10px;
	}

		div.announceTopM div div{
			/*background: url("../../images/anUlBottom.gif") no-repeat left bottom;
			padding-bottom: 12px;*/
		}

		div.announceTopM div div p{
			margin: 0px 12px;
			width: 174px; /*198-24*/
		}


#announceTop div.announceTopM p.green{
	color: #009844;
	letter-spacing: 0em;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 8px;
}
#announceTop div.announceTopM .openingHours p.green{
	font-size: 129%;/*129*/
	/font-size: 18px;
	word-break:break-all;
	letter-spacing: 2px;
	text-align: center;
}
#announceTop div.announceTopM .entranceFee p.green{
	font-size: 115%;
	/font-size: 16px;
}

	#announceTop div.announceTopM p.green span{
		color: #000000;
	} 

#announceTop div.announceTopM p.caption{
	line-height: 18px;
	font-size: 86%;
}

#announceTop div.announceTopM div.entranceFee{
	margin: 4px auto 7px;
}

#announceTop div.announceTopM p.caption.detail{
	background: url(../images/arrowCircle.gif) no-repeat left 4px;
	padding-left: 12px;
}

#weather,
#traffic{
	width: 210px;
	margin: 15px auto 10px;
	overflow: hidden;
}

#traffic h2{
	margin-bottom: 2px
}
#weather h2{
	margin-bottom: 4px;
}
#weather ul li{
	background: url(/images/bgWeather.gif) no-repeat;
	width: 32px; /*40*/
	height: 53px; /*63*/
	float: left;
	font-size: 72%;
	text-align: center;
	line-height: 12px;
	padding: 5px 4px;
	margin-left: 2px;
}

#weather ul li p.sat{
	color: #0075a9;
}

#weather ul li p.sun{
	color: #e60012;
}


#weather ul li:first-child{
	margin-left: 0px;
}