@charset "UTF-8";

.main{
	width:1012px;
	margin:0 auto;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.main ul.btn{
	text-align:center;
}
.main ul.btn li{
	display:inline-block;
	width:190px;
	vertical-align:top;
	padding:20px 10px;
	cursor:pointer;
}
.main ul.btn li p{
	font-size:13px;
	text-align:left;
	line-height:1.5em;
	height:50px;
}
div.modal {
    background: #000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
div.modal{
	background:#000 url("./img/bg_modal.png") no-repeat 20px 20px;
	background-size:720px auto;
	width: 800px;
	height:550px;
}
div.modal1{
	margin:auto;
}
div.modal4{
	height:570px;
}
div.modal4 img.point1{
	position:absolute;
	top: 183px;
	left: 259px;
}
div.modal4 img.point2{
	position:absolute;
	top: 216px;
	left: 259px;
}
div.modal4 img.point3{
	position:absolute;
	top: 234px;
	left: 259px;
}
div.modal4 img.point4{
	position:absolute;
	top: 265px;
	left: 259px;
}
div.modal4 img.point5{
	position:absolute;
	top: 297px;
	left: 259px;
}
div.modal4 img.point6{
	position:absolute;
	top: 315px;
	left: 259px;
}
div.modal4 img.point7{
	position:absolute;
	top: 346px;
	left: 259px;
}
div.modal4 img.point8{
	position:absolute;
	top: 300px;
	left: 464px;
}
div.modal4 img.point9{
	position:absolute;
	top: 269px;
	left: 628px;
}
div.modal4 img.note{
	display:none;
	left:266px;
}
div.modal4 img.note1{
	position:absolute;
	top: 178px;
}
div.modal4 img.note2{
	position:absolute;
	top: 180px;
}
div.modal4 img.note3{
	position:absolute;
	top: 177px;
}
div.modal4 img.note4{
	position:absolute;
	top: 237px;
}
div.modal4 img.note5{
	position:absolute;
	top: 259px;
}
div.modal4 img.note6{
	position:absolute;
	top: 258px;
}
div.modal4 img.note7{
	position:absolute;
	top: 318px;
}
div.modal4 img.note8{
	position:absolute;
	top: 314px;
	left: 297px;
}
div.modal4 img.note9{
	position:absolute;
	top: 290px;
	left: 463px;
}