@charset "shift_jis";

    /************************************************************/
    /* body */
    /************************************************************/
    body
    {
        /* カラー */
        background-color: #191919;  /* 背景色*/
        color: white;               /* 文字色 */
    }
            
    /************************************************************/
    /* リンクの装飾 */
    /************************************************************/            
    a:link      { color: #919cff; } /* … 未訪問のリンク */
    a:visited   { color: #c950c9; } /* … 訪問済みのリンク */
    a:hover     { color: #ccaadd; } /* … ポイント時(カーソルは乗っているがクリックはされていない状態)のリンク */
    a:active    { color: #eeccff; } /* … 選択中のリンク(クリックされてから離されるまでの状態) */
    a           { text-decoration: none;}   /* 下線を削除 */
    
    /************************************************************/
    /* div */
    /************************************************************/
    div
    {
        /* 中央寄せ */
        margin-right: auto;
        margin-left: auto;
                                   
        /* 境界線 */
        border-width: 0px;
    }
                    
    /************************************************************/
    /* 最背面のブロック */
    /************************************************************/
    .BurokkuBackMost
    {
        /* サイズ */
        width: 800px;
        height: auto;
                
        /* マージン */
        margin-top: 50px;
        margin-bottom: 50px;
        
        /* テキスト */
        text-align: center; /* inline-block としたブロックを中央に寄せる処理 */
    }
                
    /************************************************************/
    /* 上下タイトル枠 */
    /************************************************************/
    .BurokkuTitleUpperAndLowerBottoms
    {
        /* サイズ */
        width: 95%;
        height: auto;

        /* テキスト */
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
                    
        /* 境界線 */
        border-width: 3px;
        border-style: solid;
        border-color: #aaaaaa;
    }
    
    /************************************************************/
    /* 中段 キャラセレ画像 表示ブロック */
    /************************************************************/
    .BurokkuMiddleSelectImage
    {
        /* サイズ */
        width: 45%;
        height: 280px;
                         
        /* 並べて表示 */
        display: inline-block;
        
        /* テキスト */
        text-align: center;     /* inline-block としたブロックを中央に寄せる処理 */
        vertical-align: top;    /* inline-block としたブロックを情報に寄せる処理 */
                        
        /* 内側マージン */
        padding-top: 20px; 
    }

    /************************************************************/
    /* 中段 制作情報 表示ブロック */
    /************************************************************/
    .BurokkuMiddleCreateInfo
    {
        /* サイズ */
        width: 45%;
        height: 280px;
                            
        /* 並べて表示 */
        display: inline-block;
    }

    /************************************************************/
    /* 中段 切り替わりアニメーション 表示ブロック */
    /************************************************************/
    .BurokkuMiddleSwitchingAnime
    {
        /* サイズ */
        width: auto;
        height: auto;
                                
        /* テキスト */
        text-align: center;
        vertical-align: top;
        
        /* 内側マージン */
        padding-top: 10px; 
    }
            
    /************************************************************/
    /* キャラセレ絵 枠 */
    /************************************************************/
    .BurokkuFrameSelectImage
    {                         
        /* サイズ */
        display: inline-block;  /* 表示している画像に合わせる */
        font-size: 0;           /* これしないと隙間ができる */
                                                            
        /* 境界線 */
        border-width: 5px;
        border-style: outset;
        border-color: #aaaaaa;                                        
    }
            
    /************************************************************/
    /* 諸情報 テーブル */
    /************************************************************/
    .BurokkuTableVariousInfo
    {                   
        /* サイズ */
        width: 100%;
        height: auto;
                
        /* テキスト */
        text-align: center;   
        
        /* マージン */
        margin-top: 20px;                
                                   
        /* 境界線 */
        border-width: 1px;
        border-style: solid;
        border-color: #aaaaaa;   
        border-collapse: collapse;  /* 隣接するセルの線を重ねる */
        
        /* 中央寄せ */
        margin-right: auto;
        margin-left: auto;                 
    }
    
    /************************************************************/
    /* 諸情報 テーブル 左セル */
    /************************************************************/
    .CellsLeftTableVariousInfo
    {
        /* サイズ */
        width: 30%;

        /* 境界線*/
        border-left-width: 1px;
        border-left-style: dashed;
        border-left-color: #aaaaaa;    

        /* 境界線 */
        border-Top-width: 1px;
        border-Top-style: solid;
        border-Top-color: #aaaaaa; 
    }
    
    /************************************************************/
    /* 諸情報 テーブル 右セル */
    /************************************************************/
    .CellsRightTableVariousInfo
    {              
        /* サイズ */
        width: 70%;
                             
        /* 境界線*/
        border-left-width: 1px;
        border-left-style: dashed;
        border-left-color: #aaaaaa;    

        /* 境界線 */
        border-Top-width: 1px;
        border-Top-style: solid;
        border-Top-color: #aaaaaa; 
    }
            
    /************************************************************/
    /* 作者コメント */
    /************************************************************/
    .BurokkuAuthorComment
    {                   
        /* サイズ */
        width: 90%;
        height: auto;
                
        /* テキスト */
        text-align: left;  
                            
        /* マージン */
        margin-top: 10px;  
        margin-left: 10px;  
    }