@charset "utf-8";

table#customerinfo {
	width: 100%;
}
table#customerinfo th {
	text-align: center;
	vertical-align: middle;
}

table#customerinfo th,
table#customerinfo td {
	border: 1px #ccc solid;
	vertical-align: middle;
	table-layout:  fixed;
	padding: 3px;
}
.linkbot {
	margin: 1em auto;
}

.linecenter {
	text-align: center;
	padding: 1em 0;
}
.linecenterp {
	text-align: center;
	padding: 1em 0 1em 0;
}

.resultdata p {
	margin: 1em 0 1em 0;
	line-height: 155%;
}

table#customerinfo td input[type="text"] {
	width: 100%;
	padding: 0.5em;
	box-sizing: border-box;
}

table#customerinfo td input.zipcode {
	width: 120px;
}

table#customerinfo td textarea {
	width: 100%;
	padding: 0.5em;
	box-sizing: border-box;
}
form input[type=text],
form textarea {
	background-color: #efefef;
	border: 1px #efefef solid;
}
.linkbot {
	width: 200px;
	font-weight: bold;
	background-color: #0080B3;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	padding: 10px 0;
}

.linkbot:hover {
	cursor: pointer;
	background-color: #BFD9E5;
	background: -moz-linear-gradient(top,#d0eaec, #81cbd0 50%,#66cccc 50%,#59d9de);
	background: -webkit-gradient(linear, left top, left bottom, from(#d0eaec), color-stop(0.5,#81cbd0), color-stop(0.5,#66cccc), to(#59d9de));
	border: 1px solid #66cccc;
}
/* 入力欄の背景を白にして見やすく */
form input[type="text"],
form textarea {
	background-color: #ffffff;
	border: 1px #ccc solid;
}

/* オレンジ系ボタンに変更 */
.linkbot {
	width: 200px;
	font-weight: bold;
	background: linear-gradient(to bottom, #FFA726, #FB8C00, #EF6C00);
	color: #fff;
	border-radius: 6px;
	border: 1px solid #EF6C00;
	padding: 12px 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	transition: background 0.3s ease;
}

/* ホバー時のボタン */
.linkbot:hover {
	cursor: pointer;
	background: linear-gradient(to bottom, #FFCC80, #FFA726);
	border: 1px solid #FFA726;
	color: #fff;
}

.linebot {
	width: 150px;
	margin: 0 0 20px 0;
}

#infopageline {
	text-align: center;
}

#infopageline img {
	width: 100px;
}