*,body { margin: 0; }

ul {
	list-style: none;
	padding: 0;
	margin: 0; }

table { border-collapse: collapse; }

pre { background: #f6cfcf }

input,textarea,select { margin:2px 0;padding:5px 8px;border:1px solid #def;border-radius:5px; }
input:focus,textarea:focus,select:focus { outline:none;border:1px solid #8cd; }

.ib { display: inline-block; }
.nowrap { white-space: nowrap; }

.container { display:flex; }
.row { display:block; }

.tw1 { width:1em; }
.tw2 { width:2em; }
.tw3 { width:3em; }
.tw4 { width:4em; }
.tw5 { width:5em; }
.tw6 { width:6em; }
.tw7 { width:7em; }
.tw8 { width:8em; }
.tw9 { width:9em; }
.tw10 { width:10em; }
.tw12 { width:12em; }
.tw14 { width:14em; }
.tw16 { width:16em; }
.tw18 { width:18em; }
.tw20 { width:20em; }
.tw30 { width:30em; }

.tw30p { width:30%; }
.tw100p { width:100%; }

.mr-10 { margin-right: 10px; }

.fl { float: left; }
.fc { float: center; }
.fr { float: right; }
.t-l { text-align: left; }
.t-r { text-align: right; }
.t-c { text-align: center; }

.t-lg { font-size: 1.5em; }
.t-sm { font-size: 0.8em; }
.t-xs { font-size: 0.5em; }

.t-fb { font-weight: bold; }

.t-c-black { color: #000; }
.t-c-white { color: #fff; }
.t-c-blue { color: #00f; }
.t-c-red { color: #f00; }
.t-c-gray { color: #888; }

.bg-dark-red { background: #940000; }
.bg-dark-green { background: #006400; }
.bg-dark-blue { background: #5c93db; }
.bg-dark-blue-futurecolor { background: #66a63c; }
.bg-dark-glaygreen { background: #4E9329; }
.bg-blue { background: #b0c4de; }
.bg-bluelight { background: #d7e3f2; }
.bg-red { background: #f00; }
.bg-redlight { background: #ff9e9e; }
.bg-yellow { background: #ffff80; }
.bg-gray { background: #eee; }

.btn-back {
	margin-bottom: 5px;
	padding: 5px 10px;
	border-radius: 1.0em;
	font-size: 0.9em;
	background: #4169d1;
	color: #fff;
	display: inline-block; }

.t-mark {
	padding: 1px 5px;
	border-radius: 1em;
	color: #fff; }

.err {
	border: 1px solid #fcc;
	padding: 5px;
	color: #f00;
	background: #fee; }

.tb-01 { min-width: 100%; }
.tb-01 td { padding: 0 2px; border: 1px solid #ddd; }

.tb-02 td { padding: 1px 5px; border-bottom: 1px solid #ddd; }

.tb-pay td { padding: 1px 7px; border:1px solid #888; }

.tb-border th,.tb-border td { border-top: 1px solid #ddd; }

.a-mo a:hover { background-color: #f5deb3; }

.edit:hover { background: #88f; cursor: pointer; color: #fff; }


@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}


.tk {
  margin-bottom:5px;
  width: 25%;
  height: 50px;
  font-size: 24px;
  border-radius:5px;
  border: 1px solid #ccc; }
.tk-sm {
  width: 15%;
  height: 35px;
  border-radius:5px;
  border: 1px solid #ccc; }
@media screen and (min-width: 350px) {
.tk { width: 80px; }
.tk-sm { width: 40px; }
}