@charset "utf-8";

.main-frame {
	width			: 600px;
}

.main-frame > table {
	margin-top		: 20px;
	margin-left		: 10px;
}

.main-frame > table tr > * {
	padding-bottom	: 10px;
	font-size		: 15px;
}

.main-frame .button-area {
	margin-top		: 20px;
	margin-bottom	: 10px;
}

.main-frame .button-area2 {
	text-align		: center;
}
.main-frame .button-area2 > button {
	font-size		: 0.9rem;
	font-weight		: bold;
	padding			: 0.3rem 2rem;
}

.main-frame .link-area {
	margin			: 35px -32px -10px 0;
	font-size		: 15px;
	text-align		: right;
}

input[maxlength] {
	width			: 300px;
	margin-left		: 15px;
	font-size		: 16px;
	ime-mode		: inactive;
}

.content-area a[target] {
	color			: #3a5646;
	font-size		: 13px;
	font-weight		: bold;
	text-decoration	: underline;
}

/* cancel */
.cancel {
	margin: 0 auto;
	width			: 600px;
	margin-top		: 5px;
	margin-bottom	: -10px;
	padding-right	: 5px;
	padding-bottom	: 30px;
	text-align		: right;
}
.cancel a {
	font-size		: 90%;
}
.cancel a:hover {
}

/*-------------------------------- スマホ画面用の大きい文字サイズ指定 */
@media (max-width: 980px) {
	.main-frame {
		width			: 100%;
	} 
	.main-frame > table {
		margin-left		: 10%;
	}
	.main-frame > table tr > * {
		font-size		: 22px;
	}
	.main-frame .link-area {
		font-size		: 22px;
	}
	input[maxlength] {
		font-size		: 40px;
		width			: auto;
	}
	.content-area a[target] {
		font-size		: 19px;
	}
	.cancel {
		width			: 100%;
	}
	.cancel a {
		font-size		: 90%;
	}
	.main-frame .button-area2 > button {
		font-size		: 1.4rem;
	}
}