@charset "utf-8";

/* ----------------------------
 == main index layout
---------------------------- */
#contentsArea.mainIndex{
	padding-top: 0;
	padding-bottom: 2em;
}

h1{
	background: none;
	margin: 0;
	padding: 0;
}


.mainIndex #visualBlock,
.mainIndex #visualBlock p{
	width: 850px;
	margin: 0;
	padding: 0;
}
.mainIndex #visualBlock{
	padding-bottom: 10px;
}


.mainIndex #topBlock01{
	width: 145px;
	float: left;
	padding-left: 12px;
	padding-bottom: 1em;
}
.mainIndex #topBlock02{
	width: 665px;
	float: right;
	padding-right: 12px;
}
.mainIndex h2{
	background: none;
	margin: 0;
	padding: 0;
}


.introductionNav{
	margin: 0;
	padding: 0;
	color: #666666;
}
.introductionNav dl,
.introductionNav dl dt,
.introductionNav dl dd{
	margin: 0;
	padding: 0;
}
.introductionNav dl{
	margin-top: -8px;
}
.introductionNav h3 {
	background: none;
	margin: 2px 0 0;
	padding: 0;
}
.introductionNav ul {
	margin: 0 0 10px;
}
.introductionNav li{
	border-bottom: 1px solid #e5dbe2;
}

.introductionNav li a{
	display: block;
	padding: .4em 0 .2em 1em;
}

.introductionNav li a{
	background: url("/common/img/bg_menu.gif") no-repeat 0 0;
}

.topNewsBox{
	position: relative;
	width: 665px;
}
.topNewsBox .newsListBtn{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
.topNewsBox h2{
	margin-bottom: 3px !important;
	line-height: 1;
	font-size: .88em;
}
.topNewsBox dl{
	width: 665px;
	overflow: hidden;
	border-bottom: 1px solid #d7d7d7;
	margin: 3px 0 10px 0;
}
.topNewsBox dl dt,
.topNewsBox dl dd{
	border-top: 1px solid #d7d7d7;
	padding: 5px 0;
}
.topNewsBox dl dd{
	padding-left: 9em;
}



.topExhibitionBox{
	width: 380px;
	overflow: hidden;
	float: left;
	margin-right: 16px;
}
.topPavilionBox{
	overflow: hidden;
	zoom: 1;
}
.topPavilionBox img{
	float: left;
	margin: .9em 10px 0 10px;
}
.topPavilionBox ul{
	padding-left: 225px;
	margin: .7em 0;
}
.topPavilionBox ul li{
	padding: 0;
}

.topZoonBox{
	margin-right: -10px;
	zoom: 1;
	font-size: .88em;
	overflow: hidden;
	position: relative;
}
.topZoonBox dl,
.topZoonBox dt,
.topZoonBox dd{
	margin: 0;
	padding: 0;
}
.topZoonBox .infoBox {
	float: left;
	width: 179px;
	float: left;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.topExhibitionBox h3,
.topZoonBox h3{
	background: none;
	margin: 0;
	padding: 0 0 6px;
}
.topExhibitionBox p{
	margin: 0 0 1em;
}
.topZoonBox p {
	float: left;
	margin: 0;
}

.topZoonBox ul{
	overflow: hidden;
	zoom: 1;
}
.topZoonBox ul li{
	float: left;
	margin: 10px 10px 10px 0;
}
.topZoonBox ul li.fistChild{
	padding-left: 189px;
	padding-top: 5px;
}
.topZoonBox ul li img{
	display: block;
}


/*.topRelationalProjectsBox,*/
.topShanghaiExpoBox,
.topShanghai2010ExpoBox{
	width: 269px;
	float: left;
	overflow: hidden;
}

.topShanghaiExpoBox ul{
	float: left;
	width: 117px;
}
.topShanghaiExpoBox ul li{
	margin: 3px 0;
}
.topShanghaiExpoBox p{
	padding-left: 127px;
}


.topShanghai2010ExpoBox img.thumb{
	float: right;
	margin: .5em 5px;
}
.topShanghai2010ExpoBox p{
	margin: .5em 0 1em;
}

/* topBannerBox */
.topBannerBox{
	width: 665px;
	clear: both;
}
.topBannerBox ul li a{
	background: none;
	padding-left: 0;
}
