﻿@charset "UTF-8";
/*メールフォーム*/

#salesiorailwayhp_top .name_parts,
#salesiorailwayhp_top .title_parts,
#salesiorailwayhp_top .textarea_parts,
#salesiorailwayhp_top .mail_parts,
#salesiorailwayhp_top .age_parts,
#salesiorailwayhp_top .pref_parts {
	margin: 3px;
	padding: 3px;
	border:			1px solid rgb(153, 153, 153);
	border-radius:		3px 3px 3px 3px / 3px 3px 3px 3px;
	box-shadow:		0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:	0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
	transition:		all 0.3s ease 0s;
	-moz-transition:	all 0.3s ease 0s;
	-webkit-transition:	all 0.3s ease 0s;
	-o-transition:		all 0.3s ease 0s;
	-ms-transition:		all 0.3s ease 0s;
}
#salesiorailwayhp_top .name_parts:focus,
#salesiorailwayhp_top .title_parts:focus,
#salesiorailwayhp_top .textarea_parts:focus,
#salesiorailwayhp_top .mail_parts:focus,
#salesiorailwayhp_top .age_parts:focus,
#salesiorailwayhp_top .pref_parts:focus {
	border:			1px solid rgb(128, 181, 232);
	box-shadow:		0px 1px 1px 0px rgba(221, 238, 255, 1) inset;
	-webkit-box-shadow:	0px 1px 1px 0px rgba(221, 238, 255, 1) inset;
}
#salesiorailwayhp_top .submit_button,
#salesiorailwayhp_top .error_submit_button,
#salesiorailwayhp_top .result_submit_button {
	margin: 3px;
	padding: 5px 50px;
	border:			1px solid rgb(153, 153, 153);
	border-radius:		3px 3px 3px 3px / 3px 3px 3px 3px;
	box-shadow:		0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:	0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	background-color: #f0f0f0;
	background-image:	linear-gradient(	top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	background-image:	-ms-linear-gradient(	top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	background-image:	-moz-linear-gradient(	top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	background-image:	-o-linear-gradient(	top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	background-image:	-webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	transition:		all 0.3s ease 0s;
	-moz-transition:	all 0.3s ease 0s;
	-webkit-transition:	all 0.3s ease 0s;
	-o-transition:		all 0.3s ease 0s;
	-ms-transition:		all 0.3s ease 0s;
}
#salesiorailwayhp_top .submit_button:hover,
#salesiorailwayhp_top .error_submit_button:hover,
#salesiorailwayhp_top .result_submit_button:hover {
	border:			1px solid rgb(128,181, 232);
	background-color: rgb(221, 238, 255);
	cursor: pointer;
}
#shinobi_jp_text {
	margin-top: 1em;
}
/*メールフォームの送信ボタンのclass*/
#salesiorailwayhp_top .submit_button {

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

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

}

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

/*メールフォーム全体を囲っているタグのid*/
#salesiorailwayhp_top {

}

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

}

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

}

/*メールフォームの説明文を囲っているタグのclass*/
#salesiorailwayhp_top .explain {
	margin-bottom: 1em;
}

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

}

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

}

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

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#salesiorailwayhp_top .name_parts {
}

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

}

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

}

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

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#salesiorailwayhp_top .title_parts {
}

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

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ メッセージ ]の部分）*/
#salesiorailwayhp_top .textarea_left{

}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#salesiorailwayhp_top .textarea_parts {
	width: 75%;
	height: 10em;
}

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

}

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

}

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

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#salesiorailwayhp_top .mail_parts {
}

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

}

/*『age』パーツの表示名を囲っているタグのclass（[ 年齢 ]の部分）*/
#salesiorailwayhp_top .age_left{

}

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

}

/*『age』パーツの入力項目のclass（inputなどの部分）*/
#salesiorailwayhp_top .age_parts {
}

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

}

/*『pref』パーツの表示名を囲っているタグのclass（[ お住まいの都道府県 ]の部分）*/
#salesiorailwayhp_top .pref_left{

}

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

}

/*『pref』パーツの入力項目のclass（inputなどの部分）*/
#salesiorailwayhp_top .pref_parts {
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#salesiorailwayhp_top .submit {

}

/*メールフォームの送信ボタンのclass*/
#salesiorailwayhp_top .submit_button {

}

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

}

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

}

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

}

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

}

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

}

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

}
