@charset "UTF-8";

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

textarea,input{
	background-color:#FFF;
	color:#333;
	border:1px solid #CCC;
	margin:0;
	padding:1px;
}


/*メールフォーム全体を囲っているタグのid*/
#voice_sending_top {
	width:80%;
	margin:0 0 0 4em;
	padding:0;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#voice_sending_top .main {
	margin-bottom:1em;
}


/*メールフォームのタイトルを囲っているタグのclass
#voice_sending_top .title{

}*/

/*メールフォームの説明文を囲っているタグのclass
#voice_sending_top .explain {

}*/

/*『name』パーツの表示名と入力項目を囲っているタグのclass
#voice_sending_top .name_top,
#voice_sending_top .mail_top,
#voice_sending_top .textarea_top {
	background-color:red;
}*/

/*『name』パーツの表示名を囲っているタグのclass（[ 名前 ]の部分）*/
#voice_sending_top .name_left,
#voice_sending_top .title_left,
#voice_sending_top .textarea_left,
#voice_sending_top .mail_left{
	color:#666;
}

/*『name』パーツの入力項目を囲っているタグのclass
#voice_sending_top .name_right,
#voice_sending_top .title_right,
#voice_sending_top .mail_right,
#voice_sending_top .textarea_right {
	background-color:green;
}*/

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#voice_sending_top .name_parts,
#voice_sending_top .mail_parts,
#voice_sending_top .title_parts{
	width:60%;
}

#voice_sending_top .textarea_parts {
	width:95%;
	height:11em;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#voice_sending_top .submit {

}

/*メールフォームの送信ボタンのclass*/
#voice_sending_top .submit_button {
	width:4em;
	color:#666;
	border:1px solid #999;
}

/*エラーメッセージを囲っているタグのclass*/
#voice_sending_top .error {
	background-color:#FFF;
	color:#F00;
	text-align:center;
	border:1px solid #F00;
	margin:0;
	padding:.5em;
}

/*エラーメッセージのリトライボタンを囲っているタグのclass
#voice_sending_top .error_submit {
}*/

/*エラーメッセージのリトライボタンのclass*/
#voice_sending_top .error_submit_button {
	border:none;
	color:#00F;
}

/*送信完了メッセージを囲っているタグのclass*/
#voice_sending_top .result {
	color:#6C0;
	text-align:center;
	border:1px solid #6C0;
	margin:0;
	padding:.5em;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass
#voice_sending_top .result_submit {
}*/

/*送信完了メッセージの戻るボタンのclass*/
#voice_sending_top .result_submit_button {
	border:none;
	color:#00F;
}