/* main */
html { margin: 0; padding: 0; }
body { margin: 0; padding: 20px 0; color: black; background: white url('../images/back.gif') repeat-x; }
a { font-family: Verdana; text-decoration: none; color: black; }
img { border: 0; }
div { overflow: hidden; }

/* form */
form { margin: 0; }
input,select,textarea { font-family: Verdana; font-size: 11px; color: black; }

.btn_01 { background: url('../images/button_01.gif'); color: white; font-weight: bold; border: 0; width: 50px; height: 21px; }
.btn_02 { background: url('../images/button_02.gif'); color: white; font-weight: bold; border: 0; width: 50px; height: 21px; }
.btn_03 { background: url('../images/button_03.gif'); color: white; font-weight: bold; border: 0; width: 30px; height: 21px; }
.btn_04 { background: url('../images/button_04.gif'); color: white; font-weight: bold; border: 0; width: 70px; height: 21px; }

/* general */
.general { font-family: Verdana; font-size: 11px; }
.general a { font-family: Verdana; }
.general a:hover { text-decoration: underline; }

/* background */
.b_white { background: white; }
.b_black { background: black; }
.b_light_orange { background: #fff7eb; }
.b_light_green { background: #effbaf; }
.b_orange { background: #d84519; }
.b_dark_orange { background: #6c220c; }
.b_green { background: #76b900; }
.b_dark_green { background: #4f8a10; }
.b_page { background: url('../images/page.gif'); }
.b_top { background: url('../images/top.jpg') repeat-x; }
.b_bottom { background: url('../images/bottom.gif') no-repeat; width: 990px; height: 30px; }
.b_bubble { background: url('../images/bubble.gif') no-repeat; width: 57px; height: 38px; text-align: center; padding-top: 7px; color: white; font-family: Georgia; font-size: 20px; font-weight: bold; }

/* font-size */
.fs_11 { font-size: 11px; }
.fs_13 { font-size: 13px; }
.fs_18 { font-size: 18px; }
.fs_21 { font-size: 21px; }

/* letter spacing */
.ls_m25 { letter-spacing: -25px; }

/* font-family */
.ff_arial { font-family: Arial; }

/* text-link */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.none { text-decoration: none; }
.underline { text-decoration: underline; }

.c_white { color: white; }
.c_black { color: black; }
.c_yellow { color: #f9ba00; }
.c_orange { color: #d84519; }
.c_green { color: #76b900; }
.c_brown { color: #51260b; }
.c_light_brown { color: #d3c3b3; }
.c_brown { color: #a88e7b; }
.c_dark_brown { color: #51260b; }

.l_white { color: white; }
.l_white a { color: white; }
.l_black { color: black; }
.l_black a { color: black; }
.l_orange { color: #d84519; }
.l_orange a { color: #d84519; }
.l_green { color: #76b900; }
.l_green a { color: #76b900; }
.l_light_brown { color: #d3c3b3; }
.l_light_brown a { color: #d3c3b3; }
.l_brown { color: #a88e7b; }
.l_brown a { color: #a88e7b; }
.l_dark_brown { color: #51260b; }
.l_dark_brown a { color: #51260b; }

/* padding */
.p_0 { padding: 0; }

.p_1 { padding: 1px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }

.pt_5 { padding-top: 5px; }
.pr_5 { padding-right: 5px; }
.pb_5 { padding-bottom: 5px; }
.pl_5 { padding-left: 5px; }

.pt_10 { padding-top: 10px; }
.pr_10 { padding-right: 10px; }
.pb_10 { padding-bottom: 10px; }
.pl_10 { padding-left: 10px; }

.pt_15 { padding-top: 15px; }
.pr_15 { padding-right: 15px; }
.pb_15 { padding-bottom: 15px; }
.pl_15 { padding-left: 15px; }

.pt_20 { padding-top: 20px; }
.pr_20 { padding-right: 20px; }
.pb_20 { padding-bottom: 20px; }
.pl_20 { padding-left: 20px; }

.p_5_0 { padding: 5px 0; }
.p_10_0 { padding: 10px 0; }
.p_0_10 { padding: 0 10px; }
.p_5_10 { padding: 5px 10px; }
.pr_14 { padding-right: 14px; }
.pt_30 { padding-top: 30px; }
.pt_25 { padding-top: 25px; }

.ps_1 { padding: 10px 0 10px 430px; }
.ps_2 { padding: 20px 0 20px 15px; }
.ps_3 { padding: 3px 5px; }
.ps_4 { padding: 180px 10px 10px 10px; }
.ps_5 { padding: 30px 20px 0 10px; }
.ps_6 { padding: 5px 5px 20px 30px; }
.ps_7 { padding: 4px 10px; }

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

.m_0 { margin: 0; }

.mt_5 { margin-top: 5px; }
.mr_5 { margin-right: 5px; }
.mb_5 { margin-bottom: 5px; }
.ml_5 { margin-left: 5px; }

.mt_10 { margin-top: 10px; }
.mr_10 { margin-right: 10px; }
.mb_10 { margin-bottom: 10px; }
.ml_10 { margin-left: 10px; }

.mt_20 { margin-top: 20px; }
.mr_20 { margin-right: 20px; }
.mb_20 { margin-bottom: 20px; }
.ml_20 { margin-left: 20px; }

.m_5_0 { margin: 5px 0; }
.m_10_0 { margin: 10px 0; }

/* text-align */
.t_left { text-align: left; }
.t_center { text-align: center; }
.t_right { text-align: right; }

/* border */
.br_form { border: 1px solid white; }
.br_avatar { border: 1px solid black; }

/* seperator */
.sp_1 { margin-top: 5px; font-size: 1px; border-bottom: 1px solid #d3c3b3; }
.sp_2 { margin-top: 5px; font-size: 1px; border-bottom: 1px solid #d3a869; }
.sp_3 { border-right: 1px solid #fdda76; }
.sp_4 { margin-top: 5px; font-size: 1px; border-bottom: 1px solid #bad875; }
.sp_5 { margin-top: 5px; padding-bottom: 5px; font-size: 1px; border-bottom: 1px solid #d3a869; }

/* h */
h1 { font-size: 21px; font-weight: normal; margin: 0; padding: 0; color: #51260b; letter-spacing: -1px; }
h2 { font-size: 21px; font-weight: normal; margin: 0; padding: 0; color: #a88e7b; letter-spacing: -1px; }

/* line-height */
.lh_15 { line-height: 15px; }
.lh_16 { line-height: 16px; }
.lh_18 { line-height: 18px; }

/* div */
.left { float: left; }
.right { float: right; }
.hidden { overflow: hidden; }
.block { display: block; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }

/* z-index */
.z2 { z-index: 2; }

/* position */
.p_absolute { position: absolute; }
.p_relative { position: relative; }

/* width */
.w_general { width: 100%; }
.w_990 { width: 990px; }
.w_530 { width: 530px; }
.w_490 { width: 490px; }
.w_470 { width: 470px; }
.w_445 { width: 445px; }
.w_425 { width: 425px; }
.w_390 { width: 390px; }
.w_340 { width: 340px; }
.w_300 { width: 300px; }
.w_280 { width: 280px; }
.w_270 { width: 270px; }
.w_260 { width: 260px; }
.w_255 { width: 255px; }
.w_250 { width: 250px; }
.w_245 { width: 245px; }
.w_240 { width: 240px; }
.w_230 { width: 230px; }
.w_220 { width: 220px; }
.w_210 { width: 210px; }
.w_200 { width: 200px; }
.w_195 { width: 195px; }
.w_185 { width: 185px; }
.w_160 { width: 160px; }
.w_150 { width: 150px; }
.w_135 { width: 135px; }
.w_125 { width: 125px; }
.w_110 { width: 110px; }
.w_100 { width: 100px; }
.w_85 { width: 85px; }
.w_60 { width: 60px; }
.w_50 { width: 50px; }
.w_20 { width: 20px; }
.w_10 { width: 10px; }
.w_1 { width: 1px; }

/* height */
.h_general { height: 100%; }
.h_130 { height: 130px; }
.h_100 { height: 100px; }
.h_10 { height: 10px; }
.h_1 { height: 1px; }

/* ul, li */
.ul_1 { padding: 0 0 10px 0; margin: 0 0 0 20px; font-size: 13px; color: #51260b; }
.ul_1 a { color: #76b900; }
.ul_1 li { padding-top: 10px; }

.ul_2 { padding: 10px 0 10px 0; margin: 0 0 0 20px; font-size: 13px; color: #51260b; }
.ul_2 a { color: #d84519; }
.ul_2 li { line-height: 18px; }

/* others */
.p1 { padding: 0; margin: 0; }
.p2 { padding: 0; margin: 0; font-weight: bold; }
.p3 { padding: 5px 0 0 0; margin: 0; }
.p4 { padding: 5px 0 0 0; margin: 0; font-size: 13px; font-weight: bold; }
.p5 { padding: 10px 0 0 0; margin: 0; }
.p6 { padding: 5px 0 0 0; margin: 0; font-weight: bold; }
.p7 { padding: 5px 0 0 0; margin: 0; color: #d3c3b3; }
.p8 { padding: 0; margin: 0; font-weight: bold; font-size: 13px; color: #51260b; }
.p8 a { color: #d84519; }
.p9 { padding: 5px 0; margin: 0; color: #d3c3b3; }
.p9 a { color: #ab8b5e; text-decoration: underline; }
.p10 { padding: 0; margin: 0; color: #51260b; font-size: 13px; line-height: 18px; }
.p10 a { color: #76b900; }

.paging { font-weight: normal; }
.paging span { margin: 0 3px; }

.span_2 span { margin: 0 2px; }
.span_5 span { margin: 0 5px; }

.spcl_1 { float: left; width: 210px; margin: 10px 10px 0 0; background: #fff7eb; padding: 10px 10px 10px 10px; }
.spcl_1 img { margin-right: 10px; }
.spcl_2 { float: left; width: 210px; margin-top: 10px; background: #fff7eb; padding: 10px; }
.spcl_2 img { margin-right: 10px; }

.table td { padding: 5px; }