神楽坂さんのツールとEpub

　神楽坂先生のツールを使うとstyles_epub.cssの最後の方は、iconLとiconR、iconClear のスタイル記載で終わっていると思うのですが、iconLから下を、以下のように書き換えます。（神楽坂先生はアイコン幅30%指定なのに……10%にしてゴメンなさい。Fireとか画面細くないですか？）

　念のため、事前にバックアップを取ってから、自ら責任でお願いします。このサンプルを試していかな悲惨な目にあっても、私（谷川）は責任は取りません（断言）。

　うまくいかなくても、時間があれば相談ぐらいは乗りますが……。

.iconL {
    float: left;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    text-align: center;
    display: inline;
    width: 10%;
}
.iconR {
    float: Right;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    text-align: center;
    display: inline;
    width: 10%;
    /* 10+2+2=14% */
}
.iconClear {
    clear: both;
}

.fukiL {/* 吹き出しが左側にあるスタイル */
    float: left;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    text-align: left;
    display: inline;
    width: 81%;
    background: rgb(255, 235, 235);/*←適当な明るい色 例えばpink */
    /* 81+2+2=85% 14%(絵)+85%(文字)=99%
        これでfloat崩れを起こさないはず 多分 */
    /* アイコンを大きくする場合は
       iconR(iconL)のwidthの数値を増加させますが、増加させただけ、
       fukiR(fukiL)のwidthを減少させて下さい
       例えば iconLをwidth: 20%としたら、fukiRはwidth: 71%に
    */
}
.fukiR {/* 吹き出しが右側にあるスタイル */
    float: right;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    text-align: left;
    display: inline;
    width: 81%;
    background: rgb(235, 255, 235);/*←適当な明るい色 例えばgreen */
}
/* 色は要らん灰色でイイ、と言う場合は、backgroundの三つの値を全部235等に */

【元（アイコン左、セリフ右のパターン）】
＜img src="../Images/てきとう.png" class="iconL" width="30%"/＞
＜div＞
「クレスケンス！」
＜/div＞

【１・２行目を修正】
＜img src="../Images/てきとう.png" class="iconL" /＞
＜div class="fukiR"＞
「クレスケンス！」
＜/div＞


【元（アイコン右、セリフ左のパターン）】
＜img src="../Images/てきとう.png" class="iconR" width="30%"/＞
＜div＞
「ガイウス！」
＜/div＞

【１・２行目を修正】
＜img src="../Images/てきとう.png" class="iconR" /＞
＜div class="fukiL"＞
「ガイウス！」
＜/div＞