.pngBg {
	background: url("../../images/main/mainSubstanceBg.png") no-repeat 0 0;
	}
.mainSubstance {
	width: 920px;
	margin: 0 auto;
	background-color: #fff;
	padding: 24px 27px;
	overflow: hidden;
	position: relative;
	}


	.mainLeft {
		width: 644px;
		overflow: hidden;
		float: left;
		}
		.mainVisual {
			width: 1000px;
			/*cursor:pointer;*/
			position:relative;
			}
			.mainVisual .prevBt {
				width: 34px;
				height: 40px;
				position: absolute;
				top: 131px;
				left: 14px;
				}
			.mainVisual .nextBt {
				width: 34px;
				height: 40px;
				position: absolute;
				top: 131px;
				right: 14px;
				}
			.visualText {
				display: none;
				}
				.mainVisual .prevBt a, .mainVisual .nextBt a {
					display:block;
					}



	/* °øÁö»çÇ× / ½ºÅ丮ÅÚ¸µ */
	.mainLeft .box1{
		width: 250px;
		padding: 0 24px 0 0;
		background: url("../../images/main/bg01.gif") no-repeat right 0;
		float: left;
		}
		/* °øÁö»çÇ× */
		.notice {
			width: 250px;
			height: 145px;
			overflow: hidden;
			position: relative;
			border-top: #e5e5e5 3px solid;
			}
			.notice h2 {
				width: 250px;
				height: 15px;
				padding: 7px 0 6px 0;
				font-size: 1.0em;
				border-bottom: #dcdcdc 1px solid;
				letter-spacing: -1px;
				}
			.notice ul {
				width: 250px;
				height: 100px;
				overflow: hidden;
				padding: 7px 0 0 0;
				}
				.notice li {
					background: url("../../images/bullet/bullet11.gif") no-repeat 0 10px;
					padding: 4px 0 4px 7px;
					width: 243px;
					position: relative;
					overflow: hidden;
					}
					.notice li span {
						font-size: 0.9em;
						color: #999999;
						position: absolute;
						top: 3px;
						right: 0;
						}
			.notice .more {
				position: absolute;
				top: 7px;
				right: 0;
				}
		/* ½ºÅ丮ÅÚ¸µ */
		.storytelling {
			width: 250px;
			border-top: #e5e5e5 3px solid;
			position: relative;
			}
			.storytelling h2 {
				width: 250px;
				height: 15px;
				padding: 7px 0 6px 0;
				font-size: 1.0em;
				letter-spacing: -1px;
				}
			.storytelling h2 span {
				color: #e0302e;
				}
				.storytelling .bt {
					position: absolute;
					top: 4px;
					right: 0;
					}
					.storytelling .bt a {
						float: left;
						}
						.storytelling .bt a img {
							display: block;
							}

	/* Áöµµ */
	.mainLeft .box2{
		width: 340px;
		float: left;
		padding: 0 15px;
		height: 370px;
		position: relative;

		}
		.mainLeft .box2 dl {
			height: 370px;
			overflow: hidden;			
			}
		.mainLeft .box2 dt {
			float: left;
			}
			.mainLeft .box2 dd {
				position: absolute;
				top: 39px;
				left: 15px;
				}
				.mainLeft .box2 dd img {
					display: block;
					}

	.mainLeft .box3 {
		clear: both;
		width: 644px;
		height: 221px;
		position: relative;
		overflow: hidden;
		padding: 20px 0 0 0;
		background: url("../../images/main/box3_bg.gif") no-repeat 0 20px;
		}

		.mainLeft .box3 dl {
			width: 644px;
			overflow: hidden;
			}
			.mainLeft .box3 dt {
				width: 122px;
				}
				.mainLeft .box3 dt img {
					display: block;
					}
				
			.mainLeft .box3 dd {
				width: 507px;
				height: 211px;
				position: absolute;
				top: 30px;
				right: 5px;
				}
				.mainLeft .box3 dd p.tit {
					width: 240px;
					font-size: 1.2em;
					font-weight: bold;
					letter-spacing: -1px;
					padding: 7px 0 0 0;
					}
					.mainLeft .box3 dd p.tit span {
						color: #e42313;
						background: url("../../images/main/star.gif") no-repeat right 0;
						padding: 0 70px 0 0;
						}

				.mainLeft .box3 dd p.text {
					width: 240px;
					background: url("../../images/main/arrowBg.gif") no-repeat right bottom;
					padding: 0 0 35px 0;
					line-height: 160%;
					font-size: 0.9em;
					}
					.mainLeft .box3 dd p.text strong {
						display: block;
						padding: 22px 0 5px 0
						}
					.mainLeft .box3 dd p.text span {
						display: block;
						color: #666666;
						padding: 5px 0 10px 0;
						}

				.mainLeft .box3 dd p.img {
					width: 248px;
					position: absolute;
					top: 0;
					right: 0;
					background: url("../../images/sub/thumbnail_238_185.gif") no-repeat 0 0;
					padding: 14px 6px 6px 4px;
					}

	/* ÀÍ»ê Æ÷Åä°¶·¯¸® */
	.mainLeft .box4 {
		clear: both;
		width: 644px;
		border-top: #e5e5e5 3px solid;
		position: relative;
		overflow: hidden;
		margin: 20px 0 0 0;
		}
		.mainLeft .box4 h2 {
			width: 644px;
			height: 15px;
			padding: 7px 0 6px 0;
			font-size: 1.0em;
			border-bottom: #dcdcdc 1px solid;
			letter-spacing: -1px;
			}
		.mainLeft .box4 li {
			width: 110px;
			float: left;
			padding: 13px 9px 0 9px;
			}
			.mainLeft .box4 .img {
				background: url("../../images/sub/thumbnail_96_63.gif") no-repeat 0 0;
				padding: 5px 9px 10px 5px;
				width: 96px;
				height: 63px;
				}
			.mainLeft .box4 .tit {
				padding: 7px 0 0 0;
				text-align: center;
				}
		.mainLeft .box4 .more {
			position: absolute;
			top: 7px;
			right: 0;
			}



	
	
	
	
	
	/* HOT */
	.hot {
		background: url("../../images/main/hotBg.gif") no-repeat 0 0;
		width: 572px;
		height: 208px;
		margin: 10px 0 12px 0;
		position: relative;
		padding: 14px 0 0 38px;
		}
		.hot h2 {
			display: none;
			}
			.hot h3 {
				float: left;
				background: url("../../images/main/hotTitBg.gif") no-repeat right 2px;
				padding: 0 10px;
				}
				.hot h3.on a {
					color: #ff3300;
					}
				.hot h3.last {
					background: none;
					}
			.hot .box {
				width: 586px;
				height: 190px;
				position: absolute;
				top: 29px;
				left: 14px;
				}
				.hot .box .map {
					width: 264px;
					height: 190px;
					float: left;
					padding: 0 19px 0 0;
					}
				.hot .box .thumbnail {
					overflow: hidden;
					height: 190px;
					float: left;
					}
					.hot .box .btn {
						width: 16px;
						height: 129px;
						float: left;
						padding: 61px 0 0 0;
						}
					.hot .box .thumbnail li {
						float: left;
						width: 118px;
						padding: 13px 8px 0 8px;
						}
						.hot .box .thumbnail .img {
							display: block;
							background: url("../../images/sub/thumbnail_108_75.gif") no-repeat 0 0;
							padding: 5px 5px 10px 5px;
							width: 108px;
							}
						.hot .box .thumbnail .tit {
							display: block;
							padding: 0 5px 4px 5px;
							color: #333333;
							font-weight: bold;
							}
						.hot .box .thumbnail .text {
							font-size: 0.9em;
							line-height: 150%;
							padding: 0 2px;
							}


	/* FESTIVAL */
	.festival {
		width: 330px;
		position: relative;
		float: left;
		}
		.festival h2 {
			font-size: 1.0em;
			background: url("../../images/bullet/bullet10.gif") no-repeat 0 1px;
			padding: 0 0 7px 12px;
			border-bottom: #dfdfdf 1px solid;
			}
		.festival li {
			line-height: 160%;
			padding: 6px 0 7px 0;
			border-bottom: #efefef 1px solid;
			width: 330px;
			height: 70px;
			position: relative;
			overflow: hidden;
			}
			.festival .tit {
				font-weight: bold;
				color: #333333;
				width: 220px;
				padding: 5px 0;
				}
			.festival .text {
				width: 220px;
				}
			.festival .img {
				width: 88px;
				height: 60px;
				background: url("../../images/sub/thumbnail_88_60.gif") no-repeat 0 0;
				padding: 5px;
				position: absolute;
				top: 5px;
				right: 0;
				}
			.festival li.last {
				padding-bottom: 0;
				border: none;
				}

		.festival .more {
			position: absolute;
			top: 5px;
			right: 0;
			}







.mainRight {
	width: 250px;
	float: left;
	overflow: hidden;
	background: url("../../images/main/bg02.gif") no-repeat 0 0;
	padding: 0 0 0 23px;
	}

.guide {
	width: 250px;
	overflow: hidden;
	padding: 0 0 20px 0;
	}
	/* ±³Åë¾È³» */
	.traffic {
		width: 250px;
		height: 71px;
		background: url("../../images/main/trafficBg.gif") no-repeat 0 0;
		}
		.traffic h3 {
			padding: 13px 0 7px 82px;
			}
		.traffic p {
			font-size: 0.9em;
			line-height: 155%;
			letter-spacing: -1px;
			padding: 0 0 0 82px;
			}
			.traffic .blank {
				padding: 0 0 2px 2px;
				}
	/* °ü±¤¾È³»ÀüÈ­ */
	.call {
		width: 250px;
		}
		.call img {
			display: block;
			}

	/* Å׸¶¿©Çà */
	.theme {
		width: 250px;
		border-top: #e5e5e5 3px solid;
		position: relative;
		overflow: hidden;
		}
		.theme h2 {
			width: 250px;
			height: 15px;
			padding: 10px 0 9px 0;
			letter-spacing: -1px;
			}
			.theme .bt {
				position: absolute;
				top: 7px;
				right: 0;
				}
				.theme .bt a {
					float: left;
					}
					.theme .bt a img {
						display: block;
						}


	/* ÀÍ»ê Àü¼³/¼³È­ */
	.goStory {
		width: 250px;
		height: 142px;
		margin: 20px 0 0 0;
		}
		.goStory img {
			display: block;
			}

















	/* ±Ç¿ªº° °ü±¤¸í¼Ò ¹Ù·Î°¡±â */
	.attra {
		width: 261px;
		height: 51px;
		position: relative;
		overflow: hidden;
		}
		.attra img {
			display: block;
			}
		.attra a {
			display: block;
			width: 27px;
			height: 13px;
			position: absolute;
			top: 19px;
			right:  19px;
			}




	
	/* ½ºÇǵ帵ũ */
	.speedLink {
		width: 261px;
		height: 66px;
		overflow: hidden;
		margin: 10px 0 0 0;
		}
		.speedLink li {
			float: left;
			padding: 0 12px 0 0;
			}
			.speedLink li.last {
				padding: 0;
				}




	/* ¹®È­°ü±¤ Çؼ³»ç */
	.explan {
		width: 261px;
		height: 91px;
		margin: 10px 0 0 0;
		}
		.explan img {
			display: block;
			}



	/* µ¿¿µ»ó°ü±¤ */
	.goMovie {
		width: 261px;
		height: 120px;
		background: url("../../images/main/movieBg.gif") no-repeat 0 31px;
		position: relative;
		overflow: hidden;
		margin: 25px 0 0 0;
		}
		.goMovie h2 {
			font-size: 1.0em;
			background: url("../../images/bullet/bullet10.gif") no-repeat 0 2px;
			padding: 0 0 7px 12px;
			border-bottom: #ebebeb 1px solid;
			}
		.goMovie .tit {
			font-weight: bold;
			color: #1e1e1e;
			padding: 17px 0 12px 5px;
			}
		.goMovie .text {
			width: 140px;
			line-height: 145%;
			padding: 0 0 0 5px;
			}
		.goMovie .btn {
			position: absolute;
			top: 41px;
			left: 95px;
			}



.rollingBanner {
	clear: both;
	overflow: hidden;
	width: 885px;
	height: 51px;
	padding: 20px 0 0 0;
	background: url("../../images/main/rbBg.gif") no-repeat 0 20px;
	position: relative;
	}
	.rollingBanner .prev {
		width: 38px;
		position: absolute;
		top: 27px;
		left: 0;
		}
	.rollingBanner .next {
		width: 38px;
		position: absolute;
		top: 27px;
		right: 0;
		}
	.rollingBanner ul {
		width: 780px;
		overflow: hidden;
		margin: 0 auto;
		height: 51px;
		}
	.rollingBanner li {
		float: left;
		padding: 7px 13px;
		}
		
#imgMain {
	position:absolute;
	top:91px;
	left:0;
	height:439px;
	width:100%;
	min-width:1000px;	
	/*cursor:pointer;*/
	}

#centerBlank {
	height:340px;
	}