@charset "utf-8";

/*========================================*
*　■汎用class
*========================================*/

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

.clear {
	padding: 0px;
	clear: both;
	margin-top: 1px;
	margin-bottom: 1px;
	height: 1px;
	margin-right: 0px;
	margin-left: 0px;
}

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


/* --------------------------------------------------
	margin
-------------------------------------------------- */
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}

.mb0{margin-bottom: 0px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml11{margin-left: 11px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}

.mt-5{margin-top: -5px;}
.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-40{margin-top: -40px;}
.mt-50{margin-top: -50px;}

/* --------------------------------------------------
	padding
-------------------------------------------------- */
.pa1{ padding: 1px}
.pa3{ padding: 3px}
.pa5{ padding: 5px}
.pa10{ padding: 10px}
.pa15{ padding: 15px}
.pa20{ padding: 20px}
.pa30{ padding: 30px}
.pa40{ padding: 40px}
.pa50{ padding: 50px}

.pt3{ padding-top: 3px}
.pt5{ padding-top: 5px}
.pt10{ padding-top: 10px}
.pt15{ padding-top: 15px}
.pt20{ padding-top: 20px}
.pt25{ padding-top: 25px}
.pt30{ padding-top: 30px}
.pt40{ padding-top: 40px}
.pt50{ padding-top: 50px}

.pr3{ padding-right: 3px}
.pr5{ padding-right: 5px}
.pr10{ padding-right: 10px}
.pr15{ padding-right: 15px}
.pr20{ padding-right: 20px}
.pr25{ padding-right: 25px}
.pr30{ padding-right: 30px}
.pr40{ padding-right: 40px}
.pr50{ padding-right: 50px}

.pb3{ padding-bottom: 3px}
.pb5{ padding-bottom: 5px}
.pb10{ padding-bottom: 10px}
.pb15{ padding-bottom: 15px}
.pb20{ padding-bottom: 20px}
.pb25{ padding-bottom: 25px}
.pb30{ padding-bottom: 30px}
.pb40{ padding-bottom: 40px}
.pb50{ padding-bottom: 50px}

.pl3{ padding-left: 3px}
.pl5{ padding-left: 5px}
.pl10{ padding-left: 10px}
.pl15{ padding-left: 15px}
.pl20{ padding-left: 20px}
.pl24{ padding-left: 24px}
.pl25{ padding-left: 25px}
.pl30{ padding-left: 30px}
.pl40{ padding-left: 40px}
.pl50{ padding-left: 50px}