/* universal reset
================================================== */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align:left ; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0; }
input, textarea, select { *font-size: 100%; }
legend { color: #000; }
img {   vertical-align: middle; }

input[type="radio"], input[type="checkbox"] {
  vertical-align: middle;
}
input[type="radio"] + label, input[type="checkbox"] + label {
  margin-left: 2px;
  margin-right: 5px;
  vertical-align: middle;
}

/* base property
================================================== */
/* clearfix */
.cf {
  min-height: 1px;
}
.cf:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* btn over */
.ov:hover, .ov a:hover{ opacity: 0.8; filter: alpha(opacity=80); zoom:1; }
.ov, .ov a{ display: inline-block\9; }

/* display */
.dn { display: none; }

/* opacity */
.op0 { opacity: 0; }

/* float */
.fr { float: right !important; }
.fl { float: left !important; }

/* text-align */
.tar { text-align: right; }
.tac { text-align: center; }

/* vertical-align */
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }
.vat { vertical-align: top; }

/* height */
.h18 { height: 18px; }
.h25 { height: 25px; }
.h50 { height: 50px; }
.h450 { height: 450px; }

/* width */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w55 { width: 55px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w430 { width: 430px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w660 { width: 660px; }
.w670 { width: 670px; }
.w680 { width: 680px; }
.w690 { width: 690px; }
.w700 { width: 700px; }
.w740 { width: 740px; }

.w100p { width: 100%; }

.mw100 { min-width: 100px; }
.mw200 { min-width: 200px; }

/* margin */
.ma { margin-right: auto; margin-left: auto; }

/* margin-top */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

/* margin-left */
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml30 { margin-left: 30px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }
.ml200 { margin-left: 200px; }
.ml300 { margin-left: 300px; }
.ml350 { margin-left: 350px; }
.ml400 { margin-left: 400px; }
.ml500 { margin-left: 500px; }
.ml600 { margin-left: 600px; }

/* margin-right */
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

/* padding */
.p0 { padding: 0 !important; }

/* padding-top */
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }

/* padding-right */
.pr50 { padding-right: 50px !important; }

/* padding-left */
.pl50 { padding-left: 50px !important; }

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

/* color */
.fcRed { color: #FF0000; }

/* line-height */
.lh26 { line-height: 26px; }

/* font-size */
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }

/* ime-mode */
.imeDis { ime-mode:disabled; }