@charset "UTF-8";

/*
===== CONTENTS ==============================
	1:#wrapper
	2:#header
		#logo
		#company
	3:#contents.sectionH1
		#topicPath
		#article
		#aside
	4:.pageTop
	5:#footer
		#asisstNav
=============================================
*/

/*
===== 1:#wrapper =====
*/
#wrapper {
	width: 900px;
	_width: 968px;
	height:100%;
	min-height:100%;
	margin: 0 auto;
	padding: 0 34px 20px;
	background: url(../images/bg.gif) repeat-y left top;
}
body > #wrapper{
	height: auto;
}


/*
===== 2:#header =====
*/
#header {
	width: 900px;
	margin: 0 auto 25px;
	padding: 15px 0 0;
	border-bottom: 4px solid #e4e4e4;
}
#header img {
	vertical-align: bottom;
}

/* #logo */
#header #logo {
	float: left;
	margin: 0 0 8px;
}

/* #company */
#header #company {
	float: right;
	margin: 25px 0 8px;
}


/*
===== 3:#contents.sectionH1 =====
*/
#contents.sectionH1 {
	width: 900px;
	margin: 0 auto;
}


/* #article */
#contents.sectionH1 #article {
	width: 662px;
	float: right;
}
#contents.sectionH1 #article #topicPath {
	margin: 0 0 15px;
	font-size: 80%;
}
#contents.sectionH1 #article #categoryName {
	margin: 0 0 40px;
}
#contents.sectionH1 #article h1 {
	margin: 0 0 40px;
}
#contents.sectionH1 #article p {
	margin: 0 5px 12px;
	font-size: 80%;
}
#contents.sectionH1 #article strong {
	font-weight:bold;
}

#contents.sectionH1 #article .flvArea {
	width: 320px;
	height: 260px;
	float: right;
	margin: 0 3px 30px 20px;
}
#contents.sectionH1 #article .pictR {
	float: right;
}
#contents.sectionH1 #article .pictL {
	float: left;
}
#contents.sectionH1 #article .notice {
	font-size: 75%;
}
#contents.sectionH1 #article .pageNav a {
	margin: 0 15px;
}
#contents.sectionH1 #article .contactBtn {
	margin: 0 auto 30px;
	text-align: center;
}

#contents.sectionH1 #article .sectionH2 {
	margin: 0 0 30px;
}
#contents.sectionH1 #article .sectionH2 h2 {
	margin: 0 3px 12px;
	color: #5172b3;
	font-size: 90%;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}

#contents.sectionH1 #article .sectionH2 .sectionH3 {}
#contents.sectionH1 #article .sectionH2 h3 {
	margin: 0 5px;
	font-size: 80%;
	font-weight: bold;
}

/* #aside */
#contents.sectionH1 #aside {
	width: 238px;
	float: left;
	margin: 0 0 100px;
}
#contents.sectionH1 #aside li {
	margin: 0 0 8px 1px;
}
#contents.sectionH1 #aside li a {
	display: block;
}
#contents.sectionH1 #aside li ul {
	margin: 2px 0 8px;
}
#contents.sectionH1 #aside li ul li {
	margin: 0 0 0 15px;
	font-size: 75%;
	font-weight: bold;
}
#contents.sectionH1 #aside li ul li a {
	padding: 0 0 0 18px;
	color: #999999;
	background: url(../images/localNav_mark.gif) no-repeat 3px center;
	text-decoration: none;
}
#contents.sectionH1 #aside li ul li a.here {
	color: #999999;
	background: url(../images/localNav_mark_here.gif) no-repeat left center;
}
#contents.sectionH1 #aside li ul li a:hover {
	color: #5172b3;
	background: url(../images/localNav_mark_on.gif) no-repeat 3px center;
}


/*
===== 4:.pageTop =====
*/
.pageTop {
	width: 890px;
	margin: 15px auto;
	text-align: right;
}


/*
===== 5:#footer =====
*/
#footer {
	width: 888px;
	_width: 910px;
	margin: 0 auto;
	padding: 15px 19px 16px 3px;
	background: url(../images/footerBg.gif) no-repeat left top;
}
#footer img {
	display: block;
}

#footer address {
	float: right;
}

/* #asisstNav */

#footer #asisstNav {
	float: left;
}

#footer #asisstNav li {
	float: left;
	margin: 0 0 0 11px;
 }