@charset "utf-8";
/* ----------
css
---------- */


/* common */
.cm-mt5 { margin-top:5px; }
.cm-mt10 { margin-top:10px; }
.cm-mt15 { margin-top:15px; }
.cm-mt20 { margin-top:20px; }
.cm-mt25 { margin-top:25px; }
.cm-mt30 { margin-top:30px; }
.cm-mt35 { margin-top:35px; }
.cm-mt40 { margin-top:40px; }
.cm-mt45 { margin-top:45px; }
.cm-mt50 { margin-top:50px; }
.cm-ml10 { margin-left:10px; }

.cm-btn-area1 { margin-top:60px; text-align:center; }
.cm-btn-area1 a { display:inline-block; font-size:0; }

.cm-clause-box1 { padding:20px 20px 20px 20px; border:1px solid #ccc; background-color:#f4f4f4; }
.cm-clause-box1 .clause-box-inner { padding:20px 20px 20px 20px; background-color:#fff; }
.cm-clause-box1 .clause-box-inner .clause-txt1 { font-size:14px; color:#333; font-weight:600; line-height:1.5; }
.cm-clause-box1 .clause-box-inner .clause-txt2 { font-size:12px; color:#666; line-height:1.5; }
.cm-clause-box1 .clause-box-inner .clause-txt3 { font-size:12px; color:#999; line-height:1.5; }

#fade {
	display:none;
	background-color:#000;
	position:fixed; left:0; top:0;
	width:100%; height:100%;
	opacity:.70;
	z-index:999999999;
}
.modal-block {
	display:none;
	position:fixed;
	top:50%; left:50%;
	z-index:9999999999;
	width:600px; height:600px;
}
.modal-close { display:block; width:60px; height:60px; position:absolute; right:-12px; top:-12px; }
.modal-load-area { height:600px; }

*html #fade {
	position:absolute;
}
*html .modal-block {
	position:absolute;
}