右側の青いペインに契約書 PDF のビューアが重なって表示されます（ケース B1）。 ビューア本体は DOM 上ペインの外（body 直下）にあり、JS がペインの位置と大きさを測って配置しています。
| 項目 | 内容 |
|---|---|
| 契約名 | 業務委託基本契約書 |
| 取引先 | 株式会社サンプル商事 |
| 契約期間 | 2026/04/01 〜 2027/03/31 |
| 自動更新 | あり（3 か月前通知） |
明細テーブルのヘッダー行の右上に、行操作ツールバーが重なって表示されます（ケース B2）。 右下の赤い丸ボタンは CSS で画面右下に固定しています（対照 D・再配置の対象外）。
株式会社サンプル商事（以下「甲」という）と株式会社プレイナー（以下「乙」という）は、 甲が乙に委託する業務に関し、次のとおり基本契約を締結する。
第 1 条（目的）本契約は、甲が乙に委託する業務の遂行に関する基本的事項を定めることを目的とする。
第 2 条（契約期間）本契約の有効期間は 2026 年 4 月 1 日から 2027 年 3 月 31 日までとする。