
body{
	margin:0px;
	padding:0px;
}

a{color:#003399}
a:hover{color:#FF9900;}

#wrap{
	width:687px;
	padding:0px;
	position:absolute;
    top:0%;
    left:50%;
	margin:42px 0px 0px -343px;
	display:block;
}

#wrap02{
	width:757px;
	padding:0px;
	position:absolute;
    top:0%;
    left:50%;
	margin:10px 0px 0px -405px;
	display:block;
}

img{border:0px; margin:0px; padding:0px;}

#wrap .fotter,#wrap02 .fotter{ font-size:10px; line-height:120%; text-align:center;}
#wrap .fotter,#wrap02 .fotter p{ margin:5px 0px; padding:0px;}


#wrap02 .p03_back{
	background:url(../images/p03_02.jpg) no-repeat;
	width:757px;
	height:619px;
	margin:0px;
	padding:0px;
}

#wrap02 .p03_back .mv{
	width:610px;
	height:458px;
	margin:0px 0px 0px 100px;
	padding:10px 0px 0px 0px;
}

#wrap02 .p03_back p{
	text-align:center;
	line-height:140%;
	margin:0px 0px 0px 60px;
	font-size:12px;

}


#wrap02 .p04_back{
	background:url(../images/p04_02.jpg) no-repeat;
	width:757px;
	height:714px;
	margin:0px;
	padding:0px;
}

#wrap02 .p04_back .mv{
	width:610px;
	height:670px;
	margin:0px 0px 0px 100px;
	padding:0px 0px 0px 0px;
}


#wrap02 .p06_back{
	background:url(../images/p06_02.jpg) no-repeat;
	width:757px;
	height:619px;
	margin:0px;
	padding:0px;
}

#wrap02 .p06_back .mv{
	width:610px;
	height:458px;
	margin:0px 0px 0px 100px;
	padding:10px 0px 0px 0px;
}

#wrap02 .p06_back p{
	text-align:center;
	line-height:140%;
	margin:0px 0px 0px 60px;
	font-size:12px;

}

/*****************************************/

.mv.p04 {
	position: relative;
}

.mv.p04 img {
	width: 100%;
	height: auto;
}

.p04_list {
	text-align: center;
	width: 610px;
	padding: 20px 0 0;
	margin: 0;
}

.p04_list li{
	list-style-type: none;
	display: inline-block;
	width: 46%;
	cursor: pointer;
	  -webkit-transition: all 0.3s ease-in;
	     -moz-transition: all 0.3s ease-in;
	      -ms-transition: all 0.3s ease-in;
	       -o-transition: all 0.3s ease-in;
	          transition: all 0.3s ease-in;
}

.p04_list li:hover{
	opacity: 0.65;
}

.p04_list li:nth-of-type(even){
	margin-left: 1%;
}

.p04_list li:nth-of-type(n+3){
	margin-top: 10px;
}

.p04_slide_area {
	position: absolute;
	top: 50%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	opacity: 0;
	  -webkit-transition: all 0.3s ease-in;
	     -moz-transition: all 0.3s ease-in;
	      -ms-transition: all 0.3s ease-in;
	       -o-transition: all 0.3s ease-in;
	          transition: all 0.3s ease-in;
}

.p04_slide_area.active {
	opacity: 1;
	pointer-events: auto;
}

.p04_slide {
	width: 600px;
	margin: 0 auto 10px;
	padding: 0;
}

.p04_slide_nav {
	text-align: center;
}

.p04_slide_dots {
	display: inline-block;
}

.slick-dots {
	margin: 0;
}

.p04_slide_dots li {
	list-style-type: none;
	background: #72DAFF;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	height: 36px;
	width: 36px;
	display: inline-block;
	border: 1px solid #CCC;
    cursor: pointer;
}

.p04_slide_dots li:hover, .p04_slide_dots li.slick-active {
	background: #FE72AF;
}

.p04_slide_dots li:not(:first-of-type) {
	margin-left: 10px;
}

.p04_slide_dots li button {
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}

.p04_slide_back {
	list-style-type: none;
	background: #72DAFF;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	height: 36px;
	width: 36px;
	display: inline-block;
	border: 1px solid #CCC;
    color: #fff;
    font-size: 17px;
    line-height: 36px;
    text-align: center;
    margin-left: 30px;
    cursor: pointer;
}

.p04_slide_back:hover{
	background: #FE72AF;
}
