@charset "UTF-8";

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

/*メールフォーム全体を囲っているタグのid*/
#inquriy_top {
	width: 350px;
	margin:0 auto;
	padding:0;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 1.2em;
	line-height: 1.4;
	color: #666;
	padding: 10px 10px 10px 0px;
}

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

/*メールフォームのタイトルを囲っているタグのclass*/
#inquriy_top .title{
	width: 358px;
	text-align: center;
	line-height: 2;
	border: 1px solid #cbcbcb;
}


/*メールフォームの説明文を囲っているタグのclass*/
#inquriy_top .explain {
	width: 358px;
	margin: 10px 0;
	line-height: 1.6;
}

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

/*『name』パーツの表示名を囲っているタグのclass（[ 名前 ]の部分）*/
#inquriy_top .name_left{
	padding-bottom: 5px;
}

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

}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#inquriy_top .name_parts {
	width: 354px;
	padding: 2px;
	border: 1px solid #cbcbcb;
}

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

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#inquriy_top .mail_left{
	padding-bottom: 5px;
}

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

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#inquriy_top .mail_parts {
	width: 354px;
	padding: 2px;
	border: 1px solid #cbcbcb;
}

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

/*『title』パーツの表示名を囲っているタグのclass（[ 件名［リンクのお問い合わせ］ ]の部分）*/
#inquriy_top .title_left{
	padding-bottom: 5px;
}

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

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#inquriy_top .title_parts {
	width: 354px;
	padding: 2px;
	border: 1px solid #cbcbcb;
}

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

/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文（大） ]の部分）*/
#inquriy_top .textarea_left{
	padding-bottom: 5px;
}

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

}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#inquriy_top .textarea_parts {
	font-size: 96%;
	line-height: 1.4;
	width: 354px;
	height: 110px;
	padding: 2px;
	border: 1px solid #cbcbcb;
}

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

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

}

/*エラーメッセージを囲っているタグのclass*/
#inquriy_top .error {
	color : #EB0000;
	line-height: 1.4;
}

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

}

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

}

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

}

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

}

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

}


#shinobi_jp_text {
	position: relative;
	left: 120px;
	letter-spacing: 1px;
}


/* IE hacks
---------------------------------------------------------------------- */
*+html #shinobi_jp_text { left: 122px; letter-spacing: 0px;}
/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
*+html #inquriy_top .textarea_parts { height: 113px;}
/*メールフォームの送信ボタンのclass*/
*+html #inquriy_top .submit_button ,
*+html #inquriy_top .error_submit_button ,
*+html #inquriy_top .result_submit_button{ padding-top: 3px;}
/*エラーメッセージを囲っているタグのclass*/
*+html #inquriy_top .error { line-height: 1.6;}


* html #inquriy_top {	padding: 10px 10px 10px 10px;}
* html #shinobi_jp_text { left: 122px; letter-spacing: 0px;}
/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
* html #inquriy_top .textarea_parts { height: 113px;}
/*メールフォームの送信ボタンのclass*/
* html #inquriy_top .submit_button ,
* html #inquriy_top .error_submit_button ,
* html #inquriy_top .result_submit_button{ padding-top: 3px;}
/*エラーメッセージを囲っているタグのclass*/
* html #inquriy_top .error { line-height: 1.6;}


/* safari opera hack */
html[xmlns*=""] body:last-child #inquriy_top .textarea_parts {position: relative;  height: 116px; z-index: 999999;}
html[xmlns*=""] body:last-child #shinobi_jp_text { left: 122px; letter-spacing: 0px;}
html[xmlns*=""] body:last-child #inquriy_top .textarea_parts { height: 108px;}