@charset "UTF-8";


/********************************************************************/
/* エラーメッセージ類
/********************************************************************/
/* ERROR */
.error_msg, .err_msg{
	color: #ff0000;
	font-family: "Verdana", sans-serif;
	}

/* WARNING */
.warning_msg, .wrn_msg{
	color: #ff6600;
	font-family: "Verdana", sans-serif;
	}
/* CAUTION */
.caution_msg, .cau_msg{
	color: #ff6600;
	font-family: "Verdana", sans-serif;
	}
	
/* RESULT */
.normal_msg, .nrm_msg{
	color: #666666;
	font-family: "Verdana", sans-serif;
	}
/********************************************************************/
.err_box, .wrn_box {
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  border-radius: 5px;
}

.nrm_box {
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  border-radius: 5px;
  color: #333333;
  background-color: #FEEFB3;
}

.wrn_box {
  color: #ff3300;
  background-color: #ffbb99;
}

.err_box {
  color: #cc0000;
  background-color: #ff9999;
}

/********************************************************************/
.white_box {
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px 10px 10px 10px;
  border-radius: 5px;
  background-color: #fff;
}

.simple_box {
  border: 1px solid #4ebadb;
  margin: 0px;
  padding: 2px;
  font-weight: normal;
  font-family: Consolas, "Courier New", Courier, Monaco, monospace;
  font-size: 12px;
  line-height: 1.2em;
  color: #000000;
  background-color: #eeffee;
}

/********************************************************************/
/* 開発用 */
/********************************************************************/
.todo {
  border: 3px double;
  margin: 5px;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  font-family: "Verdana", sans-serif;
  font-size: 100%;
  color: #f00;
  background-color: #fff;
}
.todo:before {
  content: "《ToDo》";
}

span.todo {
  border: 1px solid;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "Verdana", sans-serif;
  font-size: 90%;
  color: #f00;
  background-color: #fff;
}

.debug {
  border: 1px solid;
  margin: 10px;
  padding: 5px 5px 5px 5px;
  font-weight: normal;
  font-family: Consolas, "Courier New", Courier, Monaco, monospace;
  line-height: 1.2em;
  color: #20d820;
  background-color: #003300;
  text-shadow: none;
}

input[type=hiddenx] {
  color: #20d820;
  background-color: #003300;
  text-shadow: none;
}

/********************************************************************/
/* 汎用表示テーブル */
/********************************************************************/
table.pubTable{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:1px solid #C1C1C1;
}
table.pubTable th{
	margin:0 0 5px 0;
	padding:2px 0 2px 5px;
	border:1px solid #C1C1C1;
	background:#eeeeee;
	color:#444444;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	vertical-align:middle;
	
}
table.pubTable td{
	margin:0;
	padding:3px 3px 3px 3px;
	font-size:12px;
	border-left:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1;color:#333333;
	line-height:1.2em;
	vertical-align:top;
}

table.pubTable thead th {
	margin:3px;
	padding:3px;
	border:1px solid #C1C1C1;
	background:#5b9bd5;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
}
/********************************************************************/
/* レイアウトテーブル */
/********************************************************************/
table.hidTable{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:1px none;
	font-weight:normal;
}
table.hidTable th{
	margin:0 0 5px 0;
	padding:0 5px;
	border:1px none;
	background:#ECF5FA;
	color:#333333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
table.hidTable td{
	margin:0;
	padding:3px;
	border:1px none;
	line-height:1.2em;
}


/********************************************************************/
/* flexbox
/********************************************************************/
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
/********************************************************************/
/* flexbox 等幅
/********************************************************************/
.flexb{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between; 
}


/********************************************************************/
/* レスポンシブ対応flexbox
/********************************************************************/
.flexr {
	display: flex;
	flex-wrap: wrap;
	padding: 0.4em;
	margin: 0 0 2em;
}

.flexr > div {
	padding: 1em;
	flex: 1 0 200px;
	margin: 0.4em;
}
/********************************************************************/
/* メニュー用ボタン
/********************************************************************/
input.cb{
  font-size:15px;
  font-weight:bold;
  width:200px;
  height:60px;
}
/********************************************************************/
/* コマンド用ボタン
/********************************************************************/


input.cmd{
  font-size:15px;
  font-weight:bold;
  min-width:150px;
  height:30px;
}
input.cs{
  font-size:12px;
  height:25px;
}

input.btn01		{ width:auto; height:auto; color:#fff; background:#de8a4d; text-align:center; border-bottom:1px solid #bc5a21; cursor:pointer }
input.btn02		{ width:auto; height:auto; color:#fff; background:#afc88c; text-align:center; border-bottom:1px solid #7b9e4b; cursor:pointer }



.tc{ text-align:center !important;}
.tl{ text-align:left !important;}
.tr{ text-align:right !important;}

.tcn{ white-space:nowrap; text-align:center !important;}
.tln{ white-space:nowrap; text-align:left !important;}
.trn{ white-space:nowrap; text-align:right !important;}

.vt{ vertical-align:top		!important; }
.vm{ vertical-align:middle	!important; }
.vb{ vertical-align:bottom	!important; }

.maru {
	display: inline-block;
	text-align:center;
	border: solid 1px black;
	border-radius: 50%;
}
/********************************************************************/
/* 中央寄せ
/********************************************************************/

/* Firefoxなど普通のブラウザ用 */
.center{
	margin: 0 auto;
	text-align:center;
}

.tc{ text-align:center;}
.tl{ text-align:left;}
.tr{ text-align:right;}

.tcn{ white-space:nowrap; text-align:center;}
.tln{ white-space:nowrap; text-align:left;}
.trn{ white-space:nowrap; text-align:right;}

/********************************************************************/
/* リンクボタン
/********************************************************************/
a.lbtn {
   display: block;
   margin: 1px;
   padding: 1px;
   float: left;
   text-decoration: none;
   text-align:center;
   
   background-color: #ffffcc;
   color: #000080;
   border-width: 1px;
   border-style: outset;
   border-color: #ffff55;
}
a.lbtn:hover {
   background-color: #ffffaa;
   color: red;
   border-style: inset;
   text-decoration: underline;
}