.button {
/*	font-family :monospace;*/
	font-size :16pt;
	width:320px;
/*	height:76px; iPhone対応 */
	height:46px;
	text-align:center;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
td {
/*	font-family :monospace;*/
	font-size :16pt;
	font-weight: normal;
/*	writing-mode: vertical-rl; /* 横書き縦置き */
}
input {
/*	font-family :monospace;*/
/*	font-size :16pt; iPhone対応 */
	font-size :12pt;
	font-weight: normal;
}
.middle {
	font-family: monospace;
	font-size :10pt;
	font-weight: normal;
	display:block;
	text-align:center;
	border:outset 2px #808080;
	background: #c0c0c0;
	width:103px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.wrapper{
	min-height: 100vh; /*画面100%?*/
	position: relative;/*←相対位置*/
 padding-bottom: 100px;/*←footerの高さ*/
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
	width: 100%;
	background-color: #89c7de;
	color: #fff;
	text-align: center;
	padding: 30px 0;

	position: absolute;/*←絶対位置*/
	bottom: 0; /*下に固定*/
}

/* 終了ボタン */
.footer_button_end {
	width:50px;
	height:25px;
	color:#000000;
	background-color:#ff8000;
}

/* 登録ボタン */
.footer_button_entry {
	width:50px;
	height:25px;
	color:#000000;
	background-color:#00ff00;
}

/* マウスボタン */
.footer_button_mouse {
	width:50px;
	height:25px;
	color:#000000;
	background-color:#ffff00;
}

/* 音量ボタン */
.footer_button_volume {
	width:50px;
	height:25px;
	color:#000000;
	background-color:#ff00ff;
}