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

h2 {
	font-size: 16px;
}

h3 {
	font-size: 16px;
}

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

body          { background-color: #d4bbbb; }
table         { background-color: #ffffff; }
a             { color: #754a4a; }
.navbar,thead { background-color: #754a4a; color: #ffffff; }
.navbar a     { color: #cccccc; }

.table,
.table > thead > tr > th,
.table > tbody > tr > td,
.panel {
	border-color: #563636;
}

.form-control {
	border: 1px solid #563636;
}

.orig-btn,
.orig-btn:hover,
.orig-btn:link,
.orig-btn:visited {
	color: #ffffff;
	background-color: #754a4a;
	border: 1px solid #563636;
}

.orig-btn.active,
.orig-btn:active {
	background-color: #563636;
}


.navbar, thead {
	color: #ddaaaa;
}

.navbar a {
	color: #ffffff;
}

/*
----------
index
----------
*/
.orig-ruby tr:nth-child(1) td,
.orig-ruby tr:nth-child(3) td {
	color: #aaaaaa;
}

/*
----------
data
----------
*/
#div_sakuin a {
	padding: 10px 5px;
}

#div_btns a {
	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;
}