@charset "shift_jis";

ul.subttl	{
	color: #5D4B30;
}
ul.subttl	li	{
	display: inline;
}

ul.subttl	.ttl	{
	float: left;
	line-height: 1.6em;
}

ul.subttl	.back	{
	float: right;
}

ul.subttl	.back	div	a	{
	color: #5D4B30;
	display: block;
}

.formtable			{	font-size: 14px;margin: 0 auto;margin-top: 14px;	}
.formtable	tr	{	border-bottom: solid 2px #ffffff;}
.formtable	th	{	background-color: #f3ebde;	text-align: left;}
.formtable	td	{	background-color: #f2f2f2;	text-align: left;}
.formtable	input.wide40	{	width: 40%;}
.formtable	input.wide85	{	width: 85%;}
.formtable	textarea	{	width: 85%;}


/*=========================================
   PC tablet Display - width:737px Over    
==========================================*/
@media only screen and (min-width: 737px){

.form	{
	width: 100%;
	max-width: 950px;
	padding-top: 35px;
	margin: 0 auto 45px;
}

ul.subttl	{
	margin: 0 auto;
	width: 100%;
	max-width: 950px;
	font-size:28px;
}

ul.subttl	.back	div	{
	background-color: #efefef;
	font-size:20px;
	width: 141px;
	height: 38px;
	text-align: center;
}

ul.subttl	.back	div	a	{
	padding-top: 9px;
}

.formtable	{
	width: 100%;
	max-width: 950px;
	padding-top: 35px;
}

.formtable	th	{
	font-weight: normal;
	padding: 14px 32px;
	width: 186px;
}
.formtable	td	{
	line-height: 200%;
	padding: 14px 32px;
}

}

/*=========================================
   SmartPhone Display - width:736px under    
==========================================*/
@media only screen and (max-width:736px){

.form	{
	width: 100%;
	margin: 0 auto;
	max-width: 615px;
}

ul.subttl	{
	margin: 0 auto;
	width: 96%;
	max-width: 615px;
}

ul.subttl	.back	div	{
	background-color: #efefef;
	padding: 3px 12px;
	text-align: center;
}

ul.subttl	.back	div	a	{
	padding-bottom: 4px;
	padding-top: 4px;
}

.formtable	{
	width: 96%;
	max-width: 615px;
}

.formtable	th	{
	font-weight: normal;
	padding: 4px;
	width: 30%;
}

.formtable	td	{
	line-height: 200%;
	padding: 14px;
}

}