【tpl-sb-blue-heart-s】 「vertical-align:middle」はテーブルセルにひとつ、中のspanにさらに一つ必要。 --------------------------------------------------------------- /* tcell */ .%css-ctar% .aiin-tcell { display:table-cell; vertical-align:middle; <==== } /* vcnt */ .%css-ctar% .aiin-vcnt { font-size:36px; text-align:right; min-width:15px; vertical-align:middle; <==== } --------------------------------------------------------------- テーブルセルの「vertical-align:middle」は、中にある複数のspanをなんでもかんでも middleにするわけではない。仮想のラインを作って、そのラインをセル内でmiddleにする。 spanの「vertical-align:middle」は、その仮想のラインの中でvertical-alignを middleにする。 --------------------------------------------------------------- ダブルの「vertical-align:middle」は必要になるのは、中にはいっているのが、 span(inline)だから。もし中ににはいっいるのが、blockかinline-blockならば、 二度めの「vertical-align:middle」はいらない。 --------------------------------------------------------------- ※ なお、ダブルの「vertical-align:middle」をもってしても、メイリオの上下隙間問題は治らない。