﻿/* ===== 色：標準 ===== */

/* ---------- 共通 -------------------- */

body {
    /*  通常の背景と文字色はdefault_body.cssで指定
        独立サイトは*_body.cssで指定
    background-color:#******;
    color:#******;
    */
}


.haikei {
}

.haikei02 {
}

/* add 2012/09/05 会員専用コンテンツ対応 start */
.haikeiMember {
    background-color: #F2FAFC;
}

#copyrightMember {
    color: #333333;
    background-color: #A6DEEB;
}
/* add 2012/09/05 end */

#header a {
}

a:link {
    color: #1144CC;
}

a:visited {
    color: #95529B;
}

a:hover {
    /*color:#FF7722;*/
    color: #C70026;
}

.bunrui {
    color: #353535;
}
/* 各ページ一覧の分類帯 */
.bunrui {
    background: url("../images/CssColorType/h2Ttl.gif") no-repeat 7px center #f8f4e6;
}

#homeLink a {
    color: #333333 !important;
}

/* ---------- stylesheet.css -------------------- */

/* 全体枠 */
#container {
    color: #333333;
}

/* テーブルリスト */
TABLE.table1 th, TABLE.table2 th {
    /* ※文字色はカラーパターンCSSで定義 */
}

TABLE.formTable td {
    background-color: #FFFFFF;
}

/* 検索条件項目 */
.searchItem {
}

/*ページタイトル*/
#headerTtl_42 {
    background-color: #0873B9;
    color: #FFFFFF;
}

/* pankuzu */
#pankuzu {
}

#pankuzu_42 {
    background-color: transparent;
}


/* カテゴリーグループリンク */
/* - 選択中 */
.catgrouplink_b {
    background-color: #FFF1A0;
}

/* 分類リンクメニュー */
.bunruiLink {
    background-color: #FAF8EF;
}

/* ページ切替　選択中ページ */
.changePageLink span.nowPage {
    color: #FFFFFF;
    background-color: #999999;
}

.changePageLink span.linkPage a:hover {
    color: #FFFFFF;
    background-color: #999999;
}

/* タブデザイン（新着、ランキングなど） */
/* - 選択中 */
.menuSel {
    background-color: #FFF1A0;
    border-bottom: solid 2px #FFF1A0;
}

/* サブタイトル */
.titleBox {
    /* ※文字色はカラーパターンCSSで定義 */
}

/* 入力チェックエラーメッセージの添え書き */
div.inputErrMsgSoegaki {
    color: #AF0000;
}
/* 入力チェックエラーメッセージ */
div.inputErrMsg {
    color: #AF0000;
    border: 1px solid #AF0000;
}

/* 月間一覧へのリンク */
span.gekkan {
    background: url("../images/top1/ya_r.gif") no-repeat 5px center #eae8e8;
}

TABLE.formTable th span.hissuForm, .inputfrm_q_title span.hissuForm {
    background: #FFFFFF;
    color: #b7282e;
}

/* ---------- font.css -------------------- */
SPAN.sizeA {
    color: #333333;
}

SPAN.sizeB {
    color: #333333;
}

SPAN.sizeBbb {
    color: #333333;
}

SPAN.sizeRbb {
    color: #AF0000;
}

SPAN.sizeAs {
    color: #333333;
}

SPAN.sizeBs {
    color: #333333;
}

SPAN.sizeAss {
    color: #333333;
}

SPAN.sizeBss {
    color: #333333;
}

SPAN.hissu {
    color: #AF0000;
}
/* 注意喚起の色 */
span.colorR {
    color: #AF0000;
}
/* カレンダー日曜日の色 */
.colorR2 {
    color: #dd0000;
}
/* カレンダー土曜日の色 */
.colorB2 {
    color: #1587BD;
}
/* グレー */
span.colorG {
    color: #777777;
}

h3.title,
div.migration h3 {
    color: #353535;
}

/* ---------- mdmm.css -------------------- */
.freearea {
    background-color: #ffffff;
}

/* TOP画面外枠＋バナー広告エリア */
#struct {
}

#mainHeader {
    background-color: #FFFFFF;
}

#flashArea {
    /*background:url("../images/mdmm/slide_bg.png") repeat;*/
}


/* Foreign */
#foreign a {
}

.select-box01 .dropmenu {
    background-color: #FFFFFF;
}

.select-box01 .dropmenu li ul li a {
    background: #ffffff;
}

.select-box01 .dropmenu li:hover > a.topmenu {
    background: #ffffff;
}

.select-box01 .dropmenu li a.topmenu:hover {
    background: #ffffff;
}

.select-box01 .dropmenu li:hover > a {
    background: #eff0f2;
}

.select-box01 .dropmenu li a:hover {
    background: #eff0f2;
}

/* ---------- [bbs]design01.css -------------------- */
table.topics th {
    background-color: #eeeeee;
}

table.formBbs th {
    background-color: #EBF6F7;
}

div.topicdtl .title {
    background-color: #ebf6f7;
}

table.BbsComment th {
    background-color: #fffae9;
}

div#delComForm table th {
    background-color: #fffae9;
}

span.bbsMstName {
    background: #DCDCDC;
}

span.tokoshaName {
    background: #FDE8D0;
}


/* ---------- [cal_copy][cal_recycle]design01.css -------------------- */
TABLE.cal th.sunCss {
    background-color: #FCE4E6;
}

TABLE.cal th.normalCss {
    background-color: #F2F2F2;
}

TABLE.cal th.satCss {
    background-color: #EAF4FC;
}

TABLE.week th {
    background-color: #F2F2F2;
}

td.style1 {
    background-color: #FFF1A0;
}

td.style2 {
    background-color: #FFFFFF;
}

tr.style1 {
    background-color: #FFF1A0;
}

/* ---------- [cal_recycle]design01.css -------------------- */
/* 地区の説明 */
.calrecycle_areaChange {
    /* ※背景色は色別CSSで定義 */
    background-color: #E8F2D9;
}

.calrecycle_area {
    /* ※背景色は色別CSSで定義 */
    background-color: #F2F8E9;
}


/* ごみ分類table */
.calrecycle_bun .td_label {
    background-color: #EFF7E0;
}

.calrecycle_bun .td_text {
    background-color: #FFFFFF;
}

/* データ */
.calrecycle_bikoDiv {
    color: #FF0000;
}

.calrecycle_data {
    color: #4a4a4a;
}

.calrecycle_mark {
    color: #FF0000;
}


/* ---------- [entry]design01.css -------------------- */
/* 受付制限メッセージ */
.uke_limit {
    color: #FF7722;
}

.inputfrm_q_title_midashi {
}
/* 入力フォーム 設問 （entry） */
.inputfrm_q_title {
}


/* ---------- [event_cal]design01.css -------------------- */

/*年間カレンダー 一覧ページ*/
.nenTitle {
}


/* ---------- [faq2]design01.css -------------------- */
/* 背景色　白 */
td.colorA {
    background-color: #FFFFFF;
}
/* 背景色　グレー */
td.colorQ {
    background-color: #F2F2F2;
}


/* ---------- [imgkiji]design01.css -------------------- */
.sDate {
    background-color: #F2F2F2;
}

/* ---------- [intro]design01.css -------------------- */
.listItem_1, .listItem_2, .listItem_3 {
    background-color: #FAF8EF;
}


/* ---------- [map]design01.css -------------------- */

.listitem1 {
    background-color: #FAF8EF;
}

.listitem0 {
    background-color: #FFFFFF;
}

div#clickMsg {
    background-color: #FFFFFF;
}

/* ---------- [pubmag]design01.css -------------------- */
.mainleft {
    background-color: #F2F2F2;
}


/* ---------- [section]design01.css -------------------- */
.top_left {
    background-color: #F7F7F7;
}

.top_right {
    background-color: #F7F7F7;
}

.sc_sectioninfo_div {
    background-color: #F7F7F7;
}

.Holiday {
    color: #FF0000;
}

.Saturday {
    color: #0000FF;
}

.weekday {
    color: #000000;
}


/* ---------- [word_l]design01.css -------------------- */
/* 背景緑 */
.sel_G {
    background-color: #CCE198;
}
/* 背景白 */
.sel_W {
    background-color: #FFFFFF;
}


/* ---------- common/control/Kijienq.ascx -------------------- */
div.enq_m {
    background-color: #f5f1f0;
}

div.enq_form {
    background-color: #FFFFFF;
}

    div.enq_form div.memo2 {
        border: 1px solid #666666;
    }

table.enq_s th {
    background-color: #E6F1F7;
}

/* ----------- etc ---------------------------------- */

/* add 2011/10/18 accesscounter start */
/* アクセスカウンター 枠 */
div.accessCounterWaku {
    border: solid #969696 1px;
    padding: 0px;
    margin: 0px;
    width: 74px;
    height: 14px;
    background-color: #ffffff;
    float: right;
}

    div.accessCounterWaku div.accessCounter {
        border: none;
        padding: 0px;
        margin: 0px;
        text-align: left;
        float: left;
        width: 99%;
        height: 12px;
    }
/* アクセスカウンター 数字 */
p.accesscounter_0 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/0.gif");
    background-repeat: no-repeat;
}

p.accesscounter_1 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/1.gif");
    background-repeat: no-repeat;
}

p.accesscounter_2 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/2.gif");
    background-repeat: no-repeat;
}

p.accesscounter_3 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/3.gif");
    background-repeat: no-repeat;
}

p.accesscounter_4 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/4.gif");
    background-repeat: no-repeat;
}

p.accesscounter_5 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/5.gif");
    background-repeat: no-repeat;
}

p.accesscounter_6 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/6.gif");
    background-repeat: no-repeat;
}

p.accesscounter_7 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/7.gif");
    background-repeat: no-repeat;
}

p.accesscounter_8 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/8.gif");
    background-repeat: no-repeat;
}

p.accesscounter_9 {
    width: 9px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    float: left;
    background: url("../images/accesscounter/9.gif");
    background-repeat: no-repeat;
}


.menuBlock div.menuHead,
.menuBlockL div.menuHead {
    background-color: #005bac;
    color: #ffffff;
}


.menuBlockmachi div.menuItembg {
    padding: 0px;
    margin: 0px;
    background: url("../images/top1/machizukuri_bg.gif") repeat-y;
}

.menuBlockiza div.menuHead {
    background-color: #C23A0F;
    color: #ffffff;
}


.menuBlockiza div.menuItembg {
    background-color: #fef1f2;
}

.menuBlockgaiyou div.menuItembg {
    background-color: #f4fafc;
}

.menuBlock02 div.menuItembg {
    background-color: #f4fafc;
}


#rankbg {
    background-color: #f7f9f9;
    height: 45px;
}

h1.classTitle {
    background-color: #0873B9;
    color: #ffffff;
}

h1.classSetTitle {
    background: #0873B9 none repeat scroll 0 0;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 24px;
    color: #ffffff;
}

.newInfo {
    color: #0C51A2;
}

ul#classMenuArea {
    background-color: #FFFFFF;
}

    ul#classMenuArea li.selected, ul#danrakuMenuArea li.selected {
    }


        ul#classMenuArea li.selected a, ul#danrakuMenuArea li.selected a {
            border-left: 5px solid #0873B9;
        }


.midashi {
    /*background: url("../images/mdmm/ya.png") no-repeat scroll 16px center #eee7e0;*/
    border-bottom: 1px solid #e6e5e5;
    height: auto !important;
    line-height: 37px;
    min-height: 37px;
    padding: 1px 10px 0 31px;
}

ul.child li {
    /*background: url("../images/mdmm/ya_s.png") no-repeat scroll 7px 10px;*/
    font-size: 1em;
    line-height: 1.8em;
    padding-left: 21px;
}

.class, .class2 {
    background-color: #FFFFFF;
}

#ugkLink {
    background-color: #ebf3f8;
}

p.kinkyuTtl, div.saigaittl {
    color: #CC0000;
}

    div.saigaittl span {
        color: #333333;
    }

#kinkyuTtlArea a {
    color: #FFFFFF;
}

#tab {
    background-color: #01913A;
    color: #ffffff;
}

    #tab a {
        color: #ffffff;
    }

.menuBlockLife div.menuHead {
    background-color: #ccecf0;
}

.menuBlockBunrui div.menuHead {
    background-color: #ccecf0;
}

/* 見出し（水俣病資料館） */
h1.title {
    background-color: #0873B9;
    color: #ffffff;
}
h2.title {
    background-color: #EFF9FE !important;
    border-bottom: 1px solid #0873B9 !important;
}
h3.title {
    border-bottom: 1px dashed #0873B9 !important;
}

#headerTtl_20 {
    background-color: #0873B9;
    color: #ffffff;
}

/* add 2011/10/18 accesscounter end */

ul#classSetMenuArea {
    background-color: #FFFFFF;
    border-bottom: 2px solid #0873B9;
    border-left: 2px solid #0873B9;
    border-right: 2px solid #0873B9;
}


    ul#classSetMenuArea li a {
        background: rgba(0, 0, 0, 0) url("../images/g_ya.gif") no-repeat scroll 15px center;
        display: table-cell;
        padding: 0 5px 0 29px;
        text-decoration: none;
        vertical-align: middle;
    }

.mokuteki .subInfo {
    border-top: solid 2px #0873B9;
    border-left: solid 2px #0873B9;
    border-right: solid 2px #0873B9;
    border-bottom: solid 1px #cccccc;
    /*background: #f5ecf4 url("../images/mdmm/icon_search.png") no-repeat scroll 5px 8px;*/
}

#newAreaWaku, .kijilist, .calArea #mcWrapper {
    background-color: #FFFFFF;
}

.kijiArea {
    background-color: #F5F1F0
}

.loadbox .title .upddate {
    color: #555555;
}

#banArea {
    background-color: #f5f1f0;
}

    #banArea #banWrap {
        background-color: #FFFFFF;
    }

p.textBan {
    background-color: #FFFFFF;
}

div#recommend {
    background-color: #f5f1f0;
}


    div#recommend ul {
        background-color: #ffffff;
    }

.browsinghistory_header {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #cccccc;
}

.menubtn_0 {
    color: #FAD0D1;
    font-weight: bold;
}

.naiyo {
    background: #fdf2f3 none repeat scroll 0 0;
}

#rssArea {
    background: #ffffff none repeat scroll 0 0;
}

    #rssArea a {
        color: #333333;
    }

#listLinkArea {
    float: left;
    height: 22px;
    min-width: 100px;
    text-indent: 7px;
    margin: 8px;
    border-radius: 10px;
    text-align: center;
}

    #listLinkArea a {
        color: #333333;
        text-decoration: none;
        font-weight: bold;
    }

#btnlink li a {
    color: #333333;
}

/*:::::::::::::::::::::::::
 * webフォントカラー
 *::::::::::::::::::::::::*/
.my-green {
    color: #65ab31
}

.my-white {
    color: #ffffff
}

.my-gold {
    color: #BFA536
}

.my-mint {
    color: #32BEBE
}

.my-red {
    color: #B7282E
}

.my-blue {
    color: #0099CC
}

.my-brown {
    color: #7b5315;
}


.infoIchiran a {
    color: #333333;
}

/*:::::::::::::::::::::::::
 * infoモジュール
 *::::::::::::::::::::::::*/

#infoSearchArea .btn-search {
    background-color: #f5b1aa;
    width: 90px;
    height: 35px;
    line-height: 120%;
    color: #333333;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    display: inline-block;
}

.block-item h3 {
    background-color: #ffffff;
    border-left: 5px solid #0873B9;
}

.block-item-image {
    position: relative;
    width: 285px;
    height: 165px;
    border: 0px solid #999;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
}

    .block-item-image .info_linkurl_soegaki {
        width: 111px;
        text-decoration: none;
        color: #fff;
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 0.8em;
        font-weight: bold;
        background-color: #c53d43;
        padding: 5px;
        margin: 0px auto;
        text-align: center;
        border-radius: 0%;
    }

.akiya .block-item {
    background-color: #e8ecef;
}

.akiya .block-item-contents .button-cta {
    background: #0873B9 !important;
    border: 1px solid #0873B9;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.button-cta:hover {
    color: #f5b1aa;
    text-decoration: none;
}

.akiya .grp_table .groupName {
    background-color: #f5b1aa;
    border: 2px solid #f5b1aa;
    margin-top: 20px;
    font-size: 1.2em;
    text-align: center;
}

#dataArea {
    margin: 20px auto !important;
    padding: 20px;
}

.akiya h2.title {
    background-color: #ffffff;
    color: #333333;
    border-left: 5px solid #0873B9;
    margin: 15px auto;
    padding: 0 0 0px 10px;
}

.akiya .infoArea img, .akiya .templateForThreeImages td img, .akiya .templateForTwoImages td img, .akiya .templateForOneImages td img, .akiya .templateForImages td img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 2px;
}

.akiya .grp_table .fieldName {
    background-color: #fef4f4;
}

.table-header-contents .table-data {
    background: #f5b1aa;
    text-align: center;
}

.list-item h3 {
    background-color: #ffffff;
    border-left: 10px solid #0873B9;
}

.list-item-data-head {
    background: linear-gradient(transparent 70%, #FFFF00 70%);
}

.shosai-item-image .info_linkurl_soegaki {
    display: block;
    width: 60%;
    min-width: 120px;
    text-decoration: none;
    color: #fff;
    position: absolute;
    bottom: 9px;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    background-color: #c53d43;
    margin: 0px 0px 0px 2px;
    border-radius: 0px 0px 0px 5px;
}


.list-item-image {
    position: relative;
    width: 120px;
    height: 90px;
    border: 0px solid #999;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

    .list-item-image .info_linkurl_soegaki {
        width: 120px;
        text-decoration: none;
        color: #E6C612;
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 0.8em;
        font-weight: bold;
        display: none;
    }

.list-textoverflow {
    overflow: hidden;
    padding: 0px 20px;
    width: 100%;
    height: 110px;
}

/* info リンクURLの有無アイコン表示 */
.linkurli_isset {
    border-color: #c53d43;
    background-color: #c53d43;
    color: #ffffff;
}

.linkurli_noset {
    border-color: #0000ff;
    background-color: #0000ff;
    color: #ffffff;
}

/* info 項目のアイコン表示デフォルト（ワイルドカード指定） */
[class^="info_fldval-"] {
    background-color: #ffffff;
}
/* info 項目のアイコン表示 「info_fldval-（アイテムID）」 */
.info_iconWrap .info_fldval-5 {
    border-color: #f8e58c !important;
    background-color: #f8e58c !important;
    color: #333 !important;
}

.info_iconWrap .info_fldval-6 {
    border-color: #274a78 !important;
    background-color: #274a78 !important;
    color: #ffffff !important;
}

/*:::::::::::::::::::::::::
 * 資料館top
 *::::::::::::::::::::::::*/

/* ===== ヘッダー ===== */

#headerAreaDef {
    background-color: #EFF9FE;
    box-shadow: 0px 3px 6px #28547B29;
}

/* 行政トップへ */
#mainTop a {
    background-color: #0873B9;
    color: #ffffff;
}

/* ===== メイン ===== */

/* 上部コンテンツ */
#contents_top_area {
    background: linear-gradient(transparent 10%, #FFFFFF 10% 35%, #F5F5DC 35% 50%, #DDF0F9 50%);
}

/* メインメニュー */
#mainmenu {
    box-shadow: 0px 3px 6px #00000029;
    background-color: #0873B9;
}

#mainmenu a {
    text-decoration: none;
    color: #FFFFFF;
    font-size:1.1rem;
}

/* 開館案内 */
#main_info_area {
    background-color: #FFFFFF;
    border-radius: 10px;
}

.main_info_title {
    background-color: #F1F1F1;
    color: #005892;
}

/* メインコンテンツ wrapper(背景表示用) */
#mainArea_wrapper {
    background-image: url(../images/mdmm/bg_mainarea.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media screen and (max-width:767px) {
    #mainArea_wrapper {
        background-position: center bottom;
        background-size: auto;
    }
}

/* お知らせ表示エリア */
#menuAreaLeft {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
}

/* お知らせタイトル */
#news_title {
    background: linear-gradient(transparent 50%, #005892 50% 51%, transparent 51%);
}

    #news_title img {
        background-color: #FFFFFF;
    }

/* お知らせリスト */
#news_list_area ul li:nth-child(odd) {
    background-color: #FBF9EE;
}

#news_list_area ul li .koushinDay {
    color: #004482;
}

#news_list_area ul li a .textLink {
    color: #000000;
}
#news_list_area .nodata {
    background-color: transparent !important;
}

/* お知らせ　もっとみるボタン */
#news_link_btn {
    background: #0873B9 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 23px;
}

    #news_link_btn a {
        color: #FFFFFF;
        text-decoration: none;
    }

/* コンテンツメニュー表示エリア */
#menuAreaRight ul li {
    background-color: #EFF9FE;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
}

    #menuAreaRight ul li a {
        color: #005892;
    }

    #menuAreaRight ul li.link_item {
        background-color: #FBF9EE;
    }

        #menuAreaRight ul li.link_item a {
            color: #262626;
        }

#menuAreaRight li > a:hover {
    background-color: #f0f6da;
}

/* ===== フッター ===== */

/* footerエリア */
#siteinfo {
    background-color: #EFF9FE;
    color: #005892;
}
#toiawase a {
    color: #005892;
}

/* リンク集へ */
#footer_link_btn {
    background: #0873B9;
}

    #footer_link_btn a {
        color: #FFFFFF;
    }

/* 開館案内見出し */
.footer_right_title {
    background: #0873B9;
    color: #FFFFFF;
}

/* copyright */
#cp {
    background-color: #FFFFFF;
    color: #0981AE;
}

@media screen and (max-width:768px) {
}
