@charset "UTF-8";


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

/* WARNING */
.warning_msg, .wrn_msg{
	color: #ff6600;
	font-size: 90%;
	font-weight: bold;
	font-family: "Verdana", sans-serif;
	}
/* CAUTION */
.caution_msg, .cau_msg{
	color: #ff6600;
	font-size: 90%;
	font-family: "Verdana", sans-serif;
	}
	
/* RESULT */
.normal_msg, .nrm_msg{
	color: #666666;
	font-size: 90%;
	font-family: "Verdana", sans-serif;
	text-align: center;
	}
/********************************************************************/

.err_box, .wrn_box, .nrm_box {
	border: 1px solid;
	margin: 10px;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	font-family:"Verdana", sans-serif;
	font-size:90%;
}
.nrm_box {
	color: #333333;
	background-color: #FEEFB3;
}
.wrn_box {
	color: #ff3300;
	background-color: #ffbb99;
}
.err_box {
	color: #cc0000;
	background-color: #ff9999;
}

/********************************************************************/
/* 開発用 */
/********************************************************************/

.todo{
	border: 1px solid;
	margin: 5px;
	padding:5px 5px 5px 5px;
	font-weight:bold;
	font-family:"Verdana", sans-serif;
	font-size:100%;
	color: #f00;
	background-color: #fff;
}
.debug {
	border: 1px solid;
	margin: 0px;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	font-family:"Verdana", sans-serif;
	font-size:12px;
	line-height:1.2em;
	color: #00ff00;
	background-color: #003300;
}
/********************************************************************/
/* 汎用表示テーブル */
/********************************************************************/
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:#e6e6e6;
	color:#444444;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}
table.pubTable td{
	margin:0;
	padding:3px 3px 3px 3px;
	font-size:12px;
	background:#ffffff;
	border:1px solid #C1C1C1;color:#333333;
}
/********************************************************************/
/* レイアウトテーブル */
/********************************************************************/
table.hidTable{
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:1px none;
}
table.hidTable th{
	margin:0 0 5px 0;
	padding:0 5px;
	border:1px none;
	background:#ECF5FA;
	color:#333333;
	font-weight:bold;
	text-align:left;
}
table.hidTable td{
	margin:0;
	padding:3px;
	border:1px none;
}

/********************************************************************/
/* メニュー用ボタン
/********************************************************************/
input.cb{
  font-size:15px;
  font-weight:bold;
  width:200px;
  height:60px;
}
/********************************************************************/
/* コマンド用ボタン
/********************************************************************/


input.cmd{
  font-size:15px;
  font-weight:bold;
  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;}
.tl{ text-align:left;}
.tr{ text-align:right;}

/********************************************************************/
/* リンクボタン
/********************************************************************/
a.btn {
   display: block; /* ★ブロック化 */
   margin: 0.1em; /* 外側の余白 */
   padding: 0.3em; /* 内側の余白 */
   width: 5em; /* 横幅 */
   float: left; /* 続く内容を右側に */
   text-decoration: none; /* 下線を消す */
   text-align:center;
   
   background-color: #ffffcc; /* ★背景色 */
   color: #000080; /* 文字色 */
   border-width: 2px; /* ★枠線の太さ */
   border-style: outset; /* ★凸型に見えるように */
   border-color: #ffff55; /* ★枠線のベース色 */
}
a.btn:hover {
   background-color: #ffffaa; /* ★背景色 */
   color: red; /* 文字色 */
   border-style: inset; /* ★凹型に見えるように */
   text-decoration: underline; /* 下線を引く */
}


/********************************************************************/
/* design
/********************************************************************/

/* 自己枠確認表示 */
#waku01 th{
  font-size:20px;
}
#waku01 td{
  font-size:20px;
  font-weight:bold;
  height:2em;
}

.wakuStatus01{	/* 受付中 */
	text-align:center;
	color:red;
	border: solid 2px red;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.wakuStatus02{ /* 終了 */
	text-align:center;
	color: #00b050;
	border: solid 2px #00b050;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}