HighLight Menu

general css

html{
 font-size: 16px;
}/* ===== 全体のスタイル ===== */
body {
  /* 使用するフォントを指定 */
  font-family:
    "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, "Meiryo UI",
    "Segoe UI", Tahoma, Geneva, Verdana;
  /* 背景色を薄いグレーに設定 */
  background-color: #f5f7fa;
  /* テキストの色をダークグレーに設定 */
  color: #34495e;
  /* コンテンツを中央揃え */
  /*display: flex;
    justify-content: center;*/
  align-items: center;
  /* ビューポートの高さを100%に設定 */
  height: 100vh;
  /* 余白をゼロに設定 */
  margin: auto 0;
  width: 100%;
}

A:link {
  color: #006994;
  text-decoration: none;
}
A:visited {
  color: #006994;
  text-decoration: none;
}
A:hover {
  color: orangered;
  text-decoration: none;
}

A:active {
  color: crimson;
  text-decoration: none;
  font-weight: 800;
}

#head{
    width:100%;
    background-color: blue;
    font-size: 2rem;
    color: white;
    text-align: center;
    margin-top:0rem;
    margin-bottom:0rem;
    padding-top:0.2rem;
    padding-bottom:0.1rem;

}
#headtitle{
    width:100%;
    background-color: royalblue;
    font-size: 1.4rem;
    color: azure;
    text-align: center;
    margin-top:0rem;
    margin-bottom:1rem;
    padding-top:0.2rem;
    padding-bottom:0.1rem;
    font-family: "Meiryo UI", "Times New Roman", Times, serif, Arial, Helvetica, sans-serif,
    "Segoe UI", Tahoma, Geneva, Verdana;
}
/*
#left-menu{
    display: inline-block;
    width: 20%;
    background-color: azure;
    padding-left: 0.5rem;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 1rem;
}

#right-menu{
    display: inline-block;
    width: 20%;
    background-color: azure;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 1rem;
}


#center-pain{
    display: inline-block;
    width: 60%;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    font-size: 1rem;
} */

.parent {
    display: flex; 
    align-items: flex-start;
    justify-content: flex-end;
    width: 98%;
    margin-left: auto;
    margin-right: 0;
    box-sizing: border-box;
}

#left-menu{
    flex: 0 0 17%;
    flex-shrink: 0;
    box-sizing: border-box;
    background-color: #f5f7fa;
}

#center-pain{
    flex: 0 0 60%;
    flex-shrink: 0; 
    text-align:center;
    padding-left:1rem;
    padding-right:1rem;
    box-sizing: border-box;
    background-color: white;
    height: 100vh;
}

#right-menu{
    flex: 0 0 23%;
    flex-shrink: 0;
    box-sizing: border-box;
    word-break: break-all; 
    background-color: #f5f7fa;
    padding-right:0.5rem;
}

.menu-item{
    font-weight: 800;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    padding-left:0.5rem;
}

.menu-item span{
    padding-left:0.4rem;
    padding-right:0.4rem;
}

.menu-item.active span{
    background-color: yellow;
    padding-left:0.4rem;
    padding-right:0.4rem;
    font-weight: 800;
}

/* ブロック */
.ilblock{
    display: inline-block;
}

/* マージン*/
.mauto{
    margin-left: auto;
    margin-right:auto;
}

.mt2{
    margin-top:2rem;
}

.mb2{
    margin-bottom:2rem;
}

.mb5{
    margin-bottom:5rem;
}

/* パッディング*/
.py1{
    padding-top:1rem;
    padding-bottom:1rem;
}

/* 背景食*/
.bcgreen{
    background-color: green;
}

/* 文字色*/
.fcwhite{
    color:white;
}
.fcroyalblue{
    color:royalblue;
}

/* フォントサイズ*/
.fs0{
    font-size:0;
}
.fs1{
    font-size:1rem;
}
.fs08{
    font-size:0.8rem;
}

.fs09{
    font-size:0.9rem;
}

.fs12{
    font-size:1.2rem;
}

.fs14{
    font-size:1.4rem;
}

/* フォントウェイト*/
.fw800{
    font-weight: 800;
}

/* 幅*/
.w30{
    width:30%;
}

.w50{
    width:50%;
}

/* ボーダーライン*/
.b1silver{
    border:1px solid silver;
}
.bl1silver{
    border-left:1px solid silver;
}
.br1silver{
    border-right:1px solid silver;
}

/* 配置*/

.nospace {
  white-space: nowrap;
  font-size: 0;
}

menu-control.js

document.addEventListener("DOMContentLoaded", () => {

    const isProgressPage  = document.body.dataset.progress === "true";
    const isReferencePage = document.body.dataset.progress === "false";

    if (isProgressPage) {
        // 進行ページ:localStorage に保存するだけ
        localStorage.mainStep = document.body.dataset.step;
        localStorage.subStep  = document.body.dataset.sub || null;
        return; // ハイライトは HTML 側で行う
    }

    if (isReferencePage) {
        // 参照ページ:右メニューを読み込み、元ページをハイライト
        const mainStep = localStorage.mainStep;
        const subStep  = localStorage.subStep;

        if (!mainStep) return;

        fetch(`menu-${mainStep}.html`)
            .then(res => res.text())
            .then(html => {
                document.getElementById("right-menu").innerHTML = html;

                setTimeout(() => {
                    highlightMenu(mainStep, subStep);
                }, 0);
            });
    }
});

function highlightMenu(mainStep, subStep) {
    document.querySelectorAll(".menu-item").forEach(el => {
        el.classList.remove("active");
    });

    const mainEl = document.querySelector(`[data-step="${mainStep}"]`);
    if (mainEl) mainEl.classList.add("active");

    if (subStep) {
        const subEl = document.querySelector(`[data-sub="${subStep}"]`);
        if (subEl) subEl.classList.add("active");
    }
}

index.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>研究者の方へ</title>
    <link rel="stylesheet" href="css/general.css" />

    <script src="js/menu-control.js"></script>
</head>

<body data-progress="true" data-step="main-0">
    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
        </div>
        <div id="center-pain">
            <div class="fcroyalblue fs14 fw800 mt2 mb5">質の高い医療技術と充実した研究施設で、医療の更なる発展に貢献します。</div>
            <div class="fs12 fw800 mb2"><a href="m1.html">生命科学・医学系指針</a></div>
            <div class="fs12 fw800 mb2"><a href="m2.html">臨床研究法</a></div>
            <div class="fs12 fw800"><a href="m3.html">医師主導治験</a></div>

            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
            <div class="bcgreen w30 py1 mauto mt2">
                ><span class="fcwhite">統計コンサルティング</span>
            </div>
            <div class="bcgreen w30  py1 mauto mt2">
                ><span class="fcwhite fs12">お知らせ</span>
            </div>
            <div class="bcgreen w30 py1 mauto mt2">
                ><span class="fcwhite fs12">お問い合わせ</span>
            </div>
        </div>

        <div id="right-menu">
            <!--<div class="menu-item" data-sub="sub-1-1">説明</div>
            <div class="menu-item" data-sub="sub-1-2"><a href="m1s2.html">例</a></div>
            <div class="menu-item" data-sub="sub-1-3">注意点</div>-->
        </div>
    </div>
</body>
</html>

irb.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/general.css" />
    <script src="js/menu-control.js"></script>
</head>

<body data-progress="false">
    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs12 fw800 mb2">IRB開催予定</div>
            <table class="mauto w50 b1silver">
                <tr class="bcgreen fcwhite">
                    <td>2026年度</td>
                    <td>開催予定日</td>
                    <td>曜日</td>
                </tr>
                <tr>
                    <td>第1回</td>
                    <td class="bl1silver">2026年4月6日</td>
                    <td class="bl1silver">月</td>
                </tr>
            </table>
        </div>
        <div id="right-menu"></div>
    </div>
</body>
</html>

m1.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>生命科学・医学系指針</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>

<body data-progress="true" data-step="main-1" data-sub="">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="active menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">生命科学・医学系指針(介入あり)</div>
            <div>はじめに …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="menu-item" data-sub="sub-1-1"><span><a href="m1s1.html">申請から研究開始まで</span></a></div>
            <div class="menu-item" data-sub="sub-1-2"><span><a href="m1s2.html">研究開始から終了まで</span></a></div>
            <div class="menu-item" data-sub="sub-1-3"><span><a href="m1s3.html">各種規則・指針等</span></a></div>
            <div class="menu-item" data-sub="sub-1-4"><span><a href="m1s4.html">書式ダウンロード</span></a></div>
            <div class="menu-item" data-sub="sub-1-5"><span><a href="m1s5.html">臨床研究に関するQ&A</span></a></div>
            <div class="menu-item" data-sub="sub-1-6"><span><a href="m1s6.html">IRB開催予定</span></a></div>
        </div>
    <div>
</body>
</html>

m1s1.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>申請から研究開始まで</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>


<body data-progress="true" data-step="main-1" data-sub="sub-1-1">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><a href="index.html">HOME</span></a></div>
            <div class="active menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</a></span></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</a></span></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">申請から研究開始まで</div>
            <div>Flow …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="active menu-item" data-sub="sub-1-1"><span><a href="m1s1.html">申請から研究開始まで</a></span></div>
            <div class="menu-item" data-sub="sub-1-2"><span><a href="m1s2.html">研究開始から終了まで</a></span></div>
            <div class="menu-item" data-sub="sub-1-3"><span><a href="m1s3.html">各種規則・指針等</a></span></div>
            <div class="menu-item" data-sub="sub-1-4"><span><a href="m1s4.html">書式ダウンロード</a></span></div>
            <div class="menu-item" data-sub="sub-1-5"><span><a href="m1s5.html">臨床研究に関するQ&A</a></span></div>
            <div class="menu-item" data-sub="sub-1-6"><span><a href="m1s6.html">IRB開催予定</a></span></div>
        </div>
    </div>
</body>
</html>

m1s2.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>研究開始から終了まで</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>


<body data-progress="true" data-step="main-1" data-sub="sub-1-2">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="active menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">研究開始から終了まで</div>
            <div>Flow …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="menu-item" data-sub="sub-1-1"><span><a href="m1s1.html">申請から研究開始まで</span></a></div>
            <div class="active menu-item" data-sub="sub-1-2"><span><a href="m1s2.html">研究開始から終了まで</span></a></div>
            <div class="menu-item" data-sub="sub-1-3"><span><a href="m1s3.html">各種規則・指針等</span></a></div>
            <div class="menu-item" data-sub="sub-1-4"><span><a href="m1s4.html">書式ダウンロード</span></a></div>
            <div class="menu-item" data-sub="sub-1-5"><span><a href="m1s5.html">臨床研究に関するQ&A</span></a></div>
            <div class="menu-item" data-sub="sub-1-6"><span><a href="m1s6.html">IRB開催予定</span></a></div>
        </div>
    </div>
</body>
</html>

m1s6.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IRB開催予定</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
    </style>
</head>

<body data-progress="true" data-step="main-1" data-sub="sub-1-6">
    <iframe src="irb.html"></iframe>
</body>
</html>

m2.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>臨床研究法</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>

<body data-progress="true" data-step="main-2" data-sub="">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="active menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">臨床研究法</div>
            <div>はじめに …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="menu-item fs09" data-sub="sub-2-1"><span><a href="m2s1.html">「臨床研究法」に基づく全体の流れ</span></a></div>
            <div class="menu-item fs09" data-sub="sub-2-2"><span><a href="m2s2.html">広島大学臨床研究審査委員会について</span></a></div>
            <div class="menu-item" data-sub="sub-2-3"><span><a href="m2s3html">書式ダウンロード</span></a></div>
            <div class="menu-item" data-sub="sub-2-4"><span><a href="m2s4.html">申請相談窓口</span></a></div>
        </div>
    </div>
</body>
</html>

m2s1.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>「臨床研究法」に基づく全体の流れ</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>


<body data-progress="true" data-step="main-2" data-sub="sub-2-1">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="active menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">「臨床研究法」に基づく全体の流れ</div>
            <div>Flow …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="active menu-item fs09" data-sub="sub-2-1"><span><a href="m2s1.html">「臨床研究法」に基づく全体の流れ</span></a></div>
            <div class="menu-item fs09" data-sub="sub-2-2"><span><a href="m2s2.html">広島大学臨床研究審査委員会について</span></a></div>
            <div class="menu-item" data-sub="sub-2-3"><span><a href="m2s3html">書式ダウンロード</span></a></div>
            <div class="menu-item" data-sub="sub-2-4"><span><a href="m2s4.html">申請相談窓口</span></a></div>
        </div>
    </div>
</body>
</html>

m3.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>医師主導治験</title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>

<body data-progress="true" data-step="main-3" data-sub="">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="active menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">医師主導治験</div>
            <div>はじめに …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="menu-item fs09" data-sub="sub-3-1"><span><a href="m3s1.html">医師主導治験 開始までの流れ&ensp;<IRB関連></span></a></div>
            <div class="menu-item fs08" data-sub="sub-3-2"><span><a href="m3s2.html">医師主導治験 開始から終了まで(治験中)の流れ&ensp; <IRB関連></span></a></div>
            <div class="menu-item" data-sub="sub-3-3"><span><a href="m3s3.html">標準業務手順書/統一書式</span></a></div>
        </div>
    </div>
</body>
</html>

m3s1.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>医師主導治験 開始までの流れ<IRB関連></title>
    <link rel="stylesheet" href="css/general.css?20261009" />
    <script src="js/menu-control.js"></script>
</head>


<body data-progress="true" data-step="main-3" data-sub="sub-3-1">

    <div id="head">
        test-CRCH
    </div>
    <div id="headtitle">
        研究者の方へ
    </div>
    <div class="parent">
        <div id="left-menu">
            <div class="menu-item" data-step="main-0"><span><a href="index.html">HOME</span></a></div>
            <div class="menu-item" data-step="main-1"><span><a href="m1.html">生命科学・医学系指針</span></a></div>
            <div class="menu-item" data-step="main-2"><span><a href="m2.html">臨床研究法</span></a></div>
            <div class="active menu-item" data-step="main-3"><span><a href="m3.html">医師主導治験</span></a></div>
            <div class="menu-item" data-step="main-4"><span><a href="m4.html">統計コンサルティング</span></a></div>
            <div class="menu-item" data-step="main-5"><span><a href="m5.html">JMP利用申請</span></a></div>
            <div class="menu-item" data-step="main-6"><span><a href="m6.html">お知らせ</span></a></div>
        </div>
        <div id="center-pain">
            <div class="fs14 fw800 fcroyalblue mt2 mb2">医師主導治験 開始までの流れ<IRB関連></div>
            <div>Flow …</div>
            <div class="bcgreen w30 py1 mauto mt2 mb2">
                <a href="irb.html"><span class="fcwhite fs12">IRB</span></a>
            </div>
        </div>
        <div id="right-menu">
            <div class="active menu-item fs09" data-sub="sub-3-1"><span><a href="m3s1.html">医師主導治験 開始までの流れ&ensp;<IRB関連></span></a></div>
            <div class="menu-item fs08 " data-sub="sub-3-2"><span><a href="m3s2.html">医師主導治験 開始から終了まで(治験中)の流れ&ensp;<IRB関連></span></a></div>
            <div class="menu-item" data-sub="sub-3-3"><span><a href="m3s3.html">標準業務手順書/統一書式</span></a></div>
        </div>
    </div>
</body>
</html>

menu-main-0.html

<div></div>

menu-main-1.html

<div class="menu-item" data-sub="sub-1-1"><span><a href="m1s1.html">申請から研究開始まで</span></a></div>
<div class="menu-item" data-sub="sub-1-2"><span><a href="m1s2.html">研究開始から終了まで</span></a></div>
<div class="menu-item" data-sub="sub-1-3"><span><a href="m1s3.html">各種規則・指針等</span></a></div>
<div class="menu-item" data-sub="sub-1-4"><span><a href="m1s4.html">書式ダウンロード</span></a></div>
<div class="menu-item" data-sub="sub-1-5"><span><a href="m1s5.html">臨床研究に関するQ&A</span></a></div>
<div class="menu-item" data-sub="sub-1-6"><span><a href="m1s6.html">IRB開催予定</span></a></div>

menu-main-2.html

<div class="menu-item fs09" data-sub="sub-2-1"><span><a href="m2s1.html">「臨床研究法」に基づく全体の流れ</span></a></div>
<div class="menu-item fs09" data-sub="sub-2-2"><span><a href="m2s2.html">広島大学臨床研究審査委員会について</span></a></div>
<div class="menu-item" data-sub="sub-2-3"><span><a href="m2s3html">書式ダウンロード</span></a></div>
<div class="menu-item" data-sub="sub-2-4"><span><a href="m2s4.html">申請相談窓口</span></a></div>

menu-main-3.html

<div class="menu-item fs09" data-sub="sub-3-1"><span><a href="m3s1.html">医師主導治験 開始までの流れ&ensp;<IRB関連></a></div>
<div class="menu-item fs08" data-sub="sub-3-2"><span><a href="m3s2.html">医師主導治験 開始から終了まで(治験中)の流れ&ensp;<IRB関連></a></div>
<div class="menu-item" data-sub="sub-3-3"><span><a href="m3s3.html">標準業務手順書/統一書式</a></div>