@charset "utf-8";
/* CSS Document */

table {
	background: #ffffff;
	border-collapse: collapse;
	color: #555;
	border: 1px #808080 solid;
	font-size: 10px;
}

th {
	background:  #444;
	color: #fff;
	/*padding: 12px 16px;*/
	width:auto;
	text-align: center;
}

td {
	/*padding:8px;*/
	transition: all 0.3s;
	background: rgba(0,0,0,0.01);
	text-align: left;
	border: 1px #808080 solid;
	width:auto;
	text-align: center;
}

tbody:hover td {
/* マウスホバーで全ての行をボカす */
	color: #aaa;
	background: rgba(0,0,0,0.05);
	border: 1px #808080 solid;
}
 
tbody:hover tr:hover td {
/* フォーカスしている行だけ通常表示に戻す */
	color: #555;
	background: rgba(0,0,0,0.15);
	border: 1px #808080 solid;
}

.pink {
	font-size: 14pt;
	color:lightcoral;
}

.gray {
	font-size: 12pt;
	color:rgba(0,0,0,0.85);
}

.left {
	text-align: left;
}

.top {
	padding-top: 0;
}

.listbox {
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
  }

.middle{
	vertical-align: middle;
}

.today {
     font-size: 12pt;
     background: orange;
}