﻿/* 分類セット画面 *****************************/
/*見出し帯部分*/
.midashi {
    height: auto !important;
    padding: 5px 10px 5px 31px;
    font-size: 1.1em;
    background: url('../images/bullet.png') no-repeat 10px 11px;
    background-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    border: solid 1px #ccc !important;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 20px;
}

.noboder {
    border: none !important;
}


/*分類セットタイトル部分*/
h1.classSetTitle {
    padding: 15px 0px 15px 24px;
    font-size: 1.5em;
    background: #FBFAEB;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}

    h1.classSetTitle img {
        vertical-align: middle;
        margin-right: 16px;
    }

/*フリーエリア部分*/
.freeArea {
    width: 98%;
    margin: 25px auto 0px auto;
}

.wideMenu .freeArea_Left {
    width: 715px;
    float: left;
}
/*分類移動部分*/
.classTagArea {
    margin-top: 15px;
    overflow: hidden;
}

    .classTagArea ul {
        margin-right: -30px;
    }

    .classTagArea li {
        float: left;
        margin-right: 30px;
        line-height: 200%;
        white-space: nowrap;
    }

        .classTagArea li a {
            font-size: 0.95em; /*14px*/
            background: url("../../common/images/arrow_down.gif") no-repeat scroll left center;
            text-decoration: none;
            padding-left: 15px;
        }

#tag-close {
    display: none;
}

#tag-more {
    font-size: 0.8em;
    width: 99%;
    text-align: right;
    margin: 2px auto;
}


/*分類　描画部分*/
.classArea {
    margin: 16px auto 0px auto;
    padding: 15px 0 0 0;
}

.class {
    width: 378px;
    margin: 0 6px 16px 6px;
    /*float:left;*/
    display: inline-block;
    /display:inline;
    /zoom:1;
    vertical-align: top;
}

.extractionIciran {
    width: 425px;
    margin: 0px 5px 16px 5px;
}
/*分類説明文*/
.summary {
    margin: 10px 0px 0px 0px;
    padding: 0px 10px;
    font-size: 0.9em;
    line-height: 1.2em;
}

ul.child {
    margin: 10px 10px;
}

    ul.child li {
        font-size: 1.0em;
        line-height: 1.8em;
        background: url("../images/ya_ore.gif") no-repeat scroll 7px 10px;
        padding-left: 21px;
    }
/* 連絡先 */
.renraku {
    font-size: 0.8em;
    padding: 3px 0px 10px 0px;
}

    .renraku .tel {
        float: left;
        padding: 0px 12px;
        line-height: 1.2em;
    }

    .renraku .fax {
        float: left;
        padding: 0px 12px;
        line-height: 1.2em;
    }

    .renraku .mail {
        float: left;
        padding: 0px 12px;
        line-height: 1.2em;
    }


/* 下層分類一覧画面 *****************************/
/*サイドメニューエリア（同一階層への分類メニュー描画）*/
.LeftArea {
    width: 255px;
    float: left;
}

/* 2016/11/29 アクセシビリティ対応*/
.LeftAreaMidashi a {
    padding: 15px 30px;
    display: inline;
    z-index: 99;
    text-decoration: none;
    position: absolute;
    left: -1000em;
    top: 0;
    font-weight: bold;
    text-align: center;
    font-size: 125%;
    /zoom:1;
}

    .LeftAreaMidashi a:focus,
    .LeftAreaMidashi a:active {
        position: relative;
        top: 0px;
        left: 0px;
        background: #fff !important;
        border: 2px solid #000;
    }

/*メインエリア（内容描画）*/
.RightArea {
    width: 695px;
    float: right;
}
/* メニュー非表示 */
.hideMenu {
    display: none;
}
/*幅100%で表示*/
.wideMenu {
    width: 100%;
}

    .wideMenu .class2 {
        /*width: 483px;*/
        width: 378px;
    }

/*サイド同一階層への分類メニュー部分*/
ul#classMenuArea, ul#danrakuMenuArea {
    overflow: hidden;
    padding-top: 0px;
    padding: 0px 3px 0px 3px;
}

ul#classMenuArea {
}

    ul#classMenuArea li, ul#danrakuMenuArea li {
        font-size: 1.1em;
        min-height: 50px;
        display: table;
        border-top: solid 1px #EEEEEE;
        width: 100%;
        vertical-align: middle;
        padding: 3px 0px;
    }

        ul#classMenuArea li.selected, ul#danrakuMenuArea li.selected {
            font-weight: bold;
        }

        ul#classMenuArea li:first-child, ul#danrakuMenuArea li:first-child {
            border-top: none;
        }

        ul#classMenuArea li a:first-child, ul#danrakuMenuArea li a:first-child {
            text-decoration: none;
            padding: 7px 5px 7px 10px;
            display: table-cell;
            vertical-align: middle;
            border-left: solid 5px #EAE8E8;
        }

        ul#classMenuArea li.selected a, ul#danrakuMenuArea li.selected a {
            border-left: solid 5px #00608d;
        }

        * html ul#classMenuArea li a, * html ul#danrakuMenuArea li a { /* IE6用 縦幅中央寄せ */
            display: inline;
            zoom: 1;
        }

        *:first-child + html ul#classMenuArea li a, *:first-child + html ul#danrakuMenuArea li a { /* IE7用 縦幅中央寄せ */
            display: inline;
            zoom: 1;
        }


/*見出しメニューエリアが上の場合のメニューのスタイル*/
.TopArea {
    /*border:solid 1px #CCCCCC;*/
}

    .TopArea table#danrakuMenuArea {
        /*border:hidden;*/
        border: solid 1px #CCCCCC;
    }

        .TopArea table#danrakuMenuArea td {
            font-size: 1.1em; /*16px*/
            height: 50px;
            border: solid 1px #E4EAEF;
            width: 25%;
            word-break: break-all;
        }

            .TopArea table#danrakuMenuArea td a {
                text-decoration: none;
                padding: 5px 5px 5px 15px;
                display: block;
            }

/*サイドメニュータイトル*/
.mokuteki {
    margin-top: 20px;
}

    .mokuteki .subInfo {
        background: #bbe2f1 url("../images/icon_search.png") no-repeat scroll 5px 8px;
        border-top: 1px solid #00608d;
        border-right: 1px solid #00608d;
        border-left: 1px solid #00608d;
        border-bottom: 0px dotted #cccccc;
        font-weight: bold;
        padding: 9px 5px 4px 40px;
    }

.kuyakusyo {
    margin-top: 20px;
}

    .kuyakusyo .subInfo {
        padding: 5px 5px 5px 30px;
        font-weight: bold;
    }

.subInfo span {
    font-size: 1.1em;
    padding-left: 5px;
}

.div_arrow {
    float: right;
    margin: 16px 0px 16px 2px;
}

@media screen and ( max-width:767px ) {
    .div_arrow, .div_arrow a {
        padding: 0px !important;
        margin: 2px !important;
    }

    .naviSpreadBtn {
        width: 20px !important;
    }
}

/*目的一覧部分*/
ul#classSetMenuArea {
    border-left: 1px solid #00608d;
    border-right: 1px solid #00608d;
    border-bottom: 1px solid #00608d;
}

    ul#classSetMenuArea li {
        border-top: dotted 1px #D9D9D9;
        display: table;
        font-size: 1.1em;
        height: 30px;
        width: 100%;
        padding: 10px 0px;
    }

        ul#classSetMenuArea li:first-child {
            border-top: none;
        }

        ul#classSetMenuArea li a {
            background: url("../images/ya_ore.gif") no-repeat scroll 15px center;
            display: table-cell;
            padding: 0px 5px 0px 29px;
            text-decoration: none;
            vertical-align: middle;
        }

/*区役所案内部分*/
.mapImg {
    border-bottom: solid 1px #90CADD;
}

#mapMenuArea {
    border: solid 1px #90CADD;
    border-top: none;
}

    #mapMenuArea table {
        border: none;
        width: 100%;
    }

    #mapMenuArea td {
        font-size: 1.1em;
        height: 48px;
        width: 50%;
        padding-left: 10px;
    }

        #mapMenuArea td.td_L {
            border-right: solid 1px #C7E3EA;
            border-bottom: solid 1px #C7E3EA;
        }

        #mapMenuArea td.td_R {
            border-bottom: solid 1px #C7E3EA;
        }

        #mapMenuArea td.td_last {
            border-bottom: none;
        }

        #mapMenuArea td img {
            margin-right: 7px;
        }

/*分類タイトル部分*/
h1.classTitle {
    padding: 10px 90px 10px 16px;
    font-size: 1.4em;
    font-weight: bold;
    position: relative;
}

    h1.classTitle img {
        vertical-align: middle;
        margin-right: 16px;
    }

    h1.classTitle a.rss img {
        margin: 0;
        position: absolute;
        right: 12px;
        bottom: 8px;
    }

/*新着・分類部分*/
.newArea {
    margin: 25px auto 0px;
    margin-bottom: 15px;
}

#newAreaWaku {
    padding: 5px 10px;
}
/*新着情報部分*/
.newInfo {
    font-size: 1.2em;
    height: 35px;
    line-height: 35px;
    letter-spacing: 1px;
    margin: 0px auto;
    padding: 0px 15px;
    font-weight: bold;
    border-top: solid 0px #DDE2E8;
    border-bottom: solid 1px #858E9A;
}

ul.newlist {
    margin-top: 10px;
    padding-left: 15px;
}

    ul.newlist li .upddate {
        float: left;
        margin-right: 10px;
        /*min-width:90px;*/ /* 年非表示 */
        min-width: 130px; /* 年表示 */
        font-size: 0.9em;
    }

.RightArea ul.newlist li .title {
    float: left;
    /*max-width:570px;*/ /* 年非表示 */
    max-width: 510px; /* 年表示 */
}

.wideMenu ul.newlist li .title {
    float: left;
    max-width: 820px;
}

.more {
    margin-top: 16px;
    text-align: center;
}

/*分類　描画部分*/
.classArea2 {
    margin-top: 20px;
    /*margin-bottom:-15px;*/
    margin-bottom: 0px;
}

.class2 {
    width: 340px;
    margin: 0 6px 16px 0;
    /*float:left;*/
    display: inline-block;
    /display:inline;
    /zoom:1;
    vertical-align: top;
}

/*記事一覧部分*/
.kijiArea {
    padding: 10px;
    margin-top: 20px;
}
/* frexの入れ子に対するIE11の時の表示 start */
@media screen and ( min-width:1382px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 1026px !important;
    }
}

@media screen and ( max-width:1381px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 900px !important;
        float: right !important;
    }
}

@media screen and ( max-width:1281px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 800px !important;
        float: right !important;
    }
}

@media screen and ( max-width:1169px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 1000px !important;
        float: none !important;
    }
}

@media screen and ( max-width:1069px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 750px !important;
        float: none !important;
    }
}

@media screen and ( max-width:767px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 700px !important;
        float: none !important;
    }
}

@media screen and ( max-width:480px ) and (-ms-high-contrast: none) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 400px !important;
        float: none !important;
    }
}
/* frexの入れ子に対するIE11の時の表示 end */

.RightArea .kijiArea .more {
    text-align: center;
}

.wideMenu .kanrenKijiArea .more {
    margin-top: 10px;
    float: right;
    width: 73%;
}

.kijiInfo {
    font-size: 1.1em;
    line-height: 24px;
    padding-left: 8px;
    font-weight: bold;
}

.kijilist {
    margin-top: 10px;
    padding: 0 10px;
    border: solid 1px #E5E5E5;
    overflow: hidden;
}

.wideMenu .kanrenKijiArea .kijilist {
    float: right;
    width: 73%;
}

.loadbox, .loadbox3 {
    padding: 7px 0px;
    margin-top: -1px;
    border-top: dotted 1px #CCCCCC;
}

.mainblock {
    float: left;
    width: 100%;
}

.loadbox .upddate, .loadbox3 .upddate {
    font-size: 0.9em;
    float: left;
    padding-right: 10px;
    /*min-width:90px;*/ /* 年非表示 */
    min-width: 130px; /* 年表示 */
}

.loadbox .releasedate {
    font-size: 0.9em;
    padding-right: 10px;
    float: left;
    /*min-width:90px;*/ /* 年非表示 */
    min-width: 130px; /* 年表示 */
}

.loadbox .houdou_bunrui {
    font-size: 0.8em;
    padding: 1px 3px;
    margin-right: 5px;
}

.more {
    text-align: center;
    border: 1px solid #cccccc;
    margin: 16px auto 0px;
    width: 35%;
    padding: 2px;
}

    .more a {
        display: block;
        text-decoration: none;
        margin: 0px auto 0px;
    }

.RightArea .loadbox .title, .RightArea .loadbox3 .title {
    float: left;
    /*width:550px;*/ /* 年非表示 */
    width: 508px; /* 年表示 */
}

.wideMenu .kanrenKijiArea .loadbox .title,
.wideMenu .kanrenKijiArea .loadbox3 .title {
    float: left;
    width: 540px;
}

.wideMenu .loadbox .title,
.wideMenu .loadbox3 .title {
    float: left;
    width: 780px;
}

.loadbox .gaiyou, .loadbox3 .gaiyou {
    font-size: 0.9em;
}

.loadbox .img, .loadbox3 .img {
    float: right;
    margin: 0px 5px 0px 10px;
    vertical-align: middle;
}

* html .loadbox .img, * html .loadbox3 .img {
    /* IE6用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

*:first-child + html .loadbox .img, *:first-child + html .loadbox3 .img {
    /* IE7用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

.loadbox span.term, .loadbox3 span.term {
    font-size: 0.9em;
    white-space: nowrap;
}

.loadbox span.termTitle, .loadbox3 span.termTitle {
    font-size: 0.7em;
    padding: 1px 3px;
    margin-right: 5px;
}

/* 報道資料一覧 */
.houdou .loadbox .title, .houdou .loadbox3 .title {
    float: none;
    width: auto;
}

/* イベントカレンダー */
.LeftArea .calArea {
    margin-top: 10px;
}

.wideMenu .calArea {
    margin-top: 10px;
    width: 23%;
    float: left;
}

.calInfo {
    font-size: 1.1em;
    text-align: right;
}

.calArea #mcWrapper {
    border: solid 1px #DDDDDD;
    padding: 10px;
    margin: 0px auto;
    width: auto;
}

/* その他のコンテンツ */
.otherCatArea {
    padding: 10px;
    margin-top: 20px;
}

.otherCatWaku {
    margin-top: 20px;
    margin-bottom: 0px;
}

.otherCat {
    width: 325px;
    margin: 0 10px 10px 0;
    /*float:left;*/
    border: solid 1px #E5E5E5;
    display: inline-block;
    /display:inline;
    /zoom:1;
    vertical-align: top;
}

    .otherCat .midashi {
        min-height: 37px;
        height: auto !important;
        height: 37px;
        line-height: 37px;
        border-bottom: solid 1px #FFFFFF;
        padding: 0px 28px;
    }

/*関連リンク部分*/
.linkInfo {
    margin-top: 25px;
    border-bottom: solid 1px #2B69A3;
}

    .linkInfo span {
        font-size: 1.1em;
        width: 83px;
        height: 23px;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
    }

ul.linklist {
    margin-top: 10px;
    margin-left: 10px;
}

    ul.linklist li {
        margin: 5px 0;
        padding-left: 13px;
        background: url('../images/bullet_link.gif') no-repeat left 11px;
    }

.bannerImg {
}

.linkTitle {
}

.linkSummary {
    font-size: 0.9em;
    margin-left: 10px;
    line-height: 1.5;
}

.line {
    border-bottom: 1px dotted #CCCCCC;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

/* 関連バナー部分 */
#banArea {
    margin-top: 20px;
    padding: 10px;
}

    #banArea .linkInfo {
        margin: 0px 0px 5px;
        border: none;
        padding-left: 8px;
    }

        #banArea .linkInfo h4 {
            width: auto;
            text-align: initial;
            font-size: 1.1em;
            font-weight: bold;
            line-height: 24px;
        }

    #banArea #banWrap {
        border: 1px solid #e5e5e5;
        margin-top: 10px;
        overflow: hidden;
        padding: 0px 5px;
    }

    #banArea #banItem {
        padding: 20px 0;
    }

    #banArea .imgBan {
        margin: 5px 10px;
        display: inline-block;
        vertical-align: middle;
    }

        #banArea .imgBan img {
            display: block;
        }

    #banArea p.textBan {
        border: solid 1px #CCCCCC;
        width: 168px;
        padding: 13px 0px;
        text-align: center;
        font-size: 0.9em;
        margin: 5px 10px;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis; /* Opera9,10対応 */
    }

    #banArea #adinfoLink {
        border-top: solid 1px #e5e5e5;
        font-size: 0.9em;
        text-align: center;
        padding: 10px 0px;
    }

.wideMenu #banArea {
    width: 233px;
    float: right;
    margin-top: 25px;
}

    .wideMenu #banArea #banItem, .LeftArea #banArea #banItem {
        text-align: center;
    }

/* 詳細画面 *****************************/
/*記事タイトル*/
h1.title {
    font-size: 1.4em;
    position: relative;
    padding: 0.9rem 1.8rem;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px 0 #004d25, -1px -1px 0 #004d25, -1px 1px 0 #004d25, 1px -1px 0 #004d25, 0px 1px 0 #004d25, 0-1px 0 #004d25, -1px 0 0 #004d25, 1px 0 0 #004d25;
}


/*見出しメニューエリア（上）*/
.TopArea {
    width: 100%;
    margin-top: 25px;
}
/*メインエリア（内容描画）*/
.BottomArea {
    width: 100%;
}

.danraku {
    margin-top: 16px;
    word-break: break-all;
}

.menutop {
    margin-top: 10px;
    text-align: right;
    font-size: 0.8em;
}

/* 詳細画面 */
table.shinsei {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

    table.shinsei th {
        border: 1px solid #CCCCCC;
        font-weight: bold;
        line-height: 1.4;
        padding: 3px;
        text-align: center;
        width: 20%;
    }

    table.shinsei td {
        border: 1px solid #CCCCCC;
        line-height: 1.4;
        padding: 5px 7px;
    }

.updFile {
    margin-bottom: 10px;
}

    .updFile img {
        vertical-align: middle;
    }

.updFileEx {
    margin: -10px 0 10px 0;
}

    .updFileEx img {
        vertical-align: middle;
    }


.updLink {
    margin: 2px 0px 10px 0px;
}

    .updLink img {
        vertical-align: middle;
    }

    .updLink a span {
        margin-left: 5px;
        margin-right: 5px;
    }

#hpkijiid_shosai {
    text-align: right;
    font-size: 0.7em;
    margin-top: 10px;
}

.updFile a,
.updFileEx a {
    text-decoration: none;
}

/* 申請書検索画面 *****************************/
.searchBig .searchItem input { /*キーワード入力枠*/
    width: 30%;
}

.fullsearch {
    margin: 10px 0 10px 20px;
    width: 95%;
    float: left;
}

.leftsearch {
    margin: 10px 0 0 20px;
    width: 17%;
    float: left;
}

.rightsearch {
    margin: 10px 0 0 0;
    width: 80%;
    float: left;
}

    .rightsearch ul {
        margin: 0;
        padding: 0;
    }

    .rightsearch li {
        margin: 0 15px 5px 0;
        float: left;
    }

.searchRbox label {
    margin-left: 3px;
}

.searchimg {
    margin: 0 0 0 10px;
}

.searchtxt {
    margin: 0 0 20px 15px;
}

.scitem_midashi {
    background: url("../images/t_ore.gif") no-repeat scroll 0 0 transparent;
    padding-left: 10px;
}

.shinseiField {
    margin: 10px auto 0px auto;
}

#searchDtlTgl {
    font-size: 0.9em;
    text-decoration: underline;
    padding: 4px;
    margin: 0 5px 5px;
    cursor: pointer;
}

.searchItemData {
    display: inline-block;
}

    .searchItemData select {
        width: auto !important;
    }

.srchSoshikiCb {
    margin-left: 15px;
}

    .srchSoshikiCb input {
        width: auto !important;
    }

.srchDenshiOnlyCb input {
    width: auto !important;
    margin-top: 15px;
    margin-left: 15px;
}

.ddl_lbl {
    margin-left: 14px !important;
    margin-right: 5px;
}

/* ５０音検索画面 */
#main .left50 {
    width: 22%;
    padding: 10px 5px 10px 5px;
    float: left;
}

    #main .left50 td {
        padding: 2px;
        text-align: center;
    }

#main .right50 {
    width: 75%;
    float: right;
}

    #main .right50 .boxwaku .leftBox {
        width: 98% !important;
        padding: 3px 1px 2px 5px !important;
        margin: 2px 0px !important;
    }

    #main .right50 .boxwaku .rightBox {
        width: 98% !important;
        padding: 3px 1px 2px 5px !important;
        margin: 2px 0px !important;
    }

/* 一覧画面 */
.srchRsltItem {
    width: 90%;
    margin: 5px auto 0 auto;
}

ul.shinsei li {
    padding: 12px 0px 12px 14px;
    background-position: 4px 20px;
    margin: 0px auto;
    border-top: 1px dotted #CCCCCC;
}

    ul.shinsei li.bg {
    }

    ul.shinsei li .boxwaku {
        width: 100%;
        margin: 0px;
        padding: 0px;
        float: left;
    }

        ul.shinsei li .boxwaku li {
            float: left;
            background-image: none !important;
            border: none !important;
            padding: 0px !important;
        }

        ul.shinsei li .boxwaku .leftBox {
            width: 40%;
            float: left;
            line-height: 1.8;
            margin: 0px 2px 0px 0px !important;
        }

        ul.shinsei li .boxwaku .rightBox {
            width: 58%;
            float: left;
            margin: 0px 2px 0px 5px !important;
        }

            ul.shinsei li .boxwaku .leftBox div,
            ul.shinsei li .boxwaku .rightBox div,
            ul.shinsei li .boxwaku .leftBox ul li,
            ul.shinsei li .boxwaku .rightBox ul li {
                padding: 4px 1px 6px 4px !important;
            }

.grayBox {
    font-size: 0.8em;
    padding: 3px 7px;
    margin-right: 5px;
    display: inline;
}

.shinseiHissu {
    width: 99%;
    margin-top: 5px;
    font-size: 0.9em;
    float: left;
}

.shinseiTtl {
    font-weight: bold;
    font-size: 1.0em;
}

/* 詳細をみる */
.shosaimiru {
    white-space: nowrap;
    margin: 0px 0px 0px 2px;
    font-size: 0.9em;
}

    .shosaimiru a {
        margin: 0px 2px;
    }

.shinsei li a {
    text-decoration: none;
}
/* 抽出用フラグ一覧画面 *****************************/
/*見出し帯部分*/
.MainArea h1.midashi {
    margin: 0 auto 15px auto;
}
/*メインエリア（内容描画）*/
.MainArea {
    width: 90%;
    margin: 0px auto;
}

/* 月間カレンダー */
TABLE.calTitle {
    width: 100%;
    margin: 30px auto 25px auto;
}

    TABLE.calTitle td, TABLE.calTitle td img {
        vertical-align: bottom;
    }

        TABLE.calTitle td.YearMonth {
            text-align: center;
            font-size: 2em;
            vertical-align: text-bottom;
            line-height: 40px;
        }

            TABLE.calTitle td.YearMonth span {
                margin: 5px;
            }

                TABLE.calTitle td.YearMonth span:nth-child(n+2) {
                    margin: 5px 5px 5px 0px;
                }

    TABLE.calTitle span.CalMonth {
        font-size: 80%;
        margin-left: 20px;
        vertical-align: text-bottom;
    }

    TABLE.calTitle span.CalYear {
        font-size: 130%;
    }

TABLE.cal {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    width: 100%;
}

    TABLE.cal th {
        text-align: center;
        font-weight: bold;
        padding: 3px;
        border: 1px solid #CCCCCC;
        line-height: 1.4;
        width: 14%;
    }

    TABLE.cal td {
        padding: 2px 7px;
        border: 1px solid #CCCCCC;
        line-height: 1.2;
        width: 14%;
        font-size: 0.9em;
    }

        TABLE.cal td p {
            margin: 5px 0;
            line-height: 1.4em;
            padding-bottom: 7px;
        }

    TABLE.cal th.sunCss {
        /* ※背景色は色別CSSで定義 */
    }

    TABLE.cal th.normalCss {
        /* ※背景色は色別CSSで定義 */
    }

    TABLE.cal th.satCss {
        /* ※背景色は色別CSSで定義 */
    }

TABLE.week th {
    /* ※背景色は色別CSSで定義 */
}

td.style1 {
    /* ※背景色は色別CSSで定義 */
}

td.style2 {
    /* ※背景色は色別CSSで定義 */
}

TABLE.cal td p a {
    text-decoration: none;
}

a .textLink {
    text-decoration: underline;
}

/* 月移動リンク */
#tukiIchiran {
    width: 100%;
    letter-spacing: normal !important;
    margin: 2px auto;
}

    #tukiIchiran li {
        display: inline-block;
        letter-spacing: normal !important;
        margin: 4px 0px 4px 0px;
        text-align: center;
        border-right: dotted 1px;
        line-height: 1.3em !important;
    }

        #tukiIchiran li:first-child {
            border-left: dotted 1px;
        }

        #tukiIchiran li span {
            display: block;
            white-space: nowrap;
            font-size: 1.1em;
        }

@media screen and (min-width:768px) {
    #tukiIchiran {
        display: flex;
        max-width: 740px;
    }

        #tukiIchiran li {
            padding: 0px 10px 0px 10px;
            width: 100%;
        }
}

@media screen and (max-width:767px) {
    #tukiIchiran {
        max-width: 98%;
    }

        #tukiIchiran li {
            padding: 0px 0px 0px 0px;
            width: 15%;
            border: none !important;
        }
}

/* 週間カレンダー */
table.table1 ul.list {
    margin: 5px !important;
    line-height: 1.8 !important
}

table.week td.date {
    text-align: center;
}

div.div_sep {
    width: 100%;
    height: 1px;
    border: none;
}

table.week td ul li a {
    text-decoration: none;
}

.WeekYMD {
    white-space: nowrap;
    font-size: 0.8em;
}

/* 年間カレンダー */
div#schedule {
    padding: 5px 0px 10px 0px;
    margin: 0px auto;
    width: 80%;
    overflow: auto;
    *overflow-x: scroll;
    *overflow-y: hidden;
}

div.scale {
    margin: 0px;
    padding: 0px;
    background: url("../images/line_bg_year.gif") repeat-y scroll 0 0 transparent;
    width: auto;
    *width: 100%;
    height: auto;
}

    div.scale .line {
        border-bottom: 1px solid #CCCCCC;
        margin: 0;
    }

div.cal_top {
    height: 22px;
    width: 632px;
    background: url("../images/line_month_top.gif") no-repeat scroll 0 0 transparent;
}

div.cal_wrapper {
    line-height: 1.4;
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

div.bun {
    color: #FFFFFF;
    float: left;
    min-height: 20px;
    text-align: center;
    width: 32px;
    display: none;
}

    div.bun span {
        display: block;
        padding: 15px 0;
    }

div.evtSchWrapper {
    float: left;
    min-height: 10px;
    vertical-align: top;
    white-space: nowrap;
    width: 99%;
}

div.evtSch {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    width: auto;
    white-space: nowrap;
    vertical-align: top;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    display: block;
}

    div.evtSch .bardisp {
        height: 6px;
        line-height: 0;
        font-size: 0;
        margin: 0px;
        padding: 0px;
        white-space: nowrap;
        border: none 0px;
        vertical-align: top;
    }

    div.evtSch h3 {
        font-weight: bold;
        margin: 0px;
        white-space: nowrap;
        vertical-align: top;
    }

        div.evtSch h3.date {
            font-weight: normal;
            margin: 0px;
            white-space: nowrap;
            vertical-align: top;
        }

div.scale .line {
    width: 93%;
    line-height: 1px;
    font-size: 1px;
}

div.cal_bottom {
    height: 22px;
    width: 632px;
    background: url("../images/line_month_bottom.gif") no-repeat scroll 0 0 transparent;
}

.date {
    font-size: 0.9em;
}

.ec {
    border-bottom: 1px dotted #CCCCCC;
    display: table;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

div.evtSch h3 a {
    text-decoration: none;
}
/* 年間カレンダー（スマートフォン画面） */
.mainlistblock {
    margin: 0 auto;
    width: 99%;
}

.picForSP {
    /*border: 1px solid #CCCCCC;*/
    display: table-cell;
    height: 90px;
    line-height: 90px;
    width: 90px;
    min-width: 90px;
    text-align: center;
    vertical-align: top;
}

    .picForSP .waku {
        border: 1px solid #CCCCCC;
        vertical-align: middle;
        text-align: center;
        width: 90px !important;
        height: 90px !important;
        padding: 0px !important;
        margin: 0px !important;
        overflow: hidden;
        display: inherit;
        layout-grid-line: 90px;
        *float: left;
    }

        .picForSP .waku img {
            vertical-align: middle;
            max-width: 90px !important;
            max-height: 90px !important;
        }

.bunruiImgAddForSP {
    padding: 2px;
    width: 98%;
    display: none;
}

.blockForSP {
    display: table-cell;
    padding-left: 6px;
    width: 100%;
    layout-grid-line: auto;
    float: left;
}

    .blockForSP .term {
        margin: 2px;
    }

.gaiyouForSP {
    font-size: 0.8em;
    margin-top: 5px;
    padding-left: 6px;
    width: 100%;
    float: left;
}

div#scheduleForSP {
    padding: 10px 0;
    margin: 0;
    width: 99%;
}

.blockForSP a {
    text-decoration: none;
}

/* ガントチャートカレンダー */
.tabMenu span.active a {
    color: inherit;
    cursor: default;
}

.ganttchart-calendar-content .fullCalendarArea {
    position: inherit;
}

.ganttchart-calendar-content {
    position: relative;
}

    .ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center {
        position: absolute;
        top: -8px;
        left: 0px;
        text-align: center;
        width: 300px;
        left: 50%;
        margin-left: -150px;
        display: none;
    }

    /*.ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center div{
    float:none;
}

.ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center h2{
    font-weight:normal;
}*/

    .ganttchart-calendar-content .fc-left {
        display: none;
    }

    .ganttchart-calendar-content .fc-right {
        display: none;
    }

    /**/

    .ganttchart-calendar-content .calendar-title-wrap {
        text-align: center;
    }

    .ganttchart-calendar-content .calendar-title-content {
        display: inline-block;
        margin: 30px auto 15px auto;
    }

    .ganttchart-calendar-content .calendar-title-today {
        float: left;
        margin-left: -63px;
        margin-right: 12px;
    }

    .ganttchart-calendar-content .calendar-title-prev {
        float: left;
    }

    .ganttchart-calendar-content .calendar-title-dspDate {
        font-size: 36px;
        width: auto;
        float: none;
        line-height: 1.3;
        margin-bottom: 0;
        float: left;
        margin: -12px 36px 0px;
    }

    .ganttchart-calendar-content .calendar-title-next {
        float: right;
    }

#FullCalendar .fc-list-heading .fc-widget-header {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

@media screen and (max-width: 600px) {
    .ganttchart-calendar-content #FullCalendar .fc-toolbar .fc-center {
        top: 36px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .ganttchart-calendar-content .calendar-title-wrap {
        margin-bottom: 60px;
    }

    .ganttchart-calendar-content .calendar-title-today {
        margin-left: 0px;
    }

    .ganttchart-calendar-content .calendar-title-dspDate {
        position: absolute;
        top: 36px;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .ganttchart-calendar-content .calendar-title-content {
        display: block;
    }
}

/* 詳細画面の概要画像・文 */
.kijiGaiyo {
    margin: 10px auto;
    width: 100%;
}

    .kijiGaiyo .img {
        float: right;
        margin: 0px 5px 0px 10px;
        vertical-align: middle;
    }

.class_toi {
    width: 100%;
}

    .class_toi .zipcode, .class_toi .shozaichi, .class_toi .tel, .class_toi .fax, .class_toi .mail, .class_toi .url {
        word-break: break-all;
    }

/* レコメンド記事 */
div#recommend {
    margin-top: 20px;
    padding: 10px;
}

    div#recommend p {
        font-size: 1.1em;
        font-weight: bold;
        line-height: 24px;
        padding-left: 8px;
    }

    div#recommend ul {
        border: 1px solid #e5e5e5;
        margin-top: 10px;
        overflow: hidden;
        padding: 0px 10px;
    }

        div#recommend ul li {
            border-top: 1px dotted #cccccc;
            margin-top: -1px;
            padding: 7px 0;
        }

    div#recommend .upddate {
        float: left;
        font-size: 0.9em;
        width: 11em;
        padding-right: 10px;
    }

    div#recommend .title {
        float: left;
    }

/* 複合検索リンク */
div.fukugokensaku {
    width: 100%;
    margin: 2px auto 6px auto;
}

    div.fukugokensaku a {
        float: left;
        padding: 8px 26px 8px 10px;
        background: url("../images/ya_btn_ore.gif") no-repeat scroll 95% center #ffffff;
        border: 1px solid #cccccc;
        margin: 2px 12px 10px 0px;
        width: 20%;
        line-height: 1.5;
        font-size: 1.1em;
    }


/* あなたが最近チェックしたページ */
div#browsinghisotry_block {
    margin-top: 20px;
    font-size: 0.9em;
    border: solid 1px #cacaca;
}

    div#browsinghisotry_block ul {
        overflow: hidden;
        padding: 0px 10px;
    }

        div#browsinghisotry_block ul li {
            border-top: 1px dotted #cccccc;
            margin-top: -1px;
            padding: 3px 0;
        }

    div#browsinghisotry_block .upddate {
        float: left;
        font-size: 0.9em;
        min-width: 130px;
        width: auto;
        padding-left: 5px;
    }

    div#browsinghisotry_block .title {
        float: left;
        max-width: 800px;
        /*overflow: hidden;*/
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
        padding: 0px 5px 0px 10px;
    }

    div#browsinghisotry_block .del {
        /*float: left;*/
    }

#browsinghistory_ttl {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 5px;
}

.browsinghistory_header {
    padding: 10px 0 10px 12px;
}

#browsinghistory_ttl h2 {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 10px;
}

#browsinghistory_rmv {
    float: right;
    padding-right: 5px;
    font-size: 0.9em;
}

/* 記事一覧 */
.fullKijiList {
    width: 97% !important;
}

/* 記事一覧 Default */
.kijilist {
}

    .kijilist li p.img img {
        width: 100px;
    }

/* 記事一覧 Type3, Type4 */
.KijiListType3,
.KijiListType4 {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    border: none;
}

    .KijiListType3 li {
        background-color: white !important;
        background-image: none !important;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        flex-grow: 1;
        flex-shrink: 1;
    }

    .KijiListType4 li {
        background-image: none !important;
        margin-left: 2.2%;
        margin-right: 2.2%;
        margin-bottom: 30px;
        padding: 0;
        border: none;
        flex-grow: 1;
        flex-shrink: 1;
    }

        .KijiListType4 li.loadbox .kijiTitle-wrap {
            padding-bottom: 15px;
        }

        .KijiListType4 li.loadbox .kijiTitle-content {
            height: 65px;
            overflow: hidden;
        }

        .KijiListType4 li.loadbox .kijiTitle {
            float: none;
            display: table;
            width: 100%;
            height: 100%;
        }

        .KijiListType4 li .kijiTitle div {
            display: table-cell;
            vertical-align: middle;
            padding: 0px 9px;
        }

        .KijiListType4 li .gaiyou {
            padding: 9px;
        }

/* アーカイブ */
.archiveSearchArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.archiveSearch {
    text-decoration: none;
    border-radius: 3px;
    padding: 0 5px;
    white-space: nowrap;
    border: 1px solid rgb(200,200,200);
}

    .archiveSearch:hover {
        cursor: pointer;
    }

.archiveYMArea {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    border-top: lightgray;
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 6px;
}

    .archiveYMArea ul {
        width: 27%;
        margin: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

        .archiveYMArea ul li {
            border-radius: 3px;
            margin-top: 3px;
            margin-left: 3px;
            white-space: nowrap;
            text-align: center;
            height: 30px;
            min-width: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .archiveYMArea ul li a {
                display: flex;
                width: 100%;
                height: 100%;
                border: 1px solid rgb(200,200,200);
                text-decoration: none;
                align-items: center;
                justify-content: center;
            }

            .archiveYMArea ul li.selected a {
                font-weight: bold;
                background-color: rgb(238, 6, 6);
                color: white;
            }

.archiveSerchConditions {
    font-weight: bold;
}

.archiveTagArea {
    border-top: lightgray;
    border-top-style: solid;
    border-top-width: 1px;
    margin: 6px 0;
    padding-top: 3px;
    display: flex;
    flex-wrap: wrap;
}

.archiveTag {
    margin: 3px 3px 0px 3px;
    text-decoration: none;
    border-radius: 3px;
    padding: 0px 3px;
    display: inline-block;
    white-space: nowrap;
    border: 1px solid rgb(229, 229, 229);
}

.archiveSearchResult {
    margin-top: 10px;
    margin-left: 6px;
}

#archiveTransitionArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.classGroup {
    width: 15%;
    float: left;
    text-align: right;
}

.tagGroup {
    width: 80%;
    float: left;
}

@media screen and ( max-width:982px ) {
    .archiveSearchArea {
        margin-top: 10px;
    }

    #searchVal {
        width: 85%;
    }

    .archiveYMArea {
        flex-direction: column;
    }

        .archiveYMArea ul {
            width: 100%;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: start;
        }

    .classGroup {
        width: 100%;
        float: none;
        text-align: left;
    }

    .tagGroup {
        width: 90%;
        float: left;
        margin-left: 10px;
    }

    .KijiAreaType3,
    .KijiAreaType4 {
        width: 100%;
    }
}

@media screen and ( max-width:479px ) {
    .KijiAreaType3,
    .KijiAreaType4 {
        width: 100%;
    }

    .KijiListType3 li {
        width: 100%;
        padding: 10px 10px !important;
    }

    .KijiListType4 li {
        width: 100%;
        padding: 0;
    }
}

@media screen and ( min-width:479px ) {
    .KijiAreaType3, .KijiAreaType4 {
        width: 97%;
    }

    .KijiListType3 li {
        width: 31%;
        padding: 8px 8px !important;
    }

    .KijiListType4 li {
        width: 45.5%;
    }
}

.KijiListType3 .loadbox .img,
.KijiListType4 .loadbox .img {
    margin: 0 !important;
    width: 100% !important;
}

.KijiListType4 .loadbox .img {
    float: none;
}

    .KijiListType3 .loadbox .img img,
    .KijiListType4 .loadbox .img img {
        width: 100% !important;
    }

    .KijiListType4 .loadbox .img img {
        vertical-align: middle;
    }

.KijiListType3 .term,
.KijiListType3 .upddate,
.KijiListType3 .title,
.KijiListType4 .term,
.KijiListType4 .upddate,
.KijiListType4 .title {
    width: 100% !important;
    white-space: normal !important;
}

.KijiListType3 .upddate,
.KijiListType4 .upddate {
    font-size: 11px;
    color: rgb(90, 90, 90);
    text-align: right;
}


/* 分類名リンクなし */
ul#classMenuArea li span:first-child, ul#danrakuMenuArea li span:first-child {
    padding: 7px 5px 7px 10px;
    display: table-cell;
    vertical-align: middle;
    border-left: solid 5px #EAE8E8;
}

ul#classMenuArea li.selected span:first-child, ul#danrakuMenuArea li.selected span:first-child {
    border-left: solid 5px #B6000D;
}

* html ul#classMenuArea li span, * html ul#danrakuMenuArea li span { /* IE6用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

*:first-child + html ul#classMenuArea li span, *:first-child + html ul#danrakuMenuArea li span { /* IE7用 縦幅中央寄せ */
    display: inline;
    zoom: 1;
}

@media screen and (max-width:767px) {
    ul#classMenuArea li.selected span, ul#danrakuMenuArea li.selected span {
        /*
	    border-top:solid 1px #B6000D;
	    border-right:solid 1px #B6000D;
	    border-bottom:solid 1px #B6000D;
         */
    }
}

/***********************************************************************************
    簡素表示 start
************************************************************************************/
.cont_bodySimple h1.classTitle {
    width: 98% !important;
    width: -webkit-calc(100% - 35px) !important;
    width: calc(100% - 35px) !important;
    margin: 0px auto !important;
}

@media screen and (min-width:768px) {
    .cont_bodySimple .class2 {
        padding: 0px !important;
        margin: 0px 6px 6px 5px !important;
        width: 48% !important;
        width: -webkit-calc(50% - 11px) !important;
        width: calc(50% - 11px) !important;
    }
}

@media screen and (max-width:767px) {
    .cont_bodySimple .class2 {
        padding: 0px !important;
        margin: 0px 6px 6px 5px !important;
        width: 98% !important;
        width: -webkit-calc(100% - 11px) !important;
        width: calc(100% - 11px) !important;
    }
}

.cont_bodySimple .kijiArea {
    width: 97% !important;
    width: -webkit-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/***********************************************************************************
    簡素表示 end
************************************************************************************/

/* 印刷ボタン */
.printbtn {
    font-size: 0.9em;
    width: 80px;
    text-align: center;
    float: left;
}

    .printbtn span {
        font-size: 0.9em;
    }

/* 印刷時CSS */
@media print {
    .printbtn,
    #headerArea,
    #tabbar_area, #tabBarWrapper, #tabBarContainer,
    #bar_area, #sideBarWrapper, #sideBarMenuContainer,
    #menu_area, #sideMenuWrapper, #sideMenuContainer,
    #sideborad_area,
    .snsbutton,
    .pankuzu-more,
    .footerSoegaki,
    #browsingHistoryArea,
    #recommend,
    #keepSavePage-container,
    #bp-web-widget,
    #top_btn,
    #footerArea {
        display: none !important;
    }

    /* IE11のみ */
    *::-ms-backdrop, #contentArea {
        width: 100%;
    }
}
