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

/*  float
==============================================*/
.float-l {float: left;}
.float-r {float: right;}
	
.img-right {
	padding:0;
	float: right;
	margin: 0px 0px 10px 5px;
	}
	
.img-left {
	padding:0;
	float: left;
	margin: 0px 5
	px 10px 0px;
	}


/*  common
==============================================*/
.clear {
	clear: both;
	line-height: 0px;
	}

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

.clearfix{
	display:inline-block;
}
	

/*  txt
==============================================*/
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}


.txt8 {font-size: 8px;line-height: 12px;}

.txt10 {font-size: 10px;line-height: 14px;}
.txt10b {font-size: 10px;line-height: 14px;font-weight: bold;}

.txt11 {font-size: 11px;line-height: 14px;}
.txt11b {font-size: 11px;line-height: 14px;font-weight: bold;}

.txt12 {font-size: 12px;line-height: 18px; font-weight:normal;}
.txt14 {font-size: 14px;line-height: 18px;}
.txt16 {font-size: 16px;line-height: 24px;}


.txt-red {color:#ff0000;}

.txt-letterspacing-1px {letter-spacing:-1px;}
.txt-letterspacing-2px {letter-spacing:-2px;}

/*  margin
==============================================*/

.mgall01 { margin: 1px 1px 1px 1px ; }
.mgall02 { margin: 2px 2px 2px 2px ; }
.mgall03 { margin: 3px 3px 3px 3px ; }
.mgall04 { margin: 4px 4px 4px 4px ; }
.mgall05 { margin: 5px 5px 5px 5px ; }
.mgall06 { margin: 6px 6px 6px 6px ; }
.mgall07 { margin: 7px 7px 7px 7px ; }
.mgall08 { margin: 8px 8px 8px 8px ; }
.mgall09 { margin: 9px 9px 9px 9px ; }
.mgall10 { margin: 10px 10px 10px 10px ; }
.mgall15  { margin: 15px 15px 15px 15px ; }
.mgall20  { margin: 20px 20px 20px 20px ; }
.mgall25  { margin: 25px 25px 25px 25px ; }
.mgall30  { margin: 30px 30px 30px 30px ; }

.tmg05 {margin: 5px 0px 0px 0px;}
.tmg10 {margin: 10px 0px 0px 0px;}
.tmg15 {margin: 15px 0px 0px 0px;}
.tmg20 {margin: 20px 0px 0px 0px;}
.tmg25 {margin: 25px 0px 0px 0px;}
.tmg30 {margin: 30px 0px 0px 0px;}
.tmg40 {margin: 40px 0px 0px 0px;}
.tmg50 {margin: 50px 0px 0px 0px;}

.rmg05 {margin: 0px 5px 0px 0px;}
.rmg10 {margin: 0px 10px 0px 0px;}
.rmg15 {margin: 0px 15px 0px 0px;}
.rmg20 {margin: 0px 20px 0px 0px;}
.rmg25 {margin: 0px 25px 0px 0px;}
.rmg30 {margin: 0px 30px 0px 0px;}
.rmg40 {margin: 0 40px 0 0;}
.rmg50 {margin: 0 50px 0 0;}

.bmg05 {margin: 0px 0px 5px 0px;}
.bmg10 {margin: 0px 0px 10px 0px;}
.bmg15 {margin: 0px 0px 15px 0px;}
.bmg20 {margin: 0px 0px 20px 0px;}
.bmg25 {margin: 0px 0px 25px 0px;}
.bmg30 {margin: 0px 0px 30px 0px;}
.bmg40 {margin: 0 0 40px 0;}
.bmg50 {margin: 0 0 50px 0;}

.lmg04 {margin: 0px 0px 0px 4px;}
.lmg05 {margin: 0px 0px 0px 5px;}
.lmg10 {margin: 0px 0px 0px 10px;}
.lmg15 {margin: 0px 0px 0px 15px;}
.lmg20 {margin: 0px 0px 0px 20px;}
.lmg25 {margin: 0px 0px 0px 25px;}
.lmg30 {margin: 0px 0px 0px 30px;}
.lmg35 {margin: 0px 0px 0px 35px;}
.lmg40 {margin: 0px 0px 0px 40px;}
.lmg50 {margin: 0px 0px 0px 50px;}


/*  padding
==============================================*/

.pdall01 { padding: 1px 1px 1px 1px ; }
.pdall02 { padding: 2px 2px 2px 2px ; }
.pdall03 { padding: 3px 3px 3px 3px ; }
.pdall04 { padding: 4px 4px 4px 4px ; }
.pdall05 { padding: 5px 5px 5px 5px ; }
.pdall06 { padding: 6px 6px 6px 6px ; }
.pdall07 { padding: 7px 7px 7px 7px ; }
.pdall08 { padding: 8px 8px 8px 8px ; }
.pdall09 { padding: 9px 9px 9px 9px ; }
.pdall10 { padding: 10px 10px 10px 10px ; }
.pdall15  { padding: 15px 15px 15px 15px ; }
.pdall20  { padding: 20px 20px 20px 20px ; }
.pdall25  { padding: 25px 25px 25px 25px ; }
.pdall30  { padding: 30px 30px 30px 30px ; }

.tpd05 {padding: 5px 0px 0px 0px;}
.tpd10 {padding: 10px 0px 0px 0px;}
.tpd15 {padding: 15px 0px 0px 0px;}
.tpd20 {padding: 20px 0px 0px 0px;}
.tpd25 {padding: 25px 0px 0px 0px;}
.tpd30 {padding: 30px 0px 0px 0px;}

.rpd05 {padding: 0px 5px 0px 0px;}
.rpd10 {padding: 0px 10px 0px 0px;}
.rpd15 {padding: 0px 15px 0px 0px;}
.rpd20 {padding: 0px 20px 0px 0px;}
.rpd25 {padding: 0px 25px 0px 0px;}
.rpd30 {padding: 0px 30px 0px 0px;}

.bpd05 {padding: 0px 0px 5px 0px;}
.bpd10 {padding: 0px 0px 10px 0px;}
.bpd15 {padding: 0px 0px 15px 0px;}
.bpd20 {padding: 0px 0px 20px 0px;}
.bpd25 {padding: 0px 0px 25px 0px;}
.bpd30 {padding: 0px 0px 30px 0px;}

.lpd05 {padding: 0px 0px 0px 5px;}
.lpd10 {padding: 0px 0px 0px 10px;}
.lpd15 {padding: 0px 0px 0px 15px;}
.lpd20 {padding: 0px 0px 0px 20px;}
.lpd25 {padding: 0px 0px 0px 25px;}
.lpd30 {padding: 0px 0px 0px 30px;}


/*  btn
==============================================*/
a.onmouseBTN:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* clearfix
----------------------------------------------*/
.clearfix:after {
    clear: both;
    content: "."; 
    display: block; 
    font-size: 0.1em;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix {
    height: 1em;
}

.clearfix {
    display: block;
}

/* clear
----------------------------------------------*/
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}