@charset "utf-8";
/* CSS Document */

/* フルードイメージ */
img{
     max-width: 100%;
     height: auto;
     display:block;
}

div.mf_sp{
	display: none;
}

#main form #mailformmain{
	width:593px;
	margin-top:2em;
	padding-bottom:3em;

}

table.mailform {
	width: 583px;
	padding: 10px;
	border:thin solid #999;
}

p.contactSttl{
	font-weight:bold;
	font-size:1.1em;
	padding-left:5px;
	margin-bottom:0;
	margin-top:0.5em;
	color:#edad12;

}

#contact td div.gonaiyouList ol{
	margin-left:20px;

}


div.gonaiyouList p label{
	margin-top:20px;
}

@media screen and (max-width: 480px) {
	/*table.mailform {
		width: 97%;
		margin: 0 auto;
		padding: 0px;
		border:thin solid #999;
	}
	
	/*table.mailform th{
		width: 30%;
		border:thin solid #999;
	}
	
	table.mailform td{
		width: 30%;
		border:thin solid #999;
		font-size: 14px;
	}*/
	

}

@media screen and (max-width: 480px) {
	
	div.mf{
		display: none;
	}
	
	div.mf_sp{
		display:block;
		width: 100%;
		height: auto;		
	}
	
	div.mf_sp table.mailform {
		width: 97%;
		margin: 0 auto; 
		margin: 1px solid #999;
	}

	div.mf_sp table.mailform tr th {
		width: 30%;
		text-align: left;
		/*border: 1px solid #999;*/
	}

	div.mf_sp table.mailform tr th img.must {
    	width: 30px;
    	height: 16px;
    	float: left;
    	margin: 0px 0px 0px 5px;
	}
	
	table.mailform tr th span {
    	font-size: 10px;
   		color: #999999;
    	display: block;
		width: 90%;
		text-align: left;
		/*border: 1px solid #000;*/
	}	

	table.mailform tr td {
		width: 70%;
		height: auto;
		border: 1px solid #999;
	}
	
	table.mailform tr td input.mfp{
		width: 80%;
		/*border: 1px solid #ff0000;*/
	}
	
	table.mailform tr td input textarea.mfp{
		height: 70px;
	}
	
	table.mailform tr td input.mfp2{
		width: 50%;
		/*border: 1px solid #0000cc;*/
	}

	table.mailform tr td div.gonaiyouList ol li{
		display: block;
		margin: 5px 0;
		/*border: 1px solid #ff0000;*/
	}

	table.mailform tr td ul li{
		margin-bottom: 10px;
		/*border: 1px solid #ff0000;*/
	}
	
	/*table.mailform tr td label.mfp{
		display: block;
		float: left;
		border: 1px solid #0000cc;
	}*/
	
	table.mailform tr td label.mfp p.con{
		display: block;
		width: 87%;
		float: right;
		/*border: 1px solid #ff0000;*/
	}
	
	div.mf_sp div#mfp_buttons{
		width: 100%;
		/*border: 1px solid #000;*/
	}
	
	div.mf_sp div#mfp_buttons {
		padding: 0px;
		text-align: center;
	}

	div.mf_sp div#mfp_buttons ul.kakunin {
		width: 80%;
		height: 60px;
		/*overflow: hidden;*/
		padding: 0;
		margin: 0 auto ;
		/*border: 1px solid #0000cc;*/
	}

	 div.mf_sp div#mfp_buttons ul.kakunin li {
		width: 100%;
		height: 60px;
		/*overflow: hidden;*/
		float:none;
		margin: 0 auto;
		/*border: 1px solid #ff0000;*/
	}
	
	div.mf_sp div#mfp_buttons ul.kakunin li input#button_mfp_goconfirm {
		width: 80%;
		height: 60px;
		overflow: hidden;
		background-color: #FFFFFF;
		background-image: url(http://www.catch-gyousei.com/test_2015/contact/images/mfp_goconfirm.gif);
		background-repeat: no-repeat;
		text-indent: -5000px;
		border: none;
		border-style: none;
		cursor: pointer;	
		/*border: 1px solid #0000cc;*/
	}
		
	div.mf_sp div#mfp_buttons ul.kakunin li	input#button_mfp_reset {
		width: 180px;
		height: 60px;
		overflow: hidden;
		background-color: #FFFFFF;
		background-image: url(http://www.catch-gyousei.com/test_2015/contact/images/mfp_reset.gif);
		border: none;
		border-style: none;
		cursor: pointer;
		/*text-indent: -5000px;*/
	}
	
	.reset_over {
		background-image: url(../images/mfp_reset_over.gif);
	}
	.reset_out {
		background-image: url(../images/mfp_reset.gif);
	}
	.confirm_over {
		background-image: url(../images/mfp_confirm_over.gif);
	}
	.confirm_out {
		background-image: url(../images/mfp_confirm.gif);
	}
}