@charset "UTF-8";



/*---------------------------------------------
 font size
---------------------------------------------*/
.xsmall { font-size: 80%; }
.small { font-size: 90%; }
.normal { font-size: 100%; }
.large { font-size: 115%; }
.xlarge{ font-size: 125%; }



/*---------------------------------------------
 line height
---------------------------------------------*/
.xlh { line-height: 1.1; }
.lh { line-height: 1.3; }
.nh { line-height: 1.5; }
.hh { line-height: 1.8; }
.xhh { line-height: 2.1; }



/*---------------------------------------------
 font weight
---------------------------------------------*/
.normal { font-weight: normal; }
.bold { font-weight: bold; }



/*---------------------------------------------
 font color
---------------------------------------------*/
.red { color: #dd0000; }
.blue { color: blue; }



/*---------------------------------------------
 text align, valign
---------------------------------------------*/
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }
.align-center { text-align: center !important; }
.valign-top { vertical-align: top !important; }
.valign-middle { vertical-align: middle !important; }
.valign-bottom { vertical-align: bottom !important; }



/*---------------------------------------------
 float left, right
---------------------------------------------*/
.left { float: left; }
.right { float: right; }


/*---------------------------------------------
 border
---------------------------------------------*/
.noborder { border: none !important; }



/*---------------------------------------------
 list
---------------------------------------------*/
.none { list-style-type: none !important; }
.disc { list-style-type: disc; margin-left: 2em; }
.circle { list-style-type: circle; margin-left: 2em; }
.square { list-style-type: square; margin-left: 2em; }
.decimal { list-style-type: decimal; margin-left: 2em; }



/*---------------------------------------------
 taxt-indent
---------------------------------------------*/
.ind { text-indent: -1em; margin-left: 1em; }
.ind2 { text-indent: -1.8em; margin-left: 1.8em; }
.ind3 { text-indent: -3em; margin-left: 3em; }



/*---------------------------------------------
 margin, padding
---------------------------------------------*/
.mL0 { margin-left: 0 !important; }
.mL1 { margin-left: 10px !important; }
.mL2 { margin-left: 20px !important; }
.mL3 { margin-left: 30px !important; }
.mL3em { margin-left: 3em !important; }
.mL4 { margin-left: 40px !important; }
.mL5 { margin-left: 50px !important; }
.mL5em { margin-left: 5em !important; }

.mR0 { margin-right: 0 !important; }
.mR05 { margin-right: 5px !important; }
.mR1 { margin-right: 10px !important; }
.mR2 { margin-right: 20px !important; }
.mR3 { margin-right: 30px !important; }
.mR4 { margin-right: 40px !important; }
.mR5 { margin-right: 50px !important; }

.mT-1em { margin-top: -1em !important; }
.mT0 { margin-top: 0 !important; }
.mT05 { margin-top: 5px !important; }
.mT1 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT2 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT3 { margin-top: 30px !important; }
.mT4 { margin-top: 40px !important; }
.mT5 { margin-top: 50px !important; }

.mB0 { margin-bottom: 0 !important; }
.mB05 { margin-bottom: 5px !important; }
.mB1 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB2 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB3 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB50{ margin-bottom: 50px !important; }