@charset "utf-8";

/***  fix
*******************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:bottom;
    background:transparent;
}

html { overflow-y: scroll; }

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

address {
	font-style:normal;
}


/***  clearfix
*******************************************/

.clearfix { zoom:1; }
.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; overflow:hidden; }

/***  public class
*******************************************/

.size26 { font-size:197%; }		/* for setting 26px */
.size25 { font-size:189%; }		/* for setting 25px */
.size24 { font-size:182%; }		/* for setting 24px */
.size23 { font-size:174%; }		/* for setting 23px */
.size22 { font-size:167%; }		/* for setting 22px */
.size21 { font-size:161.6%; }		/* for setting 21px */
.size20 { font-size:153.9%; }		/* for setting 20px */
.size19 { font-size:146.5%; }		/* for setting 19px */
.size18 { font-size:138.5%; }		/* for setting 18px */
.size17 { font-size:131%; }		/* for setting 17px */
.size16 { font-size:123.1%; }		/* for setting 16px */
.size15 { font-size:116%; }		/* for setting 15px */
.size14 { font-size:108%; }		/* for setting 14px */
.size13 { font-size:100%; }		/* for setting 13px , default */
.size12 { font-size:93%; }		/* for setting 12px */
.size11 { font-size:85%; }		/* for setting 11px */
.size10 { font-size:77%; }		/* for setting 10px */

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-center table { margin:0 auto 0 auto; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.float-center { margin:0 auto; }
.clear-both { clear: both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.padding-top5 { padding-top: 5px; }
.padding-top10 { padding-top: 10px; }
.padding-top15 { padding-top: 15px; }
.padding-top20 { padding-top: 20px; }
.padding-top25 { padding-top: 25px; }
.padding-bottom5 { padding-bottom: 5px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom15 { padding-bottom: 15px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-bottom25 { padding-bottom: 25px; }
.padding-right5 { padding-right: 5px; }
.padding-right10 { padding-right: 10px; }
.padding-right15 { padding-right: 15px; }
.padding-right20 { padding-right: 20px; }
.padding-right25 { padding-right: 25px; }
.padding-left5 { padding-left: 5px; }
.padding-left10 { padding-left: 10px; }
.padding-left15 { padding-left: 15px; }
.padding-left20 { padding-left: 20px; }
.padding-left25 { padding-left: 25px; }

.margin-top5 { margin-top: 5px; }
.margin-top10 { margin-top: 10px; }
.margin-top15 { margin-top: 15px; }
.margin-top20 { margin-top: 20px; }
.margin-top25 { margin-top: 25px; }
.margin-bottom5 { margin-bottom: 5px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom15 { margin-bottom: 15px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom25 { margin-bottom: 25px; }
.margin-right5 { margin-right: 5px; }
.margin-right10 { margin-right: 10px; }
.margin-right15 { margin-right: 15px; }
.margin-right20 { margin-right: 20px; }
.margin-right25 { margin-right: 25px; }
.margin-left5 { margin-left: 5px; }
.margin-left10 { margin-left: 10px; }
.margin-left15 { margin-left: 15px; }
.margin-left20 { margin-left: 20px; }
.margin-left25 { margin-left: 25px; }

.width25 { width: 25px; }
.width50 { width: 50px; }
.width100 { width: 100px; }
.width120 { width: 120px; }
.width150 { width: 150px; }
.width180 { width: 180px; }
.width200 { width: 200px; }
.width220 { width: 220px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
