/* カスタムスタイルの定義 (Bootstrapクラスで対応できない部分) */
        /* 元のbody背景色/画像などを再現 */
        body {
            background-color: #CCCCCC;
            background-image: url(../youdoubed-index/fulful/dot-back.jpg);
            background-repeat: repeat;
            font-family: "メイリオ", Meiryo, sans-serif;
            font-size: 14px;
            color: #333333;
            line-height: 1.5;
        }

        /* ナビゲーションボタンのスタイル (元のデザインに近づける) */
        .custom-nav-btn {
            background-color: #DEDEBC;
            color: #333333;
            font-weight: bold;
            padding: 10px 15px;
            margin: 0 5px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            text-decoration: none;
            display: inline-block;
            box-shadow: inset 0px 1px 0px 0px #f2f1d3;
            transition: background-color 0.3s;
        }

        .custom-nav-btn:hover {
            background-color: #b7b591;
            color: #333333;
        }

        .custom-nav-btn.active-page {
            background-color: #ffcc99;
            /* 該当ページ選択カラー */
            color: #4d4113;
        }

        .contents-box {
            border: 1px solid #DEDEBC;
            padding: 15px;
            background-color: #FFFFFF;
        }

        .title-bg {
            background-color: #DEDEBC;
            padding: 5px 15px;
            margin-bottom: 0;
        }

        /* 画像スライダーの高さ調整 (画像のアスペクト比に合わせて調整) */
        .carousel-item img {
            max-height: 290px;
            object-fit: cover;
        }

                /* コンテンツ領域の背景色 */
        .content-bg {
            background-color: #ffffff;
        }
        /* フッターの背景色 */
        .footer-bg {
            background-color: #DCD9B8;
        }

          /* 元のa:link, a:visited, a:hover を再現 */
        
        .箇条1 { 
            font-size: 14px; 
            line-height: 30px; 
            color: #333333; 
        }