/*申込みフォーム共通－ヘッダー*/


.font_s{
	font: inherit;
	font-size: 80%;
	line-height:100%;}
	
.font_m{
	font: inherit;
	font-size: 100%;
	line-height:120%;}
	
.font_l{
	font: inherit;
	font-size: 120%;
	line-height:140%;}
	
	

.header{width:100%; background-color:#009966; z-index:10; margin-top:0; text-align:center;}

.header img{
	 
	 height:60px;
	 margin:10px 0 10px .5em;
}

.form_contents{
	width:90%;
	max-width:840px;
	margin:20px auto;
}

/*申込みフォーム共通－フォント*/
table td{font-size:16px; line-height:1.4; padding:.2em .5em;}

.headline{
  position: relative;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 15px 10px;
  min-width: 100%;
  max-width: 100%;
  color: #0099CC;
  text-align:center;
  font-size: 24px;
  line-height:140%;
  background: #FFF;
  border: solid 2px #0099CC;
  box-sizing: border-box;
}

.headline:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.headline:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #0099CC;
  z-index: 1;
}

.headline p {
	margin: 0;
	padding: 0;
}

.caution { color: #CC0000; }
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover {text-decoration: underline}


.ginkou{margin-top:10px;
border:0px solid #DDD; padding:.5em;

}


/*申込みフォーム共通－メイン（センタリング）*/
table.form_body { width:100%; margin: 20px 0 ; border:2px solid #CCC; background-color:#FFF;border-collapse:collapse;}
table.form_body td{border:1px solid #CCC;}
table.form_body td{ padding:1em;}

table.form_body td.cel_width{width:100px;}


table.form_body table td{  margin:0; padding:0 .2em !important;border:0px solid #CCC!important;}

label{
	display:inline-block;
	width:calc(100% - 40px);
}

label, input[type='checkbox'] {
    cursor: pointer;
}

select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



input[type="text"]{width:90%; height:3em; border:1px solid #CCCCCC; margin:2px 0; font-size:16px;}
input[type="tel"]{width:90%; height:3em; border:1px solid #CCCCCC; margin:2px 0; font-size:16px;}
input[type="number"]{width:90%; height:3em; border:1px solid #CCCCCC; margin:2px 0; font-size:16px; }
textarea{width:90%; height:5em; border:1px solid #CCCCCC;  margin:4px 0; font-size:16px; }
select {
	width:100%; height:3em; border:1px solid #CCCCCC;  margin:2px 0; font-size:16px;
	background: #FFF;
	background: url(./img/arrow.png) right 50% no-repeat;
	background-size: 30px, 100%;
	max-width:500px;
	min-width:80px;
}

select::-ms-expand {
    display: none;
}


#submit{
	width:90%; padding:auto;margin:5px;color:#FFF !important;font-weight:bold;font-size:140%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #BB0000 ;border-color: #CCC;border-width:1px; border-style:solid; height:65px; cursor: hand; cursor:pointer;
}

#submit:hover{
	opacity:0.8;
}


#submit[disabled]{
    width:90%;padding:5px; margin:5px;color:#FFF !important;font-weight:bold;font-size:140%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #BBBBBB ;border-color: #BBBBBB;border: none; height:65px;
    cursor:not-allowed;
}

.check_1{
	display:inline-block;
	width:calc(99% - 10px);
	margin:5px 0;
	padding:5px;
	border:1px solid #CCC;
	border-radius: 5px;
	vertical-align: top; 
}

.check_2{
	display:inline-block;
	width:calc(49% - 10px);
	margin:5px 0;
	padding:5px;
	border:1px solid #CCC;
	border-radius: 5px;
	vertical-align: top; 
}

.check_3{
	display:inline-block;
	width:calc(32% - 10px);
	margin:5px 0;
	padding:5px;
	border:1px solid #CCC;
	border-radius: 5px;
	vertical-align: top; 
}

footer{

	width:100%;
	height:30px;
	background-color:#888;
	color:#FFF;
	text-align:center;
	font-size:12px;
	line-height:120%;
	padding:1em 0;
	
}

footer p{

	margin:1em;
	
}


@media only screen and (max-width: 580px) {
	
	

td#head img{width:auto; height:60px; margin:10px auto;}

.form_contents{
	
	width:90%;
	margin:20px 5%;
}

/*申込みフォーム共通－フォント*/
table td{font-size:14px; line-height:1.4; padding:.2em .5em;}

.headline{
  position: relative;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 15px 10px;
  min-width: 100%;
  max-width: 100%;
  color: #0099CC;
  text-align:center;
  font-size: 21px;
  line-height:140%;
  background: #FFF;
  border: solid 2px #0099CC;
  box-sizing: border-box;
}

.headline:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.headline:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #0099CC;
  z-index: 1;
}

table.form_body td.cel_width{width:80px;}

select {

	min-width:60px;
}
	

	
#submit{
    font-size:120%; height:60px;
}

input[type="submit"][disabled]{
    font-size:120%; height:60px;
}



}






@media screen and (max-width: 480px) {
	
.form_contents{
	
	width:96%;
	margin:20px 2%;
}

table.form_body td.cel_width{width:70px;}
#submit{
	font-size:100%;padding:auto;margin:1px;height:60px;
}

input[type="submit"][disabled]{
    font-size:70%;padding:auto;margin:1px;height:60px;
}


	
input[type="text"]{width:90%; height:3em; border:1px solid #CCCCCC; margin:2px 0; font-size:14px; }
input[type="tel"]{width:90%; height:3em; border:1px solid #CCCCCC; margin:2px 0; font-size:14px; }
input[type="number"]{width:90%; height:3em; border:1px solid #CCCCCC; margin:2px 0; font-size:14px; }
textarea{width:100%; height:4em; border:1px solid #CCCCCC;  margin:2px 0; font-size:14px; }
select {
	width:100%; height:3em; border:1px solid #CCCCCC;  margin:2px 0; font-size:14px;

	min-width:60px;
}
	
	.check_1,.check_2,.check_3{
	display:block;
	width:calc(100% - 10px);
	
}

footer{

	width:100%;
	background-color:#888;
	color:#FFF;
	text-align:center;
	font-size:10px;
	line-height:120%;
	padding:1em 0;
	
}

}

#tokyo_link, #osaka_link, #nagoya_link, #yokohama_link, #omiya_link, #zoom_link{
  display: none;
}

#sodan{
  /*display: none;	*/
}


table.profile_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #ccc;
  font-size:16px;
}
table.profile_table th {
  width:100px;
  border-bottom: 1px solid #ccc;
  
  box-sizing: border-box;
  padding: 15px;
  text-align: left;
  vertical-align:middle;
  font-weight:normal;
}
table.profile_table td {
  background: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: top;
  text-align: left;
  vertical-align:middle;
}

table.noline {
  width:auto;
  border: none !important;
  text-align: center;
  margin:0;
  padding:0;
}

table.noline th {
  width:10px !important;
  background: #fff;
  border: none !important;
  text-align: center;
  vertical-align:middle;
  margin:0;
  padding:0;
  font-weight:normal;
}

table.noline td {
  width:auto;
  background: #fff;
  border: none !important;
  text-align: center;
  vertical-align:middle;
  margin:0;
  padding:0;
  font-weight:normal;
}

table.koza_detail{width:auto;border:1px #AAA solid;border-spacing:0;margin-top:1%;}
table.koza_detail th{padding:10px !important; border-width:0 0 1px 0; border-style:solid; border-color:#AAA; font-weight:bold;text-align:center;  background-color:#EEE; line-height:1.2;}
table.koza_detail td#column{padding:10px !important; border-width:0 0 0 0; border-style:solid; border-color:#AAA; background-color:#FFF; line-height:1.2;}

@media all and (max-width: 580px) {
	
  table.profile_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 2px solid #ccc;
	font-size:14px;
}

  table.profile_table th {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
  }
  table.profile_table td {
    display: block;
    width: 100%;
    border: none;

  }
  
  table.profile_table tr {
    border-top: 1px solid #ccc;

  }
  
  table.profile_table tr:first-child {
    border-top: 0px solid #ccc;

  }
  
    table.noline {
  width:auto !important;
   margin:0 !important;
   padding:0 !important;
}
  
  table.noline th, table.noline td {
  display:table-cell;
  width:50%;

 
}


}





input.myError {
background-color:#FF9999;
}

label.myError {
color:#FF0000;
}

select.myError, textarea.myError {
background-color:#FF9999;
}