@charset "utf-8";

/*=================== List of Content ==================*/
/*                                                      */
/*  1. Font                                             */
/*  2. Table                                            */
/*  3. Layout                                           */
/*  4. List                                             */
/*  5. Margin & Padding                                 */
/*  6. Border & Background                              */
/*  7. Clearfix                                         */
/*  8. Print                                            */
/*                                                      */
/*======================================================*/


/*----------------------------------------------------------------------
 1. Font
----------------------------------------------------------------------*/

/* color */
.red { color: #f00; }
.blue { color: #009; }
.green { color: #216232; }
.greenB { color: #216232; font-weight:bold; }

/* size */
.small { font-size:85%; }
.big { font-size:115%; }

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

/* decoration */
.underLine { text-decoration:underline; }

/* style */
.italic { font-style:italic; }

/*----------------------------------------------------------------------
 2. Table
----------------------------------------------------------------------*/

/* boder none */
table.nobdr { border:none; }
.nobdr th,.nobdr td { border:none; padding:0; }
.nobdr thead th { background:none; font-weight:normal; }
.nobdr tfoot th,tfoot td { background:none; border-top:none; }
.nobdr th { background:none; 	text-align:left; vertical-align:top; }

/* align & valign */
table tbody.alnL th,table tbody.alnL td { text-align:left; }
table tbody.alnC th,table tbody.alnC td { text-align:center; }
table tbody.alnR th,table tbody.alnR td { text-align:right; }
table tbody.valnT th,table tbody.valnT td { vertical-align:top; }
table tbody.valnM th,table tbody.valnM td { vertical-align:middle; }

/* white-space */
.nowrap { white-space:nowrap; }

/* width */
.w-10 { width:10%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-30 { width:30%; }
.w-33 { width:33%; }
.w-35 { width:35%; }
.w-40 { width:40%; }
.w-45 { width:45%; }
.w-50 { width:50%; }
.w-55 { width:55%; }
.w-60 { width:60%; }
.w-65 { width:65%; }
.w-70 { width:70%; }
.w-75 { width:75%; }
.w-80 { width:80%; }
.w-85 { width:85%; }
.w-90 { width:90%; }
.w-95 { width:95%; }
.w-100 { width:100%; }
table.w-100 { width:99.8%; }

/*----------------------------------------------------------------------
 3. Layout
----------------------------------------------------------------------*/

/* indent */
.idt1 { text-indent:1em; }
.space { margin-top:1em; }
.pull { padding-left:1em; text-indent:-1em; }
.pull02 { padding-left:1.5em; text-indent:-1.4em; }

/* align */
.alnR { text-align: right !important; }
.alnC { text-align: center !important; }
.alnL { text-align: left !important; }

/* valign */
.valnT { vertical-align:top !important; }
.valnM { vertical-align:middle !important; }
.valnB { vertical-align:bottom !important; }

/* clear */
.clear { clear: both; }

/* display */
.none { display:none; }
.block { display:block; }
.inline { display:inline; }

/* float */
.floatLeft { float:left; }
.floatRight { float:right; }
img.floatLeft { margin-bottom:10px; margin-right:15px; }
img.floatRight { margin-bottom:10px; margin-left:15px; }

/* .box_s , .box_m . box_l */

.box_es { width:190px; }
.box_s { width:230px; }
.box_m { width:292px; }
.box_l { width:355px; }
.box_el { width:395px; }

/*----------------------------------------------------------------------
 4. List
----------------------------------------------------------------------*/

ol.listNormal { margin-left:17px; }
* html ol.listNormal { margin-left:25px; } /* for Win:IE6 */
*+html ol.listNormal { margin-left:25px; } /* for Win:IE7- */
ul.listNormal { margin-left:17px; }
ul.listCircle { margin-left:17px; }
.listAlpha { margin-left:17px; }

ol.listNormal { list-style:outside decimal; }
ul.listNormal { list-style:outside disc; }
ul.listCircle { list-style:outside circle; }
ol.listAlpha,
.listAlpha { list-style:outside lower-alpha; }

ol.listNone,ul.listNone { list-style:none; margin-left:8px; }
li.listNone { list-style:none; }

table ol.listNormal { margin-left:15px; }
table ul.listNormal { margin-left:15px; }
table .listAlpha { margin-left:18px; }

ol.listPull,
ul.listPull { padding-left:1.5em; text-indent:-1.5em; }

/*----------------------------------------------------------------------
 5. Margin & Padding
----------------------------------------------------------------------*/

/* margin */
.mg_None { margin: 0 !important; }
.mg_20 { margin: 20px !important; }
/* top */
.mg_tNone { margin-top: 0 !important; }
.mg_t5 { margin-top: 5px; }
.mg_t10 { margin-top: 10px; }
.mg_t15 { margin-top: 15px; }
.mg_t20 { margin-top: 20px; }
.mg_t30 { margin-top: 30px; }
/* right */
.mg_rNone { margin-right: 0 !important; }
.mg_r5 { margin-right: 5px; }
.mg_r10 { margin-right: 10px; }
.mg_r15 { margin-right: 15px; }
.mg_r20 { margin-right: 20px; }
.mg_r30 { margin-right: 30px; }
/* bottom */
.mg_bNone { margin-bottom: 0 !important; }
.mg_b5 { margin-bottom: 5px; }
.mg_b10 { margin-bottom: 10px; }
.mg_b15 { margin-bottom: 15px; }
.mg_b20 { margin-bottom: 20px; }
.mg_b30 { margin-bottom: 30px; }
/* left */
.mg_lNone { margin-left: 0 !important; }
.mg_l5 { margin-left: 5px; }
.mg_l10 { margin-left: 10px; }
.mg_l15 { margin-left: 15px; }
.mg_l20 { margin-left: 20px; }
.mg_l30 { margin-left: 30px; }


/* padding */
.pd_None { padding: 0 !important; }
.pd_10 { padding: 10px; }
/* top */
.pd_t5 { padding-top: 5px; }
.pd_t10 { padding-top: 10px; }
.pd_t15 { padding-top: 15px; }
/* right */
.pd_r5 { padding-right: 5px; }
.pd_r10 { padding-right: 10px; }
.pd_r15 { padding-right: 15px; }
/* bottom */
.pd_b5 { padding-bottom: 5px; }
.pd_b10 { padding-bottom: 10px; }
.pd_b15 { padding-bottom: 15px; }
/* left */
.pd_l5 { padding-left: 5px; }
.pd_l10 { padding-left: 10px; }
.pd_l15 { padding-left: 15px; }

/*----------------------------------------------------------------------
 6. Border & Background
----------------------------------------------------------------------*/

/* border */
.bdr_das { border:1px #333 dashed; }
.bdr_sol { border:1px #333 solid; }
.bdrNone { border:none; }

.noBg { background:none !important; }
.bg_gray { background-color:#f0efef; }

/*----------------------------------------------------------------------
 7. clearfix
----------------------------------------------------------------------*/

.clearfix:after {  
	clear:both;
	content: ".";
	display:block;
	height:0;
	visibility:hidden;
}  
.clearfix { min-height:1px; }
* html .clearfix { 
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
 }
*+html .clearfix { zoom: 1; } /* IE7 */  

/*----------------------------------------------------------------------
 8. Print
----------------------------------------------------------------------*/

.print_area { display:none; }
#main table { margin-bottom:15px; }