@charset"shift_jis";

html, body, div, h1, h2, h3, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, form, fieldset {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Helvetica, verdana, "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳＰゴシック"sans-serif;
    color: #2b3038;
    font-size: 12px;
    line-height: 1.6;
    /* background: url(/images/body.gif) no-repeat; */
    background-color: #ecebed;
    border-bottom: #2ca9d6 solid 4px;
}

.Wide_Body {
    color: #2b3038;
    font-size: 12px;
    line-height: 1.6;
    background: url(/images/body02.gif) no-repeat;
    background-color: #ecebed;
    border-bottom: #2ca9d6 solid 4px;
}

a:link {
    color: #2a4f96;
    text-decoration: underline;
}

a:visited {
    color: #2a4f96;
    text-decoration: underline;
}

a:hover {
    color: #e5772a;
    text-decoration: none;
}

a:active {
    color: #e5772a;
    text-decoration: none;
}

dt img {
    margin-left: 3px;
}

dl {
    margin: 5px 5px 10px 5px;
}

/* 無効
dt {
    color: #ff0000;
    background: url(/images/icon.gif) no-repeat left;
    text-indent: 15px;
}
    */

dd {
    margin-bottom: 10px;
}

.emphasize01 {
    color: #CC0000;
}

.emphasize02 {
    color: #016619;
}

.emphasize03 {
    color: #0b4277;
}

#head {
    float: left;
    height: 85px;
}

#Header {
    border-top: #18a1d2 solid 5px;
    height: 90px;
    /*width: 100%;*/
    margin: 0 auto;
    background-color: #ecebed;
}

#topmenu {
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
}

#Container {
    /* 横幅を最大1200px、それ以下はブラウザに合わせる*/
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    /* 横幅を800px固定 
    width: 800px;
    margin: 0 auto; */
    background-color: #FFF;
}

#titleimage {
    margin: 0 auto;
}

#Contents {
    width: 100%;
    margin: 3px 0 0 0;
    padding-right: 20px;
}

#Sitemap {
    float: right;
    margin-right: 2px;
}

#head02 {
    float: right;
    height: 50px;
    width: 465px;
    margin-left: 5px;
    margin-top: 4px;
    background: url(/images/head02.gif) no-repeat;
    text-indent: -9999px;
}

#topimage_contents {
    width: clamp(800px, 100%, 1200px);
    height: 160px;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    #topimage_contents img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


#leftmenu {
    float: left;
    margin: 5px 0 5px 8px;
    width: 180px;
}

.Main {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    box-sizing: border-box;
}

    .Main p {
        margin: 0 4px 5px 5px;
    }

#Navi {
    width: 180px;
    background: url(/images/leftside.gif) no-repeat;
    margin-bottom: 10px;
}

    #Navi ul {
        padding: 0;
        list-style: none;
    }

    #Navi li {
        border-bottom: #FFFFFF solid 1px;
    }

    #Navi li,
    #Navi a {
        display: block;
        margin-top: 1px;
        padding: 0;
        width: 180px;
        height: 35px;
        text-indent: -9999px;
        list-style: none;
    }

#Navi01 a {
    background: url(/images/navi01.gif) no-repeat;
}

#Navi02 a {
    background: url(/images/navi02.gif) no-repeat;
}

#Navi03 a {
    background: url(/images/navi03.gif) no-repeat;
}

#Navi04 a {
    background: url(/images/navi04.gif) no-repeat;
}

#Navi05 a {
    background: url(/images/navi05.gif) no-repeat;
}

#Navi06 a {
    background: url(/images/navi06.gif) no-repeat;
}

#Navi07 a {
    background: url(/images/navi07.gif) no-repeat;
}

#Navi08 a {
    background: url(/images/navi08.gif) no-repeat;
}

#Navi09 a {
    background: url(/images/navi09.gif) no-repeat;
}

#Navi01 a:hover {
    background: url(/images/navi0102.gif) no-repeat;
}

#Navi02 a:hover {
    background: url(/images/navi0202.gif) no-repeat;
}

#Navi03 a:hover {
    background: url(/images/navi0302.gif) no-repeat;
}

#Navi04 a:hover {
    background: url(/images/navi0402.gif) no-repeat;
}

#Navi05 a:hover {
    background: url(/images/navi0502.gif) no-repeat;
}

#Navi06 a:hover {
    background: url(/images/navi0602.gif) no-repeat;
}

#Navi07 a:hover {
    background: url(/images/navi0702.gif) no-repeat;
}

#Navi08 a:hover {
    background: url(/images/navi0802.gif) no-repeat;
}

#Navi09 a:hover {
    background: url(/images/navi0902.gif) no-repeat;
}

#Net {
    border: #585858 solid 1px;
    margin-bottom: 8px;
}

    #Net p {
        padding: 5px;
    }

#Count {
    line-height: 1.1em;
    letter-spacing: 0.1em;
}

    #Count img {
        float: right;
    }

#Info {
    background: url(/images/top_info.gif) no-repeat;
    text-indent: -9999px;
    height: 38px;
    margin-top: 28px;
    margin-bottom: 15px;
}

.New {
    border: #51afd1 solid 1px;
    margin: 10px 0 10px 0;
    padding: 5px;
    background-color: #f3f4f4;
}

#Alert {
    border: #ff0000 solid 1px;
    margin-top: 10px;
    padding: 5px;
    background-color: #f3f4f4;
}

#Top a:link {
    color: #ff0000;
    text-decoration: underline;
}

#Top a:visited {
    color: #ff0000;
    text-decoration: underline;
}

#Top a:hover {
    color: #e5772a;
    text-decoration: underline;
}

#Top a:active {
    color: #e5772a;
    text-decoration: underline;
}
/*トップへ戻る設定*/
#Retop {
    margin: 20px 0 10px 5px;
    float: left;
    text-align: right;
    width: 777px;
}

    #Retop a:link {
        color: #2a4f96;
        text-decoration: underline;
    }

    #Retop a:visited {
        color: #2a4f96;
        text-decoration: underline;
    }

    #Retop a:hover {
        color: #e5772a;
        text-decoration: none;
    }

    #Retop a:active {
        color: #e5772a;
        text-decoration: none;
    }
/* 下部メニュー */
.bottommenu {
    text-align: center;
    padding: 10px 0 10px 0;
    font-size: 88%;
    line-height: 1.4em;
    clear: both;
    border-top: 2px solid lightgray;
}

    .bottommenu a:link {
        color: #292d26;
        text-decoration: underline;
    }

    .bottommenu a:visited {
        color: #292d26;
        text-decoration: underline;
    }

    .bottommenu a:hover {
        color: #e5772a;
        text-decoration: none;
    }

    .bottommenu a:active {
        color: #e5772a;
        text-decoration: none;
    }

address {
    font-size: 92%;
    font-style: normal;
    text-align: center;
    margin-top: 8px;
}


/*追加*/
#Navi2 {
    width: 180px;
    background: url(/images/leftside.gif) repeat-y;
    margin-bottom: 10px;
}

    #Navi2 ul {
        padding: 0;
        list-style: none;
    }

    #Navi2 li {
        border-bottom: #FFFFFF solid 1px;
    }

    #Navi2 a {
        display: block;
        margin-top: 1px;
        padding: 5px;
        width: 180px;
        height: 35px;
        text-indent: 26px;
        list-style: none;
        font-size: 15px;
        font-weight: bold;
        color: #333333;
        text-decoration: none;
    }

.Navi2-Item a {
    background: url(/images/navi2/arrow-blue.gif) no-repeat;
}

    .Navi2-Item a:hover {
        background: url(/images/navi2/arrow-orange.gif) no-repeat;
    }



#Navi2-1 a {
    background: url(/images/navi2/navi1.gif) no-repeat;
}

    #Navi2-1 a:hover {
        background: url('/images/navi2/navi1-2.gif') no-repeat;
    }

#Navi2-2 a {
    background: url(/images/navi2/navi2.gif) no-repeat;
}

    #Navi2-2 a:hover {
        background: url('/images/navi2/navi2-2.gif') no-repeat;
    }

#Navi2-3 a {
    background: url(/images/navi2/navi3.gif) no-repeat;
}

    #Navi2-3 a:hover {
        background: url(/images/navi2/navi3-2.gif) no-repeat;
    }

#Navi2-4 a {
    background: url(/images/navi2/navi4.gif) no-repeat;
}

    #Navi2-4 a:hover {
        background: url(/images/navi2/navi4-2.gif) no-repeat;
    }

#Navi2-5 a {
    background: url(/images/navi2/navi5.gif) no-repeat;
}

    #Navi2-5 a:hover {
        background: url(/images/navi2/navi5-2.gif) no-repeat;
    }

#Navi2-6 a {
    background: url(/images/navi2/navi6.gif) no-repeat;
}

    #Navi2-6 a:hover {
        background: url(/images/navi2/navi6-2.gif) no-repeat;
    }

#Navi2-7 a {
    background: url(/images/navi2/navi7.gif) no-repeat;
}

    #Navi2-7 a:hover {
        background: url(/images/navi2/navi7-2.gif) no-repeat;
    }

#Navi2-8 a {
    background: url(/images/navi2/navi8.gif) no-repeat;
}

    #Navi2-8 a:hover {
        background: url(/images/navi2/navi8-2.gif) no-repeat;
    }

#Navi2-9 a {
    background: url(/images/navi2/navi9.gif) no-repeat;
}

    #Navi2-9 a:hover {
        background: url(/images/navi2/navi9-2.gif) no-repeat;
    }

#Navi2-10 a {
    background: url(/images/navi2/navi10-2.gif) no-repeat;
}

    #Navi2-10 a:hover {
        background: url(/images/navi2/navi10.gif) no-repeat;
    }

#Navi2-11 a {
    background: url(/images/navi2/navi11-2.gif) no-repeat;
}

    #Navi2-11 a:hover {
        background: url(/images/navi2/navi11.gif) no-repeat;
    }



#Navi3-1 a {
    background: url(/images/navi3/navi01.gif) no-repeat;
}

    #Navi3-1 a:hover {
        background: url('/images/navi3/navi01-2.gif') no-repeat;
    }

#Navi3-2 a {
    background: url(/images/navi3/navi02.gif) no-repeat;
}

    #Navi3-2 a:hover {
        background: url('/images/navi3/navi02-2.gif') no-repeat;
    }

#Navi3-3 a {
    background: url(/images/navi3/navi03.gif) no-repeat;
}

    #Navi3-3 a:hover {
        background: url(/images/navi3/navi03-2.gif) no-repeat;
    }

#Navi3-4 a {
    background: url(/images/navi3/navi04.gif) no-repeat;
}

    #Navi3-4 a:hover {
        background: url(/images/navi3/navi04-2.gif) no-repeat;
    }

#Navi3-5 a {
    background: url(/images/navi3/navi05.gif) no-repeat;
}

    #Navi3-5 a:hover {
        background: url(/images/navi3/navi05-2.gif) no-repeat;
    }

#Navi3-6 a {
    background: url(/images/navi3/navi06.gif) no-repeat;
}

    #Navi3-6 a:hover {
        background: url(/images/navi3/navi06-2.gif) no-repeat;
    }

#Navi3-7 a {
    background: url(/images/navi3/navi07.gif) no-repeat;
}

    #Navi3-7 a:hover {
        background: url(/images/navi3/navi07-2.gif) no-repeat;
    }

#Navi3-8 a {
    background: url(/images/navi3/navi08.gif) no-repeat;
}

    #Navi3-8 a:hover {
        background: url(/images/navi3/navi08-2.gif) no-repeat;
    }

#Navi3-9 a {
    background: url(/images/navi3/navi09.gif) no-repeat;
}

    #Navi3-9 a:hover {
        background: url(/images/navi3/navi09-2.gif) no-repeat;
    }

#Navi3-10 a {
    background: url(/images/navi3/navi10-2.gif) no-repeat;
}

    #Navi3-10 a:hover {
        background: url(/images/navi3/navi10.gif) no-repeat;
    }

#Navi3-13 a {
    background: url(/images/navi3/navi13-2.gif) no-repeat;
}

    #Navi3-13 a:hover {
        background: url(/images/navi3/navi13.gif) no-repeat;
    }

#Navi3-14 a {
    background: url(/images/navi3/navi14-2.gif) no-repeat;
}

    #Navi3-14 a:hover {
        background: url(/images/navi3/navi14.gif) no-repeat;
    }

#Navi3-15 a {
    background: url(/images/navi3/navi15-2.gif) no-repeat;
}

    #Navi3-15 a:hover {
        background: url(/images/navi3/navi15.gif) no-repeat;
    }

#Navi3-16 a {
    background: url(/images/navi3/arrow-blue.gif) no-repeat;
}

    #Navi3-16 a:hover {
        background: url(/images/navi3/arrow-orange.gif) no-repeat;
    }

#Navi3-17 a {
    background: url(/images/navi3/arrow-blue.gif) no-repeat;
}

    #Navi3-17 a:hover {
        background: url(/images/navi3/arrow-orange.gif) no-repeat;
    }

/*newsnavi*/
#newsnavi a {
    background-color: white;
}

    #newsnavi a:hover {
        background-color: #99CCFF;
    }

/* 見出し */
.menuTitle {
    background: linear-gradient(rgb(242, 242, 242),rgb(205, 205, 205));
    width: 100%;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #c9c9c9;
    border-bottom: 2px solid #18a1d2;
    border-left: 5px solid #ff9900;
    margin: 0 0 3px 0;
}

/* どこでもプラン リンク */
.dp-link {
    text-align: center;
}

    .dp-link a {
        font-size: 30px;
    }

/* お知らせ */

.info {
    border-bottom: 1px solid dimgray;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.info-date {
    text-align: left;
    color: gray;
    font-size: calc(13px + 1pt);
}

.info-title {
    text-align: center;
    color: black;
    font-size: large;
    margin-bottom: 1em;
}

.info-main {
    text-align: left;
    color: black;
    font-size: calc(13px + 1pt);
    margin-bottom: 1em;
}

.info-footer {
    text-align: center;
    color: black;
    font-size: small;
}

/* ニュース */
.news {
    border-bottom: 1px solid gray;
    margin: 0 1em 0 0;
}

.news-date {
    text-align: left;
    color: gray;
    font-size: small;
    margin: 5px 0 1em 0;
}

.news-title {
    margin-top: 1em;
    color: black;
    font-size: medium;
    padding-bottom: 1em;
    border-bottom: 1px dotted lightgray;
}

.news-main {
    margin-top: 1em;
    margin-bottom: 1em;
    color: black;
    font-size: small;
}

/* CIF */
.cif {
    padding-bottom: 1em;
    border-bottom: 1px solid lightgray;
}

.cif-title {
    width: 100%;
    text-align: center;
    font-size: large;
    padding: 1em 0;
}

.cif-date {
    text-align: right;
    font-size: small;
    color: gray;
    padding: 0 1em 1em 0;
}

.cif-comment {
    text-align: right;
    font-size: small;
    color: gray;
    padding: 0 1em 0 0;
}

.cif-nextdate {
    text-align: center;
    font-size: small;
    color: black;
    padding: 1em 0 1em 0;
}

.cif table {
    width: 95%;
    margin: 0 auto;
    padding: 0 10px 0 10px;
}

    .cif table th {
        background-color: #ecebed;
        font-weight: normal;
        border: 1px solid lightgray;
        text-align: center;
        padding: 5px 0;
    }

    .cif table td {
        text-align: right;
        vertical-align: middle;
        border: 1px solid lightgray;
        padding: 5px 5px;
    }

.table {
    width: 565px;
    margin: 0 auto;
    padding: 0 10px 0 10px;
}

    .table th {
        background-color: #ecebed;
        font-weight: normal;
        border: 1px solid lightgray;
        text-align: center;
        padding: 5px 0;
    }

    .table td {
        text-align: left;
        vertical-align: middle;
        border: 1px solid lightgray;
        padding: 5px 5px;
    }

#branch-tokyolist table {
    width: 95%;
    margin: 0 auto;
}

#branch-tokyolist th {
    border: 0;
    background-color: white;
    padding: 0 1em;
    text-align: left;
}

#branch-tokyolist td {
    border: 0;
}

#map_canvas {
    width: 100%;
    height: 550px;
    border: 1px solid lightgray;
}

.sikyokuname {
    vertical-align: middle;
}

h4 {
    border-bottom: #f69400 dotted 1px;
    font-size: 115%;
    text-indent: 5px;
    margin-bottom: 10px;
}

#Site ul li {
    list-style: url(../images/icon02.gif);
    margin-left: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
}

    #Site ul li ul li {
        list-style: url(../images/icon03.gif);
        margin-left: 25px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

#Site a:link,
#Site a:visited {
    color: #2b3038;
    text-decoration: none;
}

#Site a:hover,
#Site a:active {
    color: #e5772a;
    text-decoration: underline;
}

.energy-gallery {
    width: 95%;
    margin: 0 auto;
    padding: 0 10px;
}

    .energy-gallery .col {
        padding: 3px 3px 3px 3px;
        text-align: center;
    }

.kijiarchive {
    border-collapse: collapse;
    border-style: none;
    width: 100%;
}

    .kijiarchive td {
        border-style: none none solid;
        border-bottom: 1px solid lightgray;
        padding: 5px;
        height: 60px;
        vertical-align: top;
    }

    .kijiarchive tr:last-child td {
        border-bottom: none;
    }

.KijiDetail {
    padding: 0 1em;
    width: 100%;
}

/* 必須マーク */
.required {
    font-size: x-large;
    color: red;
}