/* CSS Document */

/*page01*/


.contents_body{
	background:url(../common/bg.jpg);
	width:800px;
/*	height:1628px;
*/	margin: 0px auto;
/*	opacity:0.85; */
	position:relative;
}
#spec_area{
	width:100%;
	background:url(../images/p01/bg.jpg);
	box-sizing:border-box;
	padding:6%;
}
#area02{
	width:100%;
	background:url(../images/p01/bg02.jpg);
	box-sizing:border-box;
	padding:2%;
}



#modal-content1 img{
	position:absolute;
	top:0;
	left:0;
}
#modal-content1{
	width:1000px;
	height:578px;
	background:url(../images/p01/modal1.png) no-repeat;
	font-size:15px;
	line-height:1.5;
}
#modal-content1 .txt1{
	width:920px;
	color:#fff;
	position:absolute;
	top:70px;
	left:45px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content1 .spec1{
	font-size:12px;
	width:230px;
	color:#fff;
	position:absolute;
	top:300px;
	left:260px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content1 .spec2{
	font-size:12px;
	width:230px;
	color:#fff;
	position:absolute;
	top:300px;
	left:505px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content1 .spec3{
	font-size:12px;
	width:250px;
	color:#fff;
	position:absolute;
	top:300px;
	right:15px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content1 .spec4{
	font-size:12px;
	width:230px;
	color:#fff;
	position:absolute;
	top:495px;
	left:260px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content1 .spec5{
	font-size:12px;
	width:235px;
	color:#fff;
	position:absolute;
	top:495px;
	left:500px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content1 .spec6{
	font-size:12px;
	width:230px;
	color:#fff;
	position:absolute;
	top:495px;
	right:25px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content2{
	width:971px;
	height:468px;
	background:url(../images/p01/modal2.jpg) no-repeat;
	font-size:15px;
	line-height:1.5;
}
#modal-content2 .txt1{
	font-size:16px;
	width:410px;
	color:#000;
	position:absolute;
	top:92px;
	left:235px;
	line-height:1.5;
	font-weight:bold;
 	text-shadow: 0px 0px 1px #fff,
	             0px 0px 2px #fff,
	             0px 0px 3px #fff,
	             0px 0px 4px #fff,
	             0px 0px 5px #fff,
	             0px 0px 6px #fff;
}
#modal-content3{
	width:300px;
	height:434px;
	background:url(../images/p01/modal3.png) no-repeat;
	font-size:15px;
	line-height:1.5;
}
#modal-content3 .txt1{
	font-size:16px;
	width:260px;
	color:#fff;
	position:absolute;
	top:110px;
	left:20px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#modal-content4{
	width:441px;
	height:366px;
	background:url(../images/p01/modal4.png) no-repeat;
	font-size:15px;
	line-height:1.5;
}
#modal-content4 .txt1{
	font-size:16px;
	width:200px;
	color:#fff;
	position:absolute;
	top:90px;
	left:15px;
	line-height:1.5;
	font-weight:bold;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
.bold{
	font-weight:bold;
}
#area02{
	position:relative;
}
#area02 .txt2{
	font-size:14px;
	position:absolute;
	width:600px;
	color:#fff;
	top:133px;
	left:40px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
div #profile{
	width:90%;
	position:absolute;
	top:425px;
	left:35px;
	background:#fff;
	box-sizing:border-box;
	padding:2%;
}
div #profile h4{
	margin:0 0 1%;
}
div #profile p{
	line-height:1.5;
	font-size:13px;
}

#area03{
	position:relative;
}
#area03 .txt1{
	font-size:15px;
	position:absolute;
	width:320px;
	color:#fff;
	top:370px;
	left:30px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#area03 .txt2{
	font-size:15px;
	position:absolute;
	width:170px;
	color:#fff;
	top:370px;
	left:380px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}
#area03 .txt3{
	font-size:15px;
	position:absolute;
	width:170px;
	color:#fff;
	top:370px;
	left:580px;
	line-height:1.5;
 	text-shadow: 0px 0px 1px #000,
	             0px 0px 2px #000,
	             0px 0px 3px #000,
	             0px 0px 4px #000,
	             0px 0px 5px #000,
	             0px 0px 6px #000;
}

.pt1{
	background:url(../common/check.png);
	width:100px;
	height:100px;
	background-size:contain;
	position:absolute;
	top:650px;
	right:130px;
}
.pt2{
	background:url(../common/check.png);
	width:100px;
	height:100px;
	background-size:contain;
	position:absolute;
	top:640px;
	left:190px;
}
.pt3{
	background:url(../common/check.png);
	width:100px;
	height:100px;
	background-size:contain;
	position:absolute;
	top:380px;
	right:220px;
}
.pt4{
	background:url(../common/check.png);
	width:100px;
	height:100px;
	background-size:contain;
	position:absolute;
	top:420px;
	left:140px;
}
.pt1:hover,.pt2:hover,.pt3:hover,.pt4:hover{
	background:url(../common/check_mo.png);
	width:120px;
	height:120px;
	background-size:contain;
}