* {
	margin: 0px;
	padding: 0px;
}
p.form_attention {
	font-size: 120%;
	line-height: 130%;
	margin: 15px 0 15px 0;
}
form {
	width: 676px;
	height: 450px;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: 2px solid white;
	/* border-radius */
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/* box-shadow */
	box-shadow: rgba(168, 0, 0, 0.85098) 0px 0px 0px 5px;
	-webkit-box-shadow: rgba(168, 0, 0, 0.85098) 0px 0px 0px 5px;
	-moz-box-shadow: rgba(168, 0, 0, 0.85098) 0px 0px 0px 5px;
	background: #dcdcdc;
}
form select {
	margin-top: 12px;
	margin-bottom: 12px;
}
div.hidari {
	display: block;
	float: left;
	margin-left: 20px;
}
div.tanaita, div.okuyuki, div.takasa, div.haba {
	/*display:block;
  float:left;*/
	margin-right: 5px;
	padding: 3px;
}
h3 {
	margin-bottom: -10px;
}
div.tanaita option {
	width: 200px;
}
div.okuyuki option {
	width: 200px;
}
div.takasa option {
	width: 200px;
}
div.haba option {
	width: 200px;
}
div.tanaita select, div.okuyuki select, div.takasa select, div.haba select {
	font-size: 100%;
	line-height: 120%;
	padding: 10px;
	width: 100%;
}
div.tanaita select option, div.okuyuki select option, div.takasa select option, div.haba select option {
	font-size: 100%;
	text-align: left;
}
input.btn {
	cursor:pointer;
	display: block;
	width: 320px;
	height: 50px;
	padding: 5px;
	text-align: center;
	margin: 20px auto 0 auto;
	font-size: 120%;
	border: 1px solid white;
	background: #e3540e;
	color: white;
	font-weight: bold;
  /* border-radius */
  border-radius:;
 -webkit-border-radius:;
 -moz-border-radius:;
	/* box-shadow */
	box-shadow: rgba(78,78,78, 0.54) 2px 2px 1px 2px;
	-webkit-box-shadow: rgba(78,78,78, 0.54) 2px 2px 1px 2px;
	-moz-box-shadow: rgba(78,78,78, 0.54) 2px 2px 1px 2px;
}
input.btn:hover {
	background: orange;
	color: white;
}
.arrow_box {
	position: relative;
	background: #ffefc0;
	border: 4px solid #ffffff;
	width: 650px;
	margin: 0 auto 10px auto;
	padding: 15px 0 15px 0;
	color: black;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(224, 74, 0, 0);
	border-top-color: #ffefc0;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 36px;
	margin-left: -36px;
}

@media screen and (max-width:768px) {
	form {
		width: 90%;
		height: 660px;
		margin: 10px 10px 10px 5px;
		padding: 10px;
		border: 2px solid white;
		border-radius: 8px;
		box-shadow: rgba(170, 170, 170, 0.85098) 0px 0px 0px 5px;
		background: #dcdcdc;
	}
	form select {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	div.hidari {
		display: block;
		float: left;
		margin-left: 0px;
	}
	div.tanaita, div.okuyuki, div.takasa, div.haba {
		margin-right: 5px;
		padding: 3px;
		font-weight: bold;
		font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','�ҥ饮�γѥ����å�',YuGothic,'Yu Gothic','�ᥤ�ꥪ', Meiryo,'�ͣ� �Х����å�','MS PGothic';
	}
	h3 {
		margin-bottom: -10px;
	}
	div.tanaita option {
		width: 100%;
	}
	div.okuyuki option {
		width: 100%;
	}
	div.takasa option {
		width: 100%;
	}
	div.haba option {
		width: 100%;
	}
	div.tanaita select, div.okuyuki select, div.takasa select, div.haba select {
		font-size: 110%;
		line-height: 120%;
		padding: 10px;
		width: 100%;
	}
	div.tanaita select option, div.okuyuki select option, div.takasa select option, div.haba select option {
		font-size: 100%;
		text-align: left;
	}
	input.btn {
		cursor:pointer;
		display: block;
		width: 100%;
		height: 50px;
		padding: 5px;
		text-align: center;
		margin: 20px auto 0 auto;
		font-size: 120%;
		border: 1px solid white;
		background: #e3540e;
		color: white;
		font-weight: bold;
		border-radius:;
		box-shadow: rgba(78,78,78, 0.54) 2px 2px 1px 2px;
	}
	input.btn:hover {
		background: orange;
		color: white;
	}
	.arrow_box {
		position: relative;
		background: #ffefc0;
		border: 4px solid #ffffff;
		width: 100%;
		margin: 0 auto 10px auto;
		padding: 15px 0 15px 0;
		color: black;
	}
	.arrow_box:after, .arrow_box:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.arrow_box:after {
		border-color: rgba(224, 74, 0, 0);
		border-top-color: #ffefc0;
		border-width: 20px;
		margin-left: -20px;
	}
	.arrow_box:before {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 36px;
		margin-left: -36px;
	}
}