@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#Purchase_top {
	margin: 0px;
	width: 500px;
	padding: 0px;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#Purchase_top .main {
	background: #CCCCCC;
	margin: 0px;
	padding: 10px;

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#Purchase_top .name_top {
	background: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 0px;
}

/*『name』パーツの表示名を囲っているタグのclass（[ 名前 ]の部分）*/
#Purchase_top .name_left{
	font-size: 12px;
	color: #333333;
}

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

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

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#Purchase_top .mail_top {
	background: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	padding-bottom: 0px;
}

/*『mail』パーツの表示名を囲っているタグのclass（[ E-mail ]の部分）*/
#Purchase_top .mail_left{
	font-size: 12px;
	color: #333333;
}

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

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#Purchase_top .mail_parts {
	width: 300px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#Purchase_top .submit {
	padding-right: 10px;
	padding-left: 10px;
}

/*メールフォームの送信ボタンのclass*/
#Purchase_top .submit_button {
	margin: 0px;
	padding: 0px;
}

/*エラーメッセージを囲っているタグのclass*/
#Purchase_top .error {
	font-size: 12px;
	color: #333333;

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#Purchase_top .error_submit {
	margin: 0px;
	padding: 0px;

}

/*エラーメッセージのリトライボタンのclass*/
#Purchase_top .error_submit_button {
	margin: 0px;
	padding: 0px;

}

/*送信完了メッセージを囲っているタグのclass*/
#Purchase_top .result {
	font-size: 12px;
	color: #333333;

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#Purchase_top .result_submit {
	margin: 0px;
	padding: 0px;

}

/*送信完了メッセージの戻るボタンのclass*/
#Purchase_top .result_submit_button {
	margin: 0px;
	padding: 0px;

}