@charset "UTF-8";

/* 更新時刻行 */
p.time {align: center; text-align: center; margin: 20px}

/* エラーメッセージと、必須マークを赤字に */
span.errmes, span.reqmark, p.confirmmessage {color: red; font-weight: bold;}


/* 通常の行 */
/* #main-contents p { margin-left: 20px; } */

/* トップタイトル  */
/* 下部注意書き見出し 大会デザイン p.title02*/
h2.toptitle, h2.restitle, h3{
/*	width:100%; */
	margin:10px 0 5px 5px;
	padding:5px;
	text-align:left;
	background-color:lightgray;
	border-color:rgb(99,112,80);
	border-width:1px 10px 2px 0;
	line-height:1.2em;
	color:black;
	font-weight: bold;
	font-family: sans-serif;
	font-size:1.2em;

	box-shadow: -2px -2px 7px 0px rgba(80, 80, 80, 0.5);
	-webkit-box-shadow: -2px -2px 7px 0px rgba(80, 80, 80, 0.5);
	-webkit-border-top-right-radius:4px !important;
	-moz-border-radius-topright:4px !important;

	border-top:5px solid green;
}

td.toptitle, td.bottomtitle, td.restitle {padding: 0;}
div.toptitle, div.restitle {background-color: #47c; color: white; margin: 1em 0; padding: 2px 10px; font-size: 125%; font-weight: bold;}
div.bottomtitle {background-color: #4cc; color: #000; margin: 2em 0 1em; padding: 2px 10px; font-size: 110%; font-weight: bold;}
div.subtitle {background-color: #4cc; color: #000; margin: 1em 0; padding: 2px 10px; font-size: 110%; font-weight: bold;}

td.outer,td.toptitle,td.bottomtitle,td.time {background: none; padding: 0;}

/* link-windowの設定(大会デザインへの追加) */
a.link-window {font-weight: bold; text-decoration: underline;}

/*表に関する共通設定。詰め込めるように設定、またリンク文字列は改行しない*/
/*table {border: none; border-collapse: separate; border-spacing: 2px;}
th, td {border: none; empty-cells: show; padding: 1px 2px; line-height: 1.2}*/

table {border: none; border-collapse: separate; border-spacing: 0;}
tbody {margin: 0;}

th, td {border: #fff 2px solid; empty-cells: show; padding: 1px 2px; line-height: 1.2}
table.noborder th, table.noborder td {border: none; empty-cells: show; padding: 1px 2px; line-height: 1.2}

/* フォームの設定 */
/* 記入欄の背景色設定 項目とフィールド、通常と必須の２組*/
th {background-color: #def;}
td {background-color: #eee; text-align: left;}
tr.req th {background-color: #ffeaea;}
tr.req td {background-color: #eeeaea;}
tr.formeditoff th {background-color: #ffccff; color: red;}
tr.formeditoff td {background-color: #cccccc; color: red;}
tr.formeditoff th::after {content: "(非表示質問)";}

/* 非表示項目 */
tr.hidden, tr.off {display: none; }

/* 表中の記入説明:背景なし */
td.desc, td.pre {background: none;}

/* 送信ボタン 中央*/
tr.submit td {background: none; text-align: center;}


/* 集計表の設定 */
/* 削除された申し込みは赤字 */
tr.deleted td {color: #c00}

/* 集計表の、自由記入欄だけ左寄せ、他を中央にする */
tr.list td    {text-align: center;}
tr.list td.q9 {text-align: left;}

/* 管理者用一覧表で、公開用集計表にも表示される項目のバックの色を変える */
tr.listhead th       {background-color: #fee;}
tr.listhead th.disp  {background-color: #cec;}

/* 申込者用一覧表の見出し背景 */
table.result th      {background-color: #fde;}

/* 申込者用一覧表の幅を調整する */
table.result {table-layout: fixed;}
table.result th.q1 {min-width: 13%}
table.result th.q2 {min-width: 13%}
table.result th.q10 {min-width: 5%}
table.result th.q0 {min-width: 20%}
table.result th.q3 {min-width:  5%}
table.result th.q4 {min-width:  5%}
table.result th.q5 {min-width: 11%}
table.result th.q6 {min-width: 11%}
table.result th.q9 {min-width: 11%}

/* 集計表の開催日ごとのバックの色を変える */
tr.day0 td {background-color: #eee;}
tr.day1 td {background-color: #ded;}
tr.day2 td {background-color: #efd;}
tr.day3 td {background-color: #dfd;}

/* 一般向け集計表の文字はは少し大きくできそう */
table.list th, table.list td {font-size: 1.1em; padding: 6px 3px 3px;}

/* 一般向け集計表の会場は太字 */
table.list td.q10 {font-weight: bold;}

/* 自由記述欄の文字は小さく */
tr.list td.q9 {font-size: 0.85em; }

/* javascript */
/* sort.js 用 */
/* ソート中列 */
/* td.sorting {background-color: #cff; text-align: center;} */

/* ソート中ボタン */
th.sorting.asc span.sbtn.asc {color: red;}
th.sorting.dsc span.sbtn.dsc {color: red;}

/* 小計合計欄 */
tr.subtotal td {background-color: #cff;}
tr.total td {background-color: #cef; }

/* グループ見出し */
tr.group td {background-color: #bdf; border-top: gray 4px solid;}

/* 先頭行の上、最終行の下 */
table.list tr:first-child td, table.list tr:first-child th {border-top: gray 4px solid;}
table.list tr:last-child td,  table.list tr:last-child td  {border-bottom: gray 4px solid;}
table.result tr:first-child td, table.result tr:first-child th {border-top: gray 4px solid;}
table.result tr:last-child td,  table.result tr:last-child td  {border-bottom: gray 4px solid;}

/* hover行 */
tr:hover td, tr:hover th {background-color: #ffc;}
table.noborder tr:hover td, table.noborder tr:hover th {background: none;}

/* 送信ボタン */
tr.submit input, input.submit {
    padding: 0.2em 1em;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #fbb;
    color: #222;
}

/* button-type link a.btn */

a.btn{
color:black;
font-weight:bold;
text-decoration: none;
display:inline-block;
padding:0.2em;
margin:0.2em 0.1em;
text-align:center;
border:2px solid;
border-color:#aaa #444 #444 #aaa;
background:#cec;
}

a.btn.can{
background:#ecc;
}
a.btn.ret{
background:#dad;
}

a.btn:hover{
background:#bbb;
}


p.kaigoubtn{
	width:90%;
	margin:0.3em auto;
	padding:10px 10px 10px 20px;
	text-align:left;
	border:solid 2px #000;
	background-color:#ccc;
	font-size:130%;
}
p.kaigoubtn a{
	text-decoration:none;
	cursor:pointer;
}
input[type="submit"] {
	cursor:pointer;
}
input[type="submit"]:hover {
	color:red;
}



/* lock */
input[readonly], textarea[readonly], input[disabled], label[disabled] {
    background-color: #bbb;
    color: #444;
}

/* formedit control panel */
/*
th.fedit, td.fedit {
  padding: 1px;
  background-color: #ccc;
  color: #444;
  font-size: 85%;
}
td.fedit {
  overflow: hidden;
}

td.ctlbtn {
  text-align: center;
}
td.ctlbtn span:first-child {
  color: blue;
  font-weight: bold;
}
td.ctlbtn span:last-child {
  font-size: 85%;
}

td.ctlbtn.hide {
  background-color: #fdd;
}
td.ctlbtn.lock {
  background-color: #ffa;
}
td.ctlbtn.null {
  background: none;
}
td.ctlbtn div.ctlpopup {
  position: absolute;
  background: #efe;
  z-index: 30;
  min-width: 10em;
  border: 2px solid blue;
  padding: 3px;
}
form#formedit {
  position: fixed;
  top: 10%;
  right: 5%;
  width: 16em;
  background: #efe;
  z-index: 28;
  min-width: 15em;
  min-height: 5em;
  border: 2px solid blue;
  padding: 3px;
  text-align: center;
}
form#formedit div {
  width: 15em;
  margin: auto;
}
*/

/* formedit control panel */
tr.formeditline1 td, tr.formeditline2 td {text-align: center;}
th.noshow, td.noshow {
  padding: 1px;
  color: #222;
  opacity: 0.6;
  font-size: 85%;
}
td.ctlbtn {
  opacity: 0.6;
}
td.ctlbtn span:first-child {
  color: blue;
  font-weight: bold;
}
td.ctlbtn span:last-child {
  font-size: 85%;
}

td.ctlbtn.normal,
td.ctlbtn.lock,
td.ctlbtn.hidden,
td.ctlbtn.off {
  opacity: 1;
  border: 5px outset #aaa;
}

td.ctlbtn.normal, td.fedit.lock {
  background-color: #9e9;
}
td.ctlbtn.off, td.fedit.off {
  background-color: #eae;
}
td.ctlbtn.hidden, td.fedit.hidden {
  background-color: #fdd;
}
td.ctlbtn.lock, td.fedit.lock {
  background-color: #ffa;
}
td.ctlbtn.null {
  background: none;
}
td.ctlbtn.edited:after {
  content: ' (編集あり)';
}
td.ctlbtn div.ctlpopup {
  position: absolute;
  background: #efe;
  z-index: 30;
  min-width: 10em;
  border: 2px solid blue;
  padding: 3px;
}
form#formedit {
  position: fixed;
  top: 5%;
  right: 5%;
  width: 16em;
  background: #efe;
  z-index: 123456789;
  min-width: 15em;
  min-height: 5em;
  border: 2px solid blue;
  padding: 0px;
  text-align: center;
  box-shadow: 3px 3px 6px 2px;
}
form#formedit div {
  width: 15em;
  margin: auto;
}
form#formedit p {
  margin: 1px 4px;
  padding: 1px;
}
form#formedit p:first-child {
  margin: 0;
  padding: 1px;
  background: blue;
  color: #fff;
  cursor: move;
}

/* row sort */
nobr.btn span {
  color: #44e;
  font-size: 70%;
  font-weight: bold;
  margin-left: 0.3em;
  cursor: pointer;
}
nobr.btn span:hover {
  color: #e4e;
}

.hovertoggle>*:first-child {
	text-decoration:underline;
}
.hovertoggle>*:last-child {
	display:none;
	font-size: 85%;
}
.hovertoggle:hover>span:last-child {
	display:inline;
}
.hovertoggle:hover>div:last-child {
	display:block;
}
.hovertoggle:hover>*:first-child {
	display:none;
}

input.disabled {
	opacity: 0.5;
}