body { color: black; background-color: white; }

p {}

td {}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* PDF表示用 */
.canvas-wrapper {
    position: relative;
}
.canvas-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
}

/* フローティングメニュー用 */
nav {
  height: 60px;
  background: #dcdcdc;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

/* 親ブロック */
div.on-off {
    display: inline-block;
    margin: 0.1em 0 0.1em;
    padding: 0.5em 0.5em;
    /*border: 3px double #e3a996;*/
    vertical-align: top;
}

/* ラベル */
div.on-off label {
    display: inline-block;
    margin: 0 0em 0 1em;
    line-height: 2.4em;
}

/* チェックボックス */
input[type="checkbox"].on-off {
    /* デフォルトのチェックボックスを表示しない */
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;

   /* 土台部分 */
    display: inline-block;
    background-color: #eeeeee;
    border: none;
    border-radius: 6px;
    width: 8em;
    height: 2.4em;
    margin: 0;
}

/* ONボタン（チェックされていないとき） */
input[type="checkbox"].on-off:before {
    content: "描画";
    display: inline-block;
    text-align: center;
    line-height: 2.4em;
    width: 4em;
    color: #000000;
    background-color: #eeeeee;
    border-radius: 6px 0 0 6px;
    box-shadow: 2px 2px 6px 0px #cccccc inset;
}

/* OFFボタン（チェックされていないとき） */
input[type="checkbox"].on-off:after {
    content: "編集";
    display: inline-block;
    text-align: center;
    line-height: 2.4em;
    width: 4em;
    color: #ffffff;
    background-color: #ac4236;
    border-radius: 0 6px 6px 0;
    box-shadow: 0px 2px 6px 0px #e3a996 inset;
}

/* ONボタン（チェックされているとき） */
input[type="checkbox"].on-off:checked:before {
    color: #ffffff;
    background-color: #ac4236;
    box-shadow: 2px 2px 6px 0px #e3a996 inset;
}

/* OFFボタン（チェックされているとき） */
input[type="checkbox"].on-off:checked:after {
    color: #000000;
    background-color: #eeeeee;
    box-shadow: 2px 2px 6px 0px #cccccc inset;
}

select.css01 {
	font-size:18px;
	border: medium #c0c0c0 double;
}

.button_blue {
  display       : inline-block;
  text-decoration : none;
  border-radius : 8%;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  padding       : 4px 8px;   /* 余白       */
  color         : #ffffff;     /* 文字色     */
  background-color: #83ccd2;
  line-height   : 1em;         /* 1行の高さ  */
  box-shadow    : 3px 3px 3px #666666;  /* 影の設定 */
  border        : 2px 2px 2px so6666ff3ccd2;    /* 枠の指定 */
}

.button_red {
  display       : inline-block;
  text-decoration : none;
  border-radius : 8%;          /* 角丸       */
  text-align    : center;      /* 文字位置   */
  padding       : 4px 8px;   /* 余白       */
  color         : #ffffff;     /* 文字色     */
  background-color: #e83929;
  line-height   : 1em;         /* 1行の高さ  */
  box-shadow    : 3px 3px 3px #666666;  /* 影の設定 */
  border        : 2px 2px 2px #e83929;    /* 枠の指定 */
}

table.type01 {
	width: 100%;
	border-collapse: collapse;
}
table.type01 th.t_top {
    border-top: #b3b3b3 4px solid;
}
table.type01 th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
table.type01 td.t_top {
	border-top: #be1309 4px solid;
}
table.type01 td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
table.type01 td.yellow {
	background: #ffffdc;
}

.font01_red { color: #e42c00; font-size: 12pt; font-weight: bold; text-align: center; }
.font01_error { color: #e42c00; font-size: 8pt; font-weight: bold; text-align: center; }
.font01_blue { color: #3d3d74; font-size: 12pt; font-weight: bold; text-align: center; }
.font01_black { color: #101010; font-size: 12pt; font-weight: bold; text-align: center; }
.font01_black_large { color: #101010; font-size: 24pt; font-weight: bold; text-align: center; }
.font01_black_small { color: #101010; font-size: 8pt; text-align: center; }

.td_blue { background: #009FD8; color: #ffffff; font-size: 12pt; font-weight: normal; text-align: center; }
.td_red { background: #FF3F54; color: #ffffff; font-size: 12pt; font-weight: normal; text-align: center; }
.td_yellow { background: #FFEB76; color: #ffffff; font-size: 12pt; font-weight: normal; text-align: center; }

.required {
    color: #E00;
}

.required:after {
    content: " *";
}

.box_srcollbar {
    overflow:auto;
    width:950px;
    height:400px;
    padding:5px;
    border:1px solid #000;
    background-color:#F9F9F9;
    color:#000;
    font-size:12px;
}

.horizon
{
  table-layout: fixed;
  white-space: nowrap;
  z-index: 100;
  overflow:auto;
  max-width: 950px;
  width:100%;
  height:100px;
}

.horizon_td {
    width: 130px;
    hright: 90px;
    min-width: 130px;
    min-height: 90px;
}