@charset "UTF-8";

body{ width:100%;}

a[href^="tel:"] { cursor: default; }
.pc{ display:inline-block}
.sp{ display:none;}

body {
	padding:0;margin:0;text-align:center;
	font-family:"メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;font-size: 12px;line-height:1.6;*font-size:small;*font:x-small;background:#FFF;}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size: 13px;}
img {border:none;}
table {font-size:inherit;font:100%;}
td{font-size: 13px;line-height: 1.6; vertical-align:top;}
li{ list-style-type:none;}

a:link{ color:#000; text-decoration:underline;}
a:visited{ color:#000; text-decoration:underline;}
a:hover{ color:#4D1819; text-decoration:underline;}



.Tleft{ text-align:left}
.Tcenter{ text-align:center}
.Tright{ text-align:right}
#coutionarea{ clear:both; width:960px; margin:auto; padding:5px 0}
.coution{ clear:both;margin-left: 1em;text-align:left;text-indent: -1em;font-size:75%;line-height:1.5; }  
.w770{clear:both; width:770px; margin:0 auto;position:relative;}
.pB20{ padding-bottom:20px;}
.pB5{ padding-bottom:5px;}
.pTB20{ padding-bottom:20px; padding-top:20px}
a:hover img{opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8;}


/*[POP]*/
#popheader{ background:url(../images/popheaderbg.png) repeat-x}
	#popheader h1{text-align:center; padding-top:3px; padding-bottom:13px;}
	#popheader ul#hNav{position:absolute; top:18px; right:0px}
	#popheader ul#hNav li{display:inline-block;  *display: inline;*zoom: 1;vertical-align:top; padding-left:8px;}	

#popfooter{ border-top:1px solid #000; text-align:center;}


/*[FORM]*/
#form table#frame{ width:770px; margin:auto; margin-bottom:30px; border-collapse:collapse; border-spacing:0px;border-top:1px solid #CCC;}
	#form table td,#form table th{ vertical-align:middle; font-size:108%;text-align:left; line-height:1.8; padding:10px 6px;}
	#form table#frame th{ font-weight:bold;width:180px; border-bottom:1px solid #CCC; border-left:1px solid #CCC;background:#F6F6F4;}
	#form table#frame td{border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
	#form table#frame td li{display:inline-block;  *display: inline;*zoom: 1;vertical-align: middle;}
	#form table#frame td li.t1{ width:28px}	
	#form td.hissu{ width:55px;background:#F6F6F4;}
	#form td.hissu img{ padding: 10px 0 0 0}	
	.gray{ background:#ececec; padding:2px 4px; margin:3px}
	#form input[type="text"],#form textarea,#form select{
	outline:none;padding:4px 8px;border:1px solid #cccccc;color:#3F3F3F;border-radius:2px;	transition:background 0.2s linear,box-shadow 0.6s linear;font-size:108%	}
	td.bl{ border-bottom:1px dotted #CCC;}
	#form input[type="text"].other{width:250px;}
	#form .w30{ width:180px;}
	#form .w3c{ width:32.5%;}
	#form .w90{ width:90%;}
	#form textarea{ width:95%;}	
	#form input:not([type="submit"]):active,#form textarea:active,#form input:not([type="submit"]):focus,#form textarea:focus{background: #FFC;}
	#form #pravacy{ border:1px solid #CCCCCC; padding:16px; text-align:left; font-size:85%; margin-bottom:10px;}
	#form #pravacy li{margin-left: 1em;text-align:left;text-indent: -1em;}
	
#agreement {height:150px; margin:10px 0px 30px 0px;}
	#agreement iframe { padding:0 ; margin:0 ; font-size:12px ;border:2px solid #CCC ; }




@media (max-width: 767px) {

body{ width:100%; min-width: 100%; margin:0px auto 0; -webkit-text-size-adjust: 100%;}
a {display: block; -webkit-tap-highlight-color:transparent;}
img {max-width: 100%; height:auto;}
.pc{ display:none;}
.sp{ display:block}
.w770,#form table#frame,#form #pravacy,.ptitle,#agree{ width:96%; margin:auto; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;box-sizing:border-box;}
#popheader h1{text-align:left; padding-top:0px; padding-bottom:0px;}
#popheader h1 img{ width:100%; height:auto}
#step img{ width:100%}
#form td.hissu img{ padding: 0 0 0 0}		
#form table#frame th,#form table#frame td{ display:block; width:100%;border:1px solid #CCC; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;box-sizing:border-box;}
#form table#frame td li,#form .w3c{ width:100%; display:block}
#form table#frame td.hissu{ border:none; width:55px; background:none; margin-top:-45px; float:right}
#agreement{ overflow:auto;-webkit-overflow-scrolling:touch;display: inline-block;border:1px solid #504D4D}
	#agreement iframe{width:90%;      height:100%;      border:none;      display:block;}
}