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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding: 0;
zoom:1;
}
html{
	overflow-y:scroll;
	}
#all{
	width:1000px;
	position:absolute;
	left:50%;
	margin-left:-500px;
}
#header{
	height:150px;
	width:1000px;
	}
	#hea-left {
	height: 150px;
	width: 100px;
	float:left;
}
#hea-right-up-left {
	height: 102px;
	width: 700px;
	float:left;
}
#hea-right-up-right {
	height: 52px;
	width: 150px;
	float:left;
	padding-top:50px;
}
#header img{
	float:left;
}
#header p{
	font-size:12px;
	text-align:right;
}
.top-con12 {
	float: left;
	height: 342px;
	width: 320px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 17px;
	border:1px solid #CCCCCC;
}
.top-con3 {
	float: left;
	height: auto;
	width: 320px;
	margin-top: 5px;
	margin-bottom: 5px;
	border:1px solid #CCCCCC;
}
.top-con{
	padding:8px;
}
.top-left-in{
	padding:8px;
	float:left;
	font-size:16px;
}
#top-contents{
	height:auto;
	width:1000px;
}
#top-left{
	height: auto;
	width: 380px;
	float:left;
	padding: 10px;
	border:1px solid #CCCCCC;
}
#top-right{
	height: 198px;
	width: 575px;
	float:left;
	padding: 10px;
	border:1px solid #CCCCCC;
}
#all-con{
	width:1000px;
	background:url(../img/all-con.png);
	background-repeat:repeat-x;
	padding-top:20px;
}
#navi{
	width: 180px;
	float:left;
	padding: 10px;
}
#navi a{
	color:#000;
	text-decoration:none;

}
.navi-in {
	background-color: #ddd;
	width: 160px;
	border:5px solid #F7F7F6;
	padding:5px;
}
.navi-in2{
	background:url("../img/nav-btn.png");
	width:150px;
	height:20px;
	padding-top:5px;
	padding-left:10px;
	color:#FFF;
}
.navi-in3{
	background:url("../img/nav-btn-ov.png");
	width:158px;
	height:18px;
	border:groove #CCC 1px;
}
.navi-in3 a{

	display:block;

	width:100%;

	height:100%;

	text-indent:20px;

	line-height:18px;

}
.navi-in3 a:hover{

	background:url("../img/nav-btn-ho.png");

}
#contents{
	width:770px;
	float:right;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom:20px;
	border: 5px solid #ececec;
}
#contents-in{
	width:738px;
	float:left;
	padding: 15px;
	border:groove #ccc 1px;
}
#con-title{
	width:770px;
	float:right;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom:10px;
	border: 5px solid #ececec;
}
#con-title-in{
	width:743px;
	height:20px;
	float:left;
	padding-left: 25px;
	padding-top:7px;
	padding-bottom:3px;
	border:groove #CCC 1px;
	background:url("../img/con-title.png");
}
#all #header #hea-left a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.web-con {
	margin: 20px;
	padding-top: 30px;
	float: left;
	height: 150px;
	width: 200px;
}
.top-link1 {
	height: 60px;
	width: 100px;
	float:left;
}
.top-link2 {
	padding-left:10px;
	height: 50px;
	width: 135px;
	float:left;
}
.top-link3 {
	padding-left:10px;
	height:150px;
	width: 93px;
	float:left;
}
.top-link4 {
	padding-left:10px;
	height: 60px;
	width: 180px;
	float:left;
}
.top-link5 {
	height: 50px;
	width: 270px;
	float:left;
}
.top-link6 {
	height: 40px;
	width: 435px;
	float:left;
}
#all #top-left .top-left-in ul li a {
	font-size: 14px;
	line-height: 18px;
}
.web-step{
	height:30px;
	width:680px;
	font-size: 16px;
	line-height: 30px;
	background:url(../img/web-step.png);
	padding-left:20px;
	letter-spacing:2px;
}
.web-step b{
	color:#FFF;
}
.web-con-bot{
	width:750px;
	clear:both;
}
.column{
	height:30px;
	width:684px;
	font-size: 16px;
	line-height: 30px;
	background:url(../img/column.png);
	padding-left:16px;
	letter-spacing:2px;
}
.column b{
	color:#FFF;
}
#footer{
	clear:both;
	width: 1000px;
	height:30px;
	margin-top:50px;
	text-align:center;
	font-size:10px;
	background:url(../img/fotter.png);
	text-align:right;
}
#footer p{
	letter-spacing:2px;
	text-align:center;
}