/* common */
.pabs { position:absolute; }
.prel { position:relative; }
.vam { vertical-align:middle; }
.vat { vertical-align:top; }
.vab { vertical-align:bottom; }
.tac { text-align:center; }
.tal { text-align:left; }
.tar { text-align:right; }
.taj { text-align:justify; }
.cl  { clear:both; }
.cll { clear:left; }
.crl { clear:right; }
.fl  { float:left; }
.fr  { float:right; }
.u { text-decoration:underline; }
.i { font-style:italic; }
.b { font-weight:bold; }
.center-o { margin-left:auto; margin-right:auto; padding:0; }
.h, .hid { display:none; }
.full { width:100%; }
.overh { overflow:hidden; }	
.hr,.hrb { height:1px; width:100%; border-top:1px solid #000000; font-size: 1px; }
.hr { margin:4px 0; }
.hrb { margin:6px 0; }
.bgwhite { background-color:white; }
.bgtrans { background-color:transparent; }
.b1px { border:1px solid #000000; }
.bg-box { background-color: #31319C; color:#ffffff; font-size:12px; font-weight:bold; padding:2px 10px;}
.bg-box a { color:#ffffff; }
.b2ram {  border:2px solid #000000;  }

/* clear */ 
.cl1, .cl3, .cl5, .cl10, .cl15, .cl20, .cl-art { clear:both; margin:0; padding:0; width:100%; }
.cl20 { font-size:20px; height:20px; }
.cl15, .cl-art { font-size:15px; height:15px; }
.cl10 { font-size:10px; height:10px; }
.cl5 { font-size:5px; height:5px; }
.cl3 { font-size:3px; height:3px; }
.cl1 { font-size:1px; height:1px; }