@charset "UTF-8";

#container h1 {
	height:23px;
	background:url(img/page_title.gif) no-repeat center;
	text-indent:-9999px;
	margin:50px auto 30px auto;
}

#contents {
 width:720px;
 margin:0 auto;
}

a2 {color:#000;}
a2:hover {color:#ff0000;}
h2 {
	background	:#9cb2af;
	color:#fff;
	padding:4px 0 2px 4px;
	line-height:1;
	height:1em;
	margin:0 auto 0;
}
h3 {
	font-size:12px;
	color:#3D6A92;
	padding:4px 0 2px 0;
}

div.mainBlock {
	padding-bottom:20px;
}
#chap1 p {font-size:11px;}
* html #chap1 p {font-size:11px;
	width:340px;}
*:first-child+html #chap1 p {font-size:11px;
	width:340px;}
#chap1 p img {float:right;}

#chap2 p {padding-bottom:10px;}


.mainBlock .leftBox {
	width:340px;
	float:left;
}
.mainBlock .rightBox {
	width:340px;
	margin-left:350px;
}

div#hang_1 {position:relative;}
* html div#hang_1 {position:relative;
    height:250px}
div#hang_1 p {
	padding-right:370px;
	min-height:88px;
	padding-bottom:158px;
}
div#hang_1 p img {
	position:absolute;
	bottom:0;
}
#chap2img1 {left:0;}
#chap2img2 {left:340px;}
#chap2img3 {right:0;}


.mainBlock .section { 
	clear:both;
	padding:20px 0 0;
	margin-top:20px;
	border-top:2px solid #9cb3b0;
}

div.mainBlock .section ol li {
	float:left;
	margin-left:30px;
}
div.mainBlock .section ol li.first {
	margin-left:0;
}


#chap1 h2 {
	background-color:#fff;
	text-indent:0;
	font-size:12px;
	color:#3D6A92;
	padding:4px 0 2px 0;
	float:left;
}
#chap1 p.image {float:right;}
#chap1 p.text {padding:5px 5px 5px 0;clear:left; width:355px;}


#chap2 p.ltext {padding:0 0 5px 0;float:left; width:355px; }
#chap2 p.rtext {padding:0 0 5px 0;float:right; width:355px;}
#chap2 h3 {clear:both;}
#chap3 ol li {
	float:left;
	margin-left:14px;
	padding-top:10px;
}
#chap3 ol li.first {
	margin-left:0;
}


#chap4 h4 {
	color:#3D6A92;
	padding-top:15px;
}
#chap4 p {
	padding:0 5px 5px;
}