@charset "UTF-8";

.w{max-width:960px}

/*-*/
#main>section{margin-top:12em}
@media(max-width:680px){
	#main>section{margin-top:3em}
}
h1{margin-bottom:3em}
#main hr{
	border:none;
	border-bottom:1px dotted #d4d4d4
}


/*-*/

#main{
	font-size:14px
}

form>article>div:first-child{
	width:250px
}

form>article>div:last-child{
	width:700px
}

form>article{
	padding:1.5em 0
}

/*-*/

form>article .tr{
	max-width:200px
}

form>article .tr>.ib{
	background:#00a2e6;
	color:#fff;
	font-size:13px;
	margin-left:1em;
	padding:.1em .4em
}

form>article .tr>.any{
	background:#a6a6a6
}


form>article .tr>.fb{
	color:#555
}

/*-*/

input[type="text"],
textarea{
	max-width:600px;
	padding:0;
	width:98%
}

input[type="text"],
select{
	min-height:3em
}

textarea{min-height:15em}

/*-*/

input[type="submit"]{
	background:#00a2e6;
	border:none;
	border-radius:.25em;
	color:#fff;
	font-size:22px;
	padding:1em 4.5em
}


/*-*/

@media(max-width:680px){
input[type="text"],
textarea{
	width:80%;
	max-width:500px
}
	article.tbl{
		display:block;
		max-width:500px
	}
	
	#main article.tbl>div{
		display:block;
		width:auto
	}

	article.tbl>div:first-child{
		padding-right:0;
		padding-bottom:2em;
		max-width:500px
	}

	article.tbl>div:last-child{
		padding-left:0;
		text-align:center;
		max-width:500px;
	}

	form>article .tr{
		text-align:left
	}

}