@charset "UTF-8";

/* ==========================================================================
		Utility

		01. common class
				- clear
				- float
				- text_align
				- margin
				- width

		02. font

		03. rollover

========================================================================== */

/* ==========================================================================
		01. common class
========================================================================== */

/* 回り込み解除 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* float */
.floatLeft { float:left; }
.floatRight { float:right; }
.floatClear { clear:both; }

/* text_align */
.textCenter { text-align:center; }
.textLeft { text-align:left; }
.textRight { text-align:right; }

/* margin */
/* top */
.mt-15 { margin-top: -15px; }
.mt-10 { margin-top: -10px; }
.mt-5 { margin-top: -5px; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }

/* bottom */
.mb-15 { margin-bottom: -15px; }
.mb-10 { margin-bottom: -10px; }
.mb-5 { margin-bottom: -5px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

/* left */
.ml-15 { margin-left: -15px; }
.ml-10 { margin-left: -10px; }
.ml-5 { margin-left: -5px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

/* right */
.mr-15 { margin-right: -15px; }
.mr-10 { margin-right: -10px; }
.mr-5 { margin-right: -5px; }
.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

/* all */
.m0 { margin: 0; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }

/* padding */
/* top */
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }

/* bottom */
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

/* left */
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }

/* right */
.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr70 { padding-right: 70px; }

/* all */
.p0 { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }

/* width */
.w5p{width: 5%;}
.w10p{width: 10%;}
.w15p{width: 15%;}
.w20p{width: 20%;}
.w25p{width: 25%;}
.w30p{width: 30%;}
.w35p{width: 35%;}
.w40p{width: 40%;}
.w45p{width: 45%;}
.w50p{width: 50%;}
.w55p{width: 55%;}
.w60p{width: 60%;}
.w65p{width: 65%;}
.w70p{width: 70%;}
.w75p{width: 75%;}
.w80p{width: 80%;}
.w85p{width: 85%;}
.w90p{width: 90%;}
.w95p{width: 95%;}
.w100p{width: 100%;}


/* ==========================================================================
		02. Font
========================================================================== */

/*html { font-size: 62.5%; }  10px */
.fontSS { font-size: 8px; font-size: 0.8rem; } /* 8px */
.fontS { font-size: 8px; font-size: 1.0rem; } /* 10px */
.fontM { font-size: 12px; font-size: 1.2rem; } /* 12px */
.fontL { font-size: 14px; font-size: 1.4rem; } /* 14px */
.fontLL { font-size: 18px; font-size: 1.8rem; } /* 18px */


/* ==========================================================================
		03. rollover
========================================================================== */

#headerBox a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}