@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#questionnaire02_top {
	width:400px;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#questionnaire02_top .main {
	border-width:0px;
	width:400px;
	
}

/*メールフォームのタイトルを囲っているタグのclass*/
#questionnaire02_top .title{
	border-width:1px;
	border-style:solid;
	border-color:black;
}

/*メールフォームの説明文を囲っているタグのclass*/
#questionnaire02_top .explain {
	width:400px;
	text-align:left;

}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#questionnaire02_top .textarea_top {
	width:400px;
	border-width:1px;
	border-color:blue;


}

/*『textarea』パーツの表示名を囲っているタグのclass（[ comment ]の部分）*/
#questionnaire02_top .textarea_left{
	display:none;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#questionnaire02_top .textarea_right {
	width:400px;
	text-align:center;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#questionnaire02_top .textarea_parts {
	width:380px;
	height:60px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#questionnaire02_top .submit {
	width:400px;
	text-align:center;
}

/*メールフォームの送信ボタンのclass*/
#questionnaire02_top .submit_button {
	border-color:green;
	border-width:1px;
	border-style:solid;
	background-color:white;
}

/*エラーメッセージを囲っているタグのclass*/
#questionnaire02_top .error {

}

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

}

/*エラーメッセージのリトライボタンのclass*/
#questionnaire02_top .error_submit_button {
	border-color:green;
	border-width:1px;
	border-style:solid;
	background-color:#F0FFF0;
}

/*送信完了メッセージを囲っているタグのclass*/
#questionnaire02_top .result {

}

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

}

/*送信完了メッセージの戻るボタンのclass*/
#questionnaire02_top .result_submit_button {
	border-color:green;
	border-width:1px;
	border-style:solid;
	background-color:#F0FFF0;
}