@charset "utf-8";

/* mail CSS
------------------------------------------------ */
.mail .mailContainer{
	width:740px;
	margin:0 auto;
}
.mail p {
	font-size: 86%;
}
.mail .data {
	padding:20px 0;
}
.mail .data h2 {
	background-color: #F0F0F0;
	padding: 5px 15px !important;
	font-weight: bold;
	text-align: center;
}
.mail .tableSet{
	width:738px;
	border-bottom:solid 1px #C8C8C8;
	border-left:solid 1px #C8C8C8;
	border-right:solid 1px #C8C8C8;
	font-size:100%;
	clear:both;
}
.mail .registSmallText{
	font-size:70%;
}
.mail .registText{
	margin-top:10px;
}
.mail .mailBtnText{
	text-align:center;
	margin-top:5px;
}
.mail .mailFormText{
	margin-top:20px;
}
.mail .mailReq{
	color:#E90202;
	font-size:80%;
}
.mail .formBtn {
	margin: 0px auto;
	padding: 20px;
	width: 513px;
	text-align: center;
	margin-top:25px;
}
.mail .change .formBtn{
	margin-top:40px;
}
.mail .formBtn li {
	display: inline;
	float: left;
}
.mail .btn.send {
	margin-right: 15px;
}
.mail .btn.send a,
.mail .btn.reset a {
	background-position: left top;
	width: 249px;
	height: 42px;
}
.mail .btn.send a {
	background: url(../images/mail/btn_check.gif) no-repeat;
}
.mail .btn.reset a {
	background: url(../images/mail/btn_reset.gif) no-repeat;
}
.mail .tableSet dl{
	clear:both;
	background:#dfe8f4;
}
.mail .tableSet dl{
	border-top:1px solid #C8C8C8;
}
.mail .tableSet dt{
	display:table-cell;
	*display:inline;
	*zoom:1;
	height:auto;
	width:254px;
	padding:10px 10px;
	background:#dfe8f4;
	font-size:80%;
	vertical-align:middle;
}
.mail .tableSet dd{
	display:table-cell;
	*display:inline;
	*zoom:1;
	width:444px;
	padding:10px;
	background:#fff;
	vertical-align:middle;
}
.mail .mailCheckBox p{
	line-height:25px;
	height:25px;
	font-size:100%;
}
.mail .mailText{
	line-height:25px;

}
.mail .mailIndexBox{
	padding:10px;
	width:720px;
	background-image:url(../images/mail/mail_bg_image.gif);
	background-repeat:repeat;
	padding-bottom:50px;

}
.mail .mailBoxTop{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:660px;
	background-image:url(../images/mail/yellow_border_top.gif);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:5px;

}
.mail .mailBoxMiddle{
	background-image:url(../images/mail/yellow_border_middle.gif);
	width:660px;
	padding-top:10px;
	background-position:center;
	background-repeat:repeat-y;

}
.mail .mailBoxBottom{
	background-image:url(../images/mail/yellow_border_bottom.gif);
	width:660px;
	padding-bottom:45px;
	background-position:bottom;
	background-repeat:no-repeat;
}
.mail .mailContents{
	width:600px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	font-size:95%!important;
}
.mail .dotline{
	position:relative;
	z-index:1;
	border-top:dotted 1px #C8C8C8;
	padding-top:30px;
}
.mail .btnBox{
	margin:0 auto;
	width:510px;
	margin-top:40px;
 display: flex;
 justify-content: space-around;
 flex-wrap: wrap;
 text-align: center;
}
.mail .btnBox p{
 width: 510px;
 margin: 5px 0 10px;
}
.mail .change .btnBox{
	margin-top:90px;
}
.mail .mailContentsImage img{
	margin-left:90px;
}
.mail .imgPc{
	position:absolute;
	z-index:2;
	margin-left:-350px;
	margin-top:140px;
}
.mail .bgWrapperPlane{
	background-image:url(../images/mail/plane.png);
	background-repeat:no-repeat;
	background-position:468px 100px;
	position: relative;
}
.mail .case{
	margin-top:-20px;
	margin-left:100px;
}
.unsubscribe{
 font-size: 12px;
}
.mailmagazine{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	background: #EAEEFF;
	padding: 10px;
	margin: 20px;
}
.mailmagazine .tit{
	font-size: 16px;
	font-weight: bold;
	color: #1D3DC8;
}
.mailmagazine a{
	display: block;
	text-decoration: none;
	background: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	border: 3px solid #1D3DC8;
	color: #1D3DC8;
	
}