@charset "utf-8";

#contents small{
	width:calc(90% - 4px);
	margin:0 auto;
	padding:10px 5%;
	border-left:1px solid #74BD4A;
	border-right:1px solid #74BD4A;
	border-bottom:1px solid #74BD4A;
}

#contents table{
	border-collapse:separate;
	border:1px solid #74BD4A;
	width:calc(100% - 2px);
	margin:0 auto 20px;
	border-radius:0 0 5px 5px;
	border-top:none;
}

#contents th, #contents td{
	padding:10px;
	border-bottom:1px dashed #ccc;
}

#contents tr:last-child th, #contents tr:last-child td{
	border-bottom:none;
}

#contents th{
	width:20%;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}

#contents td input[type='text']{
	width:70%;
	height:20px;
}
#contents td label{
	display:inline-block;
	vertical-align:text-top;
	text-indent:1em;
}

#contents td select{
}

#contents td textarea{
	width:100%;
	height:200px;
}

#contents table span{
	color:red;
	font-weight:bold;
}

#contents .send{
	text-align:center;
}

#contents .msg{
	width:calc(100% - 2px);
	margin:20px auto;
}

#contents .send #soushin{
	width:30%;
	height:2em;
	font-size:108%;
}
	
#process{
	border-radius:5px 5px 0 0;
	overflow:hidden;
	width:calc(100% - 4px);
	margin:10px auto 0;
	border:1px solid #74BD4A;
}

#process li {
	float:left;
	line-height:3;
	height:3em;
}

#process span{
	font-size:108%;
	font-weight:bold;
	padding:0 1em 0 3em;
	float:left;
	color:#fff;
	height:100%;
	position:relative;
}
	
#process li:first-child span{
	padding-left:1.5em;
	border-radius:3px 0 0 3px;
}

#process li span:before, #process li span:after{
	content:"";
	position:absolute;
	top:50%;
	right:-1.6em;
	margin-top:-1.5em;
	border-top:1.5em solid transparent;
	border-bottom:1.5em solid transparent;
	border-left:1.7em solid #74BD4A;
}

#process li span:after{
	border-left-color:#74BD4A;	
	z-index:3;
}

#process li span:before{
	border-left-color:#fff;	
	right:-1.7em;
	z-index:2;
}

#process li.active span{
	color:#74BD4A;
	background-color:#fff;
	border:1px solid #fff;
}

#process li.active span:after{
	border-left-color:#fff;	
}

body>p{
	display:none;
}