表の形式で、右側内で小見出しやリスト、囲みなどの要素がある時。

 
リスト:テーブル式では、td内にリスト要素を設定するのが難しくなります。
右側(td)で見出しを設けてその上下の余白で見やすくしたり、リスト(記号・数字)を使って見やすくしたい時のための、カラム構成で2カラムに設定した擬似的なテーブルで作成したパターンです。
 
overview_006aは、区切りの線の入れ方を変えたバリエーションです。

職種

技術職(現場管理・報告書作成等)

初任給

200,000円 4年生卒(専門分野:土木・理学)
180,000円 専門卒(専門分野:土木・理学)

諸手当

住宅手当、通勤手当、残業手当

吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。

賞与

年2回

  • 吾輩は猫である。名前はまだ無い。
  • 吾輩は犬である。名前はポチである。

勤務地

本社

住 所:

〒163-8001
東京都新宿区西新宿2丁目8−1

営業時間: 

10:00〜18:00

電 話: 

03-5321-1111

 

大阪支社

住 所:

〒530-8201
大阪府大阪市北区中之島1丁目3−20

営業時間: 

10:00〜18:00

電 話:

06-6208-8181

 

仙台支店

住 所:

〒980-8671
宮城県仙台市青葉区国分町3丁目7−1

営業時間: 

10:00〜18:00

電 話:

022-261-1111

勤務時間

9:30~18:30

休日・休暇

週休2日制(土日)、祝祭日

overview_006a

職種

技術職(現場管理・報告書作成等)

初任給

200,000円 4年生卒(土木・理学)
180,000円 専門卒(土木)

諸手当

住宅手当、通勤手当、残業手当

吾輩は猫である。名前はまだ無い。
どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。

賞与

年2回

  • 吾輩は猫である。名前はまだ無い。
  • 吾輩は犬である。名前はポチである。

勤務地

本社

住 所:

〒163-8001
東京都新宿区西新宿2丁目8−1

営業時間: 

10:00〜18:00

電 話: 

03-5321-1111

 

大阪支社

住 所:

〒530-8201
大阪府大阪市北区中之島1丁目3−20

営業時間: 

10:00〜18:00

電 話:

06-6208-8181

 

仙台支店

住 所:

〒980-8671
宮城県仙台市青葉区国分町3丁目7−1

営業時間: 

10:00〜18:00

電 話:

022-261-1111

勤務時間

9:30~18:30

休日・休暇

週休2日制(土日)、祝祭日


  • 項目名(左)の幅は、CSSでカラム1の幅として設定しています。項目の文字数に合わせて改行されない幅になるよう調整してください。
  • その時、カラム2の幅と合計98%になるように調整してください。カラム間余白で狭い(2%)としているため、100-2=98が実際にカラム1とカラム2で利用できる幅の合計値になります。
  • 内容(カラム2)で、見出し(大見出し、小見出し)や囲み、リードなどはCSS詳細タブで任意に設定してください。

Tablet View

overview_006

overview_006a

SP View

overview_006

overview_006a