@charset "utf-8";

div#wrapper {
  position: relative;
  width: 100%;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

/* 進捗バー *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
ul.status {
  list-style-type: none;
  margin         : 0px auto;
  padding        : 0px;
  width          : 800px;
  height         : 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

  ul.status li{
    width           : 150px;
    height          : 30px;
    border          : 1px solid silver;
    border-radius   : 0px 20px 20px 0px;
    margin          : 0px 5px;
    padding         : 5px 0px 0px 10px;
    color           : gray;
    font-weight     : bold;
    text-align      : left;
    text-shadow     : 1px 1px 2px rgba(0,0,0,0.2);
    font-size       : 7pt;
    line-height: 1.0em;
    position:relative;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    background-color:silver;
  }

  ul.status div{
    position:absolute;
    top: 20px;
    width     : 150px;
    font-size : 9pt;
    text-align  : center;
    margin    : -2px 0px 0px -10px;
  }

  ul.status li.on{
    color       : white;
    background-color: rgba(255,0,0,1.0);
    text-shadow : 1px 1px 2px rgba(0,0,0,0.4);
    border      : 0px solid dimgray;
    width       : 152px;
    height      : 32px;
  }


  div.backbutton {
    width  : 200px;
    margin : 0px auto;
  }

table.fielditem {
  border: 0px solid gray;
  width : 500px;
}
table.fielditem td {
  border: 0px solid gray;
  width : 120px;
  vertical-align: top;
  font-size: 9pt;
}

table.registForm {
  width: 100%;
  border-spacing: 5px 20px;
}

  table.registForm tr td{
    font-size: 11pt;
  }

  table.registForm tr td:first-child{
    width: 30%;
    border: 1px solid gray;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    padding-left: 10px;
    background-color: rgb(220,220,225);
  }

  table.registForm tr:nth-child(1) td:nth-child(2){
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  }

  table.registForm tr:nth-child(1) td:nth-child(2) input{
    width: 40%;
    border: 1px solid gray;
    cursor:default;
  }
  table.registForm tr:nth-child(2) td:nth-child(2) input{
    width: 60%;
    border: 1px solid gray;
    cursor:default;
  }
  table.registForm tr:nth-child(3) td:nth-child(2) select{
    width: 90%;
    border: 1px solid gray;
  }
  table.registForm tr:nth-child(4) td:nth-child(2) input{
    width: 90%;
    border: 1px solid gray;
    cursor:default;
  }
  table.registForm tr:nth-child(5) td:nth-child(2) select{
    width: 60%;
    border: 1px solid gray;
  }
  table.registForm tr:nth-child(7) td:nth-child(2) textarea{
    width: 90%;
    border: 1px solid gray;
    cursor:default;
  }
  table.registForm tr:nth-child(8) td:nth-child(2) textarea{
    width: 90%;
    border: 1px solid gray;
    cursor:default;
  }


  table.registForm tr:nth-child(5) td:nth-child(2) label{
    font-size: 11pt;
    margin: 0px 20px 0px 0px;
  }

  table.registForm tr:last-child td{
    text-align: center;
    border: 0px solid gray;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
    background-color: rgb(248,248,248);
  }

dl.nameField dt {  
	float:left;  
	width:120px;  
	padding:5px 6px 4px 0;  
}  
dl.nameField dd {  
	margin-left: 80px;  
	padding:5px 0px 4px 0;  
}  

form#regist label {
    margin: 5px 10px 0px 0px ;
    padding: 5px 0px 0px 0px;
    display: inline-flex;
    border:1px solid silver;
    font-size: 10pt;
    line-height: 1.0em;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
    border-radius: 3px;
    width: 25%;
    align-items: center;
    cursor: pointer;
}

form#regist label:hover {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.6);
}
form#regist label:active {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

form#regist input[type="submit"] {
  cursor:pointer;
  font-size:14pt;
  font-weight: bold;
  width:300px;
  padding: 5px 0;
  margin-right:0.5em;
  border-style:none;
  color: #fff;
  background:#228B22;
  border-radius: 20px;
  box-shadow: 0px 1px 2px 1px #666;
  text-shadow: 1px 1px 2px #000; 
}
form#regist input[type="reset"] {
  cursor:pointer;
  font-size:11pt;
  font-weight: bold;
  width:150px;
  padding: 5px 0;
  margin-right:0.5em;
  border-style:none;
  color: #fff;
  background:#228B22;
  border-radius: 20px;
  box-shadow: 0px 1px 2px 1px #666;
  text-shadow: 1px 1px 2px #000; 
}

form#regist input[type="submit"]:hover ,
form#regist input[type="reset"]:hover {
  background:#32CD32
}

/* テーブル（登録フォーム チェック用）
**************************************/
table.registCheck {
  margin: 0 auto;
  width: 760px;
  border-collapse: collapse;  
}
  table.registCheck th {
    padding: 8px 3px;
    font-size: 93%;
    text-align: left;
    white-space: nowrap;
    line-height: 150%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background-color : whitesmoke;
    margin : 0px 0px 0px 10px;
  }
  table.registCheck td {
    padding: 8px 5px;
    font-size: 93%;
    line-height: 150%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }
    table.registCheck td.lbl {
      font-weight : bold;
      border-right : 1px dotted silver;
    }

/* 白W200pxボタン ***************/
input.ww200btn {
        cursor: pointer;
        width: 200px;
        height: 32px;
        border: none;
        background: url(../images/ww200btn.png) no-repeat 0 0;
        color: #555;
        font-size:108%;
        font-weight: bold;
}
input.ww200btn:hover {
    background: url(../images/ww200btn.png) no-repeat 0 -40px;
}
input.ww200btn:active {
    background: url(../images/ww200btn.png) no-repeat 0 -80px;
}
/* 白W100pxボタン ***************/
input.ww100btn {
        cursor: pointer;
        width: 100px;
        height: 32px;
        border: none;
        background: url(../images/ww100btn.png) no-repeat 0 0;
        color: #555;
        font-size:108%;
        font-weight: bold;
}
input.ww100btn:hover {
    background: url(../images/ww100btn.png) no-repeat 0 -40px;
}
input.ww100btn:active {
    background: url(../images/ww100btn.png) no-repeat 0 -80px;
}