@charset "UTF-8";
	
/*input, submit, textareaなどのスタイル*/
	
/*フォーム用テーブル*/
form {
  padding: 0;
}
.datatable{
	display: table;
	border-collapse: collapse;
}
.datatable_row{
  display: table-row;
  position: relative;
  padding:0;
  width:100%;
  border:1px solid #bbb;
}
.datatable_left{
	display: table-cell;
    width: 140px;
	padding:0 10px;
	margin-right:10px;
    background-color:#fee8a9;
	vertical-align:middle;
	border:1px solid #bbb;
}
.datatable_right{
	display:table-cell;
	border:1px solid #bbb;
	text-align: left;
	padding:5px;
	width:620px;
	font-size:14px;
}
.message{
	font-size:11pt;
	padding:5pt;
	margin:2pt 2pt 8pt 0pt;
}
.error{
	background-color:#FFF462;
}
.success{
	background-color:#9FD9F6;
}
.error-message{
	display: block;
	padding:2pt 5pt;
	background-color:#FFF462;
	color:#111;
}
.confirm_group {
	display:table;
}
.confirm_style{
	display:table-row;
	height:40px;
}
.confirm_left{
	display: table-cell;
	background:#fee8a9;
	width:180px;
	padding:10px;
	text-align: right;
	border-bottom:2px solid white;
	vertical-align: middle;
}
.confirm_left_sub{
	background:#f6da84;
}
.confirm_right{
	display: table-cell;
	padding:10px 10px;
	width:550px;
	text-align: left;
	word-break: break-all;
}
.label_red{
	background:#f4d577;
}
.confirm{
	display:block;
	position:relative;
	top:-10px;
	text-align: center;
	margin:0 auto;
	font-size:13px;
}


/*検索ボックス*/
.select_style_main{
	border:2px solid #172987;
	border-radius:0;
	padding:5px;
	width:240px;
	height:39px;
	background-color:#fff;
}
textarea, .cke_chrome{
	border:2px solid #172987 !important;
}
.search_style_main{
	border:2px solid #172987;
	border-radius:0;
	padding:0px;
	width:240px;
	height:35px;
	margin:5px 0;
	background-color:#fff;
}
.textarea_style_main{
	border:2px solid #172987;
	width:95%;
	background-color:#fff;
}
input.search_style_main[readonly]{
	border:0px solid #172987;
	font-size:12pt;
}
.search_style_middle{
	width:180px;
}
.search_style_short{
	width:110px;
}
.search_style_shortshort{
	width:70px;
}
.search_style_all{
	display:block;
	width:420px;
}
.search_style_max{
	width:450px;
	min-height:100px;
}
.search_style_main:hover{
	border:2px solid #0184d5;
}
div.checkbox{
	display: inline;
}

.upload_area {
	margin: 5px;
	min-height: 180px;
	position: relative;
	border: 1px dashed rgba(0, 0, 0, .6);
	border-radius: 10px;
}
.upload_area .icon {
	margin: 20px auto;
	width: 100%;
	height: 60px;
	background-image: url(/img/upload.png);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: top center;
	opacity: .5;
}
.upload_area p {
	width: 100%;
	text-align: center;
	opacity: .8;
}
.upload_area input.input_file_dd {
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}

.thumbnail_list {
	background-color: black;
	padding: 5px 5px 0 5px;
	margin-bottom: 1em;
	min-height: 80px;
}
.thumbnail_item {
	display: inline-block;
}
img.thumbnail {
	width: 120px;
}
@media screen and (max-width:540px) {
	.thumbnail_item {
		width: 32%;
	}
	img.thumbnail {
		width: 100%;
	}
}