web上で表示されているtableタグをopen officeのcalcにそのまま表示したい

質問失礼します。
当方このようなページを作っています。

HTML

<div id="visited_wrap">
	<table id="visited_result">
		<tr>
			<th id="visited_No">No</th>
			<th id="visited_staff">スタッフ：ID</th>
			<th id="visited_day">訪問日</th>
			<th id="visited_place">訪問先:地域</th>
			<th id="visited_time">訪問時間</th>
			<th id="visited_service">対応内容</th>
			<th id="visited_remarks">備考</th>
		</tr>

		<tr>
			<td class="visited_No">1</td>
			<td class="visited_staff"><p>山田　隆司</p><p>:3</p></td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place"><p>田中　太郎 様</p><p>平野区</p></td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service"><span class="light_up">食事</span><span class="gray_out">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td>
			<td class="visited_remarks"></td>
		</tr>
		<tr>
			<td class="visited_No">2</td>
			<td class="visited_staff"><p>五十嵐　美穂子</p><p>:5</p></td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place"><p>南川　次郎 様</p><p>東住吉区</p></td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service"><span class="gray_out">食事</span><span class="light_up">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td>
			<td class="visited_remarks">15日より3週間不在</td>
		</tr>
		<tr>
			<td class="visited_No">3</td>
			<td class="visited_staff"><p>鈴木　竜馬</p><p>:8</p></td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place"><p>田中　太郎 様</p><p>平野区</p></td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service"><span class="gray_out">食事</span><span class="gray_out">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td>
			<td class="visited_remarks"></td>
		</tr>
		<tr>
			<td class="visited_No">4</td>
			<td class="visited_staff"><p>高木　奈々</p><p>:22</p></td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place"><p>下北沢　清十郎 様</p><p>住吉区</p></td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service"><span class="gray_out">食事</span><span class="light_up">入浴</span><span class="gray_out">掃除</span><span class="light_up">散歩</span><span class="gray_out">その他</span></td>
			<td class="visited_remarks"></td>
		</tr>
		<tr>
			<td class="visited_No">5</td>
			<td class="visited_staff"><p>山田　隆司</p><p>:3</p></td>
			<td class="visited_day">2019年10月07日</td>
			<td class="visited_place"><p>田中　太郎 様</p><p>平野区</p></td>
			<td class="visited_time">12:00～12:45</td>
			<td class="visited_service"><span class="light_up">食事</span><span class="gray_out">入浴</span><span class="light_up">掃除</span><span class="gray_out">散歩</span><span class="gray_out">その他</span></td>
			<td class="visited_remarks"></td>
		</tr>
	</table>
</div>

CSS

html,body,p,dl,dt,dd{
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#visited_wrap {
	width: 1020px;
	margin: 0 auto;
}

#visited_result tr th {
	color: #fff;
	background: #F48CD1;
}

#visited_result tr th:nth-child(even) {
	background: #F4A7D1;
}

#visited_No,
#visited_staff,
#visited_day,
#visited_place,
#visited_time,
#visited_service,
#visited_remarks {
	box-sizing: border-box;
	text-align: center;
}

#visited_No{
	width: 50px;
}
#visited_staff {
	width: 124px;
}
#visited_day {
	width: 140px;
	text-align: center;
}
#visited_place {
	width: 145px;
}
#visited_time {
	width: 120px;
}
#visited_service {
	width: 220px;
}
#visited_remarks {
	width: 221px;
}

#visited_result tr:nth-child(odd) {
	background: #EBEBEB;
}

.visited_No,
.visited_staff,
.visited_day,
.visited_place,
.visited_time,
.visited_service,
.visited_remarks {
	box-sizing: border-box;
	padding: 5px;
}

.visited_day,
.visited_service {
	text-align: center;
}

.light_up,
.gray_out {
	padding: 0 3px;
}

.gray_out {
	color: #C8C8C8;
}

調べるとまずは対象のページをhtmlで保存し拡張子をodsに変える。
それをcalcで開くだけというのがあったのですが実際はセルの幅はwidthに関係なくもとのセルの幅、背景色は白、cssで装飾しているgray_outの文字の色が変わっていない等、CSSが一切反映されていていません。
初めはCSSを外部ファイルで読み込む方式でっやってるからダメなのかな？と思いHTMLに<style></style>で直接書き込んでもダメ、ならばタグに直接style=""形式にしてもダメでした。
完成としては下のようになりたいです。
Webページ(html)の表を、エクセル表に変換する(Excel2010)

そもそもcalcがダメなのでしょうか？

ご存じの方がいらっしゃいましたら教えていただけますと幸いです