@charset "utf-8";

/*- Table Of Contents -------------------
	1.
---------------------------------------/

/*--------------------------------------
	#header
--------------------------------------*/

#header {
	background: url("/img/bg_header.jpg") repeat-x;
	height: 108px;
	min-width: 920px;
}

#header #header_wrapper {
	width: 900px;
	margin: auto auto;
}

#header #brand {
	float: left;
	padding-top: 11px;
	padding-right: 40px;
}

/* #ch_font */
#header #ch_font {
	margin-top: 1px;
	margin-left: 750px;
	margin-left: 450px;
}

#header #ch_font span {
	float: left;
}

#header #ch_font li {
	display: inline;
}

#header #ch_font li a {
	float: left;
	cursor: pointer;
	width: 21px;
	height: 21px;
	margin-left: 3px;
	background: url("/img/bg_chfont.png") no-repeat;
	text-indent: -2000px;
	overflow: hidden;
}

#header #ch_font li#ch_small a {
	background-position: 0px 0px;
}
#header #ch_font li#ch_middle a {
	background-position: -21px 0px;
}
#header #ch_font li#ch_large a {
	background-position: -42px 0px;
}

#header #ch_font li#ch_small a:hover,
#header #ch_font li#ch_small a:focus,
#header #ch_font li#ch_small a#now_size {
	margin-top: 1px;
	background-position: 0px -21px;
}
#header #ch_font li#ch_middle a:hover,
#header #ch_font li#ch_middle a:focus,
#header #ch_font li#ch_middle a#now_size {
	margin-top: 1px;
	background-position: -21px -21px;
}
#header #ch_font li#ch_large a:hover,
#header #ch_font li#ch_large a:focus,
#header #ch_font li#ch_large a#now_size {
	margin-top: 1px;
	background-position: -42px -21px;
}


/* #ch_lang */
#header #ch_lang {
	margin-left: 620px;
}

#header #ch_lang a {
	position: relative;
	top: -3px;
}

#header #ch_lang a:hover, 
#header #ch_lang a:focus {
	top: 0px;
}


/*--------------------------------------
	#contents
--------------------------------------*/
#contents {
	margin: auto auto;
	margin-top: 10px;
	min-height: 1px;
	width: 900px;
}
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #contents{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#contents .section {
	display: inline;
	float: right;
	width: 700px;
}

#contents .section .section {
	display: block;
	float: none;
	margin: 30px 0 0 0;
	padding: 0 17px 10px 20px;
	width: 661px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#contents .section .section .section_header {
	display: block;
	margin: -10px 0 8px -21px;
}

#contents .section .section .section_footer {
	margin: 8px 0 -16px -21px;
}

#contents .section .section .section {
	clear: both;
	margin-top: 15px;
	padding-right: 0;
	width: auto;
	min-height: 1px;
	border: none;
}
#contents .section .section .section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents ol#topicpath {
	list-style: none;
	margin-bottom: 10px;
}
#contents ol#topicpath li {
	display: inline;
	font-size: 89%;
}
#contents ol#topicpath li:first-child {
	padding-left: 0;
}

/*
h1,h2,h3,h4,h5,h6 {
	margin-left: -1em;
}
*/

h1 {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	width: 680px;
	height: 45px;
	padding: 19px 0 0 20px;
	background: url("/img/bg_h1.jpg") no-repeat;
}

h2 {
	color: #063;
	font-size: 127%;
	font-weight: bold;
	width: 644px;
	height: 30px;
	padding: 4px 0 0 18px;
	margin-bottom: 1.5em;
	margin-left: -19px;
	background: url("/img/bg_h2.jpg") no-repeat;
}

h3 {
	color: #0080FF;
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: -15px;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	margin-left: -15px;
}


/*--------------------------------------
	#sidenavi
--------------------------------------*/

#sidenavi {
	float: left;
	width: 180px;
}




/*--------------------------------------
	#footer
--------------------------------------*/
#footer {
	clear: both;
	margin: 20px auto 0;
	padding: 7px 30px 0 30px;
	width: 842px;
	height: 27px;
	background: url("/img/bg_footer.jpg") no-repeat;
}

#footer .copyright {
	float: left;
	color: #333;
}

#footer .navigation {
	float: right;
}