@charset "utf-8";
/* CSS Document */

html, body, 
h1, h2, h3, h4, h5, h6, 
p, ul, ol, li, dl, dt, dd, 
table, th, tr, td, 
form, fieldset, input, textarea, button {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}



/*-- clearfix --*/
.clearfix:after {   
	content: ".";    
	display: block;    
	height: 0px;    
	clear: both;    
	visibility: hidden;   
}   
  
.clearfix { display: inline-table;zoom:1; }   
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* End hide from IE-mac */  
/*-- end clearfix --*/

li {
list-style:none;
}

img {
	vertical-align:bottom;
border:none;
}

a:hover img.ho, .ho:hover, .ho:hover h2{
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}


/* -------  h  ------- */

h3,h4,h5{
	font-size:14px;
}

/* -------  ttl_bg  ------- */

.bg_black{
	margin:0;
	padding:0 0 0 10px;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#313131;
}

/* ------  font-color -------- */

.red{color:red;}
.ess{color:#ff0000;}
.org{color:#FF6600;}
.blu{color:#0033CC;}


/*--  font-size  --*/

.fs8 { font-size:8px; }
.fs9 { font-size:9px; }
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs26 { font-size:26px; }
.fs40 { font-size:40px; }


/*--  font-weight  --*/

.bold{font-weight:bold;}


/*--  white link  --*/
.white a{color:#ffffff;}
.white a:link{color:#ffffff;}
.white a:visited{color:#ffffff;}
.white a:hover{color:#ffffff;}
.white a:active{color:#ffffff;}


/*--  text-align  --*/

.ta_c{text-align:center;}
.ta_l{text-align:left;}
.ta_r{text-align:right;}

/*--  margin  --*/

.mg_0{margin:0;}
.mg_10{margin:10px;}
.mtb_5{margin:5px 0;}
.mtb_10{margin:10px 0;}
.mtb_30{margin:30px 0;}



/*--  margin-top  --*/

.mt_3{margin-top:3px;}
.mt_5{margin-top:5px;}
.mt_8{margin-top:8px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_60{margin-top:60px;}


/*--  margin-right  --*/

.mr_0{margin-right:0;}
.mr_5{margin-right:5px;}
.mr_6{margin-right:6px;}
.mr_7{margin-right:7px;}
.mr_8{margin-right:8px;}
.mr_9{margin-right:9px;}
.mr_10{margin-right:10px;}
.mr_12{margin-right:12px;}
.mr_20{margin-right:20px;}


/*--  margin-left  --*/

.ml_2{margin-left:2px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}


/*--  margin-bottom  --*/

.mb_2{margin-bottom:2px;}
.mb_5{margin-bottom:5px;}
.mb_6{margin-bottom:6px;}
.mb_7{margin-bottom:7px;}
.mb_8{margin-bottom:8px;}
.mb_10{margin-bottom:10px;}
.mb_14{margin-bottom:14px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}


/*--  padding  --*/

.pd_10{padding:10px;}
.pd_20{padding:20px;}
.ptb_5{padding:5px 0;}
.ptb_10{padding:10px 0;}

/*--  padding-top  --*/

.pt_5{padding-top:5px;}
.pt_6{padding-top:6px;}
.pt_7{padding-top:7px;}
.pt_8{padding-top:8px;}
.pt_9{padding-top:9px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}

/*--  padding-right  --*/

.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_20{padding-right:20px;}
.pr_30{padding-right:30px;}


/*--  padding-bottom  --*/
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}


/*--  padding-left  --*/

.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_18{padding-left:18px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}


/*--  vertical-align  --*/
.va_t{vertical-align:top;}
.va_m{vertical-align:middle;}
.va_b{vertical-align:bottom;}
/*--  float  --*/

.fl_l{float:left;}
.fl_r{float:right;}
.fl_box{overflow: hidden; *zoom: 1;}
.clear{clear:both;}



/*--  display  --*/

.dp_no{display:none;}