/*top背景*/

#wl_wrapper {
	width:1152px;
	margin: 0 auto;
	background:#f7f6f4;
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#wl_wrapper a {
	outline:none;
}

#wl_wrapper a img {
	border:0;
}

.wl_text{
	display:none;
}

/**/

#img1 {background:url("../images/w1.svg") center 0 no-repeat;height:272px;position:relative;top:0px;}
#img2 {background:url("../images/w2.svg") center 0 no-repeat;height:220px;position:relative;top:0px;}
#img3 {background:url("") center 0 no-repeat;height:1300px;position:relative;top:0px;}
#img4 {background:url("../images/mail2026.png") #fff center 0 no-repeat;height:800px;position:relative;top:0px;}


/*タイトルバナー*/

.wlttl1  {
	display: block;
	position: absolute;
	top: 70px;
	left: 130px;
	width: 894px;
	height: 65px;
	background-image: url("../images/ttl1.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

.wlttl2  {
	display: block;
	position: absolute;
	top: 1200px;
	left: 29px;
	width: 1094px;
	height: 65px;
	background-image: url("../images/ttl2.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}

/*各リンクバナー*/

.wlbtn1 a {
	display: block;
	position: absolute;
	top: 180px;
	left: 30px;
	width: 350px;
	height: 450px;
	background-image: url("../images/wl_btn1.svg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	outline: none;
	filter: drop-shadow(3px 3px 3px #999)
}
.wlbtn1 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.wlbtn2 a {
	display:block;
	position:absolute;
	top: 180px;
	left: 401px;
	width: 350px;
	height: 450px;
	background-image:url(../images/wl_btn2.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent: -9999px;
	outline:none;
	filter: drop-shadow(3px 3px 3px #999)
}
.wlbtn2 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.wlbtn3 a {
	display:block;
	position:absolute;
	top: 180px;
	left: 772px;
	width: 350px;
	height: 450px;
	background-image:url(../images/wl_btn3.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent: -9999px;
	outline:none;
	filter: drop-shadow(3px 3px 3px #999)
}
.wlbtn3 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.wlbtn4 a {
	display:block;
	position:absolute;
	top: 650px;
	left: 30px;
	width: 350px;
	height: 450px;
	background-image:url(../images/wl_btn4.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent: -9999px;
	outline:none;
	filter: drop-shadow(3px 3px 3px #999)
}
.wlbtn4 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.wlbtn5 a {
	display:block;
	position:absolute;
	top: 650px;
	left: 401px;
	width: 350px;
	height: 450px;
	background-image:url(../images/wl_btn5.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent: -9999px;
	outline:none;
	filter: drop-shadow(3px 3px 3px #999)
}
.wlbtn5 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.wlbtn6 a {
	display:block;
	position:absolute;
	top: 650px;
	left: 772px;
	width: 350px;
	height: 450px;
	background-image:url(../images/wl_btn6.svg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent: -9999px;
	outline:none;
	filter: drop-shadow(3px 3px 3px #999)
}

.wlbtn6 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

/*6の日*/

.wlbtn7 a {
	display:block;
	position:absolute;
	top: 360px;
	left: 67px;
	width: 1017px;
	height: 135px;
	background-image:url(../images/mailmag-btn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent: -9999px;
	outline:none;
}

.wlbtn7 a:hover {
	background-position:0px 0px;
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.wl  {
	display:block;
	position:absolute;
	top: 525px;
	left: 30px;
	width: 1100px;
	list-style: none;
	line-height: 2.2em;
	font-size:15px;
}

.wl a{
	color:#E95435;
	text-decoration: underline;
	outline: none;
	}