@CHARSET "UTF-8";

/* タイトル
-------------------------------------------------- */
.content-title {
	margin: 20px 0 15px 10px;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

/* テーブル
-------------------------------------------------- */
.table>tbody>tr>td {
	/* 上下センター配置 */
	vertical-align: middle;
}

/* ボーダーなし */
.table-noborder>tbody>tr>th, .table-noborder>tbody>tr>td{
	border: 0px;
}

/* フォームに使うテーブルの基本スタイル  */
.table-form {
	border: 1px solid #ddd;
}
.table-form>thead>tr>th {
	/* bootstrapの打消し */
	border-bottom: 1px solid #B1E5F4;
	text-align:center;
}
.table-form>tbody>tr>td {
	text-align:center;
}
.table-form-head {
	background-color: #DBFBFF;
	font-size: 90%;
}
.table-form-body {
	background-color: white;
}
/* inputタグの基本スタイル  */
.table-form-control {
	width: 100%;
	padding: 3px 6px;
	font-size: 14px;
	line-height: 1.5;
	color: #555;
	border: 1px solid #888;
	border-radius: 4px;
}

/* フォーム
-------------------------------------------------- */

/* 編集不可項目 */
.input-readonly {
  border: 0px;
  background-color: transparent;
}
.readonly {
  /* color: #0029CC; */
}

span.input-caption {
  display: inline-block;
  width: 5%;
  text-align: center;
}

/* 編集対象の項目 */
.input-edit {
  border: 1px solid #5BC0DE;
}

/* エラーメッセージ */
.errors {
  display: inline-block;
  color: red;
}

/* 不正な項目 */
.form-invalid {
  background-color: #ffabae;
}


/* メッセージ
-------------------------------------------------- */
.message-center {
	margin: 200px auto;
	text-align: center;
}

.add-indent {
	margin-left: 30px;
}

/* 固定幅クラス
-------------------------------------------------- */
.w-min100 {
	min-width:100px;
}

.w-min200 {
	min-width:200px;
}