@charset "utf-8";
@import url(base.css);


#globalheader{
	border-bottom:1px solid #ccc;	
}

		#main{
			border-bottom:1px solid #ccc;
		}


		#contenttitle{
			padding:40px 0;
		}
			
			#contenttitle h2{
				font-size:2.4em;
				font-family: "kozuka-mincho-pro";
				text-align:center;
			}
			
			
	@media screen and (max-width:1000px){

		#contenttitle{
			padding:30px 0;
		}
			
			#contenttitle h2{
				font-size:1.8em;
			}

	}
			
	@media screen and (max-width:640px){

		#contenttitle{
		}
			
			#contenttitle h2{
			}

	}
			
	@media screen and (max-width:420px){

		#contenttitle{
			height:120px;
		}
			
			#contenttitle h2{
				width:100px;
				margin:0 auto -100px;
				top:10px;
			}

	}



	#goyoukikinote{
		background-color:#f2f2f2;	
	}
			

		#goyoukikinote .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			padding:30px 0 40px;	
			background-color:#f2f2f2;	
		}
				
	@media screen and (max-width:770px){
	
		#goyoukikinote .inner{
			padding:20px 0 30px;
		}
	
	}
				
	@media screen and (max-width:420px){
	
		#goyoukikinote .inner{
			padding:10px 0 20px;
		}
	
	}
	
	
		#goyoukikinote .note{
			max-width:1000px;
			width:100%;
			margin:0 auto;
		}


		
			#goyoukikinote p{
				margin-top:0;
				font-size:1.2em;
				font-family: "kozuka-mincho-pro";
				line-height:2.0em;
			}
	
		@media screen and (max-width:1000px){
		
			#goyoukikinote p{
				font-size:1.0em;
				line-height:1.9em;
			}
	
		}
	
		@media screen and (max-width:770px){
		
			#goyoukikinote p{
				width:90%;
				margin:20px auto 20px;
			}
	
		}
	
		@media screen and (max-width:640px){
		
			#goyoukikinote p{
				margin:10px auto 15px;
			}
	
		}
	

			#goyoukikinote .spbox{
				color:#c33;
				font-size:1.8em;
				font-weight:700;
				text-align:center;
				background-color:#ffeae6;
			}

			#goyoukikinote .spbox a{
				display:block;
				padding:15px 0 10px;
				color:#c33;
				text-decoration:none;
			}
	
		@media screen and (max-width:1000px){
		
			#goyoukikinote .spbox{
				font-size:1.6em;
			}
	
		}
	
		@media screen and (max-width:640px){
		
			#goyoukikinote .spbox{
				font-size:1.4em;
			}
	
		}
	
		@media screen and (max-width:420px){
		
			#goyoukikinote .spbox{
				padding:10px 0 7px;
				font-size:1.2em;
			}
	
		}

			#goyoukikinote .spbox a{
				padding:10px 0 7px;
			}


/* 予約フォーム */	
				
	
			#goyoukikiform{
				max-width:1000px;
				width:90%;
				margin:0 auto;
				padding:40px 0;	
			}
					
		@media screen and (max-width:770px){
		
			#goyoukikiform{
				padding:30px 0;
			}
		
		}
					
		@media screen and (max-width:420px){
		
			#goyoukikiform{
				padding:20px 0;
			}
		
		}
	
	


			#goyoukikiform h3{
				max-width:271px;
				width:90%;
				margin:20px auto 30px;
			}
			#goyoukiki h3 img{width:100%;}



/**************************************************/
		


			.entryblock table{
				width:100%;
				border-collapse:collapse;
				border-top:1px dashed #ccc;
			}


				.entryblock th,
				.entryblock td{
					verticl-align:top;
					border-bottom:1px dashed #ccc !important;
				}
				

				.entryblock th{
					width:160px;
					padding:28px 0;
					line-height:1.4em;
					vertical-align:top;
				}
				
				.entryblock th.align-left{
					width:140px;
					padding-left:20px;
				}

				.entryblock td{
					width:calc(100% - 180px);
					padding:20px 0 10px 20px;
				}
		
			@media screen and (max-width:770px){

				.entryblock th{
					width:100px;
					padding:20px 0;
					font-size:0.9em;
				}
				
				.entryblock th.align-left{
					width:85px;
					padding-left:15px;
				}

				.entryblock td{
					width:calc(100% - 110px);
					padding-left:10px;
					font-size:0.9em;
				}
		
				
			}
		
			@media screen and (max-width:480px){

				.entryblock th{
					width:100px;
					padding:20px 0;
					font-size:0.9em;
				}

				.entryblock td{
					width:calc(100% - 110px);
					padding-left:10px;
					font-size:0.9em;
				}
				
				.entryblock td br + span{font-size:0.8em;}
		
				
			}
	
		
		.entryblock td input,
		.entryblock td select,
		.entryblock td textarea{
			margin-bottom:10px;
			padding:10px 15px;
			font-weight:400;
			border:1px solid #ccc;
			border-radius:5px;
		}
		
	@media screen and (max-width:480px){
		
		.entryblock td input,
		.entryblock td select,
		.entryblock td textarea{
			padding:10px 10px;
		}
		
	}
					
		
	@media screen and (max-width:840px){

		.entryblock input#email{margin-bottom:0;}
					
	}
		.entryblock .listitems td textarea{
			width:91%;
			margin-bottom:10px;
			padding:10px 2%;
			font-weight:400;
			border:none;
			border-radius:5px;
		}
	
			#email,#email2{ime-mode:disabled;}
	
			#email,#email2,#cemail,#cemail2,#job{
				max-width:380px;
				width:90%;
			}
	
			#address2,#gaddress2,#caddress2{
				max-width:640px;
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#email,#email2,#gemail,#gemail2,#address2,#address3,#job{
				width:80%;
			}
		
		}
	
			#name1,#name2,#cname1,#cname2,#furigana1,#furigana2,#cfurigana1,#cfurigana2,#gname1,#gname2,#gfurigana1,#gfurigana2,#kouku{
				max-width:145px;
				width:34%;
				min-width:100px;
			}
	
			#gname,#gfurigana,#sname,#sfurigana{
				max-width:380px;
				width:80%;
			}
	
			#birthy,
			#foundingy,
			#starty,
			#endy,
			#limity{
				width:50px;
			}
			
			#birthm,#birthd,#foundingm,#foundingd,#starty,#startm,#startd,#endy,#endm,#endd,#limity,#limitm,#limitd{
				width:50px;
				padding:10px 0;
				text-align:center;
			}
	
			#starttime1,#starttime2,
			#endtime1,#endtime2{
				width:20px;
			}
	
			#age,#cage,
			#desired_num,#desired_m,#desired_f{
				width:30px;
			}

			#activities,
			#gactivities,
			#place,
			#order{
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#activities,
			#gactivities,
			#place,
			#order{
				width:80%;
			}
		
		}
	
			#tel1,#tel2,#tel3,#gtel1,#gtel2,#gtel3,#ctel1,#ctel2,#ctel3,#smp1,#smp2,#smp3,#fax1,#fax2,#fax3,#gfax1,#gfax2,#gfax3,#cfax1,#cfax2,#cfax3,#zip1,#zip2,#gzip1,#gzip2,#czip1,#czip2{
				width:40px;
				text-align:center;
				ime-mode:disabled;
			}
		
		@media screen and (max-width:420px){
	
			#tel1,#tel2,#tel3,#gtel1,#gtel2,#gtel3,#ctel1,#ctel2,#ctel3,#smp1,#smp2,#smp3,#fax1,#fax2,#fax3,#gfax1,#gfax2,#gfax3,#cfax1,#cfax2,#cfax3,#zip1,#zip2,#gzip1,#gzip2,#czip1,#czip2{
				width:30px;
			}
	
		}
		
		@media screen and (max-width:480px){
	
			#yusen{
				width: 90%;
			}
			
		}

			#vexp li{
				float: left;
			}

				#vexp li:nth-of-type(2){
					position: relative;
					top:8px;
					left:20px;
				}
		
		@media screen and (max-width:370px){

			#vexp li{
				float:none;
			}

				#vexp li:nth-of-type(2){
					top:0;
					left:0;
				}
		
		}

			#exp_naiyo,
			#target_naiyo{
				width:15px;
			}

			#place_naiyo,
			#target_naiyo{				
				width:160px;
			}
		
		@media screen and (max-width:480px){

			#place_naiyo,
			#target_naiyo{				
				width:140px;
			}		

		}
		
		@media screen and (max-width:370px){

			#place_naiyo,
			#target_naiyo{				
				width:100px;
			}		

		}

			#activities1_edu{				
				width:160px;
			}
		
		@media screen and (max-width:510px){

			#activities1_edu{				
				width:130px;
			}		

		}
		
		@media screen and (max-width:370px){

			#activities1_edu{				
				width:100px;
			}		

		}


			#activities1_others,
			#activities2_others,
			#activities3_others,
			#activities4_others,
			#activities5_others,
			#situations1_others,
			#situations2_others,
			#situations3_others,
			#situations4_others,
			#preparations_others,
			#teacher,
			#language,
			#shikaku-others{				
				width:160px;
			}
		
		@media screen and (max-width:490px){

			#activities1_others,
			#activities2_others,
			#activities3_others,
			#activities4_others,
			#activities5_others,
			#situations1_others,
			#situations2_others,
			#situations3_others,
			#situations4_others,
			#preparations_others,
			#teacher{				

				width:130px;
			}		
			#language,
			#shikaku-others{				
				width:115px;
			}		

		}
		
		@media screen and (max-width:370px){

			#activities1_others,
			#activities2_others,
			#activities3_others,
			#activities4_others,
			#activities5_others,
			#situations1_others,
			#situations2_others,
			#situations3_others,
			#situations4_others,
			#preparations_others,
			#teacher,
			#language,
			#shikaku-others{				
				width:100px;
			}		

		}

			
			#homehelper,#joine{
				width:15px;
			}
			
			#members_m,
			#members_f,
			#members_total,
			#kousei_h,
			#kousei_w,
			#kousei_s,
			#kousei_o{
				width:15px;
			}

			#fee{
				width:80px;
			}
			
			#actfreqw,
			#actfreqm,
			#actfreqy{
				width:15px;
			}
			
			#actplace,
			#meetingplace{
				max-width:380px;
				width:90%;
			}
		
		@media screen and (max-width:640px){
	
			#actplace,
			#meetingplace{
				width:80%;
			}
		
		}
	
			
			#meetingday{
				width:120px;
			}
			
			#activities-name{
				max-width:380px;
				width:90%;
			}
			
			#desired-num,
			#desired-m,
			#desired-f{
				width:30px;
			}




			
			.formnote{
				color:#036;
			}





			#submit1,
			#submit2{
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#036;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}