お世話になっております。
HTMLで表を作成しているのですが、罫線の太さを画像（エクセル）のようにしたいと考えております。
上のみや外枠全体は検索すると出てくるのですが行いたい形が検索しても出てこず、時間ばかりが過ぎてしまっている状態です。
どなたかご教授して頂けないでしょうか。
（作りたい形）
（HTML）
<div id='custom'>
<table border="1" style="border-collapse: collapse" align="center" }>
<tbody>
<tr>
<th colspan="3">ビル名</th>
<th colspan="11">住所</th>
</tr>
<tr>
<td colspan="3"> </td>
<td colspan="11"> </td>
</tr>
<tr>
<th>延べ面積</th>
<th>建築面積</th>
<th>敷地面積</th>
<th>階/号数</th>
<th>入居者/テナント名</th>
<th>契約者名</th>
<th>契約面積</th>
<th width="70">賃料</th>
<th width="70">㎡単価</th>
<th>管理/共益費</th>
<th>看板料等他</th>
<th width="120">敷金/保証金</th>
<th>合計収益</th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>契約面積合計</th>
<th>敷/保証金合計</th>
<th>管理/共益費合計</th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>賃料合計</th>
<th>看板料等他合計</th>
<th>合計収益</th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>空き部屋</th>
<th colspan="2">ビル図面</th>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>メモ欄</th>
<td colspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>