@charset "utf-8";

/* 会員登録画面 */
.form-table {
	width: 500px;
	margin: 40px 0 30px 150px;
	border-collapse: collapse;
	line-height: 20px;
}

	.form-table thead th {
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		text-align: center;
	}

	.form-table th {
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		text-align: right;
		padding-right: 10px;
	}
	
	.form-table td {
		width: 350px;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		padding-left: 10px;
	}
	
		.form-table td input {
			width: 200px;
			margin: 3px 0;
		}
		
.button {
	text-align: center;
	margin-bottom: 30px;
}

	.button input {
		margin-left: 20px;
	}
	
	.button a {
		margin-left: 30px;
	}
	
	.button a img {
		margin-top: 20px;
	}

.confirm-message {
	text-align: center;
	margin-top: 50px;
}

	
	
/* ログイン画面 */
.login-form {
	width: 350px;
	margin: 60px 0 90px 220px;
	border: 1px solid #999999;
	background-color: #e6e6fa;
}

	.login-table {
		margin: 50px 0 30px 20px;
	}
	
	.login-table th {
		text-align: right;
	}
	
	.login-table td input {
		width: 200px;
	}

/* 検索画面 */
.search-form {
	width: 450px;
	margin: 30px 0 90px 170px;
	border: 1px solid #999999;
}

	.search-table {
		margin: 20px 0 30px 100px;
		line-height: 40px;
	}
	
	.search-table th {
		vertical-align: top;
	}
	
	.search-table td.term input {
		width: 60px;
	}
	
/* 検索結果画面 */
table.detail-table {
	border: 1px solid #999999;
	border-collapse: collapse;
}

	table.detail-table th {
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		background-color: #FFFFCC;
	}
	
	table.detail-table td {
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
	}
	
	
/* グラフ画面 */
.graph {
	border: 1px solid #999999;
	text-align: center;
	margin: 0 50px 50px 50px;
}

	.graph ul {
		list-style: none;
	}
	
.graph-static {
	border: 1px solid #999999;
	text-align: center;
	margin: 0 50px 50px 50px;
}