/*
----------
common
----------
*/
form {
	margin-top: 20px;
	margin-bottom: 20px;
}

h2 {
	font-size: 16px;
}

@media screen and (min-width: 768px){
	h2 {
		font-size: 24px;
		color: #666666;
	}
}

body          { background-color: #8ccfe0; }
table         { background-color: #ffffff; }
.navbar,thead { background-color: #21768e; color: #ffffff; }
.navbar a     { color: #cccccc; }

/*
----------
index
----------
*/
#div_result > table {
	background-color: #ffffff;
}

#txt_serifu,
#div_result > table > tbody > tr > td {
	color: #000000;
	border-color: #000000;
}

@media screen and (min-width: 768px) {
	#txt_serifu,
	#div_result > table > tbody > tr > td {
		font-size: 24px;
	}
}

/*
----------
data
----------
*/
#div_data a {
	width: 105px;
	display: inline-block;
	margin-bottom: 10px;
	padding: 6px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}