/*==========================================================*/
/* form  */

#form-table table {
   width: 720px;
   border: 5px solid #cccccc;
   margin: 0;
   padding: 0;
   font-size: 93%;
   line-height: 1.5;
   }
body.pfi-data #form-table table, body.pfi-fs #form-table table, body.pfi-sig #form-table table, body.member-d #form-table table {
   font-size: 85%; line-height: 1.5; }
#form-table table.table-sig { margin-bottom: 40px; }

#form-table .thead th {
   border-top: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 2px solid #cccccc;
   background-color:#dddddd;
   color: #555555;
   padding: 5px 3px;
   }

#form-table table, th, td {
   border-collapse: collapse;
   border: none;
   border-spacing: 0;
   }

#form-table th, td {
   padding: 10px 5px 10px 5px;
   }

#form-table th { 
   border: 1px solid #cccccc;
   color: #555555;
   background-color: #dddddd;
   text-align: center;
   }

#form-table td { 
   border: 1px solid #cccccc;
   }
#form-table th.nowrap, 
#form-table td.nowrap {
   white-space: nowrap;
   }

#form-table tr.color td,
#form-table td.color {
   background-color: #eeeeee;
   }

#form-table tr.gray td { /* 普通のグレー */
   background-color: #eeeeee;
   padding: 2px;
   }
   
#form-table table caption {
   margin: 15px 0 5px 0;
   padding: 2px 0px 2px 10px;
   padding-bottom: 2px;
   border-left: 5px solid #CC0000;
   text-align: left;
   font-size: 126%;
   line-height: 1.5;
   font-weight: bold;
   }

.form {
   border:0;
   padding:3px;
   font-size:100%;
   font-family:Arial, sans-serif;
   color:#000;
   border:solid 1px #999;
   margin:5px;
   width: 300px;
   }
   
.busuu {
   border:0;
   padding:3px;
   font-size:100%;
   font-family:Arial, sans-serif;
   color:#000;
   border:solid 1px #999;
   margin:5px;
   width: 30px;
   }
   
.radio {
    margin-left: 20px; 
	}
   
.textarea {
   font-family:Arial, sans-serif;
   font-size:100%;
   color:#000;
   border:solid 1px #999;
   margin:5px;
   }
   
input:focus {
    border:solid 1px #CC0000;
   }
   
input.mail {
   ime-mode:inactive;
   }
input.num {
   ime-mode:disabled;
   }
   
.need {
   color: #CC0000;
   }
   
input.button-send,
input.button-reset {
   width: 120px;
   padding: 3px;
   }
input.button-send { margin-left: 150px; margin-bottom: 30px; }
input.button-reset { margin-left: 20px; margin-bottom: 30px; }

/* メッセージ */
p.msg {
    font-weight: bold;
	color: #dd0000;
	margin: 2em;
}
span.msg {
    font-weight: bold;
	color: #dd0000;
}

.form_midashi {
   font-weight: bold;
   color: #ffffff;
   width: 560px ;
   text-align: left;
   background-color: #CC0000;
   background-image: url(../images/common/pfi-case_back.gif);
   background-repeat: repeat;
   padding: 1.2%;
   margin: 15px 0;
   text-indent: 0em;
   }
.radio {
   width: 30px;
   margin-left: 0px;
   }

.selectbox {
  width:90%;
  margin: 5px;
  position:relative;
}
select{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  padding:1em 1em;
  box-sizing:border-box;
  font-size:1em;
  border:#b7282e 2px solid;
  border-radius:0;
  background:#fff;
}
.selectbox::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:5%;
  top:35%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}
.color.selectbox select{
  background:blue;
  color:#fff;
  border-radius:2em;
}
.color.selectbox::after{
  border-bottom:#fff 5px solid;
  border-right:#fff 5px solid;
}