@charset "UTF-8";

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

input,textarea {
	color:#000000; 
	background-color:#e1e1e1;	
	border: 1px #BEBEBE solid;
}

/*メールフォーム全体を囲っているタグのid*/
#iris_top {
	border: 3px solid #99cc99; 
	padding: 10px;
	background-color: #ffffff;
}

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

}

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

}

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

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#iris_top .name_top {
	text-align: left;
}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前 ]の部分）*/
#iris_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#iris_top .name_right {

}

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

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#iris_top .mail_top {
	text-align: left;
}

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#iris_top .mail_left{

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#iris_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#iris_top .mail_parts {
	width: 300px;
}

/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#iris_top .url_top {
	text-align: left;
}

/*『url』パーツの表示名を囲っているタグのclass（[ URL ]の部分）*/
#iris_top .url_left{

}

/*『url』パーツの入力項目を囲っているタグのclass*/
#iris_top .url_right {

}

/*『url』パーツの入力項目のclass（inputなどの部分）*/
#iris_top .url_parts {
	width: 300px;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#iris_top .title_top {
	text-align: left;
}

/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#iris_top .title_left{

}

/*『title』パーツの入力項目を囲っているタグのclass*/
#iris_top .title_right {

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#iris_top .title_parts {
	width: 300px;
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#iris_top .textarea_top {
	text-align: left;
}

/*『textarea』パーツの表示名を囲っているタグのclass（[ 内容 ]の部分）*/
#iris_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#iris_top .textarea_right {

}

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

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

/*メールフォームの送信ボタンのclass*/
#iris_top .submit_button {
	font-size: 1em;
	color: #ffffff;
	background-color: #669966;
	border: 2px #BEBEBE solid;
	padding: 3px;
}

/*エラーメッセージを囲っているタグのclass*/
#iris_top .error {
	text-align: center;
	color: #ff0000;
	font-weight: bold;
}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#iris_top .error_submit {
	text-align: center;
}

/*エラーメッセージのリトライボタンのclass*/
#iris_top .error_submit_button {
	font-size: 1em;
	color: #ffffff;
	background-color: #6699CC;
	border: 2px #BEBEBE solid;
	padding: 3px;
}

/*送信完了メッセージを囲っているタグのclass*/
#iris_top .result {
	text-align: center;
}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#iris_top .result_submit {
	text-align: center;
}

/*送信完了メッセージの戻るボタンのclass*/
#iris_top .result_submit_button {
	letter-spacing: 1.2em;
	font-size: 1em;
	color: #ffffff;
	background-color: #6699CC;
	border: 2px #BEBEBE solid;
	padding: 3px;
}