@charset "utf-8";

/* ****************************************************
Site Top page layout CSS
1: layout common setting
2: contents
99: extra

***************************************************** */

/*1: layout common setting
=========================================*/

body#siteindex div#mainContainer div#contents {
	width: 902px;
}



/*2: contents
=========================================*/

/* ==================================
headline design
================================== */

/* h2 */
body#siteindex div#mainContainer h2 {
	margin: 0 0 7px 0;
}


/* ==================================
mainArea
================================== */
div#mainContainer div#mainArea {
	width: 902px;
}

/* flashArea */
div#mainContainer #flashArea {
	float: left;
	width: 686px;
}

/* naviArea */
div#mainContainer div#naviArea {
	float: right;
	width: 187px;
	padding: 7px 7px 0 7px;
	border: 1px solid #dee9f2;
	background: #ffffff;
}
div#mainContainer div#naviArea ul {
	margin: 8px 0 0 0;
	padding: 0 0 7px 0;
}
div#mainContainer div#naviArea ul li {
	margin: -1px 0 0 0;
	border: 1px solid #dddddd;
}


/* ==================================
mainContents
================================== */
div#mainContainer div#mainContents {
	clear: both;
	margin-top: 10px;
}
div#mainContainer div#mainContents .section {
}
div#mainContainer div#mainContents .section .img {
	float: left;
	margin-right: 7px;
}
div#mainContainer div#mainContents .section .info {
	float: right;
	width: 152px;
}
div#mainContainer div#mainContents .section .text .link {
	display: block;
	margin-top: 8px;
	padding-left: 10px;
	background: url(/zh/common/images/com_ic001.gif) no-repeat 0 0.5em;
	font-weight: bold; 
}

/* colLeft */
div#mainContainer div#mainContents .colLeft {
	float: left;
	width: 443px;
}
div#mainContainer div#mainContents .colLeft .photo {
	margin-top: 35px;
}

/* colRight */
div#mainContainer div#mainContents .colRight {
	float: right;
	width: 443px;
}
div#mainContainer div#mainContents .colRight h2 {
	margin: 0;
}
div#mainContainer div#mainContents .colRight .info {
	float: right;
	width: 194px;
	margin-top: 7px;
}

/* bannerArea */
div#mainContainer div#mainContents #bannerArea {
	clear: both;
	margin-top: 8px;
	padding: 11px;
	background-color: #cce7ff;
}
div#mainContainer div#mainContents #bannerArea ul li {
	float: left;
	margin-right: 14px;
}


/*99: extra
=========================================*/
/* ==================================
Clear fix
================================== */
div#mainContainer div#mainArea:after,
div#mainContainer div#mainContents #bannerArea ul:after,
div#mainContainer div#mainContents .section:after,
div#mainContainer div#mainContents:after,
div#mainContainer div#mainArea:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContainer div#mainArea,
div#mainContainer div#mainContents #bannerArea ul,
div#mainContainer div#mainContents .section,
div#mainContainer div#mainContents,
div#mainContainer div#mainArea {
	zoom: 1;
}