@charset "utf-8";
/*----------------------------------------------------
　
------------------------------------------------------*/
#contact{
	width:96%;
	max-width:1000px;
	margin:0 auto 4em;
}
#contact h3{
	margin:0 0 1em;
	padding:0.3em;
	color:#fff;
	font-size:143%;
	text-align:center;
	background:url(../img/contact_title_body.gif) repeat center top;
	border-radius:0.5em;
}
@media screen and (max-width: 760px) {
#contact h3{
	padding:0.2em;
	font-size:100%;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#contact-form table{
	width:100%;
	margin:0 0 5px;
	border-bottom:1px dotted #000;
}
#contact-form table th,
#contact-form table td{
	padding:1em 16px;
	vertical-align:top;
	text-align:left;
	border-top:1px dotted #000;
}
#contact-form table tr:first-child th,
#contact-form table tr:first-child td{
	border-top:none;
}
#contact-form table td{
	padding-left:24px;
}
#contact-form table th{
	width:200px;
	font-weight:bold;
}
#contact-form table th .required{
  float: left;
  margin:3px 5px 0 0;
	padding:1px 3px;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	background:#004098;
}
#contact-form table th .no-required{
  float: left;
  margin:3px 5px 0 0;
	padding:1px 3px;
	color:#333;
	font-size:11px;
	font-weight:normal;
	background:#cdddf5;
}
#contact-form table td .ex{
	color:#333;
	font-size:12px;
	line-height:1.4;
}
@media screen and (max-width: 480px) {
#contact-form table th{
	clear:both;
	display:block;
	width:90%;
	padding:1em 4% 0;
	position:relative;
}
#contact-form table th .required{
}
#contact-form table td{
	clear:both;
	display:block;
	width:91%;
	padding:0.5em 4% 1em;
	border-top:none;
}
}

/*  
------------------------------------------*/
#contact-form table td #REMARKS{
	max-width:660px;
}
#contact-form table td #CNAME01,
#contact-form table td #NAME01,
#contact-form table td #KANA01{
	max-width:340px;
}
#contact-form table td #ADDR01{
	max-width:540px;
}
#contact-form table td #EMAIL{
	max-width:660px;
}
#contact-form table td #TEL,
#contact-form table td #GNAME{
	max-width:440px;
}
#contact-form table td #COURSE{
	max-width:380px;
}
/*  
------------------------------------------*/
#contact-form table td input[type=text],
#contact-form table td textarea{
	width:90%;
	padding:0.5em;
	border:1px solid #666;
	border-radius:0.5em;
}
#contact-form table td select{
	padding:4px;
	border:1px solid #666;
}
/*  
------------------------------------------*/
#contact-form table td input[type=text].error,
#contact-form table td textarea.error{
	border:1px solid #c00;
	background:#ffe8e9;
}
#contact-form table td label.error{
	color:#ff0303;
}
/*  
------------------------------------------*/
#privacy{
	clear:both;
	overflow-y:scroll;
	overflow-x:hidden;
	height:140px;
	margin:30px 0 0;
	padding:12px 16px;
	border:1px solid #999;
}
#privacy h3{
	font-size:14px;
}
#privacy p{
	margin-top:1.57em;
}

/*  
------------------------------------------*/
#contact-btn{
	clear:both;
	padding:30px 0 20px;
	text-align:center;
}
@media screen and (max-width: 480px) {
#contact-btn img,
#contact-btn input{
	width:80%;
	max-width:346px;
	margin:0 auto 0.5em;
}
}
/*  
------------------------------------------*/
dl.contact-addr{
	overflow:hidden;
	margin:1.57em 0 0;
}
dl.contact-addr dt{
	clear:both;
	float:left;
	width:120px;
}
dl.contact-addr dd{
	float:left;
	width:800px;
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#contact-form.complete{
	margin:0 0 40px 50px;
	font-size:114%;
}