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

html {
 margin: 0;
 padding: 0;
}

* img{
 border:none;
}

li{
	list-style:none outside;
}

/* ---------------------------------------------
	clearfix
--------------------------------------------- */
/*clearfix*/
.clear{
 clear:both;
}
.clearfix:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix{
 display: inline-table;
 min-height: 1%;
 overflow:hidden;
}
/*Hides from MacIE \*/
* html .clearfix{zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
.clearfix{display: block;}
/*Hides from MacIE */
/* ---------------------------------------------
	float
--------------------------------------------- */
.fltL {
	display: inline;
	float: left;
}
.fltR {
	display: inline;
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}
/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt80 { margin-top: 80px !important;}
.mt100 { margin-top: 100px !important;}
.mt120 { margin-top: 120px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

@media (max-width:768px){
	.mt05 { margin-top: 0.2em !important;}
	.mt10 { margin-top: 0.5em !important;}
	.mt12 { margin-top: 0.5em !important;}
	.mt15 { margin-top: 0.5em !important;}
	.mt20 { margin-top: 0.5em !important;}
	.mt25 { margin-top: 0.5em !important;}
	.mt30 { margin-top: 0.5em !important;}
	.mt35 { margin-top: 1em !important;}
	.mt40 { margin-top: 1em !important;}
	.mt45 { margin-top: 1em !important;}
	.mt50 { margin-top: 1em !important;}
	.mt60 { margin-top: 1em !important;}
	.mt80 { margin-top: 1em !important;}
	.mt100 { margin-top: 1em !important;}
	.mt120 { margin-top: 1em !important;}
	
	.mr05 { margin-right: 0.2em !important;}
	.mr10 { margin-right: 0.5em !important;}
	.mr12 { margin-right: 0.5em !important;}
	.mr15 { margin-right: 0.5em !important;}
	.mr20 { margin-right: 0.5em !important;}
	.mr25 { margin-right: 0.5em !important;}
	.mr30 { margin-right: 0.5em !important;}
	.mr35 { margin-right: 1em !important;}
	.mr40 { margin-right: 1em !important;}
	.mr45 { margin-right: 1em !important;}
	.mr50 { margin-right: 1em !important;}
	
	.mb05 { margin-bottom: 0.2em !important;}
	.mb10 { margin-bottom: 0.5em !important;}
	.mb12 { margin-bottom: 0.5em !important;}
	.mb15 { margin-bottom: 0.5em !important;}
	.mb20 { margin-bottom: 0.5em !important;}
	.mb25 { margin-bottom: 0.5em !important;}
	.mb30 { margin-bottom: 0.5em !important;}
	.mb35 { margin-bottom: 1em !important;}
	.mb40 { margin-bottom: 1em !important;}
	.mb45 { margin-bottom: 1em !important;}
	.mb50 { margin-bottom: 1em !important;}
	.mb60 { margin-bottom: 1em !important;}
	.mb80 { margin-bottom: 1em !important;}
	
	.ml05 { margin-left: 0.2em !important;}
	.ml10 { margin-left: 0.5em!important;}
	.ml12 { margin-left: 0.5em !important;}
	.ml15 { margin-left: 0.5em !important;}
	.ml20 { margin-left: 0.5em !important;}
	.ml25 { margin-left: 0.5em !important;}
	.ml30 { margin-left: 0.5em !important;}
	.ml30 { margin-left: 0.5em !important;}
	.ml40 { margin-left: 1em !important;}
	.ml45 { margin-left: 1em !important;}
	.ml50 { margin-left: 1em !important;}
}

/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt75 { padding-top: 75px !important;}
.pt95 { padding-top: 95px !important;}
.pt140 { padding-top: 140px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl120 { padding-left: 120px !important;}

/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/* ---------------------------------------------
	vertical align
--------------------------------------------- */
.vlineT { vertical-align: top    !important;}
.vlineM { vertical-align: middle !important;}
.vlineB { vertical-align: bottom !important;}

/* ---------------------------------------------
	image layout
--------------------------------------------- */
.img_right { float: right; margin-left: 20px;}
.img_left {	float: left; margin-right: 20px;}