@CHARSET "UTF-8";


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

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

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

/*メールフォームのタイトルを囲っているタグのclass*/
#default__top .title{
	background-color: peru;
	width: 280px;
	height: auto;
}

/*メールフォームの説明文を囲っているタグのclass*/
#default__top .explain {
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#default__top .name_top {
	margin: 0 auto;
	color: white;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『name』パーツの表示名を囲っているタグのclass（[ Name ]の部分）*/
#default__top .name_left{
	margin: 0 auto;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#default__top .name_right {
	margin: 0 auto;
	width: 260px;
	height: auto;
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#default__top .name_parts {
	margin: 0 auto;
	background-color: white;
	width: 260px;
	height: auto;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#default__top .mail_top {
	margin: 0 auto;
	color: white;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『mail』パーツの表示名を囲っているタグのclass（[ Mail ]の部分）*/
#default__top .mail_left{
	margin: 0 auto;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#default__top .mail_right {
	margin: 0 auto;
	width: 260px;
	height: auto;
}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#default__top .mail_parts {
	margin: 0 auto;
	background-color: white;
	width: 260px;
	height: auto;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#default__top .title_top {
	margin: 0 auto;
	color: white;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『title』パーツの表示名を囲っているタグのclass（[ Title ]の部分）*/
#default__top .title_left{
	margin: 0 auto;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『title』パーツの入力項目を囲っているタグのclass*/
#default__top .title_right {
	margin: 0 auto;
	width: 260px;
	height: auto;
}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#default__top .title_parts {
	margin: 0 auto;
	background-color: white;
	width: 260px;
	height: auto;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#default__top .textarea_top {
	margin: 0 auto;
	color: white;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文 ]の部分）*/
#default__top .textarea_left{
	margin: 0 auto;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#default__top .textarea_right {
	margin: 0 auto;
	width: 260px;
	height: auto;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#default__top .textarea_parts {
	margin: 0 auto;
	background-color: white;
	width: 260px;
	height: 128px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#default__top .submit {
	margin: 0 auto;
	color: white;
	background-color: peru;
	width: 280px;
	height: auto;
}

/*メールフォームの送信ボタンのclass*/
#default__top .submit_button {
	color: white;
	background-color: peru;
	width: auto;
	height: auto;
}

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

	background-color: peru;
	width: 360px;
	height: auto;
}

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

	background-color: peru;
	width: 360px;
	height: auto;
}

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

	background-color: peru;
	width: 360px;
	height: auto;
}

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

	background-color: peru;
	width: 360px;
	height: auto;
}

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

	background-color: peru;
	width: 360px;
	height: auto;
}

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

	background-color: peru;
	width: 360px;
	height: auto;
}