@charset "utf-8";
/* OPU File Manger CSS */

/*メッセージ*/
.msg{
	background-color:#FFF;
	padding:5px 10px;
}

.msg p{
	margin:0 !important;
}

.success_msg{
	color:#003173;
	border:solid 1px #003173;
}

.error_msg{
	color:#DD0000;
	border:solid 1px #DD0000;
}

/*キャプチャ*/
.opu_captcha{
	border:solid 1px #ccc;
	margin-bottom:10px;
}

/*カレンダー*/
.ui-datepicker{
	border:solid 1px #999;
}

.ui-datepicker-calendar {
	width: 100%;
	background-color: #fff;
	font-size:12px\9;	/*IE8用*/
	font-size: 1.2rem;
}

.ui-datepicker-calendar caption {
	padding: 15px 0;
	font-weight: bold;
}

.ui-datepicker-calendar thead tr{
	background-color: #17538e;
	color: #fff;
}

.ui-datepicker-calendar thead th {
	padding: 5px;	
}

.ui-datepicker-calendar tbody tr:nth-child(even) {
	background-color: #eee;
}

.ui-datepicker-calendar td {
	padding: 5px;
	text-align: center;
}

.ui-datepicker-header{
	background-color:#FFF;
	padding:5px 8px;
}

.ui-datepicker-header:after {
	content: "";
	display: block;
	clear: both;
}

.ui-datepicker-prev,
.ui-datepicker-next{
	display:block;
	cursor:pointer;
}

.ui-datepicker-prev {
	float:left;
}

.ui-datepicker-next{
	float:right;
}

.ui-datepicker-title{
	text-align:center;
}

.contactTable textarea{
	width:98%;
}

.contactSend{
	text-align:center;
	margin:10px 0;
}
.contactSend input{
	padding:0.3em 1em;
}

@media screen and (max-width: 640px) {
	
	.contactTable{
		width:98%;
	}
	
	.contactTable,
	.contactTable tr,
	.contactTable th,
	.contactTable td{
		display:block;
		border:none !important;
		background-color:transparent !important;
	}
	
	.contactTable th,
	.contactTable td{
		padding:10px 0;
		width:98%;
	}
	
	.contactTable td{
		padding-bottom:20px;
	}
	
	.contactTable td input{
		width:auto;
	}

	.contactTable td textarea{
		width:98%;
	}

	.contactTable td input[type="text"],
	.contactTable td input[type="number"],
	.contactTable td input[type="url"],
	.contactTable td input[type="email"]{
		width:98%;
	}
	.contactTable td .opu_datepicker{
		width:50% !important;
	}
	.contactTable td input[type="tel"]{
		width:20%;
	}
}