@charset "utf-8";

.w-100ps {
	width: 100%;
	height: auto;
}

.none {
	display: none;
}

.hide {
	visibility: hidden;
}

/* ----------------------------------------

text-align

---------------------------------------- */
.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }
.f-l { float: left; }
.f-r { float: right; }


/* ----------------------------------------

margin

---------------------------------------- */
.mt-5px { margin-top:  5px; }
.mt-10px { margin-top: 10px; }
.mt-15px { margin-top: 15px; }
.mt-20px { margin-top: 20px; }
.mt-25px { margin-top: 25px; }
.mt-30px { margin-top: 30px; }

.mr-5px { margin-right:  5px; }
.mr-10px { margin-right: 10px; }
.mr-15px { margin-right: 15px; }
.mr-20px { margin-right: 20px; }
.mr-25px { margin-right: 25px; }
.mr-30px { margin-right: 30px; }

.mb-5px { margin-bottom:  5px; }
.mb-10px { margin-bottom: 10px; }
.mb-15px { margin-bottom: 15px; }
.mb-20px { margin-bottom: 20px; }
.mb-25px { margin-bottom: 25px; }
.mb-30px { margin-bottom: 30px; }

.ml-5px { margin-left:  5px; }
.ml-10px { margin-left: 10px; }
.ml-15px { margin-left: 15px; }
.ml-20px { margin-left: 20px; }
.ml-25px { margin-left: 25px; }
.ml-30px { margin-left: 30px; }


/* ----------------------------------------

padding

---------------------------------------- */
.pt-5px { padding-top:  5px; }
.pt-10px { padding-top: 10px; }
.pt-15px { padding-top: 15px; }
.pt-20px { padding-top: 20px; }
.pt-25px { padding-top: 25px; }
.pt-30px { padding-top: 30px; }

.pr-5px { padding-right:  5px; }
.pr-10px { padding-right: 10px; }
.pr-15px { padding-right: 15px; }
.pr-20px { padding-right: 20px; }
.pr-25px { padding-right: 25px; }
.pr-30px { padding-right: 30px; }

.pb-5px { padding-bottop:  5px; }
.pb-10px { padding-bottop: 10px; }
.pb-15px { padding-bottop: 15px; }
.pb-20px { padding-bottop: 20px; }
.pb-25px { padding-bottop: 25px; }
.pb-30px { padding-bottop: 30px; }

.pl-5px { padding-left:  5px; }
.pl-10px { padding-left: 10px; }
.pl-15px { padding-left: 15px; }
.pl-20px { padding-left: 20px; }
.pl-25px { padding-left: 25px; }
.pl-30px { padding-left: 30px; }

/* ----------------------------------------

clear fix

---------------------------------------- */
/* モダンブラウザ対応(Netspace) */
.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after { clear:both; }

/* IE6,7対応 (trigger hasLayout) */
.cf { zoom:1; }