@charset "UTF-8";

/* 小学校トップページ画面表示用スタイル101208 */


/* 目隠し見出し用 */

.txtno-display {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

/*  ------------------------基本、大枠設定------------------------  */

body {
    margin: 0;
    padding: 0;
}
body#base {
    text-align: center;
    color: #333;
    background-color: #FFF;
}

/* センター揃 */

#baseall.TopPage {
    margin: 0;
    padding: 0;
    background-color: #F6F7F9;
    background-image: url(/images/j02c02_bg_header.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    _height: 1%;
}

/* センター揃（可変用） */

#baseall {
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #F6F7F9;
    background-image: url(/images/j02c02_bg_header.jpg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    _height: 1%;
}
#basebg1 {
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: url(/images/j02c02_bgline_header.gif);
    background-repeat: repeat-x;
    background-position: 0 100%;
}
#basefix1 {
    margin: 0 54px 0 58px;
    padding: 0;
    text-align: left;
    background-color: transparent;
}
#baseall.TopPage #basefix1 {
    margin: 0 auto;
    width: 1000px;
}
#basebg2 {
    margin: 0;
    padding: 0;
    background-color: #F8F8F5;
    background-image: url(/images/j02c02_bg_all.gif);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    _height: 1%;
}
#basefix2 {
    margin: 0 54px 0 58px;
    padding: 14px 0 0 0;
    text-align: left;
    background-color: #F8F8F5;
    background-image: url(/images/j02c02_bg_main.gif);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    _height: 1%;
}
#baseall.TopPage #basefix2 {
    margin: 0 auto 0 auto;
    width: 1000px;
    padding: 14px 0 0 0;
    text-align: left;
    background-color: #F5F7F8;
    background-image: url(/images/j02c01_bg_main.gif);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    _height: 1%;
}
#basebg3 {
    margin: 0;
    padding: 0;
    background-image: url(/images/j02c02_bg_footor.gif);
    background-repeat: repeat;
    background-position: 0% 0%;
    _height: 1%;
}
#basefix3 {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 1000px;
    text-align: left;
}

/* コンテンツ大枠 */

div.wrap {
    margin: 8px 0 0 0;
    padding: 0 15px 0 15px;
    text-align: left;
    background-color: transparent;
}
#baseall.TopPage .wrap {
    padding: 0;
}

/* メインコンテンツ（サブナビなし） */

div#main-nosub {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #333;
    background-color: transparent;
    _height: 1%;
}

/* メインコンテンツ */

div#main {
    clear: both;
    float: left;
    margin: 0 -190px 0 0;
    padding: 0;
    color: #333;
    width: 100%;
    background-color: transparent;
}
div#contents {
    margin-right: 190px;
    text-align: left;
    background-color: transparent;
}

/* ローカルナビゲーション */

div#localnavi {
    float: right;
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: transparent;
}

/*  ------------ トップページ用大枠 ------------  */

div.t0wrap {
    margin: 10px 0 8px 0;
    padding: 0 10px 5px 10px;
    text-align: left;
    background-color: transparent;
}

/* 左大枠 */

div.main-outer-left {
    float: left;
    margin: 0;
    padding: 0;
    width: 780px;
}

/* 左大枠（左） */

div.inner-left {
    float: left;
    margin: 0;
    padding: 0;
    width: 180px;
    background-color: #C7CFC4;
}

/* 左大枠（右） */

div.inner-right {
    float: right;
    margin: 0;
    padding: 0;
    width: 590px;
    background-color: #C7CFC4;
}

/* 右大枠 */

div#main-right {
    float: right;
    margin: 0;
    padding: 0;
    width: 190px;
    background-color: #C7CFC4;
}

/*  ------------------------ヘッダー------------------------  */

div.h0wrap {
    margin: 0;
    padding: 0;
}
#h0left1 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#h0left2 {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
#h0left2 img {
    margin: 16px 0 10px 15px;
    padding: 0;
}
#h0left3 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#h0right {
    float: right;
    margin: 0;
    padding: 8px 0 0 0;
    width: auto;
}

/*  ------------ トップページ用ヘッダー ------------  */

#baseall.TopPage div.h0wrap {
    margin: 0;
    padding: 0;
}
#h0left {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: auto;
    background-image: none;
    background-color: transparent;
}
#h0left img {
    margin: 16px 0 10px 16px;
    padding: 0;
}

/* ------------------------ヘッダーナビ------------------------ */

ul.headlist {
    clear: both;
    float: right;
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
}
ul.headlist li {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    background-image: none;
}
ul.headlist li img {
    margin: 0 6px;
    /* padding: 0; */
}

/* 検索エリア */

li.multilingual_link a {
    background-color: #19431b;
    padding: 5px 10px;
}
ul.headlist li a:link,
ul.headlist li a:visited,
ul.headlist li a:hover,
ul.headlist li a:focus,
ul.headlist li a:active {
    color: #FFF;
}
.search-wp {
    clear: both;
    float: right;
    margin: 0 0 5px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 6px 10px 0;
}
input.search {
    border: 1px solid #b5b5b6;
    padding: 7px 8px 6px;
    width: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.search-wp form {
    display: flex;
    width: 100%;
}

button {
    cursor: pointer;
}
/*  ------------------------フッター------------------------  */


/* このページの上へ戻る */

div#tothispage {
    clear: both;
    margin: 0;
    padding: 22px 0 0 0;
    font-size: 0;
    line-height: 0;
    text-align: right;
}
div#tothispage img {
    margin: 0;
    padding: 0;
}

/*  奥付エリア  */

div.f0wrap {
    clear: both;
    margin: 0;
    padding: 10px 0 0 0;
    background-color: #FFFFFF;
    border-top: 1px dotted #CCCCCC;
}
div.f0wrap h2 {
    margin: 0 7px 0 5px;
    padding: 4px 8px 4px 8px;
    font-size: 80%;
    color: #333;
    border: 1px solid #FEFEFE;
    display: inline;
}
div.add {
    margin: 8px 0 0 13px;
    padding: 0 0 10px 0;
}
address {
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 80%;
    line-height: 1.5em;
    font-style: normal;
    color: #333;
}
address span {
    font-weight: bold;
}
div.access {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
}
div.access img {
    margin: 0 0 0 10px;
    padding: 0;
}

/*  コピーライト  */

div#f0copy {
    clear: both;
    margin: 0;
    padding: 6px 5px 6px 0;
    font-size: 80%;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #19431B;
}

/*  ------------------------ 共通タグの基本定義 ------------------------  */

div.h2bg {
    /*clear: both;*/
    margin: 1.2em 0 0.8em 0;
    padding: 0;
    border-bottom: 2px solid #19431B;
    background-color: #FFFFFF;
}
h2 {
    /*clear: both;*/
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 100%;
    color: #333;
    background-color: transparent;
}
div.h2bg h2 span {
    margin: 0;
    padding: 3px 0 0 6px;
    display: block;
    background-image: url(/images/j02c02_bg_h2.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    _height: 1%;
}
h3 {
    margin: 1.2em 0 0.5em 10px;
    padding: 0 0 0 10px;
    line-height: 1.5em;
    font-size: 92%;
    font-weight: bold;
    color: #333;
    border-bottom: 1px dotted #CCCCCC;
    background-color: transparent;
    background-image: url(/images/j02c02_icon_h3.gif);
    background-repeat: no-repeat;
    background-position: 0 0.1em;
    _height: 1%;
}
.h2bg {
    overflow: hidden;
}
h3 {
    overflow: hidden;
}
.h4bg {
    overflow: hidden;
}
h4 {
    margin: 0.7em 0 0.56em 10px;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    font-weight: bold;
    color: #333;
    background-color: transparent;
}
h5 {
    margin: 0.7em 0 0.56em 10px;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    font-weight: bold;
    color: #333;
    background-color: transparent;
}
h6 {
    margin: 0.7em 0 0.56em 10px;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    font-weight: bold;
    color: #333;
    background-color: transparent;
}
img {
    border: none;
}
hr {
    display: none;
}
p {
    margin: 0.56em 0 0.1em 10px;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    color: #333;
    background-color: transparent;
}
ul {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 0 0 8px;
    list-style-type: none;
    list-style-image: none;
}
ol {
    margin: 0.7em 5px 0.7em 38px;
    padding: 0 0 0 15px;
}
li {
    margin: 0.3em 0 0 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    color: #333;
    background-color: transparent;
}
ul li {
    padding: 0 0 0 15px;
    background-image: url(/images/j02c02_icon_li.gif);
    background-repeat: no-repeat;
    background-position: 4px 0.565em;
    _height: 1%;
}
dl {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 0 0 10px;
}
dt {
    margin: 0.56em 0 0.56em 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    color: #333;
    background-color: transparent;
}
dd {
    margin: 0 0 0.56em 0;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    color: #333;
    background-color: transparent;
}
table.table01 {
    margin: 0.2em 5px 0.2em 10px;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #B2B2B2;
    font-size: 90%;
    line-height: 1.5em;
}
caption {
    margin-bottom: 3px;
    margin-left: 25px;
    padding: 0;
    line-height: 1.2em;
    text-align: left;
    font-weight: bold;
    color: #333;
    background-color: transparent;
}
th {
    margin: 0;
    padding: 4px;
    vertical-align: top;
    border: 1px solid #B2B2B2;
    color: #333;
    background-color: #E5E8E3;
}
td {
    margin: 0;
    padding: 4px;
    vertical-align: top;
    border: 1px solid #B2B2B2;
    color: #333;
    background-color: #FFF;
}
table.table01 p {
    margin: 0;
    font-size: 100%;
}

/* テーブルの外枠 */

.t-box {
    margin: 0.8em 0 1.2em 0;
}

/* テーブル下の追記欄 */

.t-box p {
    margin: 0.14em 5px 0.14em 10px;
    padding: 0;
}

/*  通常のリンク色  */

a:link {
    color: #3360CB;
}
a:visited {
    color: #800080;
}
a:hover,
a:focus {
    color: #9D0D0D;
    text-decoration: underline;
}
a:active {
    color: #E20000;
}

/*  隠し飛ばしリンク先＆隠し罫線用  */

.echooff {
    display: none;
}
.guidance {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

/*  回り込みの解除  */

.newpara {
    clear: both;
}

/*  ボックス内floatのclear  */

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

/* コンテンツ中央寄せ  */

.center {
    text-align: center;
}

/* コンテンツ右寄せ  */

.align-right {
    text-align: right;
}

/* 表用セル右寄せ  */

.right {
    text-align: right;
}

/* 表用セル左寄せ  */

.left {
    text-align: left;
}
.va-center {
    vertical-align: middle;
}
.float-on {
    clear: none;
}

/* ------------------------ ▽▽トップページ▽▽ ------------------------ */


/* ------------------------大分類ナビ------------------------ */

div#t-gnavi {
    margin: 0;
}
div#t-gnavi ul {
    margin: 0;
    padding: 0;
    line-height: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
div#t-gnavi li {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style-type: none;
    list-style-image: none;
    background-image: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% / 4);
    margin-right: 3px;
    margin-left: 3px;
    border-bottom: 5px solid #19431b;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 -1px 3px 1px rgba(132, 132, 132, 0.44);
    box-shadow: 0 -1px 3px 1px rgba(132, 132, 132, 0.44);
}
#t-gnavi li a {
    color: #333333;
    font-weight: bold;
    font-size: 110%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    background-image: url(/images/j02_navi_bg.gif);
    text-align: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.26) inset;
    box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.26) inset;
}
#t-gnavi li:first-child {
    margin-left: 0;
}
#t-gnavi li:last-child {
    margin-right: 0;
}

/* ------------------------ズームサイト------------------------ */

div.zoom {
    margin: 5px;
    padding: 8px 6px 8px 6px;
    font-size: 90%;
    text-align: center;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
div.z-img {
    margin: 0;
    padding: 0;
}
div.z-txt {
    margin: 0;
    padding: 8px 0 0 0;
    line-height: 130%;
    text-align: left;
}

/* ------------------------メイン画像------------------------ */

.bx-viewport {
    text-align: center;
}
.topimg {
    margin: 4px auto 12px auto;
    padding: 0 15px 0 15px;
    text-align: center;
    width: 770px;
}
.topimg li {
    list-style: none;
    background-image: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.topimg .bxslider li {
    width: 770px !important;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}

/* スライダースタイル
------------------------ */

ul.bxslider {
    margin: 0;
    padding: 0;
    text-align: center;
}
.bx-controls-auto {
    margin-left: 20px;
    margin-bottom: 14px;
}
.bx-pager-item {
    margin-right: 5px;
    margin-bottom: 10px;
}
.bx-pager.bx-default-pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}
.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bx-wrapper {
    position: relative;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 26px;
    height: 11px;
    margin: 0 4px;
    position: relative;
    overflow: hidden;
}
.bx-wrapper .bx-pager.bx-default-pager a::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    content: '';
    content: url(/images/t_bt_default.png);
    display: block;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover::after,
.bx-wrapper .bx-pager.bx-default-pager a.active::after,
.bx-wrapper .bx-pager.bx-default-pager a:focus::after {
    content: url(/images/e02c01_bt_selected.png);
    display: block;
}
a.bx-prev {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    z-index: 9999;
}
a.bx-next {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    z-index: 9999;
}

/* ------------------------新着情報------------------------ */

div.infobox {
    margin: 5px;
    padding: 6px;
    background-color: #FFF;
}
div.info {
    margin: 0;
    padding: 0;
    background-image: url(/images/j02c02_bg_info_h2.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    _height: 1%;
}
div.info h2 {
    float: left;
    margin: 0;
    padding: 4px 0 5px 4px;
    font-size: 0;
    line-height: 0;
    border: none;
    background-color: transparent;
}
p.rss {
    float: left;
    margin: 0;
    padding: 5px 0 0 8px;
    font-size: 0;
    line-height: 0;
    background-color: transparent;
}
p.ichiran-all {
    float: right;
    margin: 0;
    padding: 4px 10px 0 8px;
    background-color: transparent;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
    _height: 1%;
}
p.ichiran-all a {
    margin: 0;
    padding-left: 10px;
}
ul.t-info-list {
    margin: 0;
    padding: 0 0 8px 0;
}
ul.t-info-list li {
    clear: both;
    margin: 0;
    padding: 6px 8px 6px 8px;
    border-bottom: 1px dotted #CCCCCC;
    position: relative;
    background-image: none;
}
ul.t-info-list .date {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 8.4em;
}
ul.t-info-list li span {
    display: block;
    margin: 0 0 0 8.7em;
    _height: 1%;
}
img.update_icon {
    padding-left: 5px;
}

/* ------------------------関連リンク------------------------ */

div.kanrenbox {
    margin: 5px;
    padding: 6px;
    font-size: 90%;
    background-color: #FFF;
}
div.kanrenbox h2 {
    margin: 0;
    padding: 5px 4px 5px 8px;
    border: none;
    background-image: url(/images/j02c02_bg_h2.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    _height: 1%;
}
div.kanrenbox ul {
    margin: 0;
    padding: 10px 0 4px 0;
    list-style-type: none;
    list-style-image: none;
    background-color: #FFF;
}
div.kanrenbox li {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    background-image: none;
}
div.kanrenbox li.linkbt {
    padding: 0 0 10px 1px;
    font-size: 90%;
    line-height: 130%;
    width: 166px;
}
div.kanrenbox li.linkbt span {
    display: block;
    border: 1px solid #CCC;
    background-image: url(/images/j02c02_btbg_kan.gif);
    background-repeat: no-repeat;
    background-position: 0 50%;
    _height: 1%;
}
div.kanrenbox li.linkbt a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 5px 5px 24px;
    _height: 1%;
}
div.kanrenbox a:link {
    color: #333;
}
div.kanrenbox a:visited {
    color: #333;
}
div.kanrenbox a:hover {
    color: #333;
}
div.kanrenbox a:active {
    color: #333;
}
div.kanrenbox li img {
    margin: 0;
    padding: 0;
}
div.kanrenbox li img.img-guidance {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

/* ------------------------ガイダンスリンク------------------------ */

div.footlist {
    margin: 0;
    padding: 3px 0 3px 0;
    border-top: 1px dotted #CCCCCC;
    background-color: #FCFCFB;
}
div.footlist ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
}
div.footlist li {
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    list-style-type: none;
    list-style-image: none;
    border-right: 1px solid #999999;
    background-color: transparent;
    background-image: none;
}

/* ------------------------ピックアップ------------------------ */


/*  左エリアのピックアップ  */

div.pickuptxt1 {
    margin: 5px;
    padding: 6px;
    font-size: 90%;
    background-color: #FFF;
}
div.pickuptxt1 h2 {
    margin: 0;
    padding: 5px 4px 5px 8px;
    border: none;
    background-image: url(/images/j02c02_bg_h2.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    _height: 1%;
}

/*  右エリアのピックアップ  */

div.pickuptxt2 {
    margin: 5px;
    padding: 6px;
    font-size: 90%;
    background-color: #FFF;
}
div.pickuptxt2 h2 {
    margin: 0;
    padding: 5px 4px 5px 8px;
    border: none;
    background-image: url(/images/j02c02_bg_h2.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    _height: 1%;
}

/*  ボタンテキスト  */

ul.bgbuttonli {
    clear: both;
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
}
ul.bgbuttonli li {
    margin: 5px 0 5px 0;
    padding: 5px 4px 5px 5px;
    list-style-type: none;
    list-style-image: none;
    font-weight: bold;
    border: 1px solid #CCCCCC;
    background-color: #EEE;
    background-image: url(/images/j02c02_btbg_pickup.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    _height: 1%;
}
ul.bgbuttonli li a {
    margin: 0;
    padding: 2px 0 2px 8px;
    display: block;
    border-left: 5px solid #19431B;
    text-decoration: none;
    _height: 1%;
}

/*  通常のリンク色  */

ul.bgbuttonli li a:link {
    color: #333333;
}
ul.bgbuttonli li a:visited {
    color: #333333;
}
ul.bgbuttonli li a:hover {
    color: #FF0000;
}
ul.bgbuttonli li a:active {
    color: #FF0000;
}

/*  テキスト  */

ul.txtli {
    clear: both;
    margin: 0;
    padding: 6px 0 0 4px;
    list-style-type: none;
    list-style-image: none;
    background-color: #FFFFFF;
}
ul.txtli li {
    margin: 0 0 6px 0;
    padding: 0 0 0 18px;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    _height: 1%;
}
ul.txtli li.linkin {
    padding: 0 0 0 18px;
}
ul.txtli li.linkout {
    padding: 0 0 0 17px;
}

/*  新着のピックアップ  */

div.pickupbox h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    background-image: none;
    border: none;
}
div.pickupbox p.linkin {
    margin: 2px 0 0 0;
    padding: 0 0 0 18px;
    font-weight: bold;
    background-color: #FFFFFF;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    _height: 1%;
}
div.pickupbox {
    margin: 5px;
    padding: 6px;
    background-color: #FFFFFF;
}
div.boximg {
    float: left;
    margin: 0;
    padding: 0;
}
div.boximg img {
    margin: 0;
}
div.boxtxt {
    margin: 2px 0 0 176px;
    padding: 0 5px 0 0;
    background-color: #FFFFFF;
}
div.boxtxtonly {
    margin: 4px 0 0 4px;
    padding: 0 5px 0 0;
    background-color: #FFFFFF;
}
div.pickupbox p {
    margin: 0.4em 5px 0.4em 0;
}
div.pickupbox ul {
    padding: 0;
}
div.pickupbox ol {
    margin: 0.7em 5px 0.7em 12px;
}

/* ------------------------ ▽▽次階層以下▽▽ ------------------------ */


/* ------------------------グローバルナビ------------------------ */

div#gnavi {
    margin: 0;
    padding: 0;
    background-color: transparent;
}
div#gnavi ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: 100%;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
}
div#gnavi li {
    float: left;
    margin: 0;
    padding: 0 0 4px 0;
    text-align: center;
    width: 24.96%;
    min-width: 197px;
    height: 40px;
    list-style-type: none;
    list-style-image: none;
    background-color: transparent;
    background-image: url(/images/j02c02_bg_gnb_left.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
div#gnavi span {
    margin: 0 3px 0 0;
    padding: 0;
    display: block;
    height: 40px;
    background-image: url(/images/j02c02_bg_gnb_rigth.gif);
    background-repeat: no-repeat;
    background-position: 100% 0;
}
div#gnavi li a {
    margin: 0 4px 0 4px;
    padding: 0;
    display: block;
    height: 40px;
    background-image: url(/images/j02c02_bg_gnb.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}
div#gnavi li img {
    margin: 0 7px 0 3px;
    padding: 0;
}
#t-gnavi li a:link {
    text-decoration: none;
}
#t-gnavi li a:hover,
#t-gnavi li a:focus {
    text-decoration: underline;
    background-color: #ceefcc;
}

/* ------------------------パンくずナビ------------------------ */

p.pankuzu_title {
    background-color: #112558;
    color: #FFF;
    margin: 0;
    padding: 0;
    font-size: 80%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 2px 5px;
    border-radius: 3px;
}
#pankuzu ol li.pk-thispage {
    background-image: none;
}
#pankuzu {
    clear: both;
    text-align: left;
    font-size: 80%;
    margin: 0;
    padding: 0 0 8px 15px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
div#pankuzu a {
    margin: 0 2px;
    white-space: nowrap;
}
#pankuzu li {
    float: left;
    padding: 0px;
    margin-left: 10px;
}
#pankuzu .pk-img::before {
    border: none;
}
#pankuzu ol {
    padding: 0;
    margin: 0;
}
#pankuzu ol li {
    float: left;
    margin: 0;
    padding: 0 18px 0 8px;
    line-height: 1.5;
    position: relative;
    background-image: url(/images/j02c01_arrow_pankuzu.gif);
    list-style: none;
    background-repeat: no-repeat;
    background-position: 100% 0.15em;
}

/* ------------------------Adobe Readerのダウンロード------------------------ */

p.dladobereader {
    margin: 18px 0 18px 0;
    padding: 6px 8px 8px 8px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
    clear: both;
}
p.dladobereader img {
    margin-right: 5px;
    vertical-align: middle;
}

/* ------------------------大見出し------------------------ */

div#bgline {
    clear: both;
    margin: 0 0 5px 0;
    padding: 5px;
    border: 5px solid #C7CFC4;
    background-color: #FFFFFF;
}
div#bgbox {
    margin: 0;
    padding: 0;
    background-image: url(/images/j02c02_bg_h1.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    _height: 1%;
}
h1 {
    margin: 0;
    padding: 2px 2px 0 5px;
    font-size: 120%;
    line-height: 150%;
    color: #111111;
    background-color: transparent;
}

/* ------------------------サブナビ------------------------ */


/* ▽サブナビゲーション▽ */

div#losubnavi {
    clear: both;
    margin: 0 0 10px 0;
    padding: 5px 5px 5px 5px;
    width: 170px;
    background-color: #C7CFC4;
}
div#losubnavi div.lsnavi {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}
div#losubnavi h2 {
    margin: 0 5px 0 5px;
    padding: 0;
    border-bottom: 2px solid #C7CFC4;
    background-color: transparent;
}
div#losubnavi h2 span {
    margin: 0;
    padding: 8px 0 3px 37px;
    font-size: 90%;
    color: #222222;
    display: block;
    background-image: url(/images/j02c02_icon_folder.gif);
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    _height: 1%;
}
div#losubnavi ul {
    margin: 0;
    padding: 4px 6px 6px 6px;
    background-color: #FFFFFF;
}
div#losubnavi li {
    margin: 0;
    padding: 3px 1px 3px 14px;
    list-style-type: none;
    list-style-image: none;
    border-bottom: 1px dotted #CCCCCC;
    background-color: transparent;
    background-image: url(/images/j02c02_icon04.gif);
    background-repeat: no-repeat;
    background-position: 4px 0.56em;
    _height: 1%;
}

/* ------------------------テンプレート用共通------------------------ */


/* ▽更新日▽ */

p.update {
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 80%;
    background-color: transparent;
}

/* ▽画像エリア内▽ */

div.img-area {
    margin: 0.56em 5px 0 0;
    padding: 0;
}
div.img-area p {
    background-color: transparent;
}

/* ▽画像エリア内floatのclear▽ */

.img-area:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}
.img-area {
    display: inline-block;
}

/* Hides from macIE \*/

* html .img-area {
    height: 1%;
}
.img-area {
    display: block;
}

/* End hide from macIE */


/* ▽共通画像説明タイプ（左回りこみ▽） */

p.img-txt-left {
    float: left;
    margin-left: 0;
    padding-bottom: 0.25em;
    text-align: center;
    font-size: 90%;
    color: #555555;
    display: table;
    width: 160px;
    /* minimum width */
}
* html p.img-txt-left {
    margin-left: 0 !important;
}
.img-txt-left img {
    margin: 5px 15px 5px 10px;
}
.img-txt-left span {
    display: block;
    margin: 0 15px 0 10px;
}

/* ▽共通画像説明タイプ（右回りこみ）▽ */

p.img-txt-right {
    float: right;
    margin-left: 0;
    padding-bottom: 0.25em;
    text-align: center;
    font-size: 90%;
    color: #555555;
    display: table;
    width: 160px;
    /* minimum width */
}
p.img-txt-right img {
    margin: 5px 8px 5px 10px;
}
.img-txt-right span {
    display: block;
    margin: 0 8px 0 10px;
}
.img-area ul {
    overflow: hidden;
    padding-left: 0;
}
.img-area ol {
    overflow: hidden;
    padding-left: 20px;
}

/* ▽共通画像説明タイプ（センター）▽ */

p.img-center {
    padding-bottom: 0.25em;
    text-align: center;
    font-size: 90%;
    color: #555555;
    padding-bottom: 0.25em;
    text-align: center;
    display: table;
    width: 160px;
    /* minimum width */
    margin: 0 auto;
}

/* ▽共通画像説明タイプ（左回りこみ無し）▽ */

p.img-left {
    float: left;
    padding-bottom: 0.25em;
    color: #555555;
    text-align: center;
    _margin-left: 5px;
}

/* ▽共通画像説明タイプ（右回りこみ無し）▽ */

p.img-right {
    float: right;
    padding-bottom: 0.25em;
    color: #555555;
    text-align: center;
    _margin-left: 5px;
}

/* ▽共通画像説明タイプ（右float無し）▽ */

p.img-right2 {
    padding-bottom: 0.25em;
    color: #555555;
    text-align: right;
}

/* ▽共通画像リンク（センター）▽ */

p.pagelinkbtin-center {
    margin: 0.56em 11px 0.1em 10px;
    text-align: center;
}
p.pagelinkbtout-center {
    margin: 0.56em 11px 0.1em 11px;
    text-align: center;
}

/* ▽共通画像リンク（左）▽ */

p.pagelinkbtin-left {
    margin: 0.56em 11px 0.1em 10px;
    text-align: left;
}
p.pagelinkbtout-left {
    margin: 0.56em 11px 0.1em 11px;
    text-align: left;
}

/* ▽共通画像リンク（右）▽ */

p.pagelinkbtin-right {
    margin: 0.56em 11px 0.1em 10px;
    text-align: right;
}
p.pagelinkbtout-right {
    margin: 0.56em 11px 0.1em 11px;
    text-align: right;
}

/* ▽共通画像リンク説明用スタイル▽ */

p.linkbttxt {
    margin: 0.1em 5px 0.56em 11px;
    padding: 0;
}

/* ▽コーナー用▽ */

ul.norcor {
    margin: 0.7em 5px 0.7em 0;
    padding: 0 0 0 9px;
    list-style-type: none;
    list-style-image: none;
}
ul.norcor li {
    margin: 0.3em 0 0 0;
    padding: 4px 0 1px 20px;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 0 0.56em;
    _height: 1%;
}
ul.norcor img {
    vertical-align: middle;
}
dl.norcor {
    margin: 0.7em 5px 0.7em 0;
    padding: 5px 0 5px 10px;
    list-style-type: none;
    list-style-image: none;
}
dl.norcor dt {
    margin: 7px 0 5px 0;
    padding: 4px 0 1px 20px;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 0 0.54em;
    _height: 1%;
}
dl.norcor dd {
    margin: 0 0 0.1em 20px;
    padding: 0;
    line-height: 1.5em;
    font-size: 90%;
    color: #333;
    background-color: transparent;
}

/* ▽ファイルのダウンロード▽ */

p.filelink {
    clear: both;
    margin: 0.56em 10px 0.1em 9px;
    padding: 3px 0 1px 18px;
    background-image: url(/images/j02c02_icon_file.gif);
    background-repeat: no-repeat;
    background-position: 1px 0.54em;
    _height: 1%;
}
p img.img-guidance {
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

/* ▽内部ページリンクスタイル▽ */

p.pagelinkin {
    clear: both;
    margin: 0.56em 10px 0.1em 9px;
    padding: 4px 0 1px 18px;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 0 0.56em;
    _height: 1%;
}

/* ▽外部ページリンクスタイル▽ */

p.pagelinkout {
    clear: both;
    margin: 0.56em 10px 0.1em 9px;
    padding: 3px 0 1px 18px;
    background-image: url(/images/j02c02_icon02.gif);
    background-repeat: no-repeat;
    background-position: 1px 0.57em;
    _height: 1%;
}

/* ▽リンク説明用スタイル▽ */

p.linktxt {
    margin: 0.1em 5px 0.56em 27px;
    padding: 0;
}

/* ▽ページ内ジャンプ用▽ */

ul.linkjump {
    margin: 0.5em 10px 0 9px;
    padding: 0;
}
ul.linkjump li {
    float: left;
    margin: 0.2em 0 0.2em 0;
    padding: 4px 15px 1px 20px;
    line-height: 1.2em;
    white-space: nowrap;
    background-image: url(/images/j02c02_icon03.gif);
    background-repeat: no-repeat;
    background-position: 0 0.36em;
    _height: 1%;
}

/* ▽関連情報▽ */

div.kinfobox {
    clear: both;
    margin: 18px 0 18px 0;
    padding: 1px;
    border: 1px solid #DBDCDC;
    background-color: #FFF;
}
div.kinfobox h2 {
    clear: both;
    margin: 0 0 2px 0;
    padding: 0;
    font-size: 90%;
    color: #333;
    border-bottom: none;
    background-color: #FFFFFF;
    background-image: none;
}
div.kinfobox h2 span {
    margin: 0 0 1px 0;
    padding: 1px 15px 1px 8px;
    display: block;
    background-color: #E5E8E3;
}

/* ▽新着情報▽ */

ul.info-list {
    margin: 1.5em 10px 1.5em 10px;
    padding: 0 0 8px 0;
    background-color: transparent;
}
ul.info-list li {
    clear: both;
    margin: 0;
    padding: 4px 0 4px 22px;
    position: relative;
    width: auto;
    border-bottom: 1px dotted #CCCCCC;
    background-color: transparent;
    background-image: url(/images/j02c02_icon01.gif);
    background-repeat: no-repeat;
    background-position: 2px 0.56em;
    _height: 1%;
}
ul.info-list .date {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 8.4em;
}
ul.info-list li span {
    display: block;
    margin: 0 0 0 8.7em;
    _height: 1%;
}

/* フィードバック */

form.feedback {
    clear: both;
    margin: 18px 0 18px 0;
    padding: 1px 1px 0 1px;
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}
form.feedback h2 {
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 90%;
    color: #333;
    border-bottom: none;
    background-image: none;
}
form.feedback h2 span {
    margin: 0 0 1px 0;
    padding: 2px 15px 1px 8px;
    display: block;
}
form.feedback h3 {
    margin: 6px 5px 5px 7px;
    padding: 0 0 2px 0;
    font-weight: normal;
    border-bottom: none;
    background-image: none;
}
form.feedback p {
    margin: 0.56em 5px 0.1em 8px;
    padding: 0;
}
form.feedback div.fedd {
    margin-left: 10px;
    font-size: 90%;
}
form.feedback label {
    font-size: 90%;
    margin: 0 10px 0 0;
    padding: 0;
}
.fedbox {
    margin: 6px 0 0 0;
    padding: 0;
    width: 480px;
}
div.submitbox {
    margin: 10px 8px 0 8px;
    padding: 0;
    border-top: 1px dotted #E6E0CC;
    text-align: center;
}
div.submitbox .fedbt {
    margin: 10px 0 10px 8px;
    padding: 4px 7px 1px 7px;
    font-size: 10pt;
    color: #333333;
    border: 1px solid #C2C2C2;
    background-color: #FFFFFF;
    background-image: url(/images/j02c02_btbg_submit.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    cursor: hand;
}

/* ▽サイトマップ▽ */

ul.site-li {
    margin: 0.5em 0 0em 0;
    padding: 0 5px 0 10px;
    width: 90%;
}
ul.site-li li {
    float: left;
    margin: 0.2em 0 0.2em 0;
    padding: 0 10px 0 10px;
    line-height: 1.2em;
    border-right: 1px solid #999999;
    white-space: nowrap;
    background-image: none;
}

/* ▽地図エリア内▽ */

div.map-area {
    margin: 0.56em 5px 0 10px;
    padding: 0;
}
div.mapimg {
    float: left;
    margin: 0;
    padding: 0;
}
div.mapimg img {
    margin: 0.6em 0 0.6em 0;
    border: 1px solid #CCCCCC;
}
div.mapimg span {
    font-size: 90%;
    display: block;
    color: #555555;
    text-align: center;
}
div.maptxt {
    margin: 4px 0 0 220px;
    padding: 0 10px 0 0;
}
div.maptxt p {
    margin: 0.56em 5px 0.56em 0;
    _height: 1%;
}
div.maptxt ul {
    padding: 0;
}
div.maptxt ol {
    margin: 0.7em 5px 0.7em 20px;
}

/* 重要なお知らせ機能
-------------------------- */

.important_item {
    background-color: #C7241F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
}
.important_content {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%;
    background-color: #FFF;
    text-align: left;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
h2.title.emergency {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #FFF;
    width: 100px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#importants {
    margin-bottom: 10px;
}
.important_item + .important_item {
    border-top: 1px solid #FFF;
}
/* =====================
20220303Rvup
===================== */
li {
    font-size: .9rem;
}
td {
    vertical-align: middle;
}