@font-face {
	font-family: 'WebFont';
	src: url('../WebFont.woff'); 
}
body{
	font-family:Arial;
	margin:0px;
	padding:0px;
	font-size:12px;	
	background-color:#DDDDDD;
}
a{
	color:#000000;
	text-decoration: none;
}
.pc{
	width:960px;
	margin:0px auto 0px auto;
}
.navi{
	width:100%;
	height:50px;
	padding:5px 0px 10px 0px;
	border-bottom:1px solid #DDDDDD;
	background-color:#FFFFFF;
}
.navi .menu{
	float:left;
	width:50px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
.navi .menu_right{
	float:right;
	width:50px;
	margin-top:-35px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}
.navi .menu_center{
	/*position: absolute;*/
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:20px auto 0px auto;
	width:400px;
	font-size:1.2rem;
	text-align:center;
}
.navi .icon img{
	width:35px;
	height:35px;
	margin-bottom:5px;
}
.navi a:hover img {
	opacity: 0.6;
	background-color:#FFFFFF;
}
.navi a:hover{
	color:#333333;
}
.navi .icon{
	width:50px;
	font-size:12px;
	color:#333333;
}

.main{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.title{
	background-color:#CCCCCC;
	color:#ffffff;
	font-size:0.8rem;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
}
.submit{
	background-color:#00cbca;
	padding:10px 0px 10px 10px;
	color:#FFFFFF;
	text-align:center;
	font-size:1rem;
}
.input_form{
	width:450px;
	float:left;
	margin-right:10px;
}
.data_form{
	width:500px;
	float:left;
}
.form .inputbox{
	background-color:#ffffff;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
	border:1px solid #DDDDDD;
}

.form input{
	width:95%;
	height:30px;
	color: #999999;
	border:0px solid #DDDDDD;
	background:#ffffff;
	font-size:1rem;
}
.form textarea{
	width:95%;
	height:500px;
	color: #333333;
	padding:10px;
	background:#ffffff;
	border:0px;
	font-size:1rem;
	overflow:scroll;
}
.form select{
	height:40px;
	background: #FFFFFF;
	font-size:1rem;
	border:1px solid #DDDDDD;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
	color: #333333;	
	width:100%;
}

.form input[type="submit"]{
	height:40px;
	background:#666666;
	font-size:1rem;
	border:0px;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
	color: #FFFFFF;	
	width:100%;
}
.errormsg{
	font-size:0.8rem;
	color:#ff6b6b;
	padding:10px 0px 10px 10px;
	margin-bottom:10px;
}
tbody{
		display: table-row-group;
		vertical-align: middle;
		border-color: inherit;
}
table{
	  width:100%;
	  table-layout: fixed;
	  word-wrap: break-word;
	  background:#FFFFFF;
	  margin:0px;
	  padding:0px;
}
table .shift{
	  word-wrap: break-word;
	  background:#FFFFFF;
	  margin:0px;
	  padding:0px;
}
thead{
	margin-bottom:10px;
	  background:#FFFFFF;
}
thead tr{
}
thead th{
	text-align:left;
	font-size:1rem;
	color:#999999;
	font-weight:normal;
	height:30px;
	padding:10px 0px 10px 20px;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
td{
	font-size:1rem;
	height:30px;
	padding:5px 0px 5px 20px;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
td.error{
	background:#FF0000;
	color:#FFFFFF;
}
.operation a{
	color:#81a9db;
	text-decoration: none;
}
.operation a:hover{
	color:#81a9db;
	padding-bottom:5px;
	border-bottom:1px solid #DDDDDD;
}
@media screen and (max-width:900px) {
	.pc{
		width:90%;
		margin:0px auto 0px auto;
	}
	.input_form{
		width:40%;
	}
	.data_form{
		width:50%;
	}
}
@media screen and (max-width:500px) {
	.pc{
		width:100%;
		margin:0px auto 0px auto;
	}
	.input_form{
		width:100%;
		float:none;
	}
	.data_form{
		width:100%;
		float:none;
	}
}
@media screen and (max-width:375px) {
	.navi{
		width:100%;
		height:30px;
		padding:5px 0px 10px 0px;
		border-bottom:1px solid #DDDDDD;
		background-color:#FFFFFF;
	}
	.navi .menu_right{
		float:right;
		width:30px;
		margin-top:10px;
		margin-left:10px;
		margin-right:20px;
		text-align:center;
	}
	.navi .menu_center{
		position: absolute;
		top:5px;
		left:0;
		right:0;
		bottom:0;
		margin:0px auto 0px auto;
		width:100px;
		font-size:1rem;
		margin-top:10px;
		text-align:center;
	}
	.navi .icon img{
		width:20px;
		height:20px;
		margin-bottom:5px;
	}
	.pc{
		width:100%;
		margin:0px 0px 0px 0px;
	}

	td{
		font-size:0.8rem;
	}



}

@media print{
.form {
	display:none;
	}
}