@import "../common.css";
@import "../header.css";
@import "../footer.css";

#Contents{ 
	margin:0 auto;padding:0;
	max-width:1280px;min-width:320px;
	box-sizing:border-box;
	vertical-align:top;
	clear:both; 
}
#moTop { display:none; }
@media ( max-width:1023px ){
	#moTop { display:block; }
}

#oPage .ti1 { clear:both;padding:10px 10px 5px 10px;background:#fff;font-weight:bold;margin:0 0 2px 0; }
#oPage .noev { clear:both;padding:40px 10px 40px 10px;background:#aaa;font-weight:bold;margin:0;text-align:center;color:#fff; }

#oPage section { width:33.33%; }
#oPage .fl { float:left;padding:0 4px 0 0; }
#oPage .fc { float:left;padding:0 2px 0 2px; }
#oPage .fr { float:right;padding:0 0 0 4px; }
#oPage .cti,#oPage .cde { padding:2px; }
#oPage .cti { line-height:1.2em;text-align:center;font-weight:bold;height:20px;overflow:hidden; }
#oPage .cde { line-height:1.2em;text-align:center;font-size:14px;height:20px;overflow:hidden;padding:2px 0 6px 0; }

#oPage .ml,#Contents .mr { width:50%;float:left; }
#oPage .cbd { border:1px solid #888; }
#oPage .clb { clear:both; }
#oPage iframe { border:1px solid #888;margin:0;padding:2px; }

@media ( max-width:1023px ){ 
	#oPage section { width:50%; }
	#oPage .fl,#oPage .fc,#oPage .fr { float:left;padding:0 1px 0 1px; }
}
@media ( max-width:1279px ){ 
	.ml, .mr { width:100%; }
}