@charset "UTF-8";

body {
font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;

	font-size: 13px;
	overflow-x: hidden;
	
	  
	  
	  
	
}




textarea {
    min-width: 90%;
    min-height: 200px;

    border-radius:3px;
    padding: 10px;
    border: 1px solid #696969;
}

textarea:focus {
   border:solid 1px #00008b;
}






input[type=password],
input[type=text]{
padding: 5px;
border: 1px solid #696969;
margin-bottom: 2px;
margin-top: 2px;
font-size: 13px;
border-radius: 3px;





}
input[type=text]:focus {
   border:solid 1px #00008b;
   
}
input[type=text], select { 
   outline: none;
}



input[type=radio] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
border: 1px solid #696969;
    
}

input[type="checkbox"]{
  -webkit-appearance: none;
  width:20px;
  height:20px;
  border: 1px solid #696969;
  border-radius:2px;
  background:transparent;
  opacity:0.5;
  
  
}
input[type="checkbox"]:checked{
  background:#19283C;
  opacity:1;

}


.f4 {
   padding: 9px;
   border: 1px solid #696969;
   border-radius:3px;
   margin-top: 7px;
   font-size: 16px;
   width: 118px;
   margin-right: 5px;
   
   
}


p.hissu {
   background-color: #ff4500;
   width: 40px;
   border-radius: 3px;
   text-align: center;
   color: #fff;
   font-size: 9px;
   padding: 5px;
   font-weight: normal;

   
   
}

.submitbutton {
   background-color: #1e384d;
   width: 300px;
   border-radius: 3px;
   text-align: center;
   color: #fff;
   font-size: 15px;
   font-variant: normal;
   float: left;
   padding: 10px; 
   font-weight: bold;
   margin: 10px;
   border: 1px solid #fff;
}

.submitbutton2 {
   background-color: #fff;
   width: 300px;
   border-radius: 3px;
   text-align: center;
   font-size: 15px;
   font-variant: normal;
   float: left;
   padding: 10px; 
   font-weight: bold;
   margin: 10px;
   border: 1px solid #fff;
}

.size_l {
   width: 280px;
   
}
.size_m {
   width: 150px;
   
}

.size_s {
   width: 50px;
   
}


.error { background-color:#FFCCCC;
       }
.alert { color:#FF0000; font-size:small;}




.form {
  border-collapse: collapse;
  width: 100%;
}
 
.form th,
.form td {
  border: 1px solid #dbe1e8;  
  padding: 10px;
  background-color: #fff;
}
 
.form th {
  background: #f5f5f5;
  text-align: left;
  width: 150px;
}
 
.syubetuarea label {
  display: block;
  float: left;
  width: 150px;
}
.heyakazuarea label {
  display: block;
  float: left;
  width: 100px;
}

 
 
@media only screen and (max-width: 500px) {
  .form tr,
  .form th,
  .form td {
    display: block;
    width: auto;
  }
  
  .form tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .form th,
  .form td {
    border-top: none;
  }
}