/* -------------------------------------------------------------------- */
/* ('2025/11/11.)                                                       */
/*                          CSS 共通定義                                */
/*                                                                      */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* 
 *      ※表示ブロックの定義
 *      +-----------------------------------------------------------+ block_0
 *      |           +-------------------------------+ block_01      |
 *      |           |   +-----------------------+   |               |
 *      |           |   |       block_011       |   |               |
 *      |           |   |                       |   |               |
 *      |           |   |                       |   |               |
 *
 */
/* -------------------------------------------------------------------- */
        /* ------------------------------------ */
        /*  リンクボタンの定義                  */
        /* ------------------------------------ */
        .button-1 {
            display: inline-block;
            border-style:       solid;
            color:              #8833ee;        /*  color: black;   */    
            background-color:   #f0e0f8;        /*  background-color: rgb(225, 224, 224);   */
            border-color:       #aa44cc;        /*  border-color: darkgray; */        
            border-width:       1px;
            border-radius:      25px;
            text-decoration:    none;
            font-weight:        bold;
        }

        /* ------------------------------------ */
        /*  一番外側のブロック定義              */
        /*  ブロックの中央配置                  */
        /*  文字センタリング                    */
        /*  ブロック幅指定                      */
        /*  ブロック背景色指定                  */     
        /* ------------------------------------ */
        .block_0 {
			margin: 0 auto;						/* ブロックの中央配置 */
			text-align: center;					/* 文字センタリング */	
            width: 900px;                       /* ブロック幅指定 */
			background-color:	#fcf8ff;		/* ブロック背景色指定 */
            border-radius:      20px;           /* 角を丸くする */
		}
        /* ------------------------------------ */
        /*  内側の縁部分のブロック定義          */
        /*  ブロックの中央配置                  */
        /*  ブロック幅指定                      */
        /* ------------------------------------ */
		.block_01 {
			margin: 0 auto;						/* ブロックの中央配置 */
            width: 750px;                       /* ブロック幅指定 */
		}
        /* ------------------------------------ */
        /*  内側文字表示のブロック定義          */
        /*  文字左寄せ                          */
        /* ------------------------------------ */
		.block_011 {
			text-align: left;					/* 文字左寄せ */	
		}

        /* ------------------------------------ */
        /*  文字折り返し確認（設定１）          */
        /*  文字折り返し確認（設定２）          */
        /* ------------------------------------ */
		.block_0111 {							/*
			margin: 0px;
			text-align: left;					/* （設定１）*/
		}
		.block_0112 {							/* （設定２）*/
			margin: 20px;
			text-align: left;					/* 文字左寄せ */	
            overflow-wrap: anywhere;            /* 収まらない場合に折り返す */
            word-break: normal;                 /* 単語の分割はデフォルトに依存 */
            line-break: strict;                 /* 禁則処理を厳格に適用 */
		}

        /* ------------------------------------ */
        /*  収まらない場合に折り返す            */
        /*  単語の分割はデフォルトに依存        */ 
        /*  禁則処理を厳格に適用                */
        /* ------------------------------------ */
        .tx-ovf-wrap {
            overflow-wrap: anywhere;            /* 収まらない場合に折り返す */
            word-break: normal;                 /* 単語の分割はデフォルトに依存 */
            line-break: strict;                 /* 禁則処理を厳格に適用 */
        }

        /* ------------------------------------ */
        /* テキストを左右にセンタリングする     */
        /* ------------------------------------ */
        .text-horizontal-center { text-align: center; }

        /* ------------------------------------ */
        /* テキストの色変更 1                   */
        /* ------------------------------------ */
        .txsty_0 { color: #808080; }
        .txsty_1 { color: #007755; }
        .txsty_A { color: #228844; }

        /* ------------------------------------ */
        /* テキストの色変更 2                   */
        /* テキストの色変更 3                   */
        /* テキストの色変更 4                   */
        /* ------------------------------------ */
        txcol2 { color: #8855cc; }
        txcol3 { color: #000000; }
        txcol4 { color: #880044; }

        /* ------------------------------------ */
        /* リンクの色を変更,リンクの線をなくす  */ 
        /* マウスを載せたときの色を変更         */
        /* ------------------------------------ */
        .txsty_link {
            color: #0066cc;
            text-decoration: none;
        }
        .txsty_link:hover {
            color: #cc6600; /* mouse over */
        }

        /* ------------------------------------ */
        /* 文字の表示位置をずらす               */ 
        /* ------------------------------------ */
        .tx-shift-verB span:last-child {
            vertical-align: -50px;
        }
        .tx-shift-verA {
            margin-top: -85px;
            margin-left:  5px;
        /*  letter-spacing: 0;      */
        /*  border: 1px solid #999; */
        /*  background: #ddf2f2;    */
        }

/* -------------------------------------------------------------------- */
/*                              END.                                    */
/* -------------------------------------------------------------------- */