/*
	『中級コース入学希望』メールフォーム
*/

@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#intermediate_top {

}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#intermediate_top .main {

}

/*メールフォームのタイトルを囲っているタグのclass*/
#intermediate_top .title{
	font-size: 100%;
	/*タイトルの下線*/
	border-bottom: 4px solid #00496a;
	/*タイトルの文字色*/
	color: #00496a;
	/* 太字 */
	font-weight: bold;
}

/*メールフォームの説明文を囲っているタグのclass*/
#intermediate_top .explain {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#intermediate_top .name_top {
	/* 余白 */
	padding-top: 12px;
	padding-left: 6em;
	/*メールフォームの線*/
	border-top: 1px solid #00496a;
	border-right: 1px solid #00496a;
	border-left: 1px solid #00496a;
}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前 ]の部分）*/
#intermediate_top .name_left{
	color: red;		/* 文字色 */
	font-weight: bold;	/* 太字 */
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#intermediate_top .name_right {

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#intermediate_top .name_parts {
	/* 幅 */
	width: 250px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#intermediate_top .mail_top {
	/* 余白 */
	padding-left: 6em;
	/*メールフォームの線*/
	border-right: 1px solid #00496a;
	border-left: 1px solid #00496a;
}

/*『mail』パーツの表示名を囲っているタグのclass（[ ご連絡先メールアドレス ]の部分）*/
#intermediate_top .mail_left{
	color: red;		/* 文字色 */
	font-weight: bold;	/* 太字 */
}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#intermediate_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#intermediate_top .mail_parts {
	/* 幅 */
	width: 250px;
/*
	background-color: lightpink;
*/
}

/*『address』パーツの表示名と入力項目を囲っているタグのclass*/
#intermediate_top .address_top {
	/* 余白 */
	padding-left: 6em;
	/*メールフォームの線*/
	border-right: 1px solid #00496a;
	border-left: 1px solid #00496a;
}

/*『address』パーツの表示名を囲っているタグのclass（[ ご住所 ]の部分）*/
#intermediate_top .address_left{
	color: red;		/* 文字色 */
	font-weight: bold;	/* 太字 */
}

/*『address』パーツの入力項目を囲っているタグのclass*/
#intermediate_top .address_right {

}

/*『address』パーツの入力項目のclass（inputなどの部分）*/
#intermediate_top .address_parts {
	/* 幅 */
	width: 250px;
}

/*『tel』パーツの表示名と入力項目を囲っているタグのclass*/
#intermediate_top .tel_top {
	/* 余白 */
	padding-left: 6em;
	/*メールフォームの線*/
	border-right: 1px solid #00496a;
	border-left: 1px solid #00496a;
}

/*『tel』パーツの表示名を囲っているタグのclass（[ ご連絡先お電話番号 ]の部分）*/
#intermediate_top .tel_left{
	color: red;		/* 文字色 */
	font-weight: bold;	/* 太字 */
}

/*『tel』パーツの入力項目を囲っているタグのclass*/
#intermediate_top .tel_right {

}

/*『tel』パーツの入力項目のclass（inputなどの部分）*/
#intermediate_top .tel_parts {
	/* 幅 */
	width: 250px;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#intermediate_top .title_top {
	/* 余白 */
	padding-left: 6em;
	/*メールフォームの線*/
	border-right: 1px solid #00496a;
	border-left: 1px solid #00496a;
}

/*『title』パーツの表示名を囲っているタグのclass（[ ご希望のメニュー ]の部分）*/
#intermediate_top .title_left{
	color: red;		/* 文字色 */
	font-weight: bold;	/* 太字 */
}

/*『title』パーツの入力項目を囲っているタグのclass*/
#intermediate_top .title_right {

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#intermediate_top .title_parts {
	/* 幅 */
	width: 250px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#intermediate_top .textarea_top {
	/* 余白 */
	padding-left: 6em;
	/*メールフォームの線*/
	border-right: 1px solid #00496a;
	border-left: 1px solid #00496a;
	border-bottom: 1px solid #00496a;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ ひとこと ]の部分）*/
#intermediate_top .textarea_left{
/*
	color: pink;
*/
	font-weight: bold;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#intermediate_top .textarea_right {

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#intermediate_top .textarea_parts {
	/* 幅 */
	width: 538px;
	/*高さ*/
	height: 150px;
/*
	background-color: lightpink;
*/
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#intermediate_top .submit {
	/* 余白 */
	padding-top: 18px;
	padding-left: 6em;
	padding-bottom: 12px;
}

/*メールフォームの送信ボタンのclass*/
#intermediate_top .submit_button {

}

/*エラーメッセージを囲っているタグのclass*/
#intermediate_top .error {
	/* 余白 */
	padding-left: 6em;
	color: red;
	font-weight: bold;
}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#intermediate_top .error_submit {
	/* 余白 */
	padding-left: 6em;
	padding-bottom: 12px;
}

/*エラーメッセージのリトライボタンのclass*/
#intermediate_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#intermediate_top .result {
	/* 余白 */
	padding-left: 6em;
	color: green;
	font-weight: bold;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#intermediate_top .result_submit {
	/* 余白 */
	padding-left: 6em;
	padding-bottom: 12px;
}

/*送信完了メッセージの戻るボタンのclass*/
#intermediate_top .result_submit_button {

}