@charset "utf-8";
/* CSS Document */
.sns_area {
	float:right;
	overflow:hidden;
	margin-top:-30px;
	}
	


#top{clear:both;}

/* section .sec01 */
.sec01{
	width:950px;
	height:670px;
	background:url(../../img/page/mailmagazine/main_bg01.jpg) no-repeat top left;
}
.sec01 h2{text-indent:-9999px;}
.sec01 .btn01{
	margin:500px auto 0;
	display:block;
}

/* section .sec02 */
.sec02{
	width:720px;
	margin:0 auto;
}
.sec02 dl.list01{
	width:720px;
	margin-left:30px;
}
.sec02 dl.list01 dt{
	float:left;
	clear:both;
	width:120px;
	margin-top:20px;
}

.sec02 dl.list01 dd{
	float:left;
	width:560px;
	padding:5px 20px;
	margin-top:20px;
}
.sec02 dl.list01 dd h2{
	margin-bottom:10px;
}
.sec02 dl.list01 dd p{font-size:14px;}

.sec02 .arrow01{margin:30px auto;}


/* section .sec03 */
.sec03{
	width:900px;
	margin:0 auto;
}
.sec03 .box_L{
	width:430px;
	padding:20px 20px 20px 25px;
	border:3px solid #00822D;
	border-radius: 10px;        /* CSS3���� */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
    -moz-border-radius: 10px;   /* Firefox�p */
    float:left;
    margin-right:10px;
}
.sec03 .box_R{
	width:430px;
	padding:20px 20px 20px 25px;
	border:3px solid #00822D;
	border-radius: 10px;        /* CSS3���� */ 
    -webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
    -moz-border-radius: 10px;   /* Firefox�p */
    float:right;
    margin-left:10px;
	position: relative;
}

.sec03 .box_R .guest_end_cover{
	background:rgba(46,46,46,0.9);
	border-radius: 5px;
	width:410px;
	height: 725px;
	background-position: center;
	position: absolute;
	top:0;
	bottom:0;
	right: 0;
	left:0;
	margin: auto;
}

.sec03 .box_R .guest_end_cover #guest_end{
width:100%;
text-align: center;
font-size: 18px;
color: #fff;
line-height: 1.5;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
margin: auto;
	
}

.sec03 dl.list02{
	width:430px;
}
.sec03 dl.list02 dt{
	float:left;
	clear:both;
	width:75px;
	margin-top:20px;
}

.sec03 dl.list02 dd{
	float:left;
	width:290px;
	padding-left:15px;
	margin-top:20px;
}
.sec03 h3+p{
	font-size:14px;
	margin:10px;
}
.sec03 .caution{color:#ff0000;}

/* section .sec04 */
.sec04{
	width:900px;
	margin:20px auto;
	background:#efefef;
	padding:5px 0;
}
.sec04 dl.list03{
	width:850px;
	margin:0 auto;
}
.sec04 dl.list03 dt{
	font-weight:bold;
	margin-top:15px;
}
.sec04 dl.list03 dd{
	font-size:11px;
}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.sp{display:none;}
.red{color:red;}
.mini{font-size:80%;}
.clear{clear:both;}