@charset "utf-8";

.right{ text-align: right;}
.left{ text-align: left;}
.center{ text-align: center;}

.top{ vertical-align: top;}
.middle{ vertical-align: middle;}
.bottom{ vertical-align: bottom;}

.hidden{ display: none;}
.inline{ display: inline;}
.block{ display: block;}
.iblock{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.rightside{ float: right;}
.leftside{ float: left;}

.clear{ clear: both;}

.clearfix{ *zoom: 1;}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.bold{ font-weight: bold;}

.underline{ text-decoration: underline;}

.over_hidden{ overflow: hidden; }

.clickable{ cursor: pointer;}

.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !important;}
.mt50{ margin-top: 50px !important;}
.mt60{ margin-top: 60px !important;}
.mt70{ margin-top: 70px !important;}
.mt80{ margin-top: 80px !important;}
.mt90{ margin-top: 90px !important;}
.mt100{ margin-top: 100px !important;}

.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb100{ margin-bottom: 100px !important;}

.sideautomargin{
	margin-right: auto;
	margin-left: auto;
}

.size10{ font-size: 10px !important;}
.size11{ font-size: 11px !important;}
.size12{ font-size: 12px !important;}
.size13{ font-size: 13px !important;}
.size14{ font-size: 14px !important;}
.size15{ font-size: 15px !important;}
.size16{ font-size: 16px !important;}
.size17{ font-size: 17px !important;}
.size18{ font-size: 18px !important;}
.size19{ font-size: 19px !important;}
.size20{ font-size: 20px !important;}
.size21{ font-size: 21px !important;}
.size22{ font-size: 22px !important;}
.size23{ font-size: 23px !important;}
.size24{ font-size: 24px !important;}
.size25{ font-size: 25px !important;}
.size30{ font-size: 30px !important;}
.size35{ font-size: 35px !important;}
.size40{ font-size: 40px !important;}
.size45{ font-size: 45px !important;}
.size50{ font-size: 50px !important;}

@media screen and (max-width: 740px){
	.hlf4sp.mt5{ margin-top: 3px !important;}
	.hlf4sp.mt10{ margin-top: 5px !important;}
	.hlf4sp.mt15{ margin-top: 8px !important;}
	.hlf4sp.mt20{ margin-top: 10px !important;}
	.hlf4sp.mt30{ margin-top: 15px !important;}
	.hlf4sp.mt40{ margin-top: 20px !important;}
	.hlf4sp.mt50{ margin-top: 25px !important;}
	.hlf4sp.mt60{ margin-top: 30px !important;}
	.hlf4sp.mt70{ margin-top: 35px !important;}
	.hlf4sp.mt80{ margin-top: 40px !important;}
	.hlf4sp.mt90{ margin-top: 45px !important;}
	.hlf4sp.mt100{ margin-top: 50px !important;}

	.hlf4sp.mb5{ margin-bottom: 3px !important;}
	.hlf4sp.mb10{ margin-bottom: 5px !important;}
	.hlf4sp.mb15{ margin-bottom: 8px !important;}
	.hlf4sp.mb20{ margin-bottom: 10px !important;}
	.hlf4sp.mb30{ margin-bottom: 15px !important;}
	.hlf4sp.mb40{ margin-bottom: 20px !important;}
	.hlf4sp.mb50{ margin-bottom: 25px !important;}
	.hlf4sp.mb60{ margin-bottom: 30px !important;}
	.hlf4sp.mb70{ margin-bottom: 35px !important;}
	.hlf4sp.mb80{ margin-bottom: 40px !important;}
	.hlf4sp.mb90{ margin-bottom: 45px !important;}
	.hlf4sp.mb100{ margin-bottom: 50px !important;}
}