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

 


nh-mail2.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-mail2.css">
</head>
<body>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="280"><tr>
<td width="9" height="9"><img src="nh2-lt.gif"></td>
<td height="9" background="nh2-t.gif"></td>
<td width="9" height="9"><img src="nh2-rt.gif"></td></tr><tr>
<td width="9" background="nh2-l.gif"></td><td>
<!-- ここから -->

<!-- ここまでメールフォームタグを記入 -->
</td>
<td width="9" background="nh2-r.gif"></td></tr><tr>
<td width="9" height="9"><img src="nh2-lb.gif"></td>
<td height="9" background="nh2-b.gif"></td>
<td width="9" height="9"><img src="nh2-rb.gif"></td></tr></table>
</div>
</body>
</html>


CSS

@charset "UTF-8";

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


#あなたのID_top {
width:250px;
text-align:left;
margin: 6px;
}
.title{
text-align:center;
font-weight:bold;
font-size:15px;
}
.explain {
text-align:center;
font-size:10px;
margin:5px 0px 20px 0px;
}


.title_left {
padding-left:7px;
font-weight:bold;
}
.name_left{
padding-left:1px;
font-weight:bold;
}
.mail_left{
padding-left:7px;
font-weight:bold;
}
.url_left{
padding-left:7px;
font-weight:bold;
}
.textarea_left{
padding-left:1px;
font-weight:bold;
}
.textarea_parts {
height:70px;
}

.submit{
text-align:right;
}
.submit_button {
width:70px;
background-color:#666666;
color:#ffffff;
border:1px solid #666666;
}
.result_submit_button {
width:70px;
background-color:#666666;
color:#ffffff;
border:1px solid #666666;
}
.error_submit_button {
width:70px;
background-color:#666666;
color:#ffffff;
border:1px solid #666666;
}

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