@charset "utf-8";

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

	Font-size Adjustment
	
	77% = 10px	| 	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

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

/*
		font-color
-------------------------------------------------- */

.fc-r{ color: #900; }  /*濃赤*/
.fc-b{ color: #009; }  /*濃青*/
.fc-g{ color: #090; }	/*濃緑*/

/*
		font-background-color
-------------------------------------------------- */

.fb-r{	/*濃赤*/
	padding: 1px;
	color: #FFF;
	font-weight: bold;
	background: #900;
}

.fb-b{	/*濃青*/
	padding: 1px;
	color: #FFF;
	font-weight: bold;
	background: #009;
}

.fb-o{	/*オレンジ黒*/
	padding: 1px;
	font-weight: bold;
	background: #FFC926;
}

.fb-or{	/*オレンジ赤*/
	padding: 1px;
	color: #900;
	font-weight: bold;
	background: #FFC926;
}

/*												*/
/* ---------- これより以下は拡張設定 ----------	*/
/* ---------- 　使わない場合は放置　 ----------	*/
/*												*/


/*------------------------------------------------------------
		font-weight
-------------------------------------------------------------*/

.fw-n{ font-weight: normal; }
.fw-b{ font-weight: bold; }


/*------------------------------------------------------------
		font-size
-------------------------------------------------------------*/

.fs-10{ font-size: 77%; }
.fs-11{ font-size: 85%; }
.fs-12{	font-size: 92%; }
.fs-13{ font-size: 100%; }
.fs-14{	font-size: 107%; }
.fs-15{ font-size: 114%; }
.fs-16{	font-size: 112%; }
.fs-17{ font-size: 129%; }
.fs-18{	font-size: 136%; }
.fs-19{ font-size: 144%; }
.fs-20{ font-size: 152%; }
.fs-21{	font-size: 159%; }
.fs-22{ font-size: 167%; }
.fs-23{ font-size: 174%; }
.fs-24{	font-size: 182%; }
.fs-25{ font-size: 189%; }
.fs-26{ font-size: 197%; }



/*------------------------------------------------------------
		line-height
-------------------------------------------------------------*/

.lh-110{ line-height: 110%; }
.lh-120{ line-height: 120%; }
.lh-130{ line-height: 130%; }
.lh-140{ line-height: 140%; }
.lh-150{ line-height: 150%; }
.lh-160{ line-height: 160%; }
.lh-170{ line-height: 170%; }
.lh-180{ line-height: 180%; }
.lh-190{ line-height: 190%; }
.lh-200{ line-height: 200%; }


/*------------------------------------------------------------
		text-decoration
-------------------------------------------------------------*/

.td-n{ text-decoration: none; }
.td-u{ text-decoration: underline; }
.td-o{ text-decoration: overline; }
.td-t{ text-decoration: line-through; }
.td-b{ text-decoration: blink; }


/*------------------------------------------------------------
		text-align
-------------------------------------------------------------*/

.ta-c{ text-align: center; }	/*中央寄せ*/
.ta-r{ text-align: right; }		/*右寄せ*/
.ta-l{ text-align: left; }		/*左寄せ*/


/*------------------------------------------------------------
		vertical-align
-------------------------------------------------------------*/

.va-t{ vertical-align: top; }	/*上寄せ*/
.va-m{ vertical-align: middle; }/*中央寄せ*/
.va-b{ vertical-align: bottom; }/*下寄せ*/

/*------------------------------------------------------------
		margin
-------------------------------------------------------------*/

.m0{ margin: 0!important; }				/*全margin無し*/
.mt-0{ margin-top: 0!important; }		/*上marginが0px*/
.mr-0{ margin-right: 0!important; }		/*右marginが0px*/
.mb-0{ margin-bottom: 0!important; }		/*下marginが0px*/
.ml-0{ margin-left: 0!important; }		/*左marginが0px*/

.m1{ margin: 1px!important; }
.mt-1{ margin-top: 1px!important; }	
.mr-1{ margin-right: 1px!important; }
.mb-1{ margin-bottom: 1px!important; }
.ml-1{ margin-left: 1px!important; }

.m2{ margin: 2px!important; }
.mt-2{ margin-top: 2px!important; }	
.mr-2{ margin-right: 2px!important; }
.mb-2{ margin-bottom: 2px!important; }
.ml-2{ margin-left: 2px!important; }

.m3{ margin: 3px!important; }
.mt-3{ margin-top: 3px!important; }	
.mr-3{ margin-right: 3px!important; }
.mb-3{ margin-bottom: 3px!important; }
.ml-3{ margin-left: 3px!important; }

.m4{ margin: 4px!important; }
.mt-4{ margin-top: 4px!important; }	
.mr-4{ margin-right: 4px!important; }
.mb-4{ margin-bottom: 4px!important; }
.ml-4{ margin-left: 4px!important; }

.m5{ margin: 5px!important; }
.mt-5{ margin-top: 5px!important; }	
.mr-5{ margin-right: 5px!important; }
.mb-5{ margin-bottom: 5px!important; }
.ml-5{ margin-left: 5px!important; }

.m6{ margin: 6px!important; }
.mt-6{ margin-top: 6px!important; }	
.mr-6{ margin-right: 6px!important; }
.mb-6{ margin-bottom: 6px!important; }
.ml-6{ margin-left: 6px!important; }

.m7{ margin: 7px!important; }
.mt-7{ margin-top: 7px!important; }	
.mr-7{ margin-right: 7px!important; }
.mb-7{ margin-bottom: 7px!important; }
.ml-7{ margin-left: 7px!important; }

.m8{ margin: 8px!important; }
.mt-8{ margin-top: 8px!important; }	
.mr-8{ margin-right: 8px!important; }
.mb-8{ margin-bottom: 8px!important; }
.ml-8{ margin-left: 8px!important; }

.m9{ margin: 9px!important; }
.mt-9{ margin-top: 9px!important; }	
.mr-9{ margin-right: 9px!important; }
.mb-9{ margin-bottom: 9px!important; }
.ml-9{ margin-left: 9px!important; }

.m10{ margin: 10px!important; }
.mt-10{ margin-top: 10px!important; }
.mr-10{ margin-right: 10px!important; }
.mb-10{ margin-bottom: 10px!important; }
.ml-10{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.mt-15{ margin-top: 15px!important; }
.mr-15{ margin-right: 15px!important; }
.mb-15{ margin-bottom: 15px!important; }
.ml-15{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.mt-20{ margin-top: 20px!important; }
.mr-20{ margin-right: 20px!important; }
.mb-20{ margin-bottom: 20px!important; }
.ml-20{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.mt-25{ margin-top: 25px!important; }
.mr-25{ margin-right: 25px!important; }
.mb-25{ margin-bottom: 25px!important; }
.ml-25{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.mt-30{ margin-top: 30px!important; }
.mr-30{ margin-right: 30px!important; }
.mb-30{ margin-bottom: 30px!important; }
.ml-30{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.mt-40{ margin-top: 40px!important; }
.mr-40{ margin-right: 40px!important; }
.mb-40{ margin-bottom: 40px!important; }
.ml-40{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.mt-50{ margin-top: 50px!important; }
.mr-50{ margin-right: 50px!important; }
.mb-50{ margin-bottom: 50px!important; }
.ml-50{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.mt-60{ margin-top: 60px!important; }
.mr-60{ margin-right: 60px!important; }
.mb-60{ margin-bottom: 60px!important; }
.ml-60{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.mt-70{ margin-top: 70px!important; }
.mr-70{ margin-right: 70px!important; }
.mb-70{ margin-bottom: 70px!important; }
.ml-70{ margin-left: 70px!important; }


/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/

.p0{ padding: 0!important; }				/*全padding無し*/
.pt-0{ padding-top: 0px!important; }		/*上paddingが0px*/
.pr-0{ padding-right: 0px!important; }		/*右paddingが0px*/
.pb-0{ padding-bottom: 0px!important; }	/*下paddingが0px*/
.pl-0{ padding-left: 0px!important; }		/*左paddingが0px*/

.p1{ padding: 1px!important; }
.pt-1{ padding-top: 1px!important; }
.pr-1{ padding-right: 1px!important; }
.pb-1{ padding-bottom: 1px!important; }
.pl-1{ padding-left: 1px!important; }

.p2{ padding: 2px!important; }
.pt-2{ padding-top: 2px!important; }
.pr-2{ padding-right: 2px!important; }
.pb-2{ padding-bottom: 2px!important; }
.pl-2{ padding-left: 2px!important; }

.p3{ padding: 3px!important; }
.pt-3{ padding-top: 3px!important; }
.pr-3{ padding-right: 3px!important; }
.pb-3{ padding-bottom: 3px!important; }
.pl-3{ padding-left: 3px!important; }

.p4{ padding: 4px!important; }
.pt-4{ padding-top: 4px!important; }
.pr-4{ padding-right: 4px!important; }
.pb-4{ padding-bottom: 4px!important; }
.pl-4{ padding-left: 4px!important; }

.p5{ padding: 5px!important; }
.pt-5{ padding-top: 5px!important; }
.pr-5{ padding-right: 5px!important; }
.pb-5{ padding-bottom: 5px!important; }
.pl-5{ padding-left: 5px!important; }

.p6{ padding: 6px!important; }
.pt-6{ padding-top: 6px!important; }
.pr-6{ padding-right: 6px!important; }
.pb-6{ padding-bottom: 6px!important; }
.pl-6{ padding-left: 6px!important; }

.p7{ padding: 7px!important; }
.pt-7{ padding-top: 7px!important; }
.pr-7{ padding-right: 7px!important; }
.pb-7{ padding-bottom: 7px!important; }
.pl-7{ padding-left: 7px!important; }

.p8{ padding: 8px!important; }
.pt-8{ padding-top: 8px!important; }
.pr-8{ padding-right: 8px!important; }
.pb-8{ padding-bottom: 8px!important; }
.pl-8{ padding-left: 8px!important; }

.p9{ padding: 9px!important; }
.pt-9{ padding-top: 9px!important; }
.pr-9{ padding-right: 9px!important; }
.pb-9{ padding-bottom: 9px!important; }
.pl-9{ padding-left: 9px!important; }

.p10{ padding: 10px!important; }
.pt-10{ padding-top: 10px!important; }
.pr-10{ padding-right: 10px!important; }
.pb-10{ padding-bottom: 10px!important; }
.pl-10{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.pt-15{ padding-top: 15px!important; }
.pr-15{ padding-right: 15px!important; }
.pb-15{ padding-bottom: 15px!important; }
.pl-15{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.pt-20{ padding-top: 20px!important; }
.pr-20{ padding-right: 20px!important; }
.pb-20{ padding-bottom: 20px!important; }
.pl-20{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.pt-30{ padding-top: 30px!important; }
.pr-30{ padding-right: 30px!important; }
.pb-30{ padding-bottom: 30px!important; }
.pl-30{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.pt-40{ padding-top: 40px!important; }
.pr-40{ padding-right: 40px!important; }
.pb-40{ padding-bottom: 40px!important; }
.pl-40{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.pt-50{ padding-top: 50px!important; }
.pr-50{ padding-right: 50px!important; }
.pb-50{ padding-bottom: 50px!important; }
.pl-50{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.pt-60{ padding-top: 60px!important; }
.pr-60{ padding-right: 60px!important; }
.pb-60{ padding-bottom: 60px!important; }
.pl-60{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.pt-70{ padding-top: 70px!important; }
.pr-70{ padding-right: 70px!important; }
.pb-70{ padding-bottom: 70px!important; }
.pl-70{ padding-left: 70px!important; }