@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#kotatsuya_ninja_top {
	margin-bottom:20px;
	
	border: 1px solid #228b22;
	width:200px;
	height:450px;

}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#kotatsuya_ninja_top .main {

}

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

}

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

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .name_top {

}

/*『name』パーツの表示名を囲っているタグのclass（[ 名前 ]の部分）*/
#kotatsuya_ninja_top .name_left{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;/*文字間隔*/
	color:#000000;
	
	display:inline-block;
	background:#90ee90;
	width:50px;
	height:1.4em;
	
	margin:2px;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .name_right {
	height:1.5em;
}

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

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#kotatsuya_ninja_top .mail_left{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;/*文字間隔*/
	color:#000000;
	
	display:inline-block;
	background:#90ee90;
	width:100px;
	height:1.4em;
	
	margin:2px;

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .mail_right {
	height:1.5em;

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#kotatsuya_ninja_top .mail_parts {
	width:170px;
	height:1.5em;

}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .url_top {

}

/*『url』パーツの表示名を囲っているタグのclass（[ ＵＲＬ ]の部分）*/
#kotatsuya_ninja_top .url_left{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;/*文字間隔*/
	color:#000000;
	
	display:inline-block;
	background:#90ee90;
	width:50px;
	height:1.4em;
	
	margin:2px;

}

/*『url』パーツの入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .url_right {
	height:1.5em;

}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#kotatsuya_ninja_top .url_parts {
	width:170px;
	height:1.5em;

}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .title_top {

}

/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#kotatsuya_ninja_top .title_left{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;/*文字間隔*/
	color:#000000;
	
	display:inline-block;
	background:#90ee90;
	width:50px;
	height:1.4em;
	
	margin:2px;

}

/*『title』パーツの入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .title_right {
	height:1.5em;

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#kotatsuya_ninja_top .title_parts {
	width:170px;
	height:1.5em;

}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .textarea_top {

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ 内容 ]の部分）*/
#kotatsuya_ninja_top .textarea_left{
	font-size:90%;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;/*文字間隔*/
	color:#000000;
	
	display:inline-block;
	background:#90ee90;
	width:50px;
	height:1.4em;
	
	margin:2px;

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#kotatsuya_ninja_top .textarea_right {
	height:5.0em;

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#kotatsuya_ninja_top .textarea_parts {
	width:170px;
	height:5.0em;

}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#kotatsuya_ninja_top .submit {
	margin:5px;

	display: inline-block;
	border: 1px solid #00ff00;
	border-bottom-color: #006400;
	border-radius: 3px;

}

/*メールフォームの送信ボタンのclass*/
#kotatsuya_ninja_top .submit_button {
	background: #008000;
	color: #ffffff;

}

/*エラーメッセージを囲っているタグのclass*/
#kotatsuya_ninja_top .error {
	margin:5px;

}

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

	display: inline-block;
	border: 1px solid #00ff00;
	border-bottom-color: #006400;
	border-radius: 3px;

}

/*エラーメッセージのリトライボタンのclass*/
#kotatsuya_ninja_top .error_submit_button {
	background: #008000;
	color: #ffffff;

}

/*送信完了メッセージを囲っているタグのclass*/
#kotatsuya_ninja_top .result {
	margin:5px;

}

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

	display: inline-block;
	border: 1px solid #00ff00;
	border-bottom-color: #006400;
	border-radius: 3px;

}

/*送信完了メッセージの戻るボタンのclass*/
#kotatsuya_ninja_top .result_submit_button {
	background: #008000;
	color: #ffffff;

}