@charset "utf-8";
/* CSS Document */

html,body{
	margin:0 auto;
	padding:0;
	height:100%;
	background-color:#545352;
}

#wrapper{
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	padding:0;
	margin:0 auto;
	width:852px;
	border:0px solid red;
}

#header{
	height:64px;
	position:relative;
	margin:0 auto;
	border:0px solid red;
}

#mid{
	margin:0 auto;
	position:relative;
}
	#mid_head{
		height:82px;
		margin:0 auto;
		background:url(../img_web/mid_head.png) no-repeat;
		z-index:1;
	}
	#mid_content{
		margin:0 auto;
		position:relative;
		background:url(../img_web/mid_content.png) repeat-y;
	}
		#mid_cleft{
			float:left;
			width:356px;
			margin-left:20px;
			border:0px solid red;
		}
			#mid_cl_box1{
				position:relative;
				margin:0 0 10px 0;
				z-index:3;
			}
				#mid_cl_box1 ul{
					margin:0 0px 20px 0px;
					padding:0;
					list-style-type: none;
				}
				#mid_cl_box1 ul li{
					width:254px;
					height:19px;
					font:12px/130% Arial, Helvetica, sans-serif;
					font-weight:bold;
					color:#000000;
					margin:0 0 10px 0;
					text-align:right;
					padding:5px 30px 0 0;
					background:url(../img_web/box1_bg_li.png) no-repeat;
				}
				#mid_cl_box1 ul li a{
					color:#000000;
					text-decoration: none;
				}
				#mid_cl_box1 ul li a:link, #mid_cl_box1 ul li a:visited, #mid_cl_box1 ul li a:active {
					display: block;
					background: none;
				}
				#mid_cl_box1 ul li a:hover{
					width:254px;
					height:19px;
					color:#FFFFFF;
					padding:5px 30px 0 0;
					margin:-5px 0 0px 0;
					text-shadow: 0 1px 0 #7b8505;
					background:url(../img_web/box1_bg_li_hover.png) no-repeat;
					border:0px solid red;
				}
				
				#mid_cl_box2{
					position:relative;
					margin:0 0 10px 0;
					border:0px solid red;
				}
					#mid_cl_box2 h1{
						height:26px;
						font:14px/130% Arial, Helvetica, sans-serif;
						font-weight:bold;
						color:#FFFFFF;
						margin:0 0 0 0;
						padding:10px 0 0 20px;
						background:url(../img_web/mid_cl_box2_h1.png) repeat-x;
					}
					#mid_cl_box2_content{
						font:12px/130% Arial, Helvetica, sans-serif;
						padding:10px 10px 10px 10px;
						background:#eef0e5 url(../img_web/img_mid_cleft_box2.png) no-repeat bottom right;
						border-left:1px solid #5d5d5d;
						border-right:1px solid #5d5d5d;
					}
					#mid_cl_box2_content h2{
						font:12px/130% Arial, Helvetica, sans-serif;
						font-weight:bold;
						color:#fd6703;
						margin:10px 0 0 0;
					}
					#mid_cl_box2_content p{
						font:12px/130% Arial, Helvetica, sans-serif;
						color:#000000;
						margin:0 auto;
					}
					#mid_cl_box2_content a, #mid_cl_box2_content a:link, #mid_cl_box2_content a:visited, #mid_cl_box2_content a:active{
						color:#fd6703;
						text-decoration: none;
					}
					#mid_cl_box2_content a:hover{
						color:#000000;
					}
					.mid_clbox2_c1, .mid_clbox2_c2, .mid_clbox2_c3, .mid_clbox2_c4 {display:block; overflow:hidden; font-size:1px;}
					.mid_clbox2_c1, .mid_clbox2_c2, .mid_clbox2_c3 {height:1px;}
					.mid_clbox2_c2, .mid_clbox2_c3, .mid_clbox2_c4 {background:#eef0e5; border-left:1px solid #5d5d5d; border-right:1px solid #5d5d5d;}
					.mid_clbox2_c1 {margin:0 5px; background:#5d5d5d;}
					.mid_clbox2_c2 {margin:0 3px; border-width:0 2px 0 2px;}
					.mid_clbox2_c3 {margin:0 2px;}
					.mid_clbox2_c4 {height:2px; margin:0 1px 0 1px;}
					
					#mid_cl_box3{
						width:280px;
						position:relative;
						margin-bottom:10px;
					}
					#mid_cl_box3_content{
						background-color:#ebebeb;
						padding-bottom:5px;
						border-left:1px solid #333333;
						border-right:1px solid #333333;
					}
					#mid_cl_box3_content h1{
						font:14px/130% Arial, Helvetica, sans-serif;
						font-weight:bold;
						color:#000000;
						height:22px;
						padding:10px 0 0 20px;
						background:url(../img_web/mid_cl_box3_h1.png) repeat-x;
					}
					#mid_cl_box3_content ul{
						margin:0 30px 0px 30px;
						padding:0;
						list-style-type: none;
					}
					#mid_cl_box3_content ul li{
						font:12px/130% Arial, Helvetica, sans-serif;
						font-weight:bold;
						color:#000000;
						margin:0 0 10px 0;
						padding:0 0 0px 20px;
						border-bottom:1px dashed #000000;
					}
					#mid_cl_box3_content ul li a{
						color:#000000;
						text-decoration: none;
					}
					#mid_cl_box3_content ul li a:link, #mid_cl_box3_content ul li a:visited, #mid_cl_box3_content ul li a:active {
						display: block;
						background: none;
					}
					#mid_cl_box3_content ul li a:hover{
						color:#fd6703;
					}
						.mid_clbox3_c1, .mid_clbox3_c2, .mid_clbox3_c3, .mid_clbox3_c4 {display:block; overflow:hidden; font-size:1px;}
						.mid_clbox3_c1, .mid_clbox3_c2, .mid_clbox3_c3 {height:1px;}
						.mid_clbox3_c2, .mid_clbox3_c3, .mid_clbox3_c4 {background:#ebebeb; border-left:1px solid #333333; border-right:1px solid #333333;}
						.mid_clbox3_c1 {margin:0 5px; background:#333333;}
						.mid_clbox3_c2 {margin:0 3px; border-width:0 2px 0 2px;}
						.mid_clbox3_c3 {margin:0 2px;}
						.mid_clbox3_c4 {height:2px; margin:0 1px 0 1px;}
		#mid_cright{
			float:right;
			width:435px;
			margin:-63px 20px 0 0;
			/*margin:-63px 0 0 400px;
			/*position:absolute;*/
			border:0px solid red;
		}
			#mid_cr_box{
				position:relative;
				margin-bottom:10px;
			}
			#mid_cr_box h1{
				font:18px/130% Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;
				margin:0 auto;
			}
			#mid_cr_box h2{
				width:380px;
				height:21px;
				font:12px/130% Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;
				margin:10px 0 10px -11px;
				padding:10px 0 0 20px;
				border:1px solid #333333;
				background:url(../img_web/mid_cr_box_h2.png) repeat-x;
			}
			#mid_cr_box h3{
				width:380px;
				height:21px;
				font:12px/130% Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;
				margin:10px 0 10px -11px;
				padding:10px 0 0 20px;
				border:1px solid #333333;
				background:url(../img_web/mid_cr_box_h3.png) repeat-x;
			}
			#mid_cr_box_content{
				font:12px/140% Arial, Helvetica, sans-serif;
				color:#000000;
				text-align:justify;
				padding:10px 10px 10px 10px;
				border-left:1px solid #808080;
				border-right:1px solid #808080;
			}
				#mid_cr_box_content p{
					margin:0 auto;
					text-align:justify;
				}
			.cr_box_c1, .cr_box_c2, .cr_box_c3, .cr_box_c4 {display:block; overflow:hidden; font-size:1px;}
			.cr_box_c1, .cr_box_c2, .cr_box_c3 {height:1px;}
			.cr_box_c2, .cr_box_c3, .cr_box_c4 {background:#ffffff; border-left:1px solid #808080; border-right:1px solid #808080;}
			.cr_box_c1 {margin:0 5px; background:#808080;}
			.cr_box_c2 {margin:0 3px; border-width:0 2px 0 2px;}
			.cr_box_c3 {margin:0 2px;}
			.cr_box_c4 {height:2px; margin:0 1px 0 1px;}
		
		#mid_content_2{
			position:relative;
			margin:0 auto;
			margin-left:20px;
			margin-right:20px;
			border:0px solid red;
		}
				#mid_content_2 a, #mid_content_2 a:link, #mid_content_2 a:visited, #mid_content_2 a:active{
					font:12px/140% Arial, Helvetica, sans-serif;
					font-weight:bold;
					color:#fd6703;
					text-decoration: none;
				}
				#mid_content_2 a:hover{
					color:#000000;
				}
			#mid_content_2_box{
				font:12px/140% Arial, Helvetica, sans-serif;
				padding:10px 10px 10px 10px;
				border-left:1px solid #808080;
				border-right:1px solid #808080;
			}
			#mid_content_2_box h1{
				width:380px;
				height:21px;
				font:12px/130% Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;
				margin:0px 0 20px -11px;
				padding:10px 0 0 20px;
				border:1px solid #333333;
				background:url(../img_web/mid_cr_box_h2.png) repeat-x;
			}
			#mid_content_2_box h2{
				width:380px;
				height:21px;
				font:12px/130% Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;
				margin:0px 0 20px -11px;
				padding:10px 0 0 20px;
				border:1px solid #333333;
				background:url(../img_web/mid_cr_box_h3.png) repeat-x;
			}
			#mid_content_2_box p{
				margin:0 auto;
			}
				.cr2_box_c1, .cr2_box_c2, .cr2_box_c3, .cr2_box_c4 {display:block; overflow:hidden; font-size:1px;}
				.cr2_box_c1, .cr2_box_c2, .cr2_box_c3 {height:1px;}
				.cr2_box_c2, .cr2_box_c3, .cr2_box_c4 {background:#ffffff; border-left:1px solid #808080; border-right:1px solid #808080;}
				.cr2_box_c1 {margin:0 5px; background:#808080;}
				.cr2_box_c2 {margin:0 3px; border-width:0 2px 0 2px;}
				.cr2_box_c3 {margin:0 2px;}
				.cr2_box_c4 {height:2px; margin:0 1px 0 1px;}
				
			#box_table{
				position:relative;
				margin-bottom:20px;
			}
				#box_table_content{
					background-color:#fbece2;
					padding:0px 0px 10px 0px;
					border-top:1px solid #615c5c;
					border-left:1px solid #615c5c;
					border-right:1px solid #615c5c;
				}
				#box_table_content table thead tr{
					font:12px/130% Arial, Helvetica, sans-serif;
					font-weight:bold;
					color:#FFFFFF;
					text-align:center;
					height:30px;
					background:url(../img_web/bg_thead.png) repeat-x;
				}
				#box_table_content table tbody tr td{
					font-weight:bold;
					padding:5px 0px 5px 0px;
					background-color:#fbece2;
					border-bottom:1px dashed #d35602;
				}
				.box_table_c1, .box_table_c2, .box_table_c3, .box_table_c4 {display:block; overflow:hidden; font-size:1px;}
				.box_table_c1, .box_table_c2, .box_table_c3 {height:1px;}
				.box_table_c2, .box_table_c3, .box_table_c4 {background:#fbece2; border-left:1px solid #808080; border-right:1px solid #808080;}
				.box_table_c1 {margin:0 5px; background:#808080;}
				.box_table_c2 {margin:0 3px; border-width:0 2px 0 2px;}
				.box_table_c3 {margin:0 2px;}
				.box_table_c4 {height:2px; margin:0 1px 0 1px;}
			
	#mid_bottom{
		height:26px;
		margin:0 0 10px 0;
		position:relative;
		background:url(../img_web/mid_bottom.png) no-repeat;
	}

#footer{
	position:relative;
	margin:0 auto;
	padding:0 0px 10px 0px;
}
	#footer_content{
		font:10px/130% Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#FFFFFF;
		position:relative;
		margin:0 auto;
		padding:10px 20px 10px 20px;
		border:0px solid #000000;
		background:url(../img_web/footer_bg.png) repeat-x #232323;
	}
	#footer_content .font_style1{
		color:#FFFFFF;
	}
	#footer_content a, #footer a:link, #footer a:visited, #footer a:active{
		font-weight:bold;
		color:#FFFFFF;
		text-decoration: none;
	}
	#footer_content a:hover{
		color:#fd6703;
	}
/***********************/

.clearfix:after {
	content: ".";
	display: block; 
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

* html .clearfix {
	height: 1%;
}