@charset "UTF-8";

/* =========================
   共通設定
========================= */
body {
    margin: 0;
    padding: 0;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
                 'メイリオ', 'Meiryo', 'Osaka',
                 'MS Pゴシック', 'MS PGothic', sans-serif;
}

/* リンク */
a {
    color: #009999 !important;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

html {
    scroll-padding-top: 90px;
}

.indent {
    text-indent: 0;
    padding-left: 1em;
    text-indent: -1em;
    margin: 0;
}


/* =========================
   ページタイトル
========================= */
.PageTitle{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background-color: #ffffff;
}


/* =========================
   サイドメニュー
========================= */
.help_side_menu{
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 2;
    width: 180px;
    height: 100%;
    background-color: #ffffff;
    font-size: 23px;
    overflow-y: auto;
}

.help_side_menu a {
    color: #606060 !important;
    text-decoration: none;
}


/* =========================
   タイトル
========================= */
div.title{
    position: absolute;
    width: 70%;
    top: 80px;
    left: 300px;
    z-index: 1;
    font-size: 25px;
    border-bottom: 3px solid #add8e6;
}

.title:after{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px #7db4e6;
    bottom: -2.5px;
    width: 30%;
}


/* =========================
   目次
========================= */
.ContentsList{
    position: absolute;
    width: 74%;
    top: 130px;
    left: 250px;
    font-size: 18px;
    font-family: 'Meiryo UI', sans-serif;
    line-height: 160%;
}

.ContentsList p {
    font-size:15px;
    line-height:160%;
    margin-left: 10px;
}

.ContentsList p .indent {
    text-indent: 0;
    padding-left: 1em;
    text-indent: -1em;
}

.ContentsList ul {
    list-style-type: none;
}

.ContentsList li {
    font-size:15px;
    line-height:160%;
    margin-left: 10px;
}


/* =========================
   お知らせ
========================= */
.Info{
    position: absolute;
    width: 40%;
    top: 130px;
    left: 900px;
    font-size: 13px;
}


/* =========================
   説明本文
========================= */
.Description {
    width: 70%;
    position: absolute;
    top: 300px;
    left: 300px;
    bottom: 0;
    line-height: 1.8;
    font-size: 12.0pt;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
                 'メイリオ', 'Meiryo', 'Osaka',
                 'MS Pゴシック', 'MS PGothic', sans-serif;
}

.Description table {
    width: 90%;
    line-height: 160%;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
                 'メイリオ', 'Meiryo', 'Osaka',
                 'MS Pゴシック', 'MS PGothic', sans-serif;
}

.Description table tr {
    background-color: #00b0f0;
    text-align: center;
    color: #ffffff;
}

.Description table td {
    background-color: #ffffff;
    text-align: left;
    padding: 5px;
    color: #212529;
}

/* =========================
   見出し
========================= */
h5{
    padding: 0.4em 0.5em;
    color: #000000;
    background: #f4f4f4;
    border-left: solid 5px #7db4e6;
    border-bottom: solid 3px #d7d7d7;
    font-weight: bold;
}

h7{
    font-size: 14pt;
    font-weight: bold;
}


/* =========================
   注意ボックス
========================= */
.attention {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 1px #ffa500;
    background: #fffacd;
    width: 90%;
    font-size: 11pt;
}

.attention2 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 1px #ffa500;
    background: #fffacd;
    width: 900px;
    font-size: 11pt;
}

.attention2 .t1{
  font-weight: bold;
  font-size: 1.6em;
  color: #ff0000;
}