/* フォント定義 */
@font-face { font-family: 'TenoText 3x6'; src: url('../../fonts/TenoText 3x6.ttf') format('truetype'); }
@font-face { font-family: 'TenoText 8x10'; src: url('../../fonts/TenoText 8x10.ttf') format('truetype'); }
@font-face { font-family: 'TenoText 8x11(+Extended ASCII)'; src: url('../../fonts/TenoText 8x11(+Extended ASCII).ttf') format('truetype'); }
@font-face { font-family: 'TenoText 7x13'; src: url('../../fonts/TenoText 7x13.otf') format('opentype'); }
@font-face { font-family: 'TenoGlyph 4x4'; src: url('../../fonts/TenoGlyph 4x4.ttf') format('truetype'); }
@font-face { font-family: 'TenoGlyph Magic'; src: url('../../fonts/TenoGlyph Magic.otf') format('opentype'); }

@font-face {
    font-family: 'PixelMplus12';
    src: url('../../fonts/PixelMplus12-Regular.ttf') format('truetype');
}


* { -webkit-font-smoothing: none; font-smooth: never; }

body {
    margin: 0; padding: 20px;
    background-color: #FFFFFF;
    color: #333355;
    font-family: 'TenoText 7x13';
    font-size: 26px;
}

.section-title {
    font-family: 'TenoText 7x13';
    font-size: 26px; color: #223366;
    border-left: 5px solid #99BBCC;
    padding-left: 10px; margin-bottom: 23px;
    font-size: 26px
}

#font-layout-table {
    width: 100%; border: 1px solid #99BBCC;
}

#font-list-area {
    width: 300px; padding: 15px; border-right: 1px solid #99BBCC;
    background: #F0F5F8;
}

#font-selector {
    width: 100%; height: 150px;
    font-family: 'PixelMplus12'; font-size: 12px;
    border: 1px solid #99BBCC; color: #333355;
}

#download-area { margin-top: 15px; text-align: center; }

#download-button {
    width: 100%; padding: 15px;
    background: #3355CC; color: #FFFFFF;
    border: 1px solid #223366; cursor: pointer;
    font-family: 'TenoText 7x13';
    font-size:24px
}

#download-button:hover { background: #5577EE; }

#preview-area { padding: 15px; background: #FFFFFF; }

.label { font-weight: bold; margin-bottom: 5px; color: #556688; }

#font-preview-display {
    width: 100%; height: 120px;
    border: 1px inset #99BBCC; background: #FFFFFF;
    padding: 10px; font-size: 24px;
    word-break: break-all; overflow-y: auto;
    /* 初期フォント */
    font-family: 'TenoText 3x6';
}

#preview-input {
    width: 100%; padding: 8px;
    border: 1px solid #99BBCC;
    font-family: 'PixelMplus12'; font-size: 12px;
}