@charset "UTF-8";
/*メールフォーム全体を囲っているタグのid*/
#contact_top {
xbackground-image: url("images/binsen.jpg");
xbackground-repeat: no-repeat;
xwidth: 600px;
xheight: 550px;
padding: 20px 20px;
line-height: 12px;
letter-spacing: 0.1em;
font-size: 1.1em;
color:#444;
}

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

}

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

}

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

}

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

}

/*『name』パーツの表示名を囲っているタグのclass（[ 名前 ]の部分）*/
#contact_top .name_left{
width: 520px;
padding: 10px 10px 10px 40px;
font-weight: bold;
height: 12px;
vertical-align: middle;
line-height: 12px;
background-image: url("images/icon.jpg");
background-repeat: no-repeat;
}

/*『name』パーツの入力項目を囲っているタグのclass*/
#contact_top .name_right {
width: 520px;
padding: 10px 10px 10px 40px;
text-indent: 5px;
height: 18px;
background-color: #FFF;
vertical-align: middle;
line-height: 18px;
border-bottom: #CCC 1px solid;
}

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

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

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#contact_top .mail_left{
width: 520px;
padding: 10px 10px 10px 40px;
font-weight: bold;
height: 12px;
vertical-align: middle;
line-height: 12px;
background-image: url("images/icon.jpg");
background-repeat: no-repeat;
}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#contact_top .mail_right {
width: 520px;
padding: 10px 10px 10px 40px;
text-indent: 5px;
height: 18px;
background-color: #FFF;
vertical-align: middle;
line-height: 18px;
border-bottom: #CCC 1px solid;
}

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

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

}

/*『url』パーツの表示名を囲っているタグのclass（[ ＵＲＬ ]の部分）*/
#contact_top .url_left{
width: 520px;
padding: 10px 10px 10px 40px;
font-weight: bold;
height: 12px;
vertical-align: middle;
line-height: 12px;
background-image: url("images/icon.jpg");
background-repeat: no-repeat;
}

/*『url』パーツの入力項目を囲っているタグのclass*/
#contact_top .url_right {
width: 520px;
padding: 10px 10px 10px 40px;
text-indent: 5px;
height: 18px;
background-color: #FFF;
vertical-align: middle;
line-height: 18px;
border-bottom: #CCC 1px solid;
}

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

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

}

/*『sex』パーツの表示名を囲っているタグのclass（[ 性別 ]の部分）*/
#contact_top .sex_left{
width: 520px;
padding: 10px 10px 10px 40px;
font-weight: bold;
height: 12px;
vertical-align: middle;
line-height: 12px;
background-image: url("images/icon.jpg");
background-repeat: no-repeat;
}

/*『sex』パーツの入力項目を囲っているタグのclass*/
#contact_top .sex_right {
width: 520px;
padding: 10px 10px 10px 40px;
text-indent: 5px;
height: 18px;
background-color: #FFF;
vertical-align: middle;
line-height: 18px;
border-bottom: #CCC 1px solid;
}

/*『sex』パーツの入力項目のclass（inputなどの部分）*/
#contact_top .sex_parts {

}

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

}

/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#contact_top .title_left{
width: 520px;
padding: 10px 10px 10px 40px;
font-weight: bold;
height: 12px;
vertical-align: middle;
line-height: 12px;
background-image: url("images/icon.jpg");
background-repeat: no-repeat;
}

/*『title』パーツの入力項目を囲っているタグのclass*/
#contact_top .title_right {
width: 520px;
padding: 10px 10px 10px 40px;
text-indent: 5px;
height: 18px;
background-color: #FFF;
vertical-align: middle;
line-height: 18px;
border-bottom: #CCC 1px solid;
}

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

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

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ 本文（大） ]の部分）*/
#contact_top .textarea_left{
width: 520px;
padding: 10px 10px 10px 40px;
font-weight: bold;
height: 12px;
vertical-align: middle;
line-height: 12px;
background-image: url("images/icon.jpg");
background-repeat: no-repeat;
}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#contact_top .textarea_right {
width: 520px;
padding: 10px 10px 10px 40px;
text-indent: 5px;
height: 80px;
background-color: #FFF;
vertical-align: middle;
line-height: 80px;
border-bottom: #CCC 1px solid;
}

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

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

}

/*メールフォームの送信ボタンのclass*/
#contact_top .submit_button {
color: #000000;
background-color: #DFDFDF/* 背景色 */
border: outset 1px #cccccc;/* 枠の色 */
cursor: pointer;
width: 70px;
height: 30px;
margin: 0 0 30px 10px;
}

/*エラーメッセージを囲っているタグのclass*/
#contact_top .error {
width: 500px;
height: 30px;
border: red 1px solid;
line-height: 30px;
font-weight: bold;
text-align:center;
}

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

/*エラーメッセージのリトライボタンのclass*/
#contact_top .error_submit_button {
color: #000000;
background-color: #DFDFDF/* 背景色 */
border: outset 1px #cccccc;/* 枠の色 */
cursor: pointer;
width: 70px;
height: 30px;
margin: 0 0 30px 10px;
}

/*送信完了メッセージを囲っているタグのclass*/
#contact_top .result {
width: 500px;
height: 30px;
border: #FCC 1px solid;
line-height: 30px;
font-weight: bold;
text-align:center;
}

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

}

/*送信完了メッセージの戻るボタンのclass*/
#contact_top .result_submit_button {
color: #000000;
background-color: #DFDFDF;/* 背景色 */
border: outset 1px #cccccc;/* 枠の色 */
cursor: pointer;
width: 70px;
height: 30px;
margin: 0 0 30px 10px;
}