@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 {margin-bottom:2px; }
#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 .cname{ clear:both; padding:0; }
#oPage .namecard { width:50%; float:left }
#oPage .namedesc { width:50%; float:left }

#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; }

#oPage .seau { width:25%; float:left;margin:5px 0; }
#oPage .seau .ald { width:80px; float:left;padding:0 5px 0 0; }
#oPage .seau .ard { padding:0; }
#oPage .seau .ard .arti { font-weight:bold; height:37px;line-height:1.1em;font-size:1.1em;overflow:hidden;margin:3px 0 5px 0; }
#oPage .seau .ard .arda { font-weight:normal; height:16px;color:#666;margin:0 0 5px 0; }
#oPage .seau .ard .arbg { font-weight:normal; height:16px;color:#666;margin:0 0 5px 0; }
#oPage .seau .ard .ardn { font-weight:normal; height:16px; }


@media ( max-width:1023px ){
	#oPage .namecard { width:100%; }
	#oPage .namedesc { width:100%; }
	
	#oPage .seau { width:100%; }
	#oPage .seau .ald { width:120px; }
	#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%; }
}