/****************************************************************/
/*                  PC用                  */
/****************************************************************/

@media screen and (min-width: 451px) 
{
    
    *
    {
        font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ","Meiryo","sans-srif";
        font-size:14pt;
    }
    *:focus {
        outline: none;
    }

    html{
        height:100%;
    }

    body
    {
        padding:0;
        margin:0;
        color:#000000;
        background-color:#4E4945;
        height:100%;
    }

    #form1{
        height:100%;
    }

    .divFrameBack{
        padding:0; 
        margin:0; 
        width:100%; 
        background-color:#4E4945;
        height:100%;
    }

    /* ↓大枠 */
    #divFrame00
    {
        width:60%;
        margin-left:auto;
        margin-right:auto;
        background-color:#342A1E;
        border-right: 2px solid #99938E; 
        border-left: 2px solid #99938E; 
        height:auto;
        min-height:100%;
    }
    #divMain
    {
        width:100%;
        background-color:#f5f5f5;
    }

    a
    {
        text-decoration:none;
        /*color:#17567b;*/
        color:#000000;
        font-weight:bold;
        -webkit-touch-callout:none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    input,
    button 
    {
        -webkit-touch-callout:none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    input[type="submit"]
    {
        -webkit-appearance: none;
    }

    select
    {
        width:90%;
    }

    .selectYM
    {
        width:100px;
        text-align:right;
    }
    .selectYM2
    {
        width:100px;
        text-align:right;
    }
    input[type="text"]
    ,[type="password"]
    ,[type="tel"]
    ,[type="Email"]
    ,[type="number"]
    {
        border: 1px #808080 solid;
    }
    .txt1
    {
        width:40%;
        min-width:200px;
    }
    .txt1Full
    {
        width:96%;
        min-width:200px;
    }
    .txt2
    {
        width:54px;
    }
    .txt3
    {
        width:70px;
    }
    .txt4
    {
        width:90%;
    }
    .txt5
    {
        width:140px;
    }
    .txt6
    {
        width:54px;
    }

    .txtMultiLine
    {
        width: 90%;
        height:110px;
    }

    .txtMultiLineFull
    {
        width: 96%;
        height:110px;
    }

    .txtErrStyle
    {
        background-color:#ffbaba;
    }

    .txtMeter1
    {
        border: 2px #346191 solid !important;
        width:100px;
        font-size:24pt;
        text-align:right;
        color: #346191;
        ime-mode:inactive;
    }
    .txtMeter2
    {
        border: 2px #87a157 solid !important;
        width:44px;
        font-size:24pt;
        text-align:right;
        color: #87a157;
        ime-mode:inactive;
    }
    .TextAlignRight
    {
        text-align:right;
    }
    .LabelBlock
    {
        display: inline-block;
    }
    .LabelText1
    {
        font-weight:bold;
        white-space:nowrap;
        border: 1px solid;
    }
    .LabelText2
    {
        border: 1px solid;
        display:block;
        font-weight:bold;
        word-wrap:break-word;
    }
    .LabelText3
    {
        font-weight:bold;
        white-space:nowrap;
    }

    .imeZen
    {
        ime-mode:active;
    }
    .imeHan{
        ime-mode:inactive;
    }

    .imgStep
    {
        max-width:395px;
        width: 100%;
    }
    .imgGusMeter
    {
        max-width:400px;
        width: 100%;
    }

    .btn1
    {
        position:relative;
	    background: #ff8c00;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #fff;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
    }

    .btn1:hover 
    {
        top: 2px;
        left: 2px;
	    background: #ffa639;
    }

    .btn1-w1
    {
        width:200px;
    }
    .btn1-w2
    {
        width:80px;
        top: 0px;
        left: 0px;
    }
    .btn1-w3
    {
        width:80%;
    }

    .btn2
    {
        position:relative;
	    background: #ffb964;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #915000;
	    width: 60%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
        top: 0px;
        left: 3px;
    }
    .btn2:hover 
    {
        top: 2px;
        left: 2px;
	    background: #ffca88;
    }
    .btn2-w80
    {
        width: 80%;
    }
        .btn3 {
        position: relative;
        background: #ff8c00;
        border-top: 1px solid #ffe4b5;
        border-left: 1px solid #ffe4b5;
        border-right: 1px solid #b8860b;
        border-bottom: 1px solid #b8860b;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #fff;
        font-weight: bold;
        font-size: 12pt;
        padding: 5px 0;
        top:12px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
    }

    .btn3:hover {
        top: 14px;
        left: 2px;
        background: #ffa639;
    }
   .btn2A
    {
        position:relative;
	    background: #0099FF;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #FFFFFF;
	    width: 60%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
        top: 0px;
        left: 3px;
    }

   .btn2B
    {
        position:relative;
	    background: #AAAAAA;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #FFFFFF;
	    width: 60%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
        top: 0px;
        left: 3px;
    }
.chkbox input[type=checkbox] {
    transform: scale(1.6);
}

    /* ↓ヘッダー */
    #divHeader
    {
         width:100%;
         word-wrap: break-word;
    }
    #tblHeader
    {
        width:100%;
        border-collapse: separate;
        border-spacing: 0px;
        padding:0;
        margin:0;
        /* background-color:#ff8c00; */
        word-wrap: break-word;
        table-layout:fixed;
    }
    #tblHeader_tr
    {
       /*  background-color:#ff8c00; */
        color:#ffffff;
        padding:0;
        margin:0;
        vertical-align:middle;
        height:40px;
	    font-size: 10pt;
    }
    .tblHrader_bgColor{
        background-color:#ff8c00;
    }
    .tblHrader_bgColor_dTurquoise{
        background-color:#00ced1;
    }
    #tblHeader_tdLogo
    {
        padding-left:20px;
    }
    #tblHeader_tdLogo span
    {
        padding-left:10px;
	    font-size: 18pt;
        font-weight:bold;
    }
    #tblHeader_tdTel
    {
        width:0px;
    }
    .Tel
    {
        display:none;
    }
    /* ↑ヘッダー */

    /* ↓ログイン情報 */
    #divLoginInfo
    {
         width:100%;
    }
    #tblLoginInfo
    {
        width:90%;
        border-collapse: separate;
        border-spacing: 0px;
        padding:0;
        margin:0;
        margin-left:auto;
        margin-right:auto;
        word-wrap: break-word;
        table-layout:fixed;
    }
    #tblLoginInfo-tr
    {
        vertical-align:bottom;
        height:50px;
    }

    #lblUserName
    {
	    font-weight: bold;
	    font-size: 16pt !important;
    }
    /* ↑ログイン情報 */


    /* ↓フッター */
    #divFooter
    {
        padding-top:20px;
        width:100%;
    }
    #tblFooter
    {
        width:100%;
        border-collapse: separate;
        border-spacing: 0px;
        padding:0;
        margin:0;
        word-wrap: break-word;
        table-layout:fixed;
    }
    #tblFooter-tr
    {
        background-color:#ff8c00;
        color:#ffffff;
        padding:0;
        margin:0;
        vertical-align:bottom;
        line-height:0.9em;
    }
    #tblFooter-tr span
    {
	    font-size: 13pt;
    }
    /* ↑フッター */


    /* ↓ライン1 */
    .hr1
    {
        border:1px solid #a9a9a9;
        width:99%;
    }
    /* ↑ライン1 */
    /* ↓ライン2 */
    .hr2
    {
        border:2px solid #ff8c00;
        margin:0;
    }
    /* ↑ライン2 */

    /* ↓空行1 */
    .divBlank1
    {
        height:5px;
    }
    /* ↑空行1 */
    /* ↓空行2 */
    .divBlank2
    {
        height:10px;
    }
    /* ↑空行2 */
    /* ↓空行3 */
    .divBlank3
    {
        height:2px;
    }
    /* ↑空行3 */

    /* ↓画像 */
    .imgMiddle
    {
        vertical-align:middle;
    }
    /* ↑画像 */



    /* ↓見出し１ */
    .divHeadLine{
	    position:relative;
	    padding:9px;
	    padding-left:15px;
	    font-weight: bold;
	    font-size: 14pt;
	    color: #000;
    }
 
    .divHeadLine:before{
	    content:''; 
	    height:28px; 
	    width:2px; 
	    display:block; 
	    position:absolute; 
	    top:5px; 
	    left:4px; 
	    border-left: 4px solid #ff8c00;
    }
    /* ↑見出し１ */

    #ContentPlaceHolder1_lblHeadLine{
    
	    font-size: 12pt;
    }
    /* ↓見出し2 */
    .divHeadLine2{
	    position:relative;
	    padding:9px;
	    padding-left:15px;
	    font-weight: bold;
	    font-size: 12pt;
	    color: #000;
    }
 
    .divHeadLine2:before{
	    content:''; 
	    height:33px; 
	    width:2px; 
	    display:block; 
	    position:absolute; 
	    top:2px; 
	    left:4px; 
	    border-left: 4px solid #ff8c00;
    }
    /* ↑見出し2 */

    /* ↓本文1 */
    /*.divText01 span
    {
	    padding-left:15px;
	    font-size: 12pt;
    }*/
    .divText01
    {
	    padding-left:10px;
	    font-size: 12pt;
    }
    /* ↑本文1 */

    .lineHeight08
    {
        line-height:0.8em;
    }

    /* ↓文字1 */
    .lblText01
    {
	    font-size: 18pt;
    }
    /* ↑文字1 */
    /* ↓文字1 */
    .lblText01B
    {
	    font-size: 18pt;
        animation: blinkAnime 1s infinite alternate;
    }
    /* ↑文字1 */
    @keyframes blinkAnime{
   0% { color: #ff0000 }
 100% { color: #000000 }
}
    /* ↓文字2 */
    .lblText02
    {
	    font-size: 11pt;
    }
    /* ↑文字2 */
    /* ↓文字3 */
    .lblText03
    {
	    font-size: 18pt;
        color:#ff0000;
        font-weight:bold;
    }
    /* ↑文字3 */
    /* ↓文字4 */
    .lblText04
    {
	    font-size: 12pt;
    }
    /* ↑文字4 */
    .lblTextGoldColor
    {
        color:#9b5600
    }
    .lblText05
    {
	    font-size: 14pt;
        color:#9b5600;
    }
    .lblText06
    {
	    font-size: 20pt;
        color:#9b5600;
        font-weight:bold;
    }
    /* ↓文字7 */
    .lblTextRedColor
    {
        color:#ff0000;
    }
    /* ↑文字7 */
    .lblText08
    {
	    font-size: 10pt;
        color:#0969A2;
    }
    .lblText09
    {
	    font-size: 12pt;
    }
    .lblText10
    {
	    font-size: 11pt;
    }
    .lblText11
    {
        color:#333333
    }
    .lblText12
    {
	    font-size: 15pt;
    }
    .lblText18
    {
	    font-size: 18pt;
    }
    .lblTextpolicy
    {
	    font-size: 10pt;
        vertical-align:middle;
    }
    .lblTextFooterMini
    {
	    font-size: 11pt !important;
    }
    .TextUnderLine
    {
	    text-decoration:underline;
    }
    .TextBold
    {
        font-weight:bold;
    }

    .txtPoint1
    {
        color:#ff0000;
        font-weight:bold;
    }
    .txtPoint2
    {
        color:#0070c0;
        font-weight:bold;
    }
    .txtPoint3
    {
        color:#000000;
        font-weight:bold;
    }
    .txtPoint1Limit
    {
	    font-size: 10pt;
    }

    .spanText
    {
	    font-size: 13pt;
        color:#ff8c00;
        font-weight:bold;
        text-align:center;
    }


    /* ↓本文リンク1 */
    .spanTextLink01
    {
        border-top:1px solid #a9a9a9;
        border-bottom:1px solid #a9a9a9;
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:15px;
	    font-size: 11pt;
    }
    .spanTextLink01:hover 
    {
        background-color:#ffd664;
    }
    /* ↓本文リンク2 */
    .spanTextLink02
    {
        border-top:1px solid #a9a9a9;
        border-bottom:1px solid #a9a9a9;
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:15px;
	    font-size: 10pt;
    }
    .spanTextLink02:hover 
    {
        background-color:#ffd664;
    }
    .spanLinkKey
    {
        color:#ff8c00;
    }
    /* ↑本文リンク1 */
    /* ↓本文リンク2 */
    .divTextLink02
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffd88f), color-stop(1.00, #ffc04c));
        background: -webkit-linear-gradient(#ffd88f, #ffc04c);
        background: -moz-linear-gradient(#ffd88f, #ffc04c);
        background: -o-linear-gradient(#ffd88f, #ffc04c);
        background: -ms-linear-gradient(#ffd88f, #ffc04c);
        background: linear-gradient(to bottom,#ffd88f, #ffc04c);
    }
    .divTextLink02:hover 
    {
        background-color:#ffd664;
    }
    /* ↑本文リンク2 */
    /* ↓本文リンク3(1の下線のみ) */
    .spanTextLink03
    {
        border-bottom:1px solid #a9a9a9;
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:15px;
    }
    .spanTextLink03:hover 
    {
        background-color:#ffd664;
    }
    
        #tblSSL{
            width:70%;
            margin-left:auto;
            margin-right:auto;
        }
        .tblSSL-td1{
            width:130px;
        }
        .tblSSL-td2{
        }
        
    /* ↓枠1 */
    .divFrame01
    {
        width:90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        background-color:#ffffff;
        padding:10px;
    }
    .divFrame01-1
    {
        width:90%;
        margin-left:auto;
        margin-right:auto;
        padding:10px;
    }
    /* ↑枠1 */
    /* ↓枠2 */
    .divFrame02
    {
        width:90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow:2px 2px 1px #ccc;
        -moz-box-shadow:2px 2px 1px #ccc;
        -webkit-box-shadow:2px 2px 1px #ccc;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        background-color:#ffffff;
        padding:10px;
    }
    /* ↑枠2 */
    /* ↓枠3 */
    .divFrame03
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#9b5600;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(1.00, #c0c0c0));
        background: -webkit-linear-gradient(#dcdcdc, #c0c0c0);
        background: -moz-linear-gradient(#dcdcdc, #c0c0c0);
        background: -o-linear-gradient(#dcdcdc, #c0c0c0);
        background: -ms-linear-gradient(#dcdcdc, #c0c0c0);
        background: linear-gradient(to bottom,#dcdcdc, #c0c0c0);
    }
    /* ↑枠3 */
    /* ↓枠4 */
    .divFrame04
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background-color:#ffc04c;
    }
    /* ↑枠4 */
    /* ↓枠5 */
    .divFrame05
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background-color:#ffd88f;
    }
    /* ↑枠5 */
    .divFrameMsg
    {
        width:90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow:2px 2px 1px #ccc;
        -moz-box-shadow:2px 2px 1px #ccc;
        -webkit-box-shadow:2px 2px 1px #ccc;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        background-color:#ffffff;
        padding:10px;
        color:#333333;
	    font-weight: bold;
    }
    .divFrameInfoMsg
    {
        width:90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow:2px 2px 1px #ccc;
        -moz-box-shadow:2px 2px 1px #ccc;
        -webkit-box-shadow:2px 2px 1px #ccc;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        background-color:#b3f6b3;
        padding:10px;
        color:#333333;
	    font-weight: bold;
    }
    .divFrameErrMsg
    {
        width:90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow:2px 2px 1px #ccc;
        -moz-box-shadow:2px 2px 1px #ccc;
        -webkit-box-shadow:2px 2px 1px #ccc;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        background-color:#ffbaba;
        padding:10px;
        color:#ff4c4c;
	    font-weight: bold;
    }

    .lblMust
    {
	    padding:2px;
        background-color:#FF0000;
        color:#ffffff;
        font-size: 8pt;
        white-space: nowrap;
    }
    
    .tblDeliveryOrder{
        margin-left:auto;
        margin-right:auto;
    }
    .tblDeliveryOrder-tdImg{
        width:60px;
    }
    .tblDeliveryOrder-td1{
        width:120px;
    }
    .tblDeliveryOrder-td2{
    }
    .tblDeliveryOrder-td3{
        
    }
    .tblVisitReservation{
        margin-left:auto;
        margin-right:auto;
    }
    .tblVisitReservation-tdImg{
        width:60px;
    }
    .tblVisitReservation-td1{
        width:120px;
    }
    .tblVisitReservation-td2{
    }
    .tblVisitReservation-td3{
        
    }
    .tblHeatMapMain{
        margin-left:auto;
        margin-right:auto;
    }
    .tblHeatMapMain-tdImg{
        width:60px;
    }
    .tblHeatMapMain-td1{
    }
    
    .tblPoint{

    }
    .tblPoint-td1{
        width:50%;
        text-align:right;
    }
    .tblPoint-td2{
        width:100px; 
        text-align:center;
    }
    .tblPoint-td3{
    }

    .tblLPUseInfo{

    }
    .tblLPUseInfo-tr1{
        vertical-align:middle;
        line-height:0.9em;
    }

    .tblUse{
        width:100%;
        table-layout:fixed;
    }
    .tblUse-tr{
        vertical-align:middle; 
        /*height:80px;*/ 
        vertical-align:middle;
    }
    .tblUse-td1{
        width:50%; 
        text-align:right;
        padding-right:10%;
    }
    .tblUse-td2{
        white-space:nowrap;
    }

    .tblLPCO2{
        width:100%;
    }
    .tblLPCO2-td1{
        width:30%; 
        text-align:right; 
        line-height:0.8em;
    }
    .tblLPCO2-td2{
        width:20%; 
        text-align:right;
    }
    .tblLPCO2-td3{
    }
    .tblLPCO2-td4{
        width:30%; 
        text-align:right; 
        line-height:0.8em;
    }
    .tblLPCO2-td5{
        width:20%; 
        text-align:right
    }
    .tblLPCO2-td6{
        width:50%; 
        text-align:right;
    }
    .tblLPCO2-td7{
        text-align:left;
        white-space:nowrap;
    }

    .tblFrame01
    {
        width:100%;
        color:#9b5600;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #a9a9a9 solid;
        word-wrap: break-word;
        table-layout:fixed;
    }
    .tblFrame01-td01
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        width:50%;
	    padding-left:10%;
    }

    .tblFrame01-td01-K {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
    }
    .tblFrame01-td01-Blank {
        border-bottom: 1px #a9a9a9 solid;
        padding-top: 10px;
    }

    .tblFrame01-td02
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
    }
    .tblFrame01-td02-1
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        width:20%; 
        padding-right:10px; 
        text-align:right;
    }
    .tblFrame01-td02-w1
    {
        padding-left:10px;
        width:20%;
    } 

    .tblFrame01-td02-2
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        text-align:right;
        padding-right:80px;
    }
    .tblFrame01-td03
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        width:50%;
	    padding-left:10%;
    }
    .tblFrame01-td04
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:30px;
    }
    .tblFrame02
    {
        width:100%;
        color:#000000;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #a9a9a9 solid;
        word-wrap: break-word;
        table-layout:fixed;
    }
    .tblFrame02-td01
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        width:20%;
	    padding-left:10px;
        table-layout:fixed;
        font-size:10pt;
    }
    .tblFrame02-td01-span
    {
        font-size:12pt;
    } 
    .tblFrame02-td02
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        table-layout:fixed;
    }
    .tblFrame02-td03
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        width:120px;
	    padding-left:10px;
        table-layout:fixed;
    }
    .tblFrame02-td04
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        table-layout:fixed;
        width:100px;
    }

    .tblFrame04
    {
        width:100%;
        color:#ffffff;
        background-color:#9b5600;
	    border-bottom: 1px solid #a9a9a9;
        border-spacing: 0px;
    }
    .tblFrame04-td01 
    {
        padding-top:5px;
        padding-bottom:5px;
    }
    .tblFrame04-td02 
    {
        background-color:#fff;
    }
    .tblFrame05
    {
        width:100%;
        color:#ffffff;
        background-color:#ff8c00;
	    border-bottom: 1px solid #a9a9a9;
        border-spacing: 0px;
    }
    .tblFrame05-td01 
    {
        padding-top:5px;
        padding-bottom:5px;
    }
    .tblFrame05-td02 
    {
        background-color:#fff;
    }
    
    .tblFrame06-td01{
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:4px;
    }
    .tblFrame06-td01-w1{
        min-width:120px;
    }
    
    .tblFrame06-td01-w2{
        min-width:240px;
    }
    .tblFrame06-td02
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
    }
    .tblFrame06-FontMini
    {
        font-size:10pt;
        padding-top:4px;
        padding-bottom:4px;
        padding-right:4px;
    }
    .tblFrame06-rightLine
    {
        border-right: 1px #a9a9a9 solid;
    }
    .tblFrame07
    {
        width:100%;
        color:#000000;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #a9a9a9 solid;
        word-wrap: break-word;
        table-layout:fixed;
    }
    .tblFrame07-td01
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        width:45%;
	    padding-left:10px;
        table-layout:fixed;
        font-size:10pt;
    }
    .tblFrame07-td01-span
    {
        font-size:12pt;
    } 
    .tblFrame07-td01-spanX
    {
        font-size:10pt;
    } 
    .tblFrame07-td01X
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        width:45%;
	    padding-left:10px;
        table-layout:fixed;
        font-size:14pt;
    }
    .tblFrame07-td02
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
        table-layout:fixed;
    }

    .tdCenter
    {
        text-align:center;
    }
    .tdRight
    {
        text-align:right;
    }

    .divButton
    {
        margin-left:auto;
        margin-right:auto;
        display:block;
        position:relative;
	    background: #ff8c00;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #fff;
	    width: 97%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
	    padding-left:8px;
        text-align:center;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }
    .divButton:hover 
    {
        top: 2px;
        left: 2px;
	    background: #ffca88;
    }

    .divButtonLock
    {
        margin-left:auto;
        margin-right:auto;
        display:block;
        position:relative;
	    background: #999;
	    border-top: 1px solid #eee;
	    border-left: 1px solid #eee;
	    border-right: 1px solid #333;
	    border-bottom: 1px solid #333;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #fff;
	    width: 97%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
	    padding-left:8px;
        text-align:center;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    .tblCenter
    {
        width:90%;
        margin-left:auto;
        margin-right:auto;
        word-wrap: break-word;
        table-layout:fixed;
    }
    .tblCenter2
    {
        margin-left:auto;
        margin-right:auto;
        word-wrap: break-word;
        table-layout:fixed;
    }

    .tblCenter3
    {
        width:95%;
        margin-left:auto;
        margin-right:auto;
        word-wrap: break-word;
        table-layout:fixed;
    }

    .tblCenter3-td1
    {
        width:26%;
        text-align:center;
        vertical-align:middle;
        height:40px;
    }
    .tblCenter3-td2
    {
        width:42%;text-align:center;
        vertical-align:middle;
        height:40px;
        line-height:0.8em;
    }
    .tblCenter3-td3
    {
        width:26%;
        text-align:center;
        vertical-align:middle;
        height:40px;
    }
    .tblCenter3-tdBlank
    {
        width:3%;
        text-align:center;
        vertical-align:middle;
        height:40px;
    }

    .tblFrame03
    {
        color:#333;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #333 solid;
        word-wrap: break-word;
        table-layout:fixed;
    }

    .tblFrame03-td40
    {
        width:30px;
        font-size:10pt;
    }
    .tblFrame03-td20
    {
        width:20px;
        font-size:10pt;
    }
    .tblFrame03 th
    {
        background-color: #ccc;
        font-size:10pt;
    }

    .tblFrame03-trRed
    {
        background-color: #e6b9b8;
    }
    .tblFrame03-trBlue
    {
        background-color: #b9cde5;
    }

    .tblFrame03-tdCenter
    {
        text-align:center;
    }

    .NoDisplay
    {
        display:none;
    }

    .NoDisplay2 
    {
        visibility: hidden;
    }

    #imgLogo
    {
        vertical-align:middle;
    }
    #lblHCorpName
    {
        padding-left:2px;
        vertical-align:middle;
    }
    #hlTel
    {
        vertical-align:middle;
    }
    #ui-datepicker-div * {
        font-size: 9pt;
    }
    .datepicker{
        width:120px;
    }
    .datepicker2{
        width:120px;
    }
    #chartSampleDiv_info * {
        background-color:#ffffff;
        font-size:9pt;
        line-height:5px;
    }
    .cmbYear{
        width:80px;
    }
    .cmbMonth{
        width:60px;
    }
    .cmbDay{
        width:60px;
    }
    .oshirase{
        white-space:pre-wrap;
    }
    
    /* メインページの速報予約ボタン用 */
    .tblMSokuhoYosoku{
        margin-left:auto;
        margin-right:auto;
    }
    .tblMSokuhoYosoku-tdImg{
        width:60px;
    }
    .tblMSokuhoYosoku-td1{
        width:240px;
    }
    /* ↓本文リンク(ガス料金速報予測の水色) */
    .divTextLinkAqua
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0c4de), color-stop(1.00, #5f9ea0));
        background: -webkit-linear-gradient(#b0c4de, #5f9ea0);
        background: -moz-linear-gradient(#b0c4de, #5f9ea0);
        background: -o-linear-gradient(#b0c4de, #5f9ea0);
        background: -ms-linear-gradient(#b0c4de, #5f9ea0);
        background: linear-gradient(to bottom,#b0c4de, #5f9ea0);
    }
    .divTextLinkAqua:hover 
    {
        background-color:#5f9ea0;
    }
    /* ↑本文リンク(ガス料金速報予測の水色) */
    
    /* 速報予測画面用 */
    .tblSokuhoYosokuFrame{
        background-color:#FBE4D5;
        background-repeat:no-repeat;
        background-position-x:left;
        background-position-y:bottom;
        width:100%;
    }
    .tblSokuhoYosokuTDSP1{
        width:30%;
    }
    .tblSokuhoYosokuTDSP2{
        width:60%;
    }
    .tblSokuhoYosokuTDEN{
        width:100px;
    }
    .SokuhoYosokuTxt1{
        font-size:36pt;
        font-weight:bold;
    }
    .SokuhoYosokuTxt2{
        font-size:28pt;
        font-weight:bold;
    }
    .SokuhoYosokuTxt3{
        font-size:22pt;
    }
    .SokuhoYosokuTxt4{
        font-size:18pt;
    }
    .tblSokuhoYosoku{
        width:100%;
        border-collapse:collapse;
    }
    .tblSokuhoYosoku tr{
        height:42px;
        vertical-align:middle;
    }
    .tblSokuhoYosokuTD1{
    }
    .tblSokuhYosokuoTD2{
        border-bottom: 3px #808080 double;
        background-color:#FFF3CB;
    }
    .tblSokuhYosokuoTD3{
        border-bottom: 3px #808080 double;
        background-color:yellow;
    }        
    .tblSokuhoYosokuTR1 {
      background-image: repeating-linear-gradient(90deg, #000, #000 5px, transparent 0, transparent 8px);
      background-size: 8px 1px;
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    
    .tblSokuhoYosokuSub{
        width:100%;
        border-collapse:collapse;
    }
    .tblSokuhoYosokuSub td{
        background-color:#ccc;
        border-bottom: 2px #808080 dotted;
    }
    .webicon-color1{
        color:#6381B8;
    }
    .webicon-color2{
        color:#82AA66;
    }
    .webicon-color3{
        color:#D28654;
    }
    .triangle1{
      width: 0;
      height: 0;
      border-left: 10px solid black;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
    }
    .box{
      display: inline-block;
      /*font-size: 16px;*/
    }

    .boxContainer{
      font-size: 0;
    }
    
    /* ステップ */
    .tblStep
    {
        margin-left:auto;
        margin-right:auto;
        word-wrap: break-word;
        table-layout:fixed;
    }
    .tblStepDivTextON
    {
        background: #ffffff;
        border-top: 4px solid #ff8c00;
        border-left: 4px solid #ff8c00;
        border-right: 4px solid #ff8c00;
        border-bottom: 4px solid #ff8c00;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #ff8c00;
        font-weight: bold;
        font-size: 14pt;
        padding: 6px 10px 0px 10px;
        width:60px;
        height:30px;
        box-sizing:content-box;
    }
    .tblStepDivTextOFF
    {
        background: #ff8c00;
        border-top: 4px solid #ff8c00;
        border-left: 4px solid #ff8c00;
        border-right: 4px solid #ff8c00;
        border-bottom: 4px solid #ff8c00;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #ffffff;
        font-weight: bold;
        font-size: 14pt;
        padding: 6px 10px 0px 10px;
        width:60px;
        height:30px;
        box-sizing:content-box;
    }
    .tblStepDivTextArrow
    {
        width: 0;
        height: 0;
        border-left: 10px solid #ff8c00;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    
    .fasText{
        position: relative;
        font-weight:normal;
    }
    .fasText p{
        color: #000;
        font-weight: bold;
        padding:0;
        margin-top:2px;
    }
    .fasText span{
        position: absolute;
        color: #000;
        top: 38px;
        left: 0;
        font-size: 5pt;
        font-weight:normal;
        padding:0;
        margin:0;
    }
    .fasIconSize{
        font-size:1.8em;
    }
    .fasIconSizeArrow{
        font-size:2.0em;
        left: 14px;
    }
    .webicon-color4{
        color:#000000;
    }
    .fasIconSizeTel{
        font-size:0.8em;
        left: 14px;
    }
    .fasIconFontSize4{
        font-size:4pt;
    }
    .fasIconFontSize5{
        font-size:5pt;
    }
    .fasIconFontSize6{
        font-size:6pt;
    }
        /* ↓ヒートマップ */
    .tblHeatMap{
        margin-left:auto;
        margin-right:auto;
        width:90%;
        border-collapse:collapse;
    }
    .tblHeatMap span{
        font-size:12pt;
    }
    .tblHeatMap-Week{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        width:10%;
    }

    .tblHeatMap-WeekNow{        
        background: #9BC2E6;
        border-top: 1px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-WeekNowTop{        
        background: #9BC2E6;
        border-top: 2px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-WeekNowBtm{        
        background: #9BC2E6;
        border-top: 1px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        text-align:center;
    }
    .tblHeatMap-TimeNow{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeNowTop{        
        background: #fff;
        border-top: 1px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeNowBtm{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    
    .tblHeatMap-TimeLeft{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeLeftTop1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-TimeLeftTop2{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeLeftBtm1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-TimeLeftBtm2{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }

    .tblHeatMap-TimeRight{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeRightTop1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-TimeRightTop2{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeRightBtm1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-TimeRightBtm2{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    
    .tblHeatMap-Time{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeTop{        
        background: #fff;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
    }
    .tblHeatMap-TimeBtm{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .HeatMapMsg{
        font-size:12pt;
    }
    .HeatMapTitle{
        font-size:13pt;
        font-weight:bold;
    }
    .HeatMapColor0{
        background:#ffffff;
    }
    .HeatMapColor1{
        background:#ffff00;
    }
    .HeatMapColor501{
        background:#ffe100;
    }
    .HeatMapColor1001{
        background:#ffc800;
    }
    .HeatMapColor2001{
        background:#ffaf00;
    }
    .HeatMapColor4001{
        background:#ff7d00;
    }
    .HeatMapColor10001{
        background:#ff4b00;
    }
    .divTextLinkHeatMap
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background-image: linear-gradient(90deg, #ff4b00 0%, #ff7d00 19%, #ffaf00 39%, #ffaf00 60%, #ff7d00 80%, #ff4b00 100%);
        background-color: #ff4b00;
    }
    .divTextLinkHeatMap:hover 
    {
        background-color:#ff4b00;
    }
    .divMeterRecordTitle{
        margin-left:auto;
        margin-right:auto;
        width:90%;
    }
    .divMeterRecordBody{
        margin-left:auto;
        margin-right:auto;
        width:90%;
        height:250px;
        overflow-y:scroll;
    }
    /* ↑ヒートマップ */
    
    /* ↓検針履歴 */
    .gvMeterRecord{
        margin-left:auto;
        margin-right:auto;
        width:100%;
        border-collapse:collapse;
    }
    .gvMeterRecord td{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
    }
    .gvMeterRecordTd1{
        width:20%;
    }
    .gvMeterRecordTd2{
        width:30%;
    }
    .gvMeterRecordTd3{
        width:10%;
    }
    .gvMeterRecordTd5{
        width:10%;
    }
    .divMeterRecordBodyOn{
        height:250px;
        overflow-y:scroll;
    }
    .divMeterRecordBodyOff{
        height:0px;
    }
    /* ↑検針履歴 */
  
    /* ↓決済明細 */
    .pnlCCardPaymentList{
        width:100%;
        background-color:red;
    }   
    .tblCCardPaymentListHead{
        width:100%;
        border-collapse:collapse;
    }
    .tblCCardPaymentListHead-TD1{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        width:20%;
    }
    .tblCCardPaymentListHead-TD2{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        width:40%;
    }
    .tblCCardPaymentListHead-TD3{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
        width:20%;
    }
    .tblCCardPaymentListHead-TD4{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        font-size:11pt;
        text-align:right;
        padding-right:1em;
    }
    .divCCardPaymentListBody{
        width:100%;
        background-color:#C5E0B2;
    }
    .divCCardPaymentListBodyOn{
        height:430px;
        overflow-y:scroll;
        /*background-color:#f5f5f5;*/
        background-color:#B3B3B3;
    }
    .divCCardPaymentListBodyOff{
        height:0px;
    }
    .tblCCardPaymentListBody{
        width:100%;
    }
    .tblRowCCardPaymentListBody-TD{
        border-top: 0px;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
    }
    .tblRowCCardPaymentListBody-TDColor1{
        /*background-color:#C5E0B2;*/
        /*background-color:#f5f5f5;*/
        background-color:white;
    }
    .tblCCardPaymentListBodySub{
        font-weight:normal;
        width:100%;
        table-layout:fixed;
    }
    .tblCCardPaymentListBodySub-TD1{
        width:20%;
    }
    .tblCCardPaymentListBodySub-TD2{
        width:40%;
        text-align:right;
        padding-right:1em;
    }
    .tblCCardPaymentListBodySub-TD4{
        width:60%;
        word-wrap:break-word;
    }
    .tblCCardPaymentListBodySub-TD5{
        text-align:right;
        padding-right:1em;
        font-size:11pt;
    }
    /* ↑決済明細 */
    /* ↓お知らせ */
    .pnlInfoList{
        width:100%;
        background-color:red;
    }   
    .tblInfoListHead{
        width:100%;
        border-collapse:collapse;
    }
    .tblInfoListHead-TD1{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        width:20%;
    }
    .tblInfoListHead-TD2{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        width:80%;
    }
    .tblInfoListHead-TD3{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
        width:20%;
    }
    .tblInfoListHead-TD4{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        font-size:11pt;
        text-align:right;
        padding-right:1em;
    }
    .divInfoListBody{
        width:100%;
        background-color:#C5E0B2;
    }
    .divInfoListBodyOn{
        height:430px;
        overflow-y:scroll;
        /*background-color:#f5f5f5;*/
        background-color:#B3B3B3;
    }
    .divInfoListBodyOff{
        height:0px;
    }
    .tblInfoListBody{
        width:100%;
    }
    .tblRowInfoListBody-TD{
        border-top: 0px;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
    }
    .tblRowInfoListBody-TDColor1{
        /*background-color:#C5E0B2;*/
        /*background-color:#f5f5f5;*/
        background-color:white;
    }
    .tblInfoListBodySub{
        font-weight:normal;
        width:100%;
        table-layout:fixed;
    }
    .tblInfoListBodySub-TD1{
        width:20%;
    }
    .tblInfoListBodySub-TD2{
        width:80%;
        /*text-align:right;*/
        padding-right:1em;
    }
    .tblInfoListBodySub-TD2-RED{
        width:80%;
        /*text-align:right;*/
        padding-right:1em;
        color:red;
    }
    .tblInfoListBodySub-TD4{
        width:60%;
        word-wrap:break-word;
    }
    .tblInfoListBodySub-TD5{
        text-align:right;
        padding-right:1em;
        font-size:11pt;
    }
    /* ↑お知らせ */

    /* ↓ハンバーガーメニュー */
    .pnlHmb-cssA{
        margin-left:auto;
        margin-right:auto;
        color: #000000;
    }
    .pnlHmb-header-area{
     position: fixed;
    }
    .pnlHmb-hamburger{
      width: 40px;
      height: 25px;
      position: relative;
      transition: .5s;/* 追記 */
      z-index:1;
      top: 25px;
    }
    .pnlHmb-hamburger span{
      position: absolute;
      width: 100%;
      height: 4px;
      background-color: #000000;
	  font-weight: bold;
      transition: .5s;
    }
    .pnlHmb-hamburger span:first-of-type{/* ハンバーガーメニューの1番目の線 */
      top: 0;
    }
    .pnlHmb-hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
      top: 50%;
    }
    .pnlHmb-hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
      top: 100%;
    }
    .pnlHmb-slide-menu{
      background-color: rgba(233, 113, 50, .8);
      position: fixed;
      top: 77px;
      width: 60%;
      left: 40%;
      transform: translateX(100%);
      z-index:1;
      list-style: none;
    }
    .pnlHmb-listA{
      color: #000;
	  font-weight: bold;
      line-height: 200%;
      text-align: center;
      background-color: rgba(247, 213, 205, .8);
    }
    .pnlHmb-listB{
      color: #000;
	  font-weight: bold;
      line-height: 200%;
      text-align: center;
      background-color: rgba(251, 235, 232, .8);
    }
    .pnlHmb-listC{
      color: #000;
	  font-weight: bold;
      line-height: 200%;
      text-align: center;
      background-color: rgba(233, 113, 50, .8);
    }
    .pnlHmb-hamburger.active{
      transform: rotateY(360deg);
    }
    .pnlHmb-hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
      top: 50%;
      transform: rotate(45deg);
    }
    .pnlHmb-hamburger.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
      opacity: 0;
    }
    .pnlHmb-hamburger.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
      top: 50%;
      transform: rotate(-45deg);
    }
    .pnlHmb-slide-menu.active{
      transform: translateX(0);
      left: 20%;
    }
    /* ↑ハンバーガーメニュー */
    .new-label {
        background-color: red;
        color: yellow;
        padding: 2px 5px;
        border-radius: 3px;
        font-weight: bold;
    }
}


/****************************************************************/
/*                  スマートフォン・タブレット用                  */
/****************************************************************/

@media screen and (max-width: 450px) {
    * {
        font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ","Meiryo","sans-srif";
        font-size: 14pt;
    }
    
    *:focus {
        outline: none;
    }

    body {
        background-color: #f5f5f5;
        padding: 0;
        margin: 0;
        color: #000000;
    }

    .divFrameBack{
        padding:0; 
        margin:0; 
        width:100%; 
    }

    /* ↓大枠 */
    .divFrame00
    {
        width:100%;
    }

    a {
        text-decoration: none;
        /*color:#17567b;*/
        color: #000000;
        font-weight: bold;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    input,
    button {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

        input[type="submit"] {
            -webkit-appearance: none;
        }

    select {
        width: 90%;
    }

    .selectYM {
        width: 34%;
    }
    .selectYM2 {
        max-width: 90px;
    }

    input[type="text"], [type="password"], [type="tel"], [type="Email"], [type="number"] {
        border: 1px #808080 solid;
    }

    .txt1 {
        width: 200px;
    }
    .txt1Full {
        width:95%;
    }
    .txt2 {
        width: 54px;
    }

    .txt3 {
        width: 70px;
    }

    .txt4 {
        width: 90%;
    }
    .txt5
    {
        width:100px;
    }
    .txt6 {
        width: 40px;
        font-size:11pt;
    }

    .txtMultiLine {
        width: 90%;
    }
    .txtMultiLineFull {
        width: 95%;
    }

    .txtErrStyle {
        background-color: #ffbaba;
    }

    .txtMeter1 {
        border: 2px #346191 solid !important;
        width: 90px;
        font-size: 24pt;
        text-align: right;
        color: #346191;
        ime-mode: inactive;
    }

    .txtMeter2 {
        border: 2px #87a157 solid !important;
        width: 24px;
        font-size: 24pt;
        text-align: right;
        color: #87a157;
        ime-mode: inactive;
    }

    .TextAlignRight {
        text-align: right;
    }

    .LabelBlock {
        display: inline-block;
    }

    .LabelText1 {
        font-weight: bold;
        white-space: nowrap;
        border: 1px solid;
    }

    .LabelText2 {
        border: 1px solid;
        display: block;
        font-weight: bold;
        word-wrap: break-word;
    }

    .LabelText3 {
        font-weight: bold;
        white-space: nowrap;
    }

    .imeZen {
        ime-mode: active;
    }

    .imeHan {
        ime-mode: inactive;
    }

    .imgStep {
        max-width: 395px;
        width: 100%;
    }

    .imgGusMeter {
        max-width: 400px;
        width: 100%;
    }

    .btn1 {
        position: relative;
        background: #ff8c00;
        border-top: 1px solid #ffe4b5;
        border-left: 1px solid #ffe4b5;
        border-right: 1px solid #b8860b;
        border-bottom: 1px solid #b8860b;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #fff;
        font-weight: bold;
        font-size: 12pt;
        padding: 5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
    }

        .btn1:hover {
            top: 2px;
            left: 2px;
            background: #ffa639;
        }

    .btn1-w1 {
        width: 200px;
    }

    .btn1-w2 {
        width: 80px;
        top: 0px;
        left: 0px;
    }

    .btn1-w3 {
        width: 80%;
    }

    .btn2 {
        position: relative;
        background: #ffb964;
        border-top: 1px solid #ffe4b5;
        border-left: 1px solid #ffe4b5;
        border-right: 1px solid #b8860b;
        border-bottom: 1px solid #b8860b;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #915000;
        width: 60%;
        font-weight: bold;
        font-size: 12pt;
        padding: 5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
        top: 0px;
        left: 3px;
    }

        .btn2:hover {
            top: 2px;
            left: 2px;
            background: #ffca88;
        }

    .btn2-w80 {
        width: 80%;
    }
    
        .btn3 {
        position: relative;
        background: #ff8c00;
        border-top: 1px solid #ffe4b5;
        border-left: 1px solid #ffe4b5;
        border-right: 1px solid #b8860b;
        border-bottom: 1px solid #b8860b;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #fff;
        font-weight: bold;
        font-size: 12pt;
        padding: 5px 0;
        top:12px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
    }

    .btn3:hover {
        top: 14px;
        left: 2px;
        background: #ffa639;
    }
    
   .btn2A
    {
        position:relative;
	    background: #0099FF;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #FFFFFF;
	    width: 60%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
        top: 0px;
        left: 3px;
    }

   .btn2B
    {
        position:relative;
	    background: #AAAAAA;
	    border-top: 1px solid #ffe4b5;
	    border-left: 1px solid #ffe4b5;
	    border-right: 1px solid #b8860b;
	    border-bottom: 1px solid #b8860b;
	    border-radius: 8px;
	    -moz-border-radius: 8px;
	    -webkit-border-radius: 8px;
	    color: #FFFFFF;
	    width: 60%;
	    font-weight: bold;
	    font-size: 12pt;
        padding:5px 0;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        word-wrap: break-word;
        top: 0px;
        left: 3px;
    }

.chkbox input[type=checkbox] {
    transform: scale(1.6);
}

    /* ↓ヘッダー */
    #divHeader {
        width: 100%;
        word-wrap: break-word;
    }

    #tblHeader {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0px;
        padding: 0;
        margin: 0;
        /*background-color: #ff8c00;*/
        word-wrap: break-word;
        table-layout: fixed;
    }

    #tblHeader_tr {
        /*background-color: #ff8c00;*/
        color: #ffffff;
        padding: 0;
        margin: 0;
        vertical-align: middle;
        height: 40px;
        font-size: 10pt;
    }
    .tblHrader_bgColor{
        background-color:#ff8c00;
    }
    .tblHrader_bgColor_dTurquoise{
        background-color:#00ced1;
    }
    /*#tblHeader-tdLogo
{
    width:31px;
}*/
    /*#tblHeader-tdLogo span
{
	font-size: 10pt;
    padding-left:10px;
}
    */
    #tblHeader_tdLogo span {
        font-size: 16pt;
        font-weight: bold;
    }

    #tblHeader_tdTel {
        width: 40px;
        /*padding-right:2px;*/
    }
    /* ↑ヘッダー */

    /* ↓ログイン情報 */
    #divLoginInfo {
        width: 100%;
    }

    #tblLoginInfo {
        width: 90%;
        border-collapse: separate;
        border-spacing: 0px;
        padding: 0;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        word-wrap: break-word;
        table-layout: fixed;
    }

    #tblLoginInfo-tr {
        vertical-align: bottom;
        height: 50px;
    }

    #lblUserName {
        font-weight: bold;
        font-size: 14pt !important;
    }
    /* ↑ログイン情報 */


    /* ↓フッター */
    #divFooter {
        padding-top: 20px;
        width: 100%;
    }

    #tblFooter {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0px;
        padding: 0;
        margin: 0;
        word-wrap: break-word;
        table-layout: fixed;
    }

    #tblFooter-tr {
        background-color: #ff8c00;
        color: #ffffff;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        line-height: 0.9em;
    }

        #tblFooter-tr span {
            font-size: 13pt;
        }
    /* ↑フッター */


    /* ↓ライン1 */
    .hr1 {
        border-top: 1px solid #a9a9a9;
        width: 100%;
    }
    /* ↑ライン1 */
    /* ↓ライン2 */
    .hr2 {
        border-top: 4px solid #ff8c00;
        width: 100%;
        margin: 0;
    }
    /* ↑ライン2 */

    /* ↓空行1 */
    .divBlank1 {
        height: 5px;
    }
    /* ↑空行1 */
    /* ↓空行2 */
    .divBlank2 {
        height: 10px;
    }
    /* ↑空行2 */
    /* ↓空行3 */
    .divBlank3 {
        height: 2px;
    }
    /* ↑空行3 */

    /* ↓画像 */
    .imgMiddle {
        vertical-align: middle;
    }
    /* ↑画像 */



    /* ↓見出し１ */
    .divHeadLine {
        position: relative;
        padding: 9px;
        padding-left: 15px;
        font-weight: bold;
        font-size: 14pt;
        color: #000;
    }

        .divHeadLine:before {
            content: '';
            height: 28px;
            width: 2px;
            display: block;
            position: absolute;
            top: 5px;
            left: 4px;
            border-left: 4px solid #ff8c00;
        }
    /* ↑見出し１ */

    #ContentPlaceHolder1_lblHeadLine {
        font-size: 12pt;
    }
    /* ↓見出し2 */
    .divHeadLine2 {
        position: relative;
        padding: 9px;
        padding-left: 15px;
        font-weight: bold;
        font-size: 12pt;
        color: #000;
    }

        .divHeadLine2:before {
            content: '';
            height: 33px;
            width: 2px;
            display: block;
            position: absolute;
            top: 2px;
            left: 4px;
            border-left: 4px solid #ff8c00;
        }
    /* ↑見出し2 */

    /* ↓本文1 */
    /*.divText01 span
{
	padding-left:15px;
	font-size: 12pt;
}*/
    .divText01 {
        padding-left: 10px;
        font-size: 12pt;
    }
    /* ↑本文1 */

    .lineHeight08 {
        line-height: 0.8em;
    }

    /* ↓文字1 */
    .lblText01 {
        font-size: 14pt;
    }
    /* ↑文字1 */
    /* ↓文字1 */
    .lblText01B {
        font-size: 14pt;
        animation: blinkAnime 2s infinite alternate;
    }
    /* ↑文字1 */
    @keyframes blinkAnime{
  0% { color: #ff0000 }
 100% { color: #000000 }
}
    /* ↓文字2 */
    .lblText02 {
        font-size: 10pt;
    }
    /* ↑文字2 */
    /* ↓文字3 */
    .lblText03 {
        font-size: 14pt;
        color: #ff0000;
        font-weight: bold;
    }
    /* ↑文字3 */
    /* ↓文字4 */
    .lblText04 {
        font-size: 8pt;
    }
    /* ↑文字4 */
    .lblTextGoldColor {
        color: #9b5600;
    }

    .lblText05 {
        font-size: 13pt;
        color: #9b5600;
    }

    .lblText06 {
        font-size: 20pt;
        color: #9b5600;
        font-weight: bold;
    }
    /* ↓文字7 */
    .lblTextRedColor {
        color: #ff0000;
    }
    /* ↑文字7 */
    .lblText08 {
        font-size: 8pt;
        color: #0969A2;
    }

    .lblText09 {
        font-size: 12pt;
    }

    .lblText10 {
        font-size: 9pt;
    }

    .lblText11 {
        color: #333333;
    }

    .lblText12 {
        font-size: 15pt;
    }

    .lblText18 {
        font-size: 18pt;
    }

    .lblTextpolicy {
        font-size: 8pt;
        vertical-align: middle;
    }

    .lblTextFooterMini {
        font-size: 11pt !important;
    }

    .TextUnderLine {
        text-decoration: underline;
    }

    .TextBold {
        font-weight: bold;
    }

    .txtPoint1 {
        color: #ff0000;
        font-weight: bold;
    }

    .txtPoint2 {
        color: #0070c0;
        font-weight: bold;
    }

    .txtPoint3 {
        color: #000000;
        font-weight: bold;
    }

    .txtPoint1Limit {
        font-size: 8pt;
    }

    .spanText {
        font-size: 13pt;
        color: #ff8c00;
        font-weight: bold;
        text-align: center;
    }


    /* ↓本文リンク1 */
    .spanTextLink01 {
        border-top: 1px solid #a9a9a9;
        border-bottom: 1px solid #a9a9a9;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        font-size: 11pt;
    }

        .spanTextLink01:hover {
            background-color: #ffd664;
        }
    /* ↓本文リンク2 */
    .spanTextLink02 {
        border-top: 1px solid #a9a9a9;
        border-bottom: 1px solid #a9a9a9;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        font-size: 10pt;
    }

        .spanTextLink02:hover {
            background-color: #ffd664;
        }

    .spanLinkKey {
        color: #ff8c00;
    }
    /* ↑本文リンク1 */
    /* ↓本文リンク2 */
    .divTextLink02 {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 8px;
        color: #000000;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffd88f), color-stop(1.00, #ffc04c));
        background: -webkit-linear-gradient(#ffd88f, #ffc04c);
        background: -moz-linear-gradient(#ffd88f, #ffc04c);
        background: -o-linear-gradient(#ffd88f, #ffc04c);
        background: -ms-linear-gradient(#ffd88f, #ffc04c);
        background: linear-gradient(to bottom,#ffd88f, #ffc04c);
    }

        .divTextLink02:hover {
            background-color: #ffd664;
        }
    /* ↑本文リンク2 */
    /* ↓本文リンク3(1の下線のみ) */
    .spanTextLink03 {
        border-bottom: 1px solid #a9a9a9;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
    }

        .spanTextLink03:hover {
            background-color: #ffd664;
        }

        #tblSSL{
            width:80%;
            margin-left:auto;
            margin-right:auto;
        }
        .tblSSL-td1{
            padding-left:2px;
        }
        .tblSSL-td2{

        }

    /* ↓枠1 */
    .divFrame01 {
        width: 90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        background-color: #ffffff;
        padding: 10px;
    }

    .divFrame01-1 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px;
    }
    /* ↑枠1 */
    /* ↓枠2 */
    .divFrame02 {
        width: 90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow: 2px 2px 1px #ccc;
        -moz-box-shadow: 2px 2px 1px #ccc;
        -webkit-box-shadow: 2px 2px 1px #ccc;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        background-color: #ffffff;
        padding: 10px;
    }
    /* ↑枠2 */
    /* ↓枠3 */
    .divFrame03 {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 8px;
        color: #9b5600;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(1.00, #c0c0c0));
        background: -webkit-linear-gradient(#dcdcdc, #c0c0c0);
        background: -moz-linear-gradient(#dcdcdc, #c0c0c0);
        background: -o-linear-gradient(#dcdcdc, #c0c0c0);
        background: -ms-linear-gradient(#dcdcdc, #c0c0c0);
        background: linear-gradient(to bottom,#dcdcdc, #c0c0c0);
    }
    /* ↑枠3 */
    /* ↓枠4 */
    .divFrame04 {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 8px;
        color: #000000;
        background-color: #ffc04c;
    }
    /* ↑枠4 */
    /* ↓枠5 */
    .divFrame05 {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 8px;
        color: #000000;
        background-color: #ffd88f;
    }
    /* ↑枠5 */
    .divFrameMsg {
        width: 90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow: 2px 2px 1px #ccc;
        -moz-box-shadow: 2px 2px 1px #ccc;
        -webkit-box-shadow: 2px 2px 1px #ccc;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        background-color: #ffffff;
        padding: 10px;
        color: #333333;
        font-weight: bold;
    }

    .divFrameInfoMsg {
        width: 90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow: 2px 2px 1px #ccc;
        -moz-box-shadow: 2px 2px 1px #ccc;
        -webkit-box-shadow: 2px 2px 1px #ccc;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        background-color: #b3f6b3;
        padding: 10px;
        color: #333333;
        font-weight: bold;
    }

    .divFrameErrMsg {
        width: 90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px #a9a9a9 solid;
        box-shadow: 2px 2px 1px #ccc;
        -moz-box-shadow: 2px 2px 1px #ccc;
        -webkit-box-shadow: 2px 2px 1px #ccc;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        background-color: #ffbaba;
        padding: 10px;
        color: #ff4c4c;
        font-weight: bold;
    }

    .lblMust {
        padding: 2px;
        background-color: #FF0000;
        color: #ffffff;
        font-size: 8pt;
        white-space: nowrap;
    }
    
    .tblDeliveryOrder{
        
    }
    .tblDeliveryOrder-tdImg{
        width:44px;
    }
    .tblDeliveryOrder-td1{
        width:106px;
    }
    .tblDeliveryOrder-td2{
        line-height:0.8em;
    }
    .tblDeliveryOrder-td3{
        
    }
    
    .tblVisitReservation{
        
    }
    .tblVisitReservation-tdImg{
        width:44px;
    }
    .tblVisitReservation-td1{
        width:106px;
    }
    .tblVisitReservation-td2{
        line-height:0.8em;
    }
    .tblVisitReservation-td3{
        
    }
    .tblHeatMapMain{
    }
    .tblHeatMapMain-tdImg{
        width:44px;
    }
    .tblHeatMapMain-td1{
    }

    .tblPoint{

    }
    .tblPoint-td1{

    }
    .tblPoint-td2{
        width:100px; 
        text-align:right;
    }
    .tblPoint-td3{
        width:70px; 
        text-align:right;
    }
    
    .tblLPUseInfo{

    }
    .tblLPUseInfo-tr1{
        vertical-align:middle;
        line-height:0.8em;
    }

    .tblUse{
        width:100%;
        table-layout:fixed;
    }
    .tblUse-tr{
        vertical-align:middle; 
        /*height:80px;*/ 
        vertical-align:middle;
    }
    .tblUse-td1{
        width:40%; 
        text-align:right;
    }
    .tblUse-td2{
        text-align:center;
        white-space:nowrap;
        min-width:140px;
    }

    .tblLPCO2{

    }
    .tblLPCO2-td1{
        width:57px; 
        text-align:right; 
        line-height:0.8em;
    }
    .tblLPCO2-td2{
        text-align:right
    }
    .tblLPCO2-td3{
        width:1px;
    }
    .tblLPCO2-td4{
        width:40px; 
        text-align:right; 
        line-height:0.8em;
    }
    .tblLPCO2-td5{
        text-align:right
    }
    .tblLPCO2-td6{
        /*text-align:right; 
        padding-right:10px;*/
        width:50%; 
        text-align:right;
    }
    .tblLPCO2-td7{
        /*padding-left:10px;
        text-align:left;*/
        text-align:left;
        white-space:nowrap;
    }

    .tblFrame01 {
        width: 100%;
        color: #9b5600;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #a9a9a9 solid;
        word-wrap: break-word;
        table-layout: fixed;
    }

    .tblFrame01-td01 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 180px;
        padding-left: 10px;
    }
    .tblFrame01-td01-K {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
    }
    .tblFrame01-td01-Blank {
        border-bottom: 1px #a9a9a9 solid;
        padding-top: 10px;
    }

    .tblFrame01-td02 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tblFrame01-td02-w1
    {
        width:50px;
    }

    .tblFrame01-td02-2
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        text-align:right;
        padding-right:20px;
    }

    .tblFrame01-td03 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 160px;
        padding-left: 10px;
    }
    .tblFrame01-td04
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:10px;
    }

    .tblFrame02 {
        width: 100%;
        color: #000000;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #a9a9a9 solid;
        word-wrap: break-word;
        table-layout: fixed;
    }

    .tblFrame02-td01 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 70px;
        padding-left: 10px;
        table-layout: fixed;
        font-size: 10pt;
    }

    .tblFrame02-td01-span {
        font-size: 12pt;
    }

    .tblFrame02-td02 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        table-layout: fixed;
    }

    .tblFrame02-td03 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 120px;
        padding-left: 10px;
        table-layout: fixed;
    }
    .tblFrame02-td04 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        table-layout: fixed;
        width: 40px;
    }

    .tblFrame04 {
        width: 100%;
        color: #ffffff;
        background-color: #9b5600;
        border-bottom: 1px solid #a9a9a9;
        border-spacing: 0px;
    }

    .tblFrame04-td01 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tblFrame04-td02 {
        background-color: #fff;
    }

    .tblFrame05 {
        width: 100%;
        color: #ffffff;
        background-color: #ff8c00;
        border-bottom: 1px solid #a9a9a9;
        border-spacing: 0px;
    }

    .tblFrame05-td01 {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tblFrame05-td02 {
        background-color: #fff;
    }
    
    .tblFrame06-td01{
        border-bottom: 1px #a9a9a9 solid;
        background-color:#dcdcdc;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:4px;
    }
    .tblFrame06-td01-w1{
        width:90px;
    }
    
    .tblFrame06-td01-w2{
        width:120px;
    }
    .tblFrame06-td02
    {
        border-bottom: 1px #a9a9a9 solid;
        background-color:#fff;
        padding-top:10px;
        padding-bottom:10px;
    }
    .tblFrame06-FontMini
    {
        font-size:10pt;
        padding-top:4px;
        padding-bottom:4px;
        padding-right:4px;
    }
    .tblFrame06-rightLine
    {
        border-right: 1px #a9a9a9 solid;
    }
    .tblFrame07 {
        width: 100%;
        color: #000000;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #a9a9a9 solid;
        word-wrap: break-word;
        table-layout: fixed;
    }

    .tblFrame07-td01 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 45%;
        padding-left: 10px;
        table-layout: fixed;
        font-size: 10pt;
    }

    .tblFrame07-td01X {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 45%;
        padding-left: 10px;
        table-layout: fixed;
        font-size: 14pt;
    }

    .tblFrame07-td01-span {
        font-size: 12pt;
    }
    .tblFrame07-td01-spanX {
        font-size: 10pt;
    }

    .tblFrame07-td02 {
        border-bottom: 1px #a9a9a9 solid;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        table-layout: fixed;
    }

    .tdCenter
    {
        text-align:center;
    }
    .tdRight
    {
        text-align:right;
    }

    .divButton {
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
        background: #ff8c00;
        border-top: 1px solid #ffe4b5;
        border-left: 1px solid #ffe4b5;
        border-right: 1px solid #b8860b;
        border-bottom: 1px solid #b8860b;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #fff;
        width: 97%;
        font-weight: bold;
        font-size: 12pt;
        padding: 5px 0;
        padding-left: 8px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

        .divButton:hover {
            top: 2px;
            left: 2px;
            background: #ffca88;
        }

    .divButtonLock {
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
        background: #999;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #fff;
        width: 97%;
        font-weight: bold;
        font-size: 12pt;
        padding: 5px 0;
        padding-left: 8px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    }

    .tblCenter {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        word-wrap: break-word;
        table-layout: fixed;
    }

    .tblCenter2 {
        margin-left: auto;
        margin-right: auto;
        word-wrap: break-word;
        table-layout: fixed;
    }

    .tblCenter3 {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        word-wrap: break-word;
        table-layout: fixed;
    }
    .tblCenter3-td1
    {
        width:26%;
        text-align:center;
        vertical-align:middle;
        height:40px;
    }
    .tblCenter3-td2
    {
        width:42%;text-align:center;
        vertical-align:middle;
        height:40px;
        line-height:0.8em;
    }
    .tblCenter3-td3
    {
        width:26%;
        text-align:center;
        vertical-align:middle;
        height:40px;
    }
    .tblCenter3-tdBlank
    {
        width:3%;
        text-align:center;
        vertical-align:middle;
        height:40px;
    }

    .tblFrame03 {
        color: #333;
        border-collapse: separate;
        border-spacing: 0px;
        border-top: 1px #333 solid;
        word-wrap: break-word;
        table-layout: fixed;
    }

    .tblFrame03-td40 {
        width: 30px;
        font-size: 10pt;
    }

    .tblFrame03-td20 {
        width: 20px;
        font-size: 10pt;
    }

    .tblFrame03 th {
        background-color: #ccc;
        font-size: 10pt;
    }

    .tblFrame03-trRed {
        background-color: #e6b9b8;
    }

    .tblFrame03-trBlue {
        background-color: #b9cde5;
    }

    .tblFrame03-tdCenter {
        text-align: center;
    }

    .NoDisplay {
        display: none;
    }

    .NoDisplay2 {
        visibility: hidden;
    }

    #imgLogo {
        vertical-align: middle;
    }

    #lblHCorpName {
        padding-left: 2px;
        vertical-align: middle;
    }

    #hlTel {
        vertical-align: middle;
    }
    #ui-datepicker-div * {
        font-size: 10pt;
    }
    .datepicker{
        width:120px;
    }
    .datepicker2{
        width:120px;
    }
    #chartSampleDiv_info * {
        background-color:#ffffff;
        font-size:9pt;
    }
    #chartSampleDiv_info p {
        line-height:5px;
    }
    
    .cmbYear{
        width:80px;
        font-size:11pt;
    }
    .cmbMonth{
        width:60px;
        font-size:11pt;
    }
    .cmbDay{
        width:60px;
        font-size:11pt;
    }

    .oshirase{
        white-space:pre-wrap;
    }
        /* ↓本文リンク(ガス料金速報予測の水色) */
    .divTextLinkAqua
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b0c4de), color-stop(1.00, #5f9ea0));
        background: -webkit-linear-gradient(#b0c4de, #5f9ea0);
        background: -moz-linear-gradient(#b0c4de, #5f9ea0);
        background: -o-linear-gradient(#b0c4de, #5f9ea0);
        background: -ms-linear-gradient(#b0c4de, #5f9ea0);
        background: linear-gradient(to bottom,#b0c4de, #5f9ea0);
    }
    .divTextLinkAqua:hover 
    {
        background-color:#5f9ea0;
    }
    /* ↑本文リンク(ガス料金速報予測の水色) */
    
    /* 速報予測画面用 */
    .tblSokuhoYosokuFrame{
        background-color:#FBE4D5;
        background-repeat:no-repeat;
        background-position-x:left;
        background-position-y:bottom;
        width:100%;
    }
    .tblSokuhoYosokuTDSP1{
        min-width:60px;
    }
    .tblSokuhoYosokuTDSP2{
        min-width:20px;
    }
    .tblSokuhoYosokuTDEN{
        width:20px;
    }
    .SokuhoYosokuTxt1{
        font-size:22pt;
        font-weight:bold;
    }
    .SokuhoYosokuTxt2{
        font-size:18pt;
        font-weight:bold;
    }
    .SokuhoYosokuTxt3{
        font-size:14pt;
    }
    .SokuhoYosokuTxt4{
        font-size:16pt;
    }

    .tblSokuhoYosoku{
        width:100%;
        border-collapse:collapse;
    }
    .tblSokuhoYosoku tr{
        height:42px;
    }
    .tblSokuhoYosokuTD1{
    }
    .tblSokuhYosokuoTD2{
        border-bottom: 3px #808080 double;
        background-color:#FFF3CB;
    }
    .tblSokuhYosokuoTD3{
        border-bottom: 3px #808080 double;
        background-color:yellow;
    }    
    .tblSokuhoYosokuTR1 {
      background-image: repeating-linear-gradient(90deg, #000, #000 5px, transparent 0, transparent 8px);
      background-size: 8px 1px;
      background-position: bottom left;
      background-repeat: repeat-x;
    }
    
    .tblSokuhoYosokuSub{
        width:100%;
        border-collapse:collapse;
    }
    .tblSokuhoYosokuSub td{
        background-color:#ccc;
        border-bottom: 2px #808080 dotted;
    }
    .webicon-color1{
        color:#6381B8;
    }
    .webicon-color2{
        color:#82AA66;
    }
    .webicon-color3{
        color:#D28654;
    }
    .triangle1{
      width: 0;
      height: 0;
      border-left: 8px solid black;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
    }
    .box{
      display: inline-block;
      /*font-size: 16px;*/
    }

    .boxContainer{
      font-size: 0;
    }
    
    /* ステップ */
    .tblStep
    {
        margin-left:auto;
        margin-right:auto;
        word-wrap: break-word;
        table-layout:fixed;
    }
    .tblStepDivTextON
    {
        background: #ffffff;
        border-top: 4px solid #ff8c00;
        border-left: 4px solid #ff8c00;
        border-right: 4px solid #ff8c00;
        border-bottom: 4px solid #ff8c00;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #ff8c00;
        font-weight: bold;
        font-size: 14pt;
        padding: 6px 10px 0px 10px;
        width:60px;
        height:30px;
        box-sizing:content-box;
    }
    .tblStepDivTextOFF
    {
        background: #ff8c00;
        border-top: 4px solid #ff8c00;
        border-left: 4px solid #ff8c00;
        border-right: 4px solid #ff8c00;
        border-bottom: 4px solid #ff8c00;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #ffffff;
        font-weight: bold;
        font-size: 14pt;
        padding: 6px 10px 0px 10px;
        width:60px;
        height:30px;
         box-sizing:content-box;
    }
    .tblStepDivTextArrow
    {
        width: 0;
        height: 0;
        border-left: 10px solid #ff8c00;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    
    .fasText{
        position: relative;
        font-weight:normal;
    }
    .fasText p{
        color: #000;
        font-weight: bold;
        padding:0;
        margin-top:2px;
    }
    .fasText span{
        position: absolute;
        color: #000;
        top: 40px;
        left: 10px;
        font-size: 5pt;
        font-weight:normal;
        padding:0;
        margin:0;
    }
    .fasIconSize{
        font-size:1.8em;
    }
    .fasIconSizeArrow{
        font-size:1.8em;
        left: 14px;
    }
    .webicon-color4{
        color:#000000;
    }
    .fasIconSizeTel{
        font-size:0.8em;
    }
    .fasIconFontSize4{
        font-size:4pt;
    }
    .fasIconFontSize5{
        font-size:5pt;
    }
    .fasIconFontSize6{
        font-size:6pt;
    }
    .bar{
height: 30px;
  max-width: 800px;
  margin: 0 auto 10px auto;
  line-height: 30px;
  font-size: 16px;
  color: white;
  padding: 0 0 0 10px;
  position: relative;

    }
.bar::before{
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  height: 30px;
  top: 0;
  z-index: -2;
  background: #ecf0f1;
}
.bar::after{
  content: '';
  background: #2ecc71;
  height: 30px;
  transition: 0.7s;
  display: block;
  width: 100%;
  -webkit-animation: bar-before 1 1.8s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

    .bar1{
      max-width: 70%;
      background: #FF5252;
    }
    .bar2{
      max-width: 30%;
      background: #E040FB;
    }
    .bar3{
      max-width: 60%;
      background: #00E676;
    }
    .bar4{
      max-width: 50%;
      background: #0091EA;
    }

    @keyframes bar-animation{
      0%{
        width: 0px;
      }
      100%{
        width: 100%;
      }
    }
    /* ↓ヒートマップ */
    .tblHeatMap{
        margin-left:auto;
        margin-right:auto;
        width:90%;
        border-collapse:collapse;
    }
    .tblHeatMap span{
        font-size:9pt;
    }
    .tblHeatMapRow {
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-Week{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        width:10%;
    }

    .tblHeatMap-WeekNow{        
        background: #9BC2E6;
        border-top: 1px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-WeekNowTop{        
        background: #9BC2E6;
        border-top: 2px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
    }
    .tblHeatMap-WeekNowBtm{        
        background: #9BC2E6;
        border-top: 1px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        text-align:center;
    }
    .tblHeatMap-TimeNow{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeNowTop{        
        background: #fff;
        border-top: 1px solid #333;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeNowBtm{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    
    .tblHeatMap-TimeLeft{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeLeftTop1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeLeftTop2{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeLeftBtm1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeLeftBtm2{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }

    .tblHeatMap-TimeRight{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeRightTop1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeRightTop2{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeRightBtm1{        
        background: #DDEBF7;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeRightBtm2{        
        background: #DDEBF7;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 2px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    
    .tblHeatMap-Time{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeTop{        
        background: #fff;
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #aaa;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .tblHeatMap-TimeBtm{        
        background: #fff;
        border-top: 1px solid #aaa;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align:center;
        font-size:9pt;
        height:5px !important;
        padding:0;
    }
    .HeatMapMsg{
        font-size:10pt;
    }
    .HeatMapTitle{
        font-size:12pt;
        font-weight:bold;
    }
    .HeatMapColor0{
        background:#ffffff;
    }
    .HeatMapColor1{
        background:#ffff00;
    }
    .HeatMapColor501{
        background:#ffe100;
    }
    .HeatMapColor1001{
        background:#ffc800;
    }
    .HeatMapColor2001{
        background:#ffaf00;
    }
    .HeatMapColor4001{
        background:#ff7d00;
    }
    .HeatMapColor8001{
        background:#ff4b00;
    }
    .HeatMapColor10001{
        background:#ff0000;
    }
    .divTextLinkHeatMap
    {
        display:block;
        padding-top:10px;
        padding-bottom:10px;
	    padding-left:8px;
        color:#000000;
        background-image: linear-gradient(90deg, #ff4b00 0%, #ff7d00 19%, #ffaf00 39%, #ffaf00 60%, #ff7d00 80%, #ff4b00 100%);
        background-color: #ff4b00;
    }
    .divTextLinkHeatMap:hover 
    {
        background-color:#ff4b00;
    }
    .divMeterRecordTitle{
        margin-left:auto;
        margin-right:auto;
        width:90%;
    }
    .divMeterRecordBody{
        margin-left:auto;
        margin-right:auto;
        width:90%;
        height:202px;
        overflow-y:scroll;
    }
    /* ↑ヒートマップ */
    
    /* ↓検針履歴 */
    .gvMeterRecord{
        margin-left:auto;
        margin-right:auto;
        width:100%;
        border-collapse:collapse;
    }
    .gvMeterRecord td{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
    }
    .gvMeterRecordTd1{
        width:20%;
    }
    .gvMeterRecordTd2{
        width:30%;
    }
    .gvMeterRecordTd3{
        width:10%;
    }
    .gvMeterRecordTd5{
        width:10%;
    }
    .divMeterRecordBodyOn{
        height:202px;
        overflow-y:scroll;
    }
    .divMeterRecordBodyOff{
        height:0px;
    }
    /* ↑検針履歴 */
    
    /* ↓決済明細 */
    .pnlCCardPaymentList{
        width:100%;
    }   
    .tblCCardPaymentListHead{
        width:100%;
        border-collapse:collapse;
    }
    .tblCCardPaymentListHead-TD1{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        width:20%;
        font-size:11pt;
    }
    .tblCCardPaymentListHead-TD2{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        width:40%;
        font-size:11pt;
    }
    .tblCCardPaymentListHead-TD3{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
        width:15%;
        font-size:11pt;
    }
    .tblCCardPaymentListHead-TD4{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        font-size:11pt;
        text-align:right;
        padding-right:1em;
        font-size:9pt;
    }
    .divCCardPaymentListBody{
        width:100%;
        background-color:#C5E0B2;
    }
    .divCCardPaymentListBodyOn{
        height:262px;
        overflow-y:scroll;
        /*background-color:#f5f5f5;*/
        background-color:#B3B3B3;
    }
    .divCCardPaymentListBodyOff{
        height:0px;
    }
    .tblCCardPaymentListBody{
        width:100%;
    }
    .tblRowCCardPaymentListBody-TD{
        border-top: 0px;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
    }
    .tblRowCCardPaymentListBody-TDColor1{
        /*background-color:#C5E0B2;*/
         /*background-color:#f5f5f5;*/
         background-color:white;
    }
    .tblCCardPaymentListBodySub{
        font-weight:normal;
        width:100%;
        table-layout:fixed;
    }
    .tblCCardPaymentListBodySub-TD1{
        width:20%;
        font-size:11pt;
    }
    .tblCCardPaymentListBodySub-TD2{
        width:40%;
        text-align:right;
        padding-right:1em;
        font-size:11pt;
    }
    .tblCCardPaymentListBodySub-TD3{
        font-size:11pt;
    }
    .tblCCardPaymentListBodySub-TD4{
        width:60%;
        word-wrap:break-word;
        font-size:11pt;
    }
    .tblCCardPaymentListBodySub-TD5{
        text-align:right;
        padding-right:1em;
        font-size:9pt;
    }
    /* ↑決済明細 */

    /* ↓お知らせ */
    .pnlInfoList{
        width:100%;
    }   
    .tblInfoListHead{
        width:100%;
        border-collapse:collapse;
    }
    .tblInfoListHead-TD1{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        width:20%;
        font-size:11pt;
    }
    .tblInfoListHead-TD2{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        width:80%;
        font-size:11pt;
    }
    .tblInfoListHead-TD3{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
        width:15%;
        font-size:11pt;
    }
    .tblInfoListHead-TD4{
        border-top: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 1px solid #aaa;
        font-size:11pt;
        text-align:right;
        padding-right:1em;
        font-size:9pt;
    }
    .divInfoListBody{
        width:100%;
        background-color:#C5E0B2;
    }
    .divInfoListBodyOn{
        height:262px;
        overflow-y:scroll;
        /*background-color:#f5f5f5;*/
        background-color:#B3B3B3;
    }
    .divInfoListBodyOff{
        height:0px;
    }
    .tblInfoListBody{
        width:100%;
    }
    .tblRowInfoListBody-TD{
        border-top: 0px;
        border-bottom: 1px solid #aaa;
        border-left: 0px;
        border-right: 0px;
    }
    .tblRowInfoListBody-TDColor1{
        /*background-color:#C5E0B2;*/
         /*background-color:#f5f5f5;*/
         background-color:white;
    }
    .tblInfoListBodySub{
        font-weight:normal;
        width:100%;
        table-layout:fixed;
    }
    .tblInfoListBodySub-TD1{
        width:20%;
        font-size:11pt;
    }
    .tblInfoListBodySub-TD2{
        width:80%;
        /*text-align:right;*/
        padding-right:1em;
        font-size:11pt;
    }
    .tblInfoListBodySub-TD2-RED{
        width:80%;
        /*text-align:right;*/
        padding-right:1em;
        font-size:11pt;
        color:red;
    }
    .tblInfoListBodySub-TD3{
        font-size:11pt;
    }
    .tblInfoListBodySub-TD4{
        width:60%;
        word-wrap:break-word;
        font-size:11pt;
    }
    .tblInfoListBodySub-TD5{
        text-align:right;
        padding-right:1em;
        font-size:9pt;
    }
    /* ↑決済明細 */

    
    /* ↓ハンバーガーメニュー */
    .pnlHmb-cssA{
        margin-left:auto;
        margin-right:auto;
        color: #000000;
    }
    .pnlHmb-header-area{
     position: fixed;
    }
    .pnlHmb-hamburger{
      width: 40px;
      height: 25px;
      position: relative;
      transition: .5s;/* 追記 */
      z-index:1;
      top: 25px;
    }
    .pnlHmb-hamburger span{
      position: absolute;
      width: 100%;
      height: 4px;
      background-color: #000000;
      transition: .5s;/* 追記 */
    }
    .pnlHmb-hamburger span:first-of-type{/* ハンバーガーメニューの1番目の線 */
      top: 0;
    }
    .pnlHmb-hamburger span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
      top: 50%;
    }
    .pnlHmb-hamburger span:last-of-type{/* ハンバーガーメニューの3番目の線 */
      top: 100%;
    }
    .pnlHmb-slide-menu{
      background-color: rgba(233, 113, 50, .8);
      position: fixed;
      top: 77px;
      width: 100%;
      left: 40%;
      transform: translateX(100%);
      z-index:1;
      list-style: none;
    }
    .pnlHmb-listA{
      color: #000;
	  font-weight: bold;
      line-height: 200%;
      text-align: center;
      background-color: rgba(247, 213, 205, .8);
    }
    .pnlHmb-listB{
      color: #000;
	  font-weight: bold;
      line-height: 200%;
      text-align: center;
      background-color: rgba(251, 235, 232, .8);
    }
    .pnlHmb-listC{
      color: #000;
	  font-weight: bold;
      line-height: 200%;
      text-align: center;
      background-color: rgba(233, 113, 50, .8);
    }
    .pnlHmb-hamburger.active{
      transform: rotateY(360deg);
    }
    .pnlHmb-hamburger.active span:first-of-type{/* ハンバーガーメニューの1番目の線 */
      top: 50%;
      transform: rotate(45deg);
    }
    .pnlHmb-hamburger.active span:nth-of-type(2){/* ハンバーガーメニューの2番目の線 */
      opacity: 0;
    }
    .pnlHmb-hamburger.active span:last-of-type{/* ハンバーガーメニューの3番目の線 */
      top: 50%;
      transform: rotate(-45deg);
    }
    .pnlHmb-slide-menu.active{
      transform: translateX(0);
      left: 0px;
    }
    /* ↑ハンバーガーメニュー */
    .new-label {
        background-color: red;
        color: yellow;
        padding: 2px 5px;
        border-radius: 3px;
        font-weight: bold;
    }
}