@import url(reset.css);

.ft10 {font-size:10px;} /* for setting 10px */
.ft11 {font-size:11px;} /* for setting 11px */
.ft12 {font-size:12px;} /* for setting 12px */
.ft13 {font-size:13px;} /* for setting 13px */
.ft14 {font-size:14px;} /* for setting 14px */
.ft15 {font-size:15px;} /* for setting 15px */
.ft16 {font-size:16px;} /* for setting 16px */
.ft17 {font-size:17px;} /* for setting 17px */
.ft18 {font-size:18px;} /* for setting 18px */

.font_weightB{ font-weight:bold; }
.font_weightN{ font-weight:normal; }

.txt_indent2{ text-indent:24px; }

.ft_red ,a.ft_red{ color:red; }
.ft_blue ,a.ft_blue { color:blue; }
.ft_blue2 ,a.ft_blue2 { color:#0062a7; }
.ft_darkblue,a.ft_darkblue{ color:#000fa2;}
.ft_white { color:white; }
.ft_gray ,a.ft_gray{ color:#878787; }

.line_h20{ line-height:20px; }
.line_h22{ line-height:22px; }
.line_h24{ line-height:24px;  }
.line_h26{ line-height:26px;}

.txt_unl{ text-decoration:underline; }
.txt_no_unl{ text-decoration:none;}

.txt_align_l{ text-align:left; }
.txt_align_c{ text-align:center; }
.txt_align_r{ text-align:right; }

.float_l{
	float:left;
	display:inline;
}

.float_r{
	float:right;
	display:inline;
}

.vertical_align_m{
	vertical-align:middle;
} 

.position_r{ position:relative; } 

.position_a{ position:absolute; }

.position_absolute_r0{
	position:absolute;
	right:0;
}

.visibility_hidden{
	visibility:hidden;
} 

.display_n{ display:none; }
.display_b{ display:block; }

.clear_b{
	clear:both;
}

.clear_l{
	clear:left;
}

.clear_r{
	clear:right;
}

.clearfix:after ,.pic_txt:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:'.';
}

.clearfix { zoom:1; }

.margin_5 { margin:5px; }
.margin_tb5 { margin:5px 0; }
.margin_t5 { margin-top:5px; }
.margin_b5 { margin-bottom:5px; }
.margin_lr5 { margin:0 5px; }
.margin_l5 { margin-left:5px; }
.margin_r5 { margin-right:5px; }


.margin_10 { margin:10px; }
.margin_tb10 { margin:10px 0; }
.margin_t10 { margin-top:10px; }
.margin_b10 { margin-bottom:10px; }
.margin_lr10 { margin:0 10px; }
.margin_l10 { margin-left:10px; }
.margin_r10 { margin-right:10px; }


.margin_20 { margin:20px; }
.margin_tb20 { margin:20px 0; }
.margin_t20 { margin-top:20px; }
.margin_b20 { margin-bottom:20px; }
.margin_lr20 { margin:0 20px; }
.margin_l20 { margin-left:20px; }
.margin_r20 { margin-right:20px; }

.margin_0 { margin:0px; }
.margin_tb0 { margin:0px 0; }
.margin_t0 { margin-top:0px; }
.margin_b0 { margin-bottom:0px; }
.margin_lr0 { margin:0 0px; }
.margin_l0 { margin-left:0px; }
.margin_r0 { margin-right:0px; }


.padding_5 { padding:5px; }
.padding_tb5 { padding:5px 0; }
.padding_t5 { padding-top:5px; }
.padding_b5 { padding-bottom:5px; }
.padding_lr5 { padding:0 5px; }
.padding_l5 { padding-left:5px; }
.padding_r5 { padding-right:5px; }


.padding_10 { padding:10px; }
.padding_tb10 { padding:10px 0; }
.padding_t10 { padding-top:10px; }
.padding_b10 { padding-bottom:10px; }
.padding_lr10 { padding:0 10px; }
.padding_l10 { padding-left:10px; }
.padding_r10 { padding-right:10px; }


.padding_20 { padding:20px; }
.padding_tb20 { padding:20px 0; }
.padding_t20 { padding-top:20px; }
.padding_b20 { padding-bottom:20px; }
.padding_lr20 { padding:0 20px; }
.padding_l20 { padding-left:20px; }
.padding_r20 { padding-right:20px; }

.width_per100 { width:100%; }

.bg_width  { background-color:#fff; }

.bg_gray { background-color:#F5F5F5; }

.bg_blue { background-color:#018CBB; }