/*
      applform.css  (講演申し込みフォーム用css)

   他のページと共通部分

*/

h2 {margin: 10px 30px; padding: 5px; color: white; background-color: darkblue; text-align: center; }
div h2 {color:#00c; background: none; font-size: 140%; text-align: left;}
h3 {margin: 5px 30px 5px 30px; padding: 3px; color: black; background-color: lightgray; text-indent: 10px; box-shadow: -2px -2px 7px 0 rgba(80, 80, 80, 0.5);}
div h3, h3:empty {box-shadow: none; background: none;}
a {color: #33c;}
hr {margin-left: 30px; margin-right: 30px;}
a[href="/meeting/80a/submit/index.html"], a[href="/meeting/80a/submit/index.html"] + br, a[href="/meeting/80a/submit/en_index.html"], a[href="/meeting/80a/submit/en_index.html"] + br {display: none;}

/*
   専用部分
*/
td {position: relative;}
input:focus, textarea:focus, select:focus {background-color: #dff;}
input + div {display: none; font-size: 85%;}
input + div p {margin: 5px 0; padding: 0;}
input + div p:first-child {font-size: 100%; font-weight: bold;}
span.btn {border: gray solid 2px; background: lightgray; padding: 2px;}
input:focus + div {background: #eef; z-index: 1; display: block; position: absolute; bottom: 65px; left: 20px; border: #46b solid 4px; padding: 3px; width: 300px; text-align: center; border-radius: 8px 8px;}

body {position: absolute;}
div#helpw {z-index: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20,20,20,0.3); display: block; }
div#helpw div.wrap {z-index: 2; position: fixed; top: 15%; left: 8%; width: 80%; height: 75%; padding: 0 2%; background: #eef;  border: 5px solid #46b; border-top: none; border-radius: 0 0 10px 10px; overflow: scroll; }
div#helpw table {margin: 15px;}
div#helpw div.top {z-index: 2; position: fixed; bottom: 85%; margin: 0; padding: 0 2%; border: 5px solid #46b; border-bottom: none; border-radius: 10px 10px 0 0; width: 80%; height: auto; left: 8%; background: #46b; color: white; font-weight: bold; }
div#helpw p.end {text-align: center; }
div#helpw.hide {display: none;}