@charset "utf-8";
/* CSS Document */

/*******************************

コンテンツ管理 共通 css

********************************/

#main {
	/*width:1146px;*/
}

.ui-datepicker {
	z-index: 5 !important;
}

td.data_label {
	width:9%;
}

#slideTable table td {
	border:none;
}

.radiobtn {
	vertical-align:-2px;
}

.radiobtn + label {
	font-weight:normal;display:inline;
}

.fr .icon-add {
	background-position:0px 1px;
}

#contents_header div {
	display: inline-block;
	vertical-align: top;
}

#contents_header .back-button {
	float: right;
}

.info-table {
  /*max-width: 100%;*/
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.info-table .info-item-label {
	width: 50%;
	background-color: #eeece1;
}

.info-table .info-item-label.small {
	width: 15%;
}

.info-table .info-item {
	width: 50%;
}

.info-table .info-item input {
	width: 95%;
	margin-bottom: 0;
	height: 16px;
}

/**
 * 複数チェックボックス
 */
.multi-checkbox {
	background-color: #ffffff;
	border-color: gray;
	border-style: solid;
	border-width: 1px;
	height: 60px;
	margin-top: 2px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 2px;
}

.multi-checkbox label {
	font-size: 12px;
	line-height: 12px;
}

.multi-checkbox label:hover {
	background-color:#FFFF99;
}

.multi-checkbox div.checkbox {
	min-height: 12pt;
}

.multi-checkbox input[type="checkbox"] {
	margin-top: -1px;
	min-height: 12pt;
	margin-bottom: 3px;
	width: auto;
}

/*
 * 一括ダウンロード全選択/解除のラベル
 */
.all-select-check div.checkbox label {
    font-weight: bold;
    font-size: 12px;
}

/**
 * コンテンツ一覧、登録ファイル一覧
 */
.fakeContainer table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/**
 * 省略文字
 * ※これを使用するには幅を指定しなければならない
 */
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}


/** 登録ファイル一覧概略 */
.outline-background {
	background-color: #dae4e7;
}

.table-hover tbody tr.nohover:hover td,
.table-hover tbody tr.nohover:hover th {
	background-color: #dae4e7
}

/** アイコン-ヘルプ */
.icon-help {
	background-image:url("../../img/icon_help.png");
	background-position: 0px 0px;
	width:20px;
	height: 20px;
}


/* 2016/03/24 追記 */
#search_conditions_area{width:100%;}
#search_conditions_area .info-table{border:2px solid #ccc;}
#search_conditions_area .search-item{padding:0;width:145px;}
#search_conditions_area select{margin:0;padding:0;}

.info-table .info-item{padding:0;}
.info-table .info-item input[type="text"] {width:100%;margin-bottom:0;height:22px;box-sizing:border-box;padding:0;border:none;}


/* flex */
.flexBox {
	display:-webkit-inline-box;/* safari,IE対策 */
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:flex-start;
	width:100%;
}
.flexBox div {
	margin-right:
	5px;box-sizing:
	border-box;
	flex-grow:1;
}
.flexBox div:last-child {
	margin-right:0px;
}
.warning-text{
	background-color:#ffff00;
	color:#ff0000;
}

