@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#malda_top {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#malda_top .main {
	text-align: left;
	width: 360px;
	color: #717171;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊NAME＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#malda_top .name_top {
	margin:0px;
}

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

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

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#malda_top .name_parts {
background: #e4e4e4;
	margin: 0px;
	color:#464646;
	width: 360px;
	height: 20px;
	font-size: 12px;
	border : 0px solid #ffffff;
	
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊MAIL＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#malda_top .mail_top {
	margin:0px;
}

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

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

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#malda_top .mail_parts {
	background: #e4e4e4;
	margin: 0px;
	color:#464646;
	width: 360px;
	height: 20px;
	font-size: 12px;
	border : 0px solid #ffffff;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊TEXT＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#malda_top .textarea_top {
	margin:0px;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ message ]の部分）*/
#malda_top .textarea_left{
	height: 17px;
	font-size: 12px;
	color:#464646;
	margin:0px;
}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#malda_top .textarea_parts {
	background: #e4e4e4;
	margin: 0px;
	color:#464646;
	width: 360px;
	height:120px;
	font-size: 12px;
	border : 0px solid #ffffff;
}

/*＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ETC＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

/*メールフォームの送信ボタンを囲っているタグのclass*/
#malda_top .submit {
	margin-top: 10px;
	margin-bottom:20px;
	text-align: left;
	width: 360px;
	
}

/*メールフォームの送信ボタンのclass*/
#malda_top .submit_button {
	width: 360px;
	font-size: 12px;
	color:#ffffff;
	margin:0px;
	background:#464646;
	border: 0px solid #ffffff;
}

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

}

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

}

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

}

/*送信完了メッセージを囲っているタグのclass*/
#malda_top .result {
	font-size: 12px;
	width:360px;
	margin:0px;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#malda_top .result_submit {
	margin-top: 10px;
	margin-bottom:20px;
	text-align: left;
	width: 360px;
}

/*送信完了メッセージの戻るボタンのclass*/
#malda_top .result_submit_button {
	width: 360px;
	font-size: 12px;
	color:#ffffff;
	margin:0px;
	background:#464646;
	border: 0px solid #ffffff;
}