/*@charset "UTF-8";*/

.login_box{
	margin: 16px;

}

a{
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
	z-index: 1;
}
a:hover::before{
	/*background-color: rgba(255,255,255,0.3);*/
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	-webkit-transition: all 1.0s ease;
	-moz-transition: all 1.0s ease;
	-o-transition: all 1.0s ease;
	/*transition: all  1.0s ease;	*/
}

input[type="button"],
input[type="submit"]{
	padding:5px 15px;
  border:3px solid rgb(204,51,51);
  /*background-color: rgba(204,51,51,1);*/
  color: #fff;
}
input[type="button"]:hover,
input[type="submit"]:hover {
  border:3px solid rgb(220,113,113);
  /*background-color: rgba(220,113,113,1);*/
  color: #fff;
}

/* タブメニュー */
#tab-menu {
	list-style: none;
	margin:0;
}
#tab-menu li {
	display: inline-block;
	margin:0;
	padding: 5px 25px;
	background: #eee;
}
#tab-menu li.active,
#tab-menu li:hover {
	background: #710000;
	color: #fff;
}

/* タブの中身 */
#tab-box {
	padding: 25px;
	border: 5px solid #710000;
}
#tab-box > div {
	display: none;
}
#tab-box > div.active {
	display: block;
}

.tool_box{
	display:table;
	width:100%;
	margin:0;
	padding:0;
}

.tool_box_cell{
	display:table-cell;
	width:30%;
	margin:3px;
	padding:5px;
	text-align:center;
}
.up_box{
	display:table;
	width:100%;
	margin:0;
	padding:0;
}

.up_box_cell{
	display:table-cell;
	width:50%;
	margin:3px;
	padding:5px;
	background:#ffffe0;
}

.up_box_cell span{
	display:block;
	background:#deb887;
	margin:3px;
	padding:3px;
}

.ssmit{
	display: block;
	width:100%;
	padding:16px;
	text-align:center;
}
.ssmit input[type="submit"]{
	padding:10px 40px;
	font-size:2.0em;
}
@media screen and (max-width:767px) {
	.up_box,
	.up_box_cell,
	.tool_box,
	.tool_box_cell{
		display:block;
		width:100%;
	}
	
}