使用している画像は1つです。
画像はhtmlファイルと同じ階層に置いてください。
違う場所に置く場合は、相対パスを書き換えてください。

背景画像を他の素材サイトさまから借りて使用する場合は、
メールフォームページ内に素材サイトさまへのリンクをはる等、
素材配布元が別であることを表記してください。



nh-mail4.zip　DL

html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title></title>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="nh-mail4.css">
</head>
<div align="center">
<table class="t">
<tr>
<td class="t1"></td>
<td class="t2">
<!-- ここから -->

<!-- ここまでメールフォームタグを記入 -->
</td></tr></table>
</div>
</body>
</html>


CSS

@charset "UTF-8";

body,table {
margin:10px;
background-color:#ffffff;
font-size:12px;
font-family:Verdana,ＭＳ Ｐゴシック，Osaka;
color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#ffffff;
}
a{
text-decoration:none;
color:#696969;
}
input,textarea{
width:220px;
border-top:none;
border-right:none;
border-bottom:1px solid #000000;
border-left:none;
font-size:12px;
color:#000000;
background-color:#ffffff;
}

.t{
width:368px;
border-top:20px solid #000000;
border-right:1px solid #000000;
border-bottom:20px solid #000000;
border-left:1px solid #000000;
padding:0px;
}
.t1{
background-image : url(9_back.jpg);
background-repeat: no-repeat;
background-position:bottom left;
width:148px
}
.t2{
width:220px;
text-align:right;
}


#あなたのID_top {
width:220px;
text-align:right;
}
.main{
text-align:right;
}
.title{
font-weight:bold;
font-size:17px;
margin-right:3px;
}
.explain {
font-size:10px;
margin:5px 0px 20px 0px;
}

.title_left{
margin-right:2px;
}
.name_left{
margin-right:2px;
}
.mail_left{
margin-right:2px;
}
.url_left{
margin-right:2px;
}
.textarea_left{
margin-right:2px;
}
.textarea_parts {
height:100px;
}

.submit_button {
width:150px;
border:1px solid #000000;
}
.error_submit_button {
width:150px;
border:1px solid #000000;
}
.result_submit_button {
width:150px;
border:1px solid #000000;
}


/* りんだう。http://rindau.nobody.jp/ */