@charset"UTF-8";

/* コンテンツ
*********************************** */

	* {
		font-family: 'Meiryo UI','メイリオ'
	}

	img {
		-ms-interpolation-mode: bicubic;
	}

	html {
		padding: 0;
		overflow: hidden;
	}

	.center {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
		text-align: center;
	}

	#panel {
		height: 640px;
		width: 480px;

		border-width: 20px;
		border-radius: 50% 10px 50% 100px;
		background-color: #009847;
	}

	#UserId {
		font-size: 13px;
		border-radius: 9px 2px 9px 5px;
		padding: 5px 5px 2px 5px;
		text-align: center;
	}

	#Password {
		font-size: 13px;
		border-radius: 9px 2px 9px 5px;
		padding: 5px 5px 2px 5px;
		text-align: center;
	}

	.trigger {
		margin-top: 10px;
		padding: 10px 50px;
		border-radius: 20px 2px 20px 10px;
		border-width: 0px;
		background-color: darkgreen;
		color: white;
		font-size: 18px;
		font-weight: bold;
	}

	.trigger:active {
		background-color: orange;
	}

}