@charset "utf-8";

/* CSS Document */

/* *********** BASE STYLE *********** */

#pf_messages {
	width: 100%;	
   display:block;
   

    
}




/* ContentsArea
-------------------------- */
#contents_modal {
	margin: 0 auto;
	padding: 10px 0 100px 0;
	width: 100%;
	max-width: 1170px;
    height:auto;

 
  
    background-color:#feffe8;
}

  	
#modal {width:100%;
overflow:hidden;
position:fixed;
  
}
   


p {
	padding: 10px 0;
    
}

#open01, #open02, #open03, #open04, #open05, #open06,
#open07, #open08, #open09, #open10, #open11, #open12,
#open13, #open14, #open15, #open16, #open17, #open18,
#open19, #open20, #open21, #open22, #open23, #open24,
#open25, #open26, #open27, #open28, #open29, #open30,
#open31, #open32, #open33, #open34, #open35, #open36,
#open37, #open38, #open39, #open40, #open41, 
#open42 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
    overflow:visible;
    
    
    
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: fixed;
    overflow:hidden;
	background: #000;
	opacity: 0.5;
	z-index: 95;
    
   
}
.modal_close  {
    float: right !important;
    margin-right: -25px !important;
    margin-top: -25px !important;
    z-index: 100;
    opacity: 1 !important;
    
   
}
.modal_window {
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 100;
    border-radius:10px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal_window_l {
	top: 50%;
	left: 50%;
	width: 300px;
	height: 475px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 100;
    border-radius:10px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal_window_m {
	top: 50%;
	left: 50%;
	width: 300px;
	height: 380px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 100;
    border-radius:10px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.modal_window h2, .modal_window_l h2, .modal_window_m h2 {
	margin-bottom: 20px;
	width: 300px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: #969696;
   
}
.modal_window>p, .modal_window_l>p, .modal_window_m>p {
	padding: 0 15px 15px 15px;
	font-size: 15px;
	line-height: 160%;
	text-align: left;
    
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 0.5s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
    
}