body{
	text-align:center;
}

#container{
	width:830px;
	margin:0 auto;
	text-align:left;
}

#inner{
	margin:0 10px;
}

.main{
	width:500px;
	float:right;
}

.side{
	width:300px;
	float:left;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}

.SideTitle { background:#efefef; padding:0 5px; font-size:120%; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }

.SideTitle2 { background:#efefef; padding:0 5px; font-size:100%; color:#ff0000; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }

.SideTitle3 { background:#efefef; padding:0 5px; font-size:200%; color:#ff0000; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }

.TitleSpace { background:#efefef; padding:0 5px; font-size:120%; font-weight:bold; border:dotted 2px #666; }

.MainTitleSpace { background:#cec; padding:0 5px; font-size:300%; color:#0000ff; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }

.rb { font-size:100%; color:#0000ff; text-align:right; }

.TextA { margin:10 px ; text-align:left; color:#ff0000; font-size:75%; }



@charset "UTF-8";

/*************************************************
【忍者式メールフォーム自作CSS】
自作CSSを使用するには、HTMLとCSSの知識が必須です。
HTMLやCSSについては参考文献などを参照してください。
*************************************************/

/*メールフォーム全体を囲っているタグのid*/
#member_add_2_top {
border-right:solid 1px #66f; border-bottom:solid 1px #66f; border-left:solid 1px #66f; border-top:solid 1px #66f;
}

/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#member_add_2_top .main {
border-right:solid 1px #66f; border-bottom:solid 1px #66f; border-left:solid 1px #66f; border-top:solid 1px #66f;
background:#cef;
}

/*メールフォームのタイトルを囲っているタグのclass*/
#member_add_2_top .title{
background:#cef; padding:0 5px; font-weight:bold; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 10px #66f;
}

/*メールフォームの説明文を囲っているタグのclass*/
#member_add_2_top .explain {
background:#cef; padding:0 5px; border:dotted 2px #66f; color:#ff0000;
}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#member_add_2_top .name_top {
}

/*『name』パーツの表示名を囲っているタグのclass（[ ニックネーム ]の部分）*/
#member_add_2_top .name_left{
background:#cef; padding:0 5px; font-weight:bold; 
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#member_add_2_top .name_right {
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#member_add_2_top .name_parts {
width:498px;
}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#member_add_2_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#member_add_2_top .mail_left{
background:#cef; padding:0 5px; font-weight:bold; 

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#member_add_2_top .mail_right {

}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#member_add_2_top .mail_parts {
width:498px;
}

/*『age』パーツの表示名と入力項目を囲っているタグのclass*/
#member_add_2_top .age_top {

}

/*『age』パーツの表示名を囲っているタグのclass（[ 年齢 ]の部分）*/
#member_add_2_top .age_left{
background:#cef; padding:0 5px; font-weight:bold; 
}

/*『age』パーツの入力項目を囲っているタグのclass*/
#member_add_2_top .age_right {

}

/*『age』パーツの入力項目のclass（inputなどの部分）*/
#member_add_2_top .age_parts {
width:100px;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#member_add_2_top .title_top {

}

/*『title』パーツの表示名を囲っているタグのclass（[ 有料会員種別@≪初回or2回目以降≫ ]の部分）*/
#member_add_2_top .title_left{
background:#cef; padding:0 5px; font-weight:bold; 

}

/*『title』パーツの入力項目を囲っているタグのclass*/
#member_add_2_top .title_right {

}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#member_add_2_top .title_parts {
width:498px;
}

/*『text』パーツの表示名と入力項目を囲っているタグのclass*/
#member_add_2_top .text_top {

}

/*『text』パーツの表示名を囲っているタグのclass（[ 有料会員種別A≪短期(2日間)or長期(8日間)≫ ]の部分）*/
#member_add_2_top .text_left{
background:#cef; padding:0 5px; font-weight:bold; 

}

/*『text』パーツの入力項目を囲っているタグのclass*/
#member_add_2_top .text_right {

}

/*『text』パーツの入力項目のclass（inputなどの部分）*/
#member_add_2_top .text_parts {
width:498px;
}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#member_add_2_top .submit {

}

/*メールフォームの送信ボタンのclass*/
#member_add_2_top .submit_button {

}

/*エラーメッセージを囲っているタグのclass*/
#member_add_2_top .error {

}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#member_add_2_top .error_submit {

}

/*エラーメッセージのリトライボタンのclass*/
#member_add_2_top .error_submit_button {

}

/*送信完了メッセージを囲っているタグのclass*/
#member_add_2_top .result {

}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#member_add_2_top .result_submit {

}

/*送信完了メッセージの戻るボタンのclass*/
#member_add_2_top .result_submit_button {

}

