.clear {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 0px; valign: middle;  HEIGHT: 0px
}
.clearfix:unknown {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 0px; VISIBILITY: hidden; valign: middle;  WIDTH: 0px; LINE-HEIGHT: 0; HEIGHT: 0px; content: '.'
}
.clearfix {
	valign: middle; DISPLAY:  inline-block
}
 HTML .clearfix {
	HEIGHT: 1%
}
.clearfix {
	DISPLAY: block
}



.mainTab {
	BACKGROUND: url(../images/pro02.jpg) repeat-x 0px 0px; HEIGHT: 47px
}
.mainTab LI {
	DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: url(../images/mainTab_02.jpg) no-repeat 0px 0px; FLOAT: left; WIDTH: 237px; CURSOR: pointer; COLOR: #777; LINE-HEIGHT: 47px; TEXT-ALIGN: center
}
.mainTab LI.hover {
	BACKGROUND: url(../images/pro01.jpg) no-repeat 0px 0px; COLOR: #4B73B0; HEIGHT: 47px; PADDING-TOP: 1px
}
.mainTab .more {
	BACKGROUND: 0px 50%; WIDTH: 1200px; PADDING-TOP: 5px; HEIGHT: 47px; valign: middle; TEXT-ALIGN: right
}
.mainTabBox {
	BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 10px; HEIGHT: 47px; valign: middle; BORDER-TOP: #ccc 0px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; BORDER-LEFT: #ccc 0px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 0px solid;width:1200px
}
.mainTabBox LI {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; valign: middle;  PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
.mainTabBox LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; valign: middle;  PADDING-TOP: 1px
}
.mainTabBox LI IMG {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; MARGIN: 2px 0px; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid
}
.mainTabBtm {
	BACKGROUND: url(../images/mainTab_btm.jpg) no-repeat 50% 0px; LINE-HEIGHT: 8px; HEIGHT: 8px
}