/* CSS Document */

* {

	margin:0;

	padding:0;

}

:focus {

	outline:none;

}

body {

	margin:0 auto;

	background:url(../images/bg.jpg) top center #F7F7F0 no-repeat;

	font-family:"MS UI Gothic", "MS Mincho", "MS Gothic";

}

#contanter {

	width:1020px;

	/*height:2530px;*/

	margin:0 auto;

}

#head {

	width:1020px;

	height:811px;

	float:left;

	background:url(../images/head.png) no-repeat;

}

#tel {

	width:524px;

	height:150px;

	float:left;

	

}

#nav {

	width:524px;

	height:240px;

	float:right;

	margin-top:267px;

	margin-right:3px;

}

#nav ul {

	width:524px;

	height:460px;

	float:left;

	list-style:none;

	padding:0;

}

#nav ul li {

	float:left;

	margin-left:4px;

}

#nav ul li a {

	text-decoration:none;

	border:0;

	float:left;

	display:block;

	margin-top:0px;

}

.main {

	width:1020px;

	height:auto;

	float:left;

	margin-top:7px;

}

.map_001 {
	position: absolute;
	margin:150px 0 0 70px;
}

.top01 {

	width:1020px;

	height:480px;

	float:left;

	text-align:center;

}

.top02 {

	width:1020px;

	height:540px;

	float:left;

	margin-top:1px;

	background:url(../images/top02.png) no-repeat;

}

.top03 {

	width:1019px;

	height:440px;

	float:left;

	margin-top:0px;

	margin-left:1px;

	background:url(../images/top03.png) no-repeat;

}

.top03-left {

	width:586px;

	height:329px;

	float:left;

	margin-top:77px;

	margin-left:14px;

	text-align:center;

	overflow:auto;

}

.main-staff {

	width:1020px;

	height:auto;

	float:left;

	margin-top:10px;

}

.staff-title {

	width:1020px;

	height:138px;

	/*float:left;*/

	text-align:center;

}

.staff-kuang {

	width:976px;

	height:auto;

	/*float:left;*/

	margin-left:22px;

	margin-top:10px;

	background:url(../images/staff-kuang.png) repeat;
	display: flex;
flex-wrap: wrap;
}

.staff {

	width:32%;

	/*height:380px;*/

	/*float:left;*/

	margin-top:22px;

margin-left: 1%;

	text-align:center;

	font-size:18px;

	font-weight:600;

	color:#f7f6f5;

}

.staff-img {

	width:100%;

	/*height:310px;*/

	/*float:left;*/

}
.staff-img img{
    width: 100%;
}
.staff-p {

	width:100%;

	/*height:20px;*/

	/*float:left;*/

	margin-top:5px;

	line-height:20px;

}
 @media screen and (max-width: 1020px){
        .staff{
            width: 49%;
            margin-left: 1%;
                margin-top: 38px;
        }
        .staff-kuang{
                background-size: 100% 52%;
        }
        .staff-img{
            width: 70%;
            margin: auto;
        }
        .staff-img img{
            width: 100%;
        }
        .staff-p{
                width: 85%;
    margin: auto;
    line-height: inherit;
    font-size: 30px;
        }
    }
.staff01-kuang {

	width:988px;

	height:628px;

	float:left;

	margin-left:16px;

	margin-top:20px;

	background:url(../images/staff01-kuang.png) no-repeat;

}

.staff01-img {

	width:404px;

	height:568px;

	float:left;

	margin-top:30px;

	margin-left:40px;

}

.staff01-naiyo {

	width:364px;

	height:556px;

	float:left;

	margin-top:37px;

	margin-left:74px;

}

.main-system {

	width:1020px;

	height:1100px;

	float:left;

	margin-top:6px;

}

.main-server {

	width:1020px;

	height:1720px;

	float:left;

	margin-top:6px;

}

.main-qna {

	width:1020px;

	height:2448px;

	float:left;

	margin-top:6px;

}

#footer {

	width:1020px;

	height:200px;

	float:left;

	margin-top:10px;

	font-size:15px;

	font-weight:600;

	line-height:18px;

	color:#f9f6f3;

	;

	letter-spacing:2px;

	text-align:center;

	background:url(../images/foot.jpg) no-repeat;

}

#footer h1 {

	font-size:12px;

}

.foot-navi {

	width:1020px;

	height:50px;

	float:left;

	margin-top:25px;

	color:#f9f7f5;

	;

	text-align:center;

}

.foot-navi a {

	text-decoration:none;

	color:#fbfafa;

	;

	font-size:20px;

	font-weight:600;

}

.foot-navi a:hover {

	color:#f9f6f3;

	font-size:20px;

	font-weight:600;

}