/* 位置 */

.ta-c{ text-align: center; }
.ta-r{ text-align: right; }
.ta-l{ text-align: left; }

.va-t{ vertical-align: top; }
.va-m{ vertical-align: middle; }
.va-b{ vertical-align: bottom; }

.f-c{ clear: both; }
.f-r{ float:right; }
.f-l{ float:left; }

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

.mt-5{ margin-top: 5px!important; }

.m-10{ 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; }

.m-15{ 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; }

.m-20{ 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; }

.m-30{ 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; }

.m-40{ 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; }

.m-50{ 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; }

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

.p-5{ 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; }

.p-10{ 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; }

.p-15{ 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; }

.p-20{ 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; }

.p-30{ 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; }

.p-40{ 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; }

.p-50{ 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; }

.normal{ font-weight: normal!important; }

/* 文字サイズ */

.b{ font-weight: bold!important; }

.big01{ font-size: 120%!important; }
.big02{ font-size: 150%!important; }
.big03{ font-size: 180%!important; }

.small01{ font-size: 80%!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f16pt{ font-size: 16pt!important; }
.f18pt{ font-size: 18pt!important; }
.f20pt{ font-size: 20pt!important; }

.f16px{ font-size: 16px!important; }

/* 行間 */

.lh13{ line-height: 1.3em!important; }
.lh14{ line-height: 1.4em!important; }
.lh15{ line-height: 1.5em!important; }
.lh16{ line-height: 1.6em!important; }
.lh17{ line-height: 1.7em!important; }
.lh18{ line-height: 1.8em!important; }
.lh19{ line-height: 1.9em!important; }
.lh20{ line-height: 2.0em!important; }

/* 文字色 */
.red{ color: #ff0000; }
.oragge{ color: #ff7920; }

/* アンダーライン */

.underline{ text-decoration: underline!important; }

/* アンダーライン */

.del{ text-decoration:line-through;}

/* 線 */

hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
    border: 0;
}

}

/* イメージ横位置設定 */

.left{
	float: left;
	margin: 0 10px 10px 0!important;
}

.right{
	float: right;
	margin: 0 0 10px 10px!important;
}


/* イメージ縦位置設定 */

img.top{ vertical-align: top!important; }
img.middle{ vertical-align: middle!important; }
img.bottom{ vertical-align: bottom!important; }


/* テーブル設定 */
.table01{
	margin: 10px 0;
	border-collapse: collapse;
}

.td01{
	padding: 5px;
	text-align: center;
	border: solid 1px #ccc;
	background: #eaf7f1;
}

.td02{
	padding: 5px;
	text-align: center;
	border: solid 1px #ccc;
}

.td03{
	padding: 5px;
	text-align: left;
	border: solid 1px #ccc;
	background: #e6f3f7;
}

.td04{
	padding: 5px;
	text-align: left;
	border: solid 1px #ccc;
}

/* 幅設定 */
.w-50{ width: 50px;}
.w-100{ width: 100px;}
.w-150{ width: 150px;}
.w-200{ width: 200px;}
.w-220{ width: 220px;}
.w-250{ width: 250px;}
.w-300{ width: 300px;}
.w-400{ width: 400px;}
.w-500{ width: 500px;}

/* 行設定 */
.h-50{ height: 50px;}
.h-100{ height: 100px;}
.h-150{ height: 150px;}