段違いのセルを結合する方法は（私の知る限り）ないので、
テーブルを入れ子にするしかないと思います。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>変なテーブル ^^;</title>
<style type="text/css">
<!--
table{border-collapse:collapse;width:350px;}
td{padding:0;border:3px solid #000000;height:100px;}
.table2{border-collapse:collapse;}
.td2{
padding:0;border-top:0px solid #000000;
border-left:0px solid #000000;
border-ritgh:3px solid #000000;
border-bottom:0px solid #000000;
}
.td3{padding:0px;border:0px;}
th{padding:20px;border:3px solid #000000;}
.td4{width:35%;height:200px;}
-->
</style>
</head>
<body>
<table>
<tr bgcolor="#e6e6e6">
<th colspan=2>見出し</th>
</tr>
<tr>
<td class="td4">A1</td>
<td>A2</td>
</tr>
<tr>
<td colspan=2>
<table class="table2">
<tr>
<td class="td2">B1</td><td class="td2" width="45%">B2</td><td class="td3" width="32%">B3</td>
</tr>
</td>
</tr>
</table>
</tr>
</table>
</body>
</html>
※ 各セルの高さはその内容物に依存するので常に一定ではない。
※ 質問者さんの「お礼率」の低さが気になる。
