/* CSS Document */
.button {
  display       : inline-block;
  border-radius : 16px;          /* 角丸       */
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
	margin-top  : 16px;
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 6px;   /* 余白       */
  background    : #ff9326;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 2px #666666;  /* 影の設定 */
  border        : 2px solid #797676;    /* 枠の指定 */
  font-weight:bolder;
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.button0 {
  display       : inline-block;
  border-radius : 16px;          /* 角丸       */
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 6px;   /* 余白       */
  background    : #ff9326;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 2px #666666;  /* 影の設定 */
  border        : 2px solid #797676;    /* 枠の指定 */
  font-weight:bolder;
}
.button0:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.buttonsiro {
  display       : inline-block;
  border-radius : 8px;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 18px;   /* 余白       */
  background    : #FFF;     /* 背景色     */
  color         : #000;     /* 文字色     */
  line-height   : 1.3em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
   margin-bottom: 8px; 
  border        : 1px solid #797676;    /* 枠の指定 */
  font-weight:100;
  box-shadow    : 2px 2px 1px #666666;  /* 影の設定 */ 
    width: 210px;
}
.buttonsiro:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #FFFFFF;     /* 背景色     */
  background    : #646463;     /* 文字色     */
}
.buttonsiro.clicked {
    background: #0000FF;
    color: #FFF;
    border: 1px solid #FFF;
}
.buttonsiro2 {
  display       : inline-block;
  border-radius : 8px;          /* 角丸       */
  font-size     : 18px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 18px;   /* 余白       */
  background    : #ff9326;     /* 背景色     */
  color         : #FFFFFF;     /* 文字色     */
  line-height   : 1.3em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
   margin-bottom: 8px; 
  border        : 1px solid #797676;    /* 枠の指定 */
  font-weight:100;
  box-shadow    : 2px 2px 1px #666666;  /* 影の設定 */ 
    width: 210px;
}
.buttonsiro2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #FFFFFF;     /* 背景色     */
  background    : #646463;     /* 文字色     */
}
.buttonsiro2.clicked {
    background: #0000FF;
    color: #FFF;
    border: 1px solid #FFF;
}
.buttonsiro1 {
  display       : inline-block;
  border-radius : 10px;          /* 角丸       */
  font-size     : 20px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 14px;   /* 余白       */
  background    : #ff9326;     /* 背景色     */
  color         : #FFF;     /* 文字色     */
  line-height   : 1.3em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
   margin-bottom: 8px; 
  border        : 1px solid #797676;    /* 枠の指定 */
  font-weight:100;
  box-shadow    : 2px 2px 1px #666666;  /* 影の設定 */  
}
.buttonsiro1:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #FFFFFF;     /* 背景色     */
  background    : #646463;     /* 文字色     */
}
.buttonsiro3 {
  display       : inline-block;
  border-radius : 8px;          /* 角丸       */
  font-size     : 16px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 18px;   /* 余白       */
  background    : #FFF;     /* 背景色     */
  color         : #000;     /* 文字色     */
  line-height   : 1.3em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
   margin-bottom: 8px; 
  border        : 1px solid #797676;    /* 枠の指定 */
  font-weight:bold;
  box-shadow    : 2px 2px 1px #666666;  /* 影の設定 */ 

}
.buttonsiro3:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #FFFFFF;     /* 背景色     */
  background    : #646463;     /* 文字色     */
}
.buttonsiro3.clicked {
    background: #0000FF;
    color: #FFF;
    border: 1px solid #FFF;
}
.buttonsiro4 {
  display       : inline-block;
  border-radius : 12px;          /* 角丸       */
  font-size     : 15px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 10px;   /* 余白       */
  background    : #FFF;     /* 背景色     */
  color         : #000;     /* 文字色     */
  line-height   : 1.1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
   margin-bottom: 4px; 
  border        : 1px solid #797676;    /* 枠の指定 */
  font-weight:100;
  box-shadow    : 2px 2px 1px #666666;  /* 影の設定 */ 

}
.buttonsiro4:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #FFFFFF;     /* 背景色     */
  background    : #646463;     /* 文字色     */
}
.buttonsiro4.clicked {
    background: #0000FF;
    color: #FFF;
    border: 1px solid #FFF;
}
.buttonsiro44 {
  display       : inline-block;
  border-radius : 12px;          /* 角丸       */
  font-size     : 15px;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 10px;   /* 余白       */
  background    : #646463;     /* 背景色     */
  color         : #FFF;     /* 文字色     */
  line-height   : 1.1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
   margin-bottom: 4px; 
  border        : 1px solid #797676;    /* 枠の指定 */
  font-weight:100;
  box-shadow    : 2px 2px 1px #666666;  /* 影の設定 */ 

}
.buttonsiro44:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #FFFFFF;     /* 背景色     */
  background    : #646463;     /* 文字色     */
}
.buttonsiro44.clicked {
    background: #0000FF;
    color: #FFF;
    border: 1px solid #FFF;
}
.button1 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #9C9A9A;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
  font-weight:bolder;
    width:150px;
}
.button1:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #F89E1C;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}   
.button2 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #F8D3D8;     /* 背景色     */
  color         : #393838;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #F89E1C;    /* 枠の指定 */
  font-weight:bolder;
    width:150px;
}
.button2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #F89E1C;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.button22 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #F8D3D8;     /* 背景色     */
  color         : #393838;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #F89E1C;    /* 枠の指定 */
  font-weight:bolder;

}
.button22:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #F89E1C;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}     
.button3 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #8DF8BE;     /* 背景色     */
  color         : #393838;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #015601;    /* 枠の指定 */
  font-weight:bolder;
    width:150px;
}
.button3:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #015601;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
} 
.button4 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #8DF8BE;     /* 背景色     */
  color         : #FC6F03;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #015601;    /* 枠の指定 */
  font-weight:bolder;
    width:150px;
}
.button4:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #015601;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
.button44 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #8DF8BE;     /* 背景色     */
  color         : #FC6F03;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #015601;    /* 枠の指定 */
  font-weight:bolder;
}
.button44:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #015601;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
} 
.button45 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 8px;   /* 余白       */
  background    : #8DF8BE;     /* 背景色     */
  color         : #FC6F03;     /* 文字色     */
  line-height   : 0.9em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 1px solid #015601;    /* 枠の指定 */
  font-weight:bolder;
}
.button45:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #015601;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
} 
.button46 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 8px;   /* 余白       */
  background    : #7F7E7E;     /* 背景色     */
  color         : #FFFFFF;     /* 文字色     */
  line-height   : 0.9em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 1px solid #015601;    /* 枠の指定 */
  font-weight:bolder;
}
.button46:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #015601;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}  
.button5 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #9C9A9A;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #1015FF;    /* 枠の指定 */
  font-weight:bolder;
    width:150px;
} 
.button5:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #1015FF;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
} 
.button6 {
  display       : inline-block;
  border-radius : 10%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 8px 12px;   /* 余白       */
  background    : #8DF8BE;     /* 背景色     */
  color         : #FC6F03;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 5px 5px 3px #666666;  /* 影の設定 */
  border        : 2px solid #015601;    /* 枠の指定 */
  font-weight:bolder;
}
.button6:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #015601;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}  
.button6.selected {
    background-color: #4CAF50; /* 選択中は緑色 */
    color: white;
    border: 2px solid #2E7D32;
    box-shadow    : none;      
}
#edit-route-button:disabled {
    background-color: gray;
    color: white; /* 文字色を白にする */
    cursor: not-allowed; /* カーソルを「禁止マーク」に */
    opacity: 0.6; /* 半透明にして無効感を出す */
}
#edit-route-button1:disabled {
    background-color: gray;
    color: white; /* 文字色を白にする */
    cursor: not-allowed; /* カーソルを「禁止マーク」に */
    opacity: 0.6; /* 半透明にして無効感を出す */
}
.tbl03{
	margin: 0 auto 6px;
	border: 1px solid #766018;
	width: 99%;
}
.tbl03 th{
	padding: 5px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	width: 80px;
	vertical-align: middle;
	background-color: #fffbed;
	text-align: right;
}
.tbl03 td{
	padding: 5px;
	border-right: 1px solid #766018;
	border-bottom: 1px solid #766018;
	vertical-align: middle;
	text-align:center;
}
.tbl03 .cap{
	background-color: #fffbed;
}