* {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
}

main {
	max-width: 100%;
}

.top {
	background-color: lightgrey;
}

h1 {
	width: 100%;
	font-size: 5vw;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}

#clock {
	font-size: 10vw;
}

#show {
	color: white;
	background-color: orange;
	border: none;
	border-radius:30px;
	font-size: 2vw;
	width: 10em;
	height: 3em;
}

#show:hover {
	background-color: darkorange;
}

#show:disabled {
	color: black;
	background-color: lightgrey;
}

/* ログインページ */
#name {
	font-size: 120%;
}

#password {
	font-size: 120%;
}

#login-form {
	width: 100%;
	max-width: 380px;
	padding: 15px;
	margin: auto;
	text-align: center;
}

/* ナビゲーションバー */
header {
	background-color: #333;
	margin: 0;
	text-align: right;
	padding: 20px;
}

#logout {
	background-color: orange;
	padding: 15px;
	border-radius: 10px;
	text-decoration: none;
	color: #fff;
}

#logout:hover {
	background-color: darkorange;
}

#nav_list{
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
	background-color: #333;
}
#nav_list li{
	display: table-cell;
	min-width: 50px;
}
#nav_list li a{
	display: block;
	width: 100%;
	padding: 10px 0;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
#nav_list li.current a{
	color: #FFF;
}
#nav_list li:hover{
	background-color: orange;
}

/* ユーザ一覧 */
#usertable {
	border-collapse: collapse;
	display: table;
	margin: 5px auto;
	padding: 0;
	width: 80%;
	text-align: center;
}
#usertable thead tr th, #usertable tbody tr td {
	border: 2px solid black;
}

#usertable thead tr th {
	font-size: 150%;
}

/* 出席ログ */
#logtable {
	border-collapse: collapse;
	display: table;
	margin: 5px auto;
	padding: 0;
	width: 80%;
	text-align: center;
	table-layout: fixed;
}
#logtable thead tr th, #logtable tbody tr td {
	width: auto;
	border: 2px solid black;
}

#logtable thead tr th {
	font-size: 150%;
	background-color: orange;
}

/* ユーザ登録 */
#register {
	max-width: 380px;
	padding: 15px;
	margin: auto;
	text-align: left;
	font-size: 150%;
}

#register input, #register select {
	font-size: 150%;
}

#seach, #seach input, #seach select {
	font-size: 120%;
}