@charset "utf-8";

@import url(default.css);
@import url(base.css);
/*@import url(nonesp.css);*/


/*#globalheader nav{width:606px;}
@media screen and (max-width:1250px){#globalheader nav{width:506px;}}
@media screen and (max-width:980px){#globalheader nav{width:170px;}}*/

#globalheader nav{width:485px;}
@media screen and (max-width:1250px){#globalheader nav{width:405px;}}
@media screen and (max-width:980px){#globalheader nav{width:170px;}}


	#mainmenu li#menu0{display:none;}

	#imagemain{
		width:100%;
		height:490px;
		padding-bottom:60px;
		overflow:hidden;
 		position:relative;
		background:#092d62;
	}

@media screen and (max-width:980px){
	#imagemain{
		height:auto;
	}
}

@media screen and (max-width:770px){
	#imagemain{
		padding-bottom:50px;
	}
}

	#imagemainwrap{
		width:100%;
		height:490px;
		margin-bottom:-490px;
		background-image:url(../images/img_imagemain-wrap.png);
		background-position:50% 0;
		background-repeat:no-repeat;
		position:relative;
		z-index:1000;
	}

@media screen and (max-width:980px){
	#imagemainwrap{
		display:none;
	}
}


	#chgimage-wrapper{
		width:2940px;
		margin-left:-1470px;
		position:absolute;
		left:50%;
			top:-10px;
	}
	
@media screen and (max-width:980px){

	#chgimage-wrapper{
		width:100%;
		margin-left:0;
		position:relative;
		left:0;
	}
	
}

		#chgimage{
			width:100%;
			overflow:hidden;
			position:relative;
		}
	
			#chgimage li{
				width:980px;
				list-style:none;
				float:left;
				display:block;
			}
	
		@media screen and (max-width:980px){	
			#chgimage li{
				width:100%;
			}	
		}

			#chgimage li img{
				width:100%;
			}

			#btnwrap{
				width:1100px;
				margin:0 auto -480px;
				padding:0 1150px;
				position:relative;
				top:-490px;
			}

				#btnwrap .imgprev,
				#btnwrap .imgnext{
					width:60px;
					height:480px;
					position:relative;
					cursor:pointer;
					z-index:1200;
				}

				#btnwrap  .imgprev{
					float:left;
				}
				#btnwrap  .imgnext{
					float:right;
				}

			@media screen and (max-width:980px){			
				#btnwrap .imgprev,
				#btnwrap .imgnext{
					display:none;
				}		
			}


			#maincatch{
				margin-bottom:-154px;
				text-align:center;
				position:relative;
				z-index:1000;
			}

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

			#maincatch{
				width:540px;
				margin:0 auto -114px;
			}
			#maincatch img{width:100%;}

		}

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

			#maincatch{
				width:400px;
				margin:0 auto -84px;
			}

		}

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

			#maincatch{
				width:270px;
				margin:0 auto -57px;
			}

		}

			#sublink{
				max-width:980px;
				width:100%;
				height:200px;
				margin:0 auto -200px;
				position:relative;
				top:-70px;
				z-index:1000;
			}

			#sublink ul{
				width:320px;
				height:70px;
				margin-bottom:-80px;
				float:right;
				position:relative;
			}

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

			#sublink ul{
				width:280px;
				margin-right:20px;
			}
		}

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

			#sublink ul{
				width:80%;
				height:0px;
				margin:0 auto -80px;
				float:none;
				top:85px;
			}
		}

				#sublink li{
					width:50%;
					height:70px;
					list-style:none;
					float:left;
					background-repeat:no-repeat;
					background-size:70px auto;
				}

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

				#sublink li{
					height:auto;
					background-size:50px auto;
					background-position:0 50%;
				}
				#sublink li:nth-of-type(1){
					text-align:left;
				}

			}

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

				#sublink li{
					height:auto;
					background-size:none;
				}

			}

				#sublink li:nth-of-type(1){background-image:url(../images/btn_access.png);}
				#sublink li:nth-of-type(2){background-image:url(../images/btn_contact.png);}

					#sublink li a{
						display:block;
						width:125px;
						height:100%;
						padding-left:55px;
						color:#fff;
						font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
						font-weight:500;
						line-height:70px;
						text-decoration:none;
					}
						
					#sublink li img{
						height:70px;
					}

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

					#sublink li a{
						width:50%;
						padding-left:50%;
						color:#fff;
						line-height:70px;
						font-size:0.9em;
					}
					#sublink li:last-child a{
						width:65%;
						padding-left:35%;
					}
						
					#sublink li img{
						height:100%;
					}

				}

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

					#sublink li a{
						width:65%;
						padding-left:35%;
						color:#fff;
						line-height:70px;
						font-size:0.9em;
					}
					#sublink li:last-child a{
						width:72%;
						padding-left:28%;
					}
						
				}

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

					#sublink li a{
						width:60%;
						padding-left:40%;
						color:#fff;
						line-height:70px;
						font-size:0.8em;
					}
					#sublink li:last-child a{
						width:67%;
						padding-left:33%;
					}
						
				}
				
				#recruitlink{
					width:200px;
					position:relative;
					top:-160px;
					left:30px;
				}
				#recruitlink img{width:100%;}

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

				#recruitlink{
					width:120px;
					position:relative;
					top:-120px;
					left:20px;
				}

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

				#recruitlink{
					display:none;
				}

			}






		#main{
			padding-bottom:30px;
			clear:both;
		}


		.linkbtn{
			width:320px;
			height:60px;
			border-radius:5px;
			background-color:#79951d;
			background-image:url(../shared/img_yajirushi-white.png);
			background-position:94% 50%;
			background-repeat:no-repeat;
			background-size:25px auto;
			position:relative;
			z-index:1000;
		}

			.linkbtn a{
				display:block;
				width:100%;
				height:100%;
				color:#fff;
				font-size:1.4em;
				font-weight:700;
				text-decoration:none;
				text-align:center;
				line-height:60px;
				background-image:url(../shared/omt_linkbtn.gif);
				background-repeat:no-repeat;
				background-position:20px 50%;
				border-radius:5px;				
			}

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

		.linkbtn{
			width:240px;
			height:40px;
			border-radius:5px;
			background-position:94% 50%;
			background-size:20px auto;
		}

			.linkbtn a{
				font-size:1.2em;
				text-decoration:none;
				text-align:center;
				line-height:40px;
				background-position:20px 50%;
				border-radius:5px;				
			}

	}

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

			.linkbtn a{
				font-size:1.0em;
			}

	}


			.stdcatch{
				width:920px;
				margin:0 auto 65px;
				padding:0 0 5px 60px;
				color:#092d62;
				font-size: 3.3em;
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:500;
				line-height:1.4em;
				background-image:url(../shared/bg_stdcatch.gif);
				background-repeat:no-repeat;
			}

		@media screen and (max-width:980px){
			.stdcatch{
				width:94%;
				margin-bottom:50px;
				padding-left:6%;
				font-size: 2.2em;
				background-size:16px auto;
			}
		}

		@media screen and (max-width:640px){
			.stdcatch{
				margin-bottom:40px;
				font-size: 1.6em;
				background-size:12px auto;
			}
		}

		@media screen and (max-width:480px){
			.stdcatch{
				margin-bottom:30px;
				font-size: 1.2em;
				background-size:8px auto;
			}
		}

		@media screen and (max-width:370px){
			.stdcatch{
				font-size: 1.0em;
			}
		}



			.subcatch{
				max-width:980px;
				width:100%;
				margin:0 auto;
			}

				.subcatch img{
					display:block;
					width:160px;
					margin-right:55px;
					float:left;
				}

				.subcatch p{
					padding-top:8px;
					color:#304f7b;
					font-size: 2.0em;
					font-family:"kozuka-mincho-pro",sans-serif;
					font-weight:500;
					line-height:1.7em;
				}

			@media screen and (max-width:980px){
				.subcatch img{
					width:100px;
					margin-right:25px;
				}

				.subcatch p{
					margin:0;
					padding-top:5px;
					font-size: 1.5em;
					line-height:1.6em;
				}
			}

			@media screen and (max-width:640px){
				.subcatch img{
					width:65px;
					margin-right:15px;
				}

				.subcatch p{
					padding-top:0;
					font-size: 1.0em;
					line-height:1.6em;
				}
			}

			@media screen and (max-width:440px){
				
				.subcatch p br{
					display:none;
				}
				
			}
	
				.banbox{
					width:320px;
					margin:70px auto 0;
				}

			@media screen and (max-width:980px){
				.banbox{
					width:240px;
					margin:50px auto 0;
				}
			}



/* ------------------------- 会社案内 -------------------------*/

		#aboutsec{
			padding:55px 0;
		}

	@media screen and (max-width:640px){
				
		#aboutsec{
			padding: 40px 0;
		}

	}

			#aboutsec .inner{
				max-width:980px;
				width: 94%;
				margin: 0 auto;
			}
			
			
				#aboutsec .subcatch p{
					padding-top:30px;
				}

			@media screen and (max-width:980px){
				
				#aboutsec .subcatch p{
					padding-top:14px;
				}
				
			}

			@media screen and (max-width:640px){
				
				#aboutsec .subcatch p{
					padding-top:10px;
				}
				
			}

			@media screen and (max-width:440px){
				
				#aboutsec .subcatch p{
					padding-top:0;
				}
				
			}


		#aboutsec .banbox{
			width:670px;
		}

		#aboutsec .linkbtn{
			float:left;
		}
		#aboutsec .linkbtn:last-child{
			margin-left:30px;
		}
		
	@media screen and (max-width:980px){
		#aboutsec .banbox{
			width:510px;
		}
	}

	@media screen and (max-width:640px){
		#aboutsec .banbox{
			width:240px;
			margin-bottom:50px;
		}

		#aboutsec .linkbtn{
			float:none;
		}
		#aboutsec .linkbtn:last-child{
			margin-left:0;
			margin-top:15px;
		}
	}

		#aboutsec .note{
			max-width:640px;
			width:90%;
			margin:50px auto;
			font-size:1.4em;
			font-weight:500;
			font-family:"kozuka-mincho-pro";
			line-height:1.7em;
		}

		
	@media screen and (max-width:980px){
		#aboutsec .note{
			margin:30px auto;
			font-size:1.2em;
		}
	}

	@media screen and (max-width:640px){
		#aboutsec .note{
			margin:20px auto;
			font-size:1.0em;
		}
	}

	@media screen and (max-width:440px){
				
		#aboutsec .note br{
			display:none;
		}
				
	}



/* ------------------------- おしらせ -------------------------*/

		#newslist{
			padding-top:100px;
			margin-bottom:-100px;
			position:relative;
			top:-100px;
		}

			#newslist-inner{
				padding: 55px 0;
				background-color:#f2f2f2;
			}
		
		@media screen and (max-width:770px){

			#newslist-inner{padding:40px 0;}
		
		}
		
		@media screen and (max-width:480px){

			#newslist-inner{padding:20px 0;}
		
		}

			#newslist h2{
				margin: 0 auto;
				color:#092d62;
				font-size: 2.2em;
				font-weight:700;
				text-align: center;
			}
		
		@media screen and (max-width:770px){
			
			#newslist h2{
				font-size:1.8em;
			}
			
		}
		
		@media screen and (max-width:640px){
			
			#newslist h2{
				font-size:1.6em;
			}
			
		}
		
		@media screen and (max-width:480px){
			
			#newslist h2{
				font-size:1.4em;
			}
			
		}
	
				#newslist .inner{
					max-width:980px;
					width: 94%;
					margin: 0 auto;
				}

				#newslist ul{
					clear: both;
					margin: 35px auto;
					border-top:1px dotted #ccc;
				}
	
					#newslist li{						
						padding:10px 30px;
						list-style:none;
						line-height:1.5em;
						border-bottom:1px dotted #ccc;
					}
						#newslist li span{
							padding:10px;
							display:block;						
						}


						#newslist li a{
							text-decoration:none;
							display:block;						
						}
	
					
					#newslist li a:after{
						content: "";
						display: block;
						visibility: hidden;
						clear: both;
						height: 0px;
					}
					* html #newslist li a{display: inline-table;}
					/* no ie mac \*/
					* html #newslist li a{height:1%;}
					#newslist li a{display: block; min-height:0;}
					/* */
					
					#newslist li span:after{
						content: "";
						display: block;
						visibility: hidden;
						clear: both;
						height: 0px;
					}
					* html #newslist li span{display: inline-table;}
					/* no ie mac \*/
					* html #newslist li span{height:1%;}
					#newslist li span{display: block; min-height:0;}
					/* */
	
		
						#newslist li{
							padding:10px;
						}
						
						#newslist li:after{
							content: "";
							display: block;
							visibility: hidden;
							clear: both;
							height: 0px;
						}
						* html #newslist li{display: inline-table;}
						/* no ie mac \*/
						* html #newslist li{height:1%;}
						#newslist li{display: block; min-height:0;}
						/* */

			
						#newslist li div.entrydate{
							width:15%;
							margin-bottom:5px;
							color:#666;
							float:left;
						}
					
					@media screen and (max-width:770px){
			
						#newslist li div.entrydate{
							width:100%;
							margin-bottom:5px;
							float:none;
							font-size:0.9em;
							font-weight:400;
						}
					
					}
			
						#newslist li .entry{
							width:85%;
							float:right;
						}
					
					@media screen and (max-width:770px){
			
						#newslist li .entry{
							width:100%;
							float:none;
						}
					
					}
			
						#newslist li h3{
							margin-bottom:5px;
							color:#092d62;
							font-weight:700;
						}
			
						#newslist li .entrybody{
							font-weight:400;
							line-height:1.6em;
						}

						.nolist{
							padding:10px 15px;
							border-bottom:1px dotted #ccc;
							text-align:center;
						}

				
		@media screen and (max-width:640px){
				
			#newslist{
				padding: 40px 0;
			}
	
					#newslist li{						
						padding:10px 0;
					}

					#newslist h2{
						width: 160px;
						font-size:1.6em;
						margin-bottom:5px;
					}

		}
				
			@media screen and (max-width:480px){
				
				#newslist h2{
					width: 120px;
					font-size:1.2em;
				}
				
						#newslist li{
							padding:10px 5px;
							background:none;
						}

			}

				#link-news{
					float:right;
				}


.nonesection{display:none;}




/* 取扱商品 */

		#itemsec{
			padding: 55px 0;
		}
		
	@media screen and (max-width:770px){

		#itemsec{padding:40px 0;}
		
	}
		
	@media screen and (max-width:640px){

		#itemsec{padding:0 0 40px;}
		
	}

			#itemsec .inner{
				max-width:980px;
				width:90%;
				margin:0 auto;
			}


				#itemsec .subcatch p{
					padding-top:0;
					font-size: 2.0em;
					line-height:1.5em;
					position:relative;
					top:-8px;
				}

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

				#itemsec .subcatch p{
					margin:0;
					font-size: 1.3em;
				}
			}

			@media screen and (max-width:640px){
				
				.subcatch img{
					margin-bottom:20px;
				}

				#itemsec .subcatch p{
					font-size: 1.0em;
					top:-5px;
				}
			}
	


			#itemlist{
				width:100%;
				margin:70px auto 0;				
			}
				
		@media screen and (max-width:740px){

			#itemlist{
				max-width:480px;
				margin:40px auto 0;				
			}
				
		}

				#itemlist li{
					width:22%;
					margin-right:4%;
					float:left;
					list-style:none;
				}
				#itemlist li:last-child{
					margin-right:0;
				}
					
				#itemist li:nth-of-type(2) img{
					outline:1px solid #ccc;
					outline-offset:-1px;
				}

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

				#itemlist li{
					width:46%;
					margin:0 8% 15px 0;
					float:left;
					list-style:none;
				}
				#itemlist li:nth-of-type(2n){
					margin-right:0;
				}
			}

					#itemlist li h3{
						height:40px;
						margin-bottom:10px;
			display:-webkit-flex;
			display:flex;
			-webkit-align-items:center;
			align-items:center;
						padding-left:20px;
						color:#304f7b;
						font-weight:500;
						line-height:1.2em;
						background-image:url(../shared/bg_stdcatch.gif);
						background-repeat:no-repeat;
						background-size:8px auto;
					}
				
				@media screen and (max-width:640px){
					#itemlist li h3{
						height:30px;
						padding-top:0;
						padding-left:10px;
						font-size:0.9em;
						background-size:4px auto;
					}						
				}

					#itemlist li img{width:100%;}
					


/* ------------------------- お問い合わせ -------------------------*/

		#voicessec{
			position:relative;
		}
		
			#voices-inner{
				padding:55px 0;
				background-color:#f2edce;
			}

		@media screen and (max-width:770px){
	
			#voices-inner{padding:40px 0;}
			
		}
			
		@media screen and (max-width:640px){
		}


			#voicessec .inner{
				max-width:980px;
				width:90%;
				margin:0 auto;
			}


				#voicessec .subcatch p{
					padding-top:30px;
				}
				
			@media screen and (max-width:980px){
				#voicessec .subcatch p{padding-top:22px;}
			}
				
			@media screen and (max-width:640px){
				#voicessec .subcatch p{padding-top:10px;}
			}
				
				
					


/* ------------------------- お問い合わせ -------------------------*/

		#contact{
			position:relative;
		}
		
	
			#contact-inner{
				padding:55px 0;
				background-color:#f2f2f2;
			}

	@media screen and (max-width:770px){
	
		#contact-inner{padding:40px 0;}
			
	}


		#contact .inner{
			max-width:880px;
			width:96%;
			margin:0 auto;
		}

			#contact h2{
				margin-bottom:30px;
				color:#092d62;
				font-size: 2.2em;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-weight:700;
				letter-spacing: 0.05em;
				text-align: center;
			}
				

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

			#contact h2{
				font-size:1.6em;
				margin-bottom:0;
			}

		}
				
		@media screen and (max-width:480px){
				
			#contact h2{
				font-size:1.2em;
			}

		}


				#contact .stdcatch{color: #333;}
		

				#contact .stdsection{
					width:50%;
					padding:15px 0;
					float:left;
				}
					
			@media screen and (max-width:770px){

				#contact .stdsection{
					width:100%;
					padding:15px 0;
					float:none;
				}
					
			}

				#contact h3{
					max-width:150px;
					width:35%;
					height:40px;
					color:#fff;
					float:left;
					font-size:1.2em;
					letter-spacing:0.1em;
					text-align:center;
					font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
					font-weight:700;
					line-height:40px;
					border-radius:4px;
					background-color:#304f7b;
					background-image:url(../shared/omt_linkbtn.gif);
					background-position:8px 50%;
					background-repeat:no-repeat;
					background-size:16px auto;
				}


				#contact .seccontent{
					font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
					font-weight:700;
				}
				#contact #tel .seccontent,
				#contact #fax .seccontent{
					max-width:260px;
					width:65%;
					font-size:2.0em;
					text-align:center;
					float:left;
					line-height:40px;

				}
				
					#tel .seccontent div,
					#fax .seccontent div{
						margin-top:25px;
						margin-left:15px;
						color:#003c77;
						font-family: 'Roboto', sans-serif;
						font-size:2.7em;
						letter-spacing: 0.05em;
						float:left;
					}

					#tel .seccontent p,
					#fax .seccontent p{
						margin:25px 0 0;
						font-weight:normal;
					}

					#tel .seccontent p,
					#fax .seccontent p{
						color:#c00;
						font-weight:normal;
					}




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

					#tel .seccontent p{margin:12px 0 0;}

			}


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

				#contact h3{
					width:120px;
					font-size:1.2em;
				}

					#tel .seccontent div,
					#fax .seccontent div{
						font-size:2.5em;
					}

			}	

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

					#contact .seccontent{
						width:auto;
						float:none;	
					}

						#tel .seccontent div,
						#fax .seccontent div{
							font-size:2.1em;
						}
						#tel .seccontent div:after{
						}

						#tel .seccontent p,
						#fax .seccontent p{
							margin:0;
						}
			}


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

					#contact .seccontent{
						width:96%;
					}

				#contact h2{
					height:31px;
					margin-bottom:10px;
					padding-top:9px;
					font-size:1.2em;
					background-size:40px auto;
				}

				#contact h3{
					width:30%;
					height:30px;
					font-size:1.0em;
					line-height:30px;
					position:relative;
					top:4px;
				}

					#contact .seccontent div{
						width:86%;
						margin:0 auto;
						float:none;
					}

					#contact .seccontent p{
						width:86%;
						margin:10px auto 0;
					}
					
				#contact #tel .seccontent,
				#contact #fax .seccontent{
					font-size:1.6em;
					margin-bottom:-10px;
				}

			}


			#telbtn{
				clear:both;
				width:280px;
				height:40px;
				margin:15px auto 10px;
				border-radius:5px;
				-moz-box-shadow:0px 1px 2px 0px #999;
				-webkit-box-shadow:0px 1px 2px 0px #999;
				box-shadow:0px 1px 2px 0px #999;			
				background-image: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
				background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
				background:linear-gradient(to bottom, #eee, #ccc); 
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#036', endColorstr='#3d6b99', GradientType=0)";
				-webkit-transition:opacity 0.5s ease-out;
				-moz-transition:opacity 0.5s ease-out;
				-ms-transition:opacity 0.5s ease-out;
				transition:opacity 0.5s ease-out;			
				display:none;
			}

				#telbtn a{
					display:block;
					width:90%;
					height:30px;
					padding:10px 0 0 10%;
					color:#036;
					font-size:1.5em;
					font-weight:bold;
					text-align:center;
					text-decoration:none;
					letter-spacing:0.05em;
					background-image:url(../guide/images/ico_tel.png);
					background-position:35px 50%;
					background-repeat:no-repeat;
					background-size:22px auto;
				}

			@media screen and (max-width:670px){#telbtn{display:block;}}



		#caution{
			margin:30px 0;
			color:#6f2015;
			font-size:1.8em;;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-weight:500;
			text-align:center;
			line-height:1.5em;
		}

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

		#caution{
			font-size:1.2em;;
			line-height:1.5em;
		}

	}

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

		#caution{
			font-size:1.0em;
			text-align:left;
		}

			#caution br{
				display:none;
			}
	}
	


		/* メールフォーム */

		#mailform{
			clear:both;
			padding-top:10px;
		}

			#mailform table{
				width:100%;
				margin-top:20px;
				border-collapse:collapse;
			}
	 
				#mailform th{
					height:70px;
					padding:0 5px 0 15px;
					color:#036;
					font-weight:500;
					text-align:left;
					line-height:1.4em;
					background-color:#e9f6fd;
					white-space:nowrap;
					border-bottom:1px dashed #677e80;
				}
				#mailform tr:last-child th{border-bottom:none;}
		
				#mailform td{
					padding:10px 0 0 20px;
					font-weight:400;
					background-color:#fff;
					border-bottom:1px dashed #677e80;
				}
				#mailform tr:last-child td{border-bottom:none;}
		
					#mailform td input{
						margin-bottom:10px;
						padding:10px 5px;
						font-weight:400;
						border:none;
						border-radius:5px;
						background-color:#f2f2f2;
					}
		
					#mailform td textarea{
						width:91%;
						margin-bottom:10px;
						padding:10px 2%;
						font-weight:400;
						border:none;
						border-radius:5px;
						background-color:#f2f2f2;
					}
	
	
			#dantai,#dfurigana,#email,#email2{
				max-width:380px;
				width:93%;
			}
			#name1,#name2,#furigana1,#furigana2{
				max-width:145px;
				width:34%;
			}
			#tel1,#tel2,#tel3{
				max-width:80px;
				width:20%;
				text-align:center;
			}

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

				#mailform table{
					font-size:0.9em;
				}

			#name1,#name2,#furigana1,#furigana2{
				width:70%;
			}
		}
	
	
			#submit1{
				display:block;
				max-width:360px;
				width:80%;
				height:50px;
				margin:30px auto;
				color:#fff;
				font-size:1.1em;
				font-weight:500;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				letter-spacing:0.07em;
				text-align:center;
				line-height:50px;
				background-color:#036;
				border-radius:5px;
				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;
			}
	
			#submit1:hover{
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}


		@media screen and (max-width:480px){
			
			#submit1{
				margin:30px auto 0;
				font-size:1.0em;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1{
				width:100%;
				height:40px;
				line-height:40px;
			}
				
		}


	
	
				#mailform tr:nth-of-type(5) th,
				#mailform tr:nth-last-of-type(1) th{
					padding-top:24px;
					vertical-align:top;
				}
	
					.hissu{
						width:30px;
						height:14px;
						color:#fff;
						font-size:0.7em;
						text-align:center;
						line-height:16px;
						float:right;
						background-color:#e73656;
						position:relative;
						top:-6px;
						margin-right:5px;
					}
					tr:nth-of-type(4) .hissu,
					tr:nth-of-type(5) .hissu,
					tr:nth-of-type(6) .hissu,
					tr:nth-last-of-type(1) .hissu{
						top:-17px;
					}
	
		@media screen and (max-width:640px){
			
				#mailform td{
					padding:10px 0 0 10px;
				}
	
			#dantai,#furigana,#email,#email2{
				width:88%;
			}
			#tantou1,#tantou2,#tfurigana1,#tfurigana2{
				width:60%;
			}
	
				#mailform tr:nth-of-type(3) th,
					#mailform tr:nth-of-type(4) th,
					#mailform tr:nth-of-type(6) th{
					padding-top:24px;
					vertical-align:top;
					}
					
					tr:nth-of-type(3) .hissu{top:-17px;}
	
		}
	
				.remarks{
					margin:0;
					color:#369;
					font-size:0.9em;
					position:relative;
					top:-8px;
				}



		/* 戻る */
			
			.modoru{
				display:block;
				max-width:360px;
				width:80%;
				height:50px;
				margin:30px auto;
				color:#fff;
				font-size:1.1em;
				font-weight:500;
				letter-spacing:0.07em;
				text-align:center;
				line-height:50px;
				background-color:#036;
				border-radius:5px;
				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;
			}
			
			.modoru:hover{
				filter:alpha(opacity=80);
				-moz-opacity:0.80;
				opacity:0.80;
			}
		
		
				#thanksnote{
					width:90%;
					margin:20px auto;
					
				}