﻿*
{
    margin: 0;
    padding: 0;
}
html, body, form, #wrap
{
    height: 100%;
}
#container
{
    min-height: 100%;
}
#main
{
    padding-bottom: 60px;
}
#footer
{
    position: relative;
    margin: -60px 20px 0 20px;
    height: 60px;
    z-index:-100;
}
body
{
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    background-color: #0066dd;
    background: url(../img/bg_white.jpg) center top no-repeat;
    color: Black;
}
.clearfix:after
{
    content: "";
    display: block;
    clear: both;
}
.clearfix
{
    width: 100%;
}
a
{
    color: Black;
    text-decoration: none;
}
button, fieldset, form, input, label, legend, select, option, textarea
{
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
.h_line, .s_line, .achieve_line
{
    float: right;
    margin: 0.7em 5px 0 0;
    background: url(../img/line_hems.png) center repeat-x;
}
input[type="text"]
{
    padding-right: 1px;
}

/* -------------------------------------------------見出し */
h1
{
    font-size: 2em;
    float: left;
}
h2
{
    font-size: 2em;
    float: left;
}
h3
{
    font-size: 1.6em;
    font-weight: normal;
    margin: 3px 0 3px 0;
}
h4
{
    font-size: 1.1em;
    font-weight: normal;
}
#time
{
    float: right;
    line-height: 40px;
    color: Black;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

/* -------------------------------------------------全体レイアウト */
.left
{
    float: left;
}
.right
{
    float: right;
}
#main
{
    width: 944px;
    margin: 0 auto 0 auto;
}
#header
{
    width: 944px;
    height: 55px;
    margin: 0px auto 0px auto;
    position:relative;
}
#headUserName
{
    position: absolute;
    right: 0;
    margin: 0 1px 0 0;
}
#headUnitName
{
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 1px 12px 0;
}
#sub_header
{
    width: 944px;
    height: 40px;
    margin: 5px auto 10px auto;
    position:relative;
}
#copyright
{
    position: absolute;
    right: 5px;
    bottom: 5px;
}
#lnkToFAQ, #lnkToInquiry, #lnkAdobeReader
{
    text-decoration:underline;
}
/* -------------------------------------------------ログイン */
#login_container
{
    margin-top: 150px;
}
#login_container table
{
    margin: 0px auto 0px auto;
}
#login_container td
{
    height: 30px;
}
#login_container th
{
    text-align: left;
    width: 130px;
}
#login_container ul
{
    margin: 15px 0 0 15px;
}
.text_input
{
    width: 200px;
}
.login_msg
{
    height: 20px;
    text-align: center;
}

/* -------------------------------------------------登録画面 */
#regist_container
{
}
#regist_container table
{
    margin: 0px auto 0px auto;
}
#regist_container td, #regist_container th
{
    padding: 2px;
    text-align: left;
}
#regist_container ul
{
    margin: 10px 0 10px 30px;
}
#regist_container dl
{
    margin: 20px auto 0px auto;
    width: 800px;
}
#regist_container dl dt
{
    font-weight: bold;
    margin: 0 20px 0 20px;
}
#regist_container dl dd
{
    margin: 0 40px 10px 40px;
}
#lblLoginId, #lblNameKanjiSei, #lblNameKanjiMei, #lblNameKanaSei, #lblNameKanaMei, #lblAdd1, #lblAdd2
{
    display: block;
    width: 430px;
    word-break: break-all;
}
#divLicenseText
{
    width: 600px;
    height: 400px;
    margin: 20px auto 0px auto;
}
#divLicenseText textarea
{
    width: 600px;
    height: 370px;
    padding: 10px;
    background-color: transparent;
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: Black;
}
#radDisagree
{
    margin-left: 30px;
}
#divMessage
{
    position: absolute;
    display: block;
	width: 600px;
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	top: 40%;
	left: 50%;
    margin-left: -300px; /* ボックス幅の半分を指定 */
    z-index: 20;
}
#message_close
{
    margin-top: 5px;
    text-align: center;
}
#message_close a
{
    color: #000;
}

/* -------------------------------------------------本日の発電状況 */
#top_status
{
    float: left;
    width: 800px;
}
.scale
{
    padding-left: 145px;
}
.scale div
{
    float: left;
    text-align: center;
    width: 83px;
}
.scale_top
{
    height: 30px;
    background: url(../img/scale_top.png) left bottom no-repeat;
}
.scale_bottom
{
    height: 30px;
    background: url(../img/scale_bottom.png) left top no-repeat;
}
.icon_gen
{
    width: 50px;
    height: 50px;
    background: url(../img/icon_gen.png) center center no-repeat;
}
.icon_use
{
    width: 50px;
    height: 50px;
    background: url(../img/icon_use.png) center center no-repeat;
}
.status_label
{
    font-size: 16px;
}
.SellBuyTable
{
    font-size: 16px;
    border: 1px solid #fff580;
    border-collapse: collapse;
    margin-left: 10px;
}
.SellBuyTable td
{
    padding: 3px;
    width: 110px;
    text-align: right;
    border: 1px solid #fff580;
}
.SellBuyTable th
{
    padding: 3px;
    border: 1px solid #fff580;
}
.kWh
{
    width: 135px;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
.graph
{
    position: relative;
    width: 410px;
    height: 70px;
    overflow: hidden;
    margin-left: 3px;
}
.graph div
{
    float: left;
    height: 70px;
}
.gen_0, .use_0
{
    background: url(../img/bar/Y_0.png) center no-repeat;
}
.gen_1, .use_1
{
    background: url(../img/bar/Y_1.png) center repeat-x;
}
.gen_2
{
    background: url(../img/bar/B_0_hems.png) center no-repeat;
}
.gen_3
{
    background: url(../img/bar/B_1.png) center repeat-x;
}
.use_2
{
    background: url(../img/bar/R_0.png) center no-repeat;
}
.use_3
{
    background: url(../img/bar/R_1.png) center repeat-x;
}
.gen_end, .use_end
{
    background: url(../img/bar/end.png) center no-repeat;
}

/* -------------------------------------------------自給率、節電目標達成度（ドーナツグラフ） */
#top_achieve
{
    width: 100%;
}
#self_title, #save_title
{
    font-size: 1.6em;
}
.doughnut_table
{
    margin-left: 30px;
}
.doughnut_table td
{
    vertical-align: top;
}
.doughnut_img
{
    position: relative;
    padding-right: 30px;
}
.doughnut_label
{
    display: block;
    width: 95px;
    font-weight: bold;
    text-align: center;
    position: relative;
    top: -57px;
}

/* -------------------------------------------------お天気情報 */
#weather
{
    float: right;
    width: 130px;
    border: 1px solid #fff580;
}
#lnkWeather
{
    text-decoration: underline;
}
.w_title
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
.w_area
{
    text-align: center;
}
.w_click
{
    font-size: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.w_icon
{
    height: 40px;
    text-align: center;
}
.w_icon img
{
    height: 35px;
    text-align: center;
}
.w_name
{
    font-size: 14px;
    text-align: center;
}
.w_detail
{
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}

/* -------------------------------------------------省エネナビ */
#ene_navi
{
    float: left;
    width: 700px;
}
#ene_navi > div
{
    margin-bottom: 5px;
    padding: 40px 0 10px 10px;
    border: 1px solid #fff580;
    border-color:Black;
    height: 100%;
    position: relative;
}
#ene_navi .title
{
    font-size: 1.6em;
    position: absolute;
    top: 10px;
    left: 10px;
}
#ene_navi .unit
{
    position: absolute;
    top: 20px;
    left: 215px;
}
#ene_navi .spin
{
    float: left;
    width: 110px;
    font-size: 18px;
    line-height: 19px;
    font-weight: bold;
    color: black;
    text-align: right;
    width: 90px;
    height: 19px;
    background-color: transparent;
    border: 1px solid #fff580;
    border-color:Black;
}
#ene_navi th
{
    text-align: left;
    padding: 6px 0 6px 0;
    width: 110px;
}
#ene_navi .kWh
{
    width: 91px;
    display: block;
}
#ene_navi .graph
{
    float: left;
    width: 400px;
    margin-left: 50px;
}
#Sell_0
{
    background: url(../img/bar/B_2.png) center no-repeat;
}
#Sell_1
{
    background: url(../img/bar/B_3.png) center repeat-x;
}
#Buy_0
{
    background: url(../img/bar/R_2.png) center no-repeat;
}
#Buy_1
{
    background: url(../img/bar/R_3.png) center repeat-x;
}
#Sell_2, #Buy_2
{
    background: url(../img/bar/Y_0.png) center no-repeat;
}
#Sell_3, #Buy_3
{
    background: url(../img/bar/T_2.png) center repeat-x;
}
#Sell_end, #Buy_end
{
    background: url(../img/bar/T_end.png) center no-repeat;
}
.slider
{
    position: relative;
    float: left;
    width: 375px;
    margin-left: 50px;
}
#slider_Sell .ui-slider-handle
{
    background: url(../img/mark_slider_sell.png) no-repeat;
}
#slider_Buy .ui-slider-handle
{
    background: url(../img/mark_slider_buy.png) no-repeat;
}
.slider_label
{
    position: relative;
    float: left;
    width: 375px;
    margin-left: 50px;
}
.slider_label span
{
    font-size: 18px;
    font-weight: bold;
    display: block;
}
#lblSliderSellZero, #lblSliderBuyZero
{
    position: absolute;
    left: 0;
}
#lblSliderSellMax, #lblSliderBuyMax
{
    position: absolute;
    right: 0;
}

/* -------------------------------------------------消費量予測 */
#side_use
{
    float: right;
    width: 220px;
    margin: 0px 1px 0px 0px;
}
#side_use table
{
    margin-bottom: 7px;
    width: 220px;
}
.u_title
{
    font-size: 18px;
    text-align: center;
    padding: 10px 0 10px 0;
    border: 1px solid #fff580;
    border-color:Black;
}
.u_text
{
    padding: 10px 0 10px 0;
}
.u_value
{
    font-size: 18px;
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
}
.u_comment
{
    padding: 10px 0 16px 0;
    text-align: center;
}

/* -------------------------------------------------年月日指定 */
#date_select td
{
    padding: 2px;
}
#date_select th
{
    width: 150px;
}

/* -------------------------------------------------履歴データグラフ */
#chart_header
{
    clear: both;
    float: left;
    height: 60px;
}
#chart_title
{
    font-size: 18px;
    font-weight: bold;
}
#unit_y
{
}
#unit_x
{
    position: absolute;
    right: 0;
    bottom: 0;
}
#chart1
{
    position: relative;
}
#chart
{
    clear: both;
    width: 940px;
    margin: 0 auto;
    z-index: 2;
}
#legend
{
    float: right;
}
.legendLabel
{
    padding-right: 10px;
}

/* -------------------------------------------------ランキング */
#ranking_container
{
    margin-top: 90px;
}
#ranking_container table
{
    margin: 0px auto 0px auto;
    border-collapse: collapse;
    width: 600px;
}
#ranking_container td, #ranking_container th
{
    padding: 20px;
    border-bottom: 2px solid #fff580;
    text-align: center;
}
#ranking_container th
{
    width: 100px;
}
#ranking_container .r1st
{
    font-size: 1.5em;
}
#ranking_container .r2nd
{
    font-size: 1.4em;
}
#ranking_container .r3rd
{
    font-size: 1.3em;
}

/* -------------------------------------------------発電状況レポート */
#report_detail
{
    float: left;
    width: 190px;
}
.rd_title
{
    font-size: 1.5em;
}
.rd_sub_title
{
    font-size: 1.3em;
    margin: 10px 0 0 0;
}
.rd_status
{
    height: 40px;
    margin: 0 10px 0 10px;
}
.rd_value
{
    height: 75px;
    line-height: 75px;
    margin: 0 10px 0 10px;
    text-align: right;
}
.rd_value span
{
    font-size: 1.2em;
}
.CO2
{
    background: url(../img/icon_CO2.png) no-repeat;
}
.Tree
{
    background: url(../img/icon_tree.png) no-repeat;
}
.Oil
{
    background: url(../img/icon_oil.png) no-repeat;
}
#cmbYearMonth
{
    font-size: 1em;
}

#report_chart
{
    float: left;
}
#report_chart #chart
{
    width: 720px;
}
#report_table table
{
    margin: 10px auto 0px auto;
    border-collapse: collapse;
}
#report_table th
{
    width: 56px;
    padding: 3px 0 3px 0;
    border: 1px solid #fff580;
}
#report_table td
{
    text-align: right;
    padding: 3px 2px 3px 0;
    border: 1px solid #fff580;
    font-size: 0.8em;
}
#rep_year td, #rep_month td
{
    width: 27px;
    font-weight: bold;
    text-align: center;
}

/* -------------------------------------------------トップページお知らせ */
#top_info
{
    border: 1px solid #fff580;
    margin-top: 20px;
    width: 942px;
}
#top_info_head
{
    float: left;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    border-right: 1px solid #fff580;
}
#top_info_title
{
    float: left;
    padding: 5px;
}

/* -------------------------------------------------ユニット管理 */
#product_list_container table
{
    margin: 0 0 30px 0;
}
#product_list_container table
{
    border: 1px solid #fff580;
    border-color : Black; 
    border-collapse: collapse;
}
#product_list_container table td, #product_list_container table th
{
    border: 1px solid #fff580;
    border-color : Black; 
    padding: 5px;
}
.product_list_UnitName
{
    float: left;
}
#product_add_container ul
{
    font-size: 0.8em;
    margin-left: 30px;
}
#product_add_container li
{
    line-height: 2;
}

/* -------------------------------------------------プロファイル管理 */
#tabs
{
    margin-top: 20px;
}
#tabs .selectedTab
{
    background: #000066;
}
#tabs li
{
    float: left;
    list-style: none;
    font-weight: bold;
    border: solid #fff580;
    border-color:Black;
    border-width: 1px 1px 0 1px;
}
#tabs li a
{
    display: block;
    padding: 5px 10px 5px 10px;
    background-color:#0066dd;
    color:white;
}
#tab_container
{
    position: relative;
    list-style: none;
    border: 1px solid #fff580;
    border-color :Black ;
    padding: 8px;
}
#tab_container > div
{
    display: none;
}
#tab_container > div ul
{
    font-size: 0.8em;
}
#tab_container table
{
    border: 0;
}
#tab_container table td, #tab_container table th
{
    padding: 3px;
}
#tab_container table th
{
    text-align: left;
}
#tab_container ul
{
    padding: 10px 0 10px 20px;
}
#tab2_container_user
{
    width: 430px;
    float: left;
}
#tab4_container_plan
{
    width: 430px;
    float: left;
}
#tab4_container_calc
{
    width: 460px;
    float: left;
}

/* -------------------------------------------------お問い合わせ、お知らせ */
#inquiry_ent_container > div
{
    border: 1px solid #fff580;
    border-color :Black; 
    margin-bottom: 30px;
    padding: 10px;
}
#tblInquiry, #tblInformation
{
}
#tblInquiry td, #tblInquiry th, #tblInformation td, #tblInformation th
{
    border: 1px solid #fff580;
    border-color:Black;
    padding: 4px;
}
#divInqHistory
{
    margin-bottom: 5px;
    height: 143px;
    overflow: auto;
}
#divInfoHistory
{
    margin-bottom: 5px;
    height: 143px;
    overflow: auto;
}
#divInqDetail, #divInfoDetail
{
    border: 1px solid #fff580;
    border-color:Black;
    margin-top: 5px;
    padding: 5px;
}
#lblNoInquiry
{
    display: block;
    height: 40px;
    margin: 10px;
}
#lblInqDate, #lblInfoDate
{
    float: left;
    display: block;
    width: 200px;
}
#lblInqDirection
{
    float: left;
    display: block;
    width: 120px;
}
#lblInqNo
{
    float: left;
    display: block;
    width: 180px;
}
#divInqBody
{
    clear: both;
    border: 1px solid #fff580;
    border-color:Black;
    padding: 5px;
    margin-bottom: 5px;
    overflow: auto;
    height: 160px;
}
#divInfoBody
{
    clear: both;
    border: 1px solid #fff580;
    border-color:Black;
    padding: 10px;
    overflow: auto;
    height: 210px;
}
#inq_main
{
    padding: 20px 20px 30px 20px;
}
#inq_input
{
    clear: both;
    border: 1px solid #fff580;
    border-color:Black;
    padding: 10px;    
}
#txtInqTitle
{
    width: 710px;
}
#txtInqBody
{
    width: 730px;
    height: 420px;
}

/* -------------------------------------------------FAQ */
#divFaqDescription
{
    padding: 10px;
    margin: 15px 0 15px 0;
    border: 1px solid #fff580;
    border-color:Black; 
}
#divFaqList
{
    padding: 10px;
}
#listFAQ
{
    list-style: none;
    height: 310px;
    overflow: auto;
}
#listFAQ li
{
    background-image: url("../img/pdficon_small.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    margin-bottom: 5px;
}

/* -------------------------------------------------ボタン */
#popup_panel input
{
    width: 60px;
}

.button
{
    text-align: center;
    background-color: rgb(163, 211, 205);
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    border: 0;
    display: block;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
    cursor: pointer;
}
.login
{
    width: 120px;
}
.logout
{
    background-color: transparent;
    border: none;
    color: Black;
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    height: 19px;
    cursor: pointer;
}
.confirm
{
    width: 120px;
    float: right;
}
.back
{
    width: 180px;
    float: right;
    margin-right: 5px;
}
.next
{
    width: 80px;
    margin: 10px auto 0px auto;
}
.regist
{
    width: 80px;
    float: right;
    margin-left: 5px;
}
.output
{
    width: 80px;
}
.save
{
    width: 120px;
    float: right;
}
.download
{
    width: 180px;
}
.profile
{
    width: 80px;
    float: right;
    margin-left: 5px;
}
.add
{
    width: 50px;
}
.delete
{
    width: 50px;
}
.rename
{
    width: 80px;
    margin-left: 5px;
    float: left;
}
.select
{
    width: 50px;
}
.inquiry
{
    width: 200px;
}
.send
{
    width: 120px;
    float: right;
}
.search
{
    width: 80px;
}

/* -------------------------------------------------ドロップダウンメニュー */
#nav { clear:both; width: 944px; margin: 0px auto 0px auto; z-index: 10; }
#nav li { width: 185px; }
#nav ul ul { left: 188px; }

#nav { display: block; position: relative;}
    #nav li { display: block; list-style: none; float: left; position: relative; text-align: left; text-indent: 1em; font-weight: normal; }
    #nav > li { border: 1px solid #ffffff; margin-right: 1px; text-align: center; text-indent: 0; font-weight: bold; color: #fff580; }
    #nav a { display: block; padding: 5px 0px 5px 0px;  background: url(../img/bg.jpg) center top no-repeat;}
    #nav ul { display: none; position: absolute; left: 0;}
    * html #nav ul { line-height: 0; } /* IE6 */
        #nav ul a { zoom: 1; }         /* IE6/7 */
        #nav ul li { float: none; vertical-align: bottom; }
        #nav ul ul { top: 0; }
 
#nav a { color: #FFFFFF; }
    #nav li.hover a { background-color: #000066;}
        #nav ul li a { background-color: #000066; }
            #nav ul a.hover { background-color: #000000; }
    #nav ul a { border-right: none; opacity: 1; filter: alpha(opacity=70); }
    
#nav .nodisp_menu 
   {
       display : none ;
   }


/* --------------------------------------------------HEMSトップメニュー */
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	text-decoration: none;
}
li {
	list-style-type: none;
}
.clearfix::after {
	clear: both; display: block; content: "";
}
.clearfix {
	-ms-zoom: 1;
}
.hover:hover {
	cursor: pointer; opacity: 0.8;
}
#wrapper {
	width: 100%; height: 100%; position: relative;
}
.header_top {
	width: 100%; height: 53px; border-bottom-color: rgb(119, 118, 118); border-bottom-width: 2px; border-bottom-style: solid; position: relative; background-color: rgb(248, 248, 248);
}
.header_user_name {
	left: 48px; bottom: 5px; font-size: 17px; position: absolute;
}
.header_page_name {
	margin: 0px auto; padding: 30px 0px 0px; text-align: center; font-size: 24px;
}
.header_menu {
	right: 48px; bottom: 5px; font-size: 17px; position: absolute;
}
.header_menu ul {
	border-right-color: rgb(112, 112, 112); border-right-width: 3px; border-right-style: solid; display: block;
}
.header_menu ul li {
	border-left-color: rgb(112, 112, 112); border-left-width: 3px; border-left-style: solid; float: left;
}
.header_menu ul li a {
	margin: 0px 12px; width: 100%; height: 100%;
}
.header_bottom {
	width: 100%; height: 25px; position: absolute;
}
.header_bottom_left {
	left: 48px; top: 5px; position: absolute;
}
.header_whether {
	margin: -5px 10px 0px -5px; width: 38px; height: 22px; float: left;
}
.header_whether img {
	width: 100%; height: auto;
}
.header_date {
	font-size: 14px; float: left;
}
.header_bottom_right {
	top: 5px; right: 48px; font-size: 14px; position: absolute;
}
.header_popup_wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 3000; opacity: 0.7; background-color: rgb(255, 255, 255);
}
.header_popup {
	margin: -275px 0px 0px -440px; left: 50%; top: 50%; width: 880px; height: 650px; display: none; position: absolute; z-index: 3010; background-color: rgb(244, 244, 244);
}
.error_btn_close {
	top: 15px; width: 30px; height: 30px; right: 15px; position: absolute; z-index: 3100; background-image: url("../img/btn_close.png"); background-repeat: no-repeat; background-size: 100%;
}
.header_btn_close {
	top: 15px; width: 30px; height: 30px; right: 15px; position: absolute; z-index: 3100; background-image: url("../img/btn_close.png"); background-repeat: no-repeat; background-size: 100%;
}
.btn_close {
	top: 15px; width: 30px; height: 30px; right: 15px; position: absolute; z-index: 3100; background-image: url("../img/btn_close.png"); background-repeat: no-repeat; background-size: 100%;
}
.header_popup_inner {
	margin: -250px 0px 0px -400px; padding: 20px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; left: 50%; top: 50%; width: 760px; height: 460px; display: none; position: absolute; z-index: 3020; background-color: rgb(250, 223, 163); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#header_popup_tab {
	border-radius: 5px 0px 0px 5px; width: 200px; height: 450px; border-top-color: rgb(247, 182, 38); border-bottom-color: rgb(247, 182, 38); border-left-color: rgb(247, 182, 38); border-top-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; float: left; display: block; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
}
#header_popup_tab li {
	margin: 10px auto; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 180px; height: 30px; text-align: center; line-height: 30px; font-size: 15px; position: relative; z-index: 3080; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#header_popup_tab li.select {
	background-color: rgb(250, 223, 163);
}
.header_popup_box {
	padding: 20px; border-radius: 0px 5px 5px 0px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 510px; height: 410px; float: left; display: none; background-color: rgb(255, 255, 255); -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
}
.header_content_wrap {
	width: 510px; height: 410px; overflow: auto;
}
.header_content_wrap p.hp_txt {
	margin: 20px 0px 0px; text-align: left; line-height: 140%; font-size: 15px;
}
.disnon {
	display: none;
}
.header_popup .tb3 p {
	float: left; display: block;
}
.header_popup .tb3 input {
	float: left; display: block;
}
.header_content_wrap p.hp_title {
	text-align: center; font-size: 15px; float: none;
}
.header_content_wrap .hp_block {
	margin: 0px 0px 20px; height: 32px; overflow: hidden;
}
.header_popup .tb3_date span.customSelect {
	padding: 0px 0px 0px 10px; width: 290px; color: rgb(0, 0, 0); line-height: 32px; font-size: 20px; display: block; background-image: url("../img/select.png"); background-repeat: no-repeat; background-size: 290px 32px;
}
.header_popup .tb3_select span.customSelect {
	padding: 0px 0px 0px 10px; width: 290px; color: rgb(0, 0, 0); line-height: 32px; font-size: 12px; display: block; background-image: url("../img/select.png"); background-repeat: no-repeat; background-size: 290px 32px;
}
.header_popup .tb3_select span.customSelectInner {
	width: 250px !important;
}
.header_popup input[type='text'] {
	margin: 0px 15px; padding: 0px 10px; border-radius: 3px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 200px; height: 26px; font-size: 14px; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.header_popup .tb4 .btn_green {
	margin: 20px 22px; width: 200px; line-height: 100px; float: left;
}
.header_popup .tb5 .btn_on_off {
	margin: 10px 22px; width: 200px; line-height: 40px;
}
.header_popup .tb6 {
	text-align: center;
}
.header_popup .tb6_1_wrap {
	margin: 30px auto; width: 300px; height: 32px; position: relative;
}
.header_popup .tb6_2_wrap {
	margin: 30px auto; width: 300px; height: 32px; position: relative;
}
.header_popup .tb6 input {
	margin: 0px auto; width: 100% !important; height: 100% !important; display: block;
}
.header_popup .tb6 span.customSelect {
	margin: 10px auto 0px; padding: 0px 0px 0px 10px; width: 290px; text-align: left; color: rgb(0, 0, 0); line-height: 32px; font-size: 20px; background-image: url("../img/select.png"); background-repeat: no-repeat; background-size: 290px 32px;
}
.header_popup .tb6 span.customSelectInner {
	width: 300px !important;
}
.header_popup .tb5b .clearfix {
	margin: 20px 0px 0px; height: 30px; line-height: 30px;
}
.header_popup .tb5b .clearfix p {
	margin: 0px 20px 0px 0px; width: 80px; line-height: 30px; font-size: 15px; float: left;
}
.header_popup .tb3 .clearfix {
	margin: 20px 0px 0px;
}
.header_popup .tb3 .clearfix p {
	width: 100px; text-align: center; line-height: 30px; font-size: 15px;
}
.header_popup .tb3 .clearfix p.hp_txt {
	margin: 0px; line-height: 130%;
}
.header_popup .tb3 .clearfix input[type='text'] {
	margin: 0px;
}
.header_popup .tb5_block8.tb5b p.hp_txt {
	margin: 0px; width: 200px;
}
.header_popup .tb5b table {
	border: 2px solid rgb(247, 182, 38); border-image: none;
}
.header_popup .tb5b tr {
	border: 2px solid rgb(247, 182, 38); border-image: none;
}
.header_popup .tb5b td {
	border: 2px solid rgb(247, 182, 38); border-image: none;
}
.header_popup .tb5b table {
	margin: 30px 0px 0px; width: 100%; text-align: center; line-height: 36px; font-size: 15px; background-color: rgb(255, 255, 255);
}
.hpw2.header_popup_wrap {
	display: none;
}
.hp2.header_popup {
	display: none;
}
.hpw2 .header_content_wrap {
	width: 100%; overflow: auto;
}
.hpw3 .header_content_wrap {
	width: 100%; overflow: auto;
}
.hpw2 .header_popup_box {
	padding: 20px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 710px; height: 410px; display: none; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.hpw3 .header_popup_box {
	padding: 20px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 710px; height: 410px; display: none; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.hpw2 .header_content_wrap .news_article {
	display: none;
}
.news_title p {
	text-align: center; line-height: 34px; font-size: 17px;
}
.news_title table {
	margin: 10px auto 0px 0px; width: 100%; font-size: 15px;
}
.news_title table tr {
	border-bottom-color: rgb(247, 182, 38); border-bottom-width: 1px; border-bottom-style: dotted;
}
.news_title table tr td {
	padding: 0px 10px 0px 0px; line-height: 30px;
}
.news_article_title {
	padding: 0px 0px 10px; font-size: 17px; border-bottom-color: rgb(247, 182, 38); border-bottom-width: 1px; border-bottom-style: dotted;
}
.news_article_text {
	margin: 20px 0px 0px; line-height: 160%; font-size: 15px;
}
.news_article_text_date {
	margin: 0px 0px 20px;
}
.inquiry_content {
	display: none;
}
.inquiry_confirm {
	display: none;
}
.inquiry_input {
	display: none;
}
.faq_content {
	display: none;
}
.faq_detail {
	display: none;
}
#contents {
	margin: 30px auto; padding: 0px 20px; width: 100%; max-width: 1024px;
}
.btn_green {
	margin: 10px auto 0px; border-radius: 5px; border: 4px solid rgb(163, 211, 205); border-image: none; width: 213px; text-align: center; line-height: 33px; background-color: rgb(194, 239, 223); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.btn_on_off {
	margin: 0px 6px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 70px; text-align: center; line-height: 32px; font-size: 20px; float: left; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.btn_on_off.no-use {
	background-color: rgb(233, 233, 233);
	color: rgb(205, 205, 205);
	border: 2px solid rgb(200, 200, 200);
}
.active.btn_on_off {
	background-color: rgb(250, 223, 163);
}
.last.btn_on_off {
	margin: 0px;
}
.zero_zero_one_one#contents {
	margin: -55px -440px; left: 50%; top: 50%; width: 880px; height: 310px; font-size: 20px; position: absolute;
}
.zero_zero_one_one#contents .form_block {
	margin: 0px auto; width: 430px; height: 34px;
}
.zero_zero_one_one#contents .l_left {
	width: 130px; line-height: 34px; float: left; display: block;
}
.zero_zero_one_one#contents input[type='text'] {
	margin: 0px 0px 0px 15px; padding: 5px 10px; border-radius: 3px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 260px; height: 20px; font-size: 20px; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.zero_zero_one_one#contents .btn_form_wrap {
	margin: 40px auto 80px; width: 668px;
}
.zero_zero_one_one#contents .btn_green {
	margin: 0px 15px; border: 2px solid rgb(163, 211, 205); border-image: none; width: 300px; line-height: 76px; font-size: 30px; float: left;
}
.zero_zero_one_one#contents .back.btn_green {
	width: 90px;
}
.zero_zero_one_two#contents {
	margin: -75px -440px; left: 50%; top: 50%; width: 880px; height: 150px; font-size: 20px; position: absolute;
}
.zero_zero_one_two#contents .form_block {
	margin: 0px auto; width: 720px; height: 32px;
}
.zero_zero_one_two#contents .form_block_center {
	text-align: center; line-height: 32px;
}
.zero_zero_one_two#contents .form_block_center span {
	text-align: center; line-height: 32px;
}
.zero_zero_one_two#contents .l_left {
	width: 212px; text-align: right; line-height: 34px; float: left; display: block;
}
.zero_zero_one_two#contents .l_left_s {
	width: 40px; text-align: right; line-height: 34px; float: left; display: block;
}
.zero_zero_one_two#contents input[type='text'] {
	margin: 0px 15px; padding: 5px 10px; border-radius: 3px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 180px; height: 20px; font-size: 14px; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.zero_zero_one_two#contents .btn_form_wrap {
	margin: 80px auto; width: 304px;
}
.zero_zero_one_two#contents .btn_green {
	margin: 0px auto; border: 2px solid rgb(163, 211, 205); border-image: none; width: 300px; line-height: 76px; font-size: 30px; display: block;
}
.zero_zero_one_two#contents .back.btn_green {
	width: 90px;
}
.zero_zero_two_one#contents {
	margin: 40px auto; width: 786px; font-size: 15px;
}
.zero_zero_two_one#contents .left {
	margin: 0px 50px 0px 0px; padding: 12px; width: 344px; height: 400px; float: left; background-color: rgb(249, 221, 220);
}
.zero_zero_two_one#contents .right {
	padding: 12px; width: 344px; height: 400px; float: left; background-color: rgb(249, 221, 220);
}
.zero_zero_two_one#contents .left p.p_title {
	text-align: center; line-height: 160%;
}
.zero_zero_two_one#contents .right p.p_title {
	text-align: center; line-height: 160%;
}
.zero_zero_two_one#contents .form_block {
	margin: 20px auto;
}
.zero_zero_two_one#contents input[type='text'] {
	margin: 10px 15px 0px 0px; padding: 0px; border-radius: 3px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 100%; height: 26px; font-size: 14px; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.zero_zero_two_one#contents .btn_form_wrap {
	margin: 40px auto; width: 214px;
}
.zero_zero_two_one#contents .btn_green {
	margin: 0px 15px; border: 2px solid rgb(163, 211, 205); border-image: none; width: 180px; line-height: 46px; float: left;
}
.error_popup_wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 3000; opacity: 0.7; background-color: rgb(255, 255, 255);
}
.popup_error {
	margin: -240px 0px 0px -240px; left: 50%; top: 50%; width: 480px; height: 480px; display: none; position: absolute; z-index: 3010; background-color: rgb(244, 244, 244);
}
.error_popup_inner {
	margin: -180px 0px 0px -200px; padding: 20px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; left: 50%; top: 50%; width: 360px; height: 360px; display: none; position: absolute; z-index: 3020; background-color: rgb(250, 223, 163); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.error_popup_box {
	width: 100%; height: 100%; background-color: rgb(255, 255, 255);
}
.error_popup_box p {
	padding: 70px 0px 0px; text-align: center; font-size: 20px;
}
.error_popup_box .btn_wrap {
	margin: 30px auto; width: 326px;
}
.error_popup_box .btn_green {
	margin: 0px 10px 0px 0px; width: 150px; line-height: 40px; font-size: 20px; float: left;
}
.error_popup_box .last.btn_green {
	margin: 0px;
}
.error_content_wrap p.er_txt {
	margin: 0px; text-align: center; line-height: 140%; font-size: 15px;
}
.error_content_wrap .btn_green {
	margin: 50px auto; float: none;
}
.zero_zero_two_four#contents {
	margin: 0px auto 20px; width: 880px; font-size: 15px;
}
.zero_zero_two_four#contents .txt1 {
	margin: 0px 0px 50px 30px; text-align: left; line-height: 160%;
}
.zero_zero_two_four#contents .form_block {
	margin: 0px 0px 10px; width: 100%; height: 30px;
}
.zero_zero_two_four#contents .l_left {
	width: 160px; line-height: 30px; float: left; display: block;
}
.zero_zero_two_four#contents .l_right {
	width: 160px; line-height: 30px; float: left; display: block;
}
.zero_zero_two_four#contents .l_left2 {
	width: 160px; line-height: 15px; float: left; display: block;
}
.zero_zero_two_four#contents .l_right2 {
	width: 160px; line-height: 15px; float: left; display: block;
}
.zero_zero_two_four#contents .l_mid {
	line-height: 30px; float: left;
}
.zero_zero_two_four#contents .l_right {
	text-align: right;
}
.zero_zero_two_four#contents .l_right2 {
	text-align: right;
}
.zero_zero_two_four#contents input[type='text'] {
	margin: 0px 15px; padding: 0px; border-radius: 3px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 200px; height: 26px; font-size: 14px; float: left; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.zero_zero_two_four#contents input.formtxt_ll {
	width: 400px;
}
.zero_zero_two_four#contents input.formtxt_l {
	width: 280px;
}
.zero_zero_two_four#contents input.formtxt_m {
	width: 180px;
}
.zero_zero_two_four#contents input.formtxt_s {
	width: 150px;
}
.zero_zero_two_four#contents input.formtxt_ss {
	width: 100px;
}
.zero_zero_two_four#contents .btn_green {
	margin: 0px 15px; border: 2px solid rgb(163, 211, 205); border-image: none; width: 180px; line-height: 26px; float: left;
}
.zero_zero_two_four#contents .select_l span.customSelect {
	margin: 0px 15px; padding: 0px 0px 0px 10px; width: 290px; color: rgb(0, 0, 0); line-height: 32px; font-size: 20px; background-image: url("../img/select.png"); background-repeat: no-repeat; background-size: 290px 32px;
}
.zero_zero_two_four#contents .select_s span.customSelect {
	margin: 0px 15px; padding: 0px; width: 106px; text-align: left; color: rgb(0, 0, 0); line-height: 28px; text-indent: 3px; font-size: 14px; float: left; display: block; background-image: url("../img/select_short.png"); background-repeat: no-repeat; background-size: 106px 28px;
}
.zero_zero_two_four#contents .btn_form_wrap {
	margin: 0px 0px 20px 840px; width: 230px; height: 44px;
}
.zero_zero_two_four#contents .btn_form_wrap .btn_green {
	margin: 0px 10px; width: 80px; line-height: 40px; font-size: 17px; display: block;
}
.zero_zero_two_four#contents .btn_form_wrap input[type='submit'] {
	margin: 0px 10px; padding: 0px; border-radius: 5px; border: 2px solid rgb(163, 211, 205); border-image: none; width: 80px; text-align: center; line-height: 40px; background-color: rgb(194, 239, 223); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.zero_zero_two_four#contents input[type='checkbox'] {
	padding: 0px; width: 30px; height: 30px; float: left; display: block; opacity: 0; -moz-opacity: 0;
}
.zero_zero_two_four#contents .cbxbd {
	background-position: left top; padding: 0px 30px 0px 0px; height: 30px; line-height: 30px; overflow: hidden; float: left; cursor: pointer; background-image: url("../img/checkbox.png"); background-repeat: no-repeat; background-size: 30px auto;
}
.zero_zero_two_four#contents .c_on.cbxbd {
	background-position: left bottom;
}
.home#contents {
	background-position: center 10px;
	margin: 40px auto 0px; 
	width: 915px; 
	position: relative; 
	/*
    background-image: url("../img/pic_0_consume.png"); 
    */
	background-repeat: no-repeat; 
	background-size: 351px auto;
}
.home#contents .arrow.base {
	z-index : -100;
}
.home#contents .arrow {
	position: absolute;
    top: 10px;
    left: 302px;
	width: 351px;
}
.home#contents .consume {
	left: 50%; top: 150px; width: 175px; text-align: center; font-size: 29px; font-weight: bold; margin-left: -100px; position: absolute;
}
.home#contents .left {
	float: left;
}
.home#contents .left .left_block_top {
	margin: 22px 0px 34px; padding: 15px 10px; width: 237px; line-height: 23px; background-color: rgb(244, 244, 244);
}
.home#contents .left .left_block_top .left_title {
	font-size: 24px; float: left;
}
.home#contents .left .left_block_top .left_box {
	padding: 0px 10px 0px 0px; border-radius: 20px; width: 107px; text-align: right; line-height: 23px; font-size: 13px; float: right; background-color: rgb(255, 255, 255); -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.home#contents .left .left_block_top .left_box span {
	color: rgb(221, 0, 0);
}
.home#contents .left .left_block_bottom {
	padding: 12px 10px; width: 237px; line-height: 23px; background-color: rgb(244, 244, 244);
}
.home#contents .left .left_block_bottom .left_title {
	margin: 0px 0px 15px; font-size: 24px;
}
.home#contents .left .left_block_bottom .left_box {
	margin: 0px 0px 7px; padding: 0px 10px; border-radius: 20px; width: 219px; line-height: 23px; font-size: 13px; background-color: rgb(255, 255, 255); -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.home#contents .left .left_block_bottom .left_box .left_box_l {
	width: 92px; float: left;
}
.home#contents .left .left_block_bottom .left_box .left_box_m {
	width: 74px; text-align: right; color: rgb(221, 0, 0); float: left;
}
.home#contents .left .left_block_bottom .left_box .left_box_r {
	width: 46px; text-align: right; float: right;
}
.home#contents .mid_block1 {
	margin: 256px 72px 0px; border-radius: 5px; border-image: none; width: 251px; height: 89px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.home#contents .mid .mid_l {
	background-position: center; margin: 0px 0px 0px 12px; width: 84px; height: 89px; float: left; background-image: url("../img/pic_0_ev.png"); background-repeat: no-repeat; background-size: 84px auto;
}
.home#contents .mid .mid_r {
	margin: 0px 0px 0px 17px; width: 134; height: 89px; line-height: 170%; font-size: 13px; float: left;
}
.home#contents .mid .mid_r span {
	color: rgb(221, 0, 0); font-size: 10px;
}
.home#contents .right {
	width: 256px; float: left;
}
.home#contents .right .right_block1 {
	margin: 0px 0px 36px; border-radius: 5px; border-image: none; width: 251px; height: 89px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.home#contents .right .right_block2 {
	margin: 0px 0px 36px; border-radius: 5px; border-image: none; width: 251px; height: 89px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.home#contents .right .right_block3 {
	margin: 0px 0px 36px; border-radius: 5px; border-image: none; width: 251px; height: 89px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.disp_block {
	border: 2px solid rgb(247, 182, 38); background-color: rgb(250, 223, 163);
	/*color: black;*/
}
.disp_block.no-use {
	background-color: rgb(233, 233, 233);
	border: 2px solid rgb(200, 200, 200);
	/*color: rgb(205, 205, 205);*/
}
.dummy_block {
	border: 2px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255);
}

.home#contents .right .right_block1 .right_l {
	background-position: center; margin: 0px 0px 0px 20px; width: 75px; height: 89px; float: left; background-image: url("../img/pic_0_sun.png"); background-repeat: no-repeat; background-size: 75px auto;
}
.home#contents .right .right_block3 .right_l {
	background-position: center; margin: 0px 0px 0px 27px; width: 51px; height: 89px; float: left; background-image: url("../img/pic_0_battery.png"); background-repeat: no-repeat; background-size: 51px auto;
}
.home#contents .right .right_block2 .right_l {
	background-position: center; margin: 0px 0px 0px 21px; width: 68px; height: 89px; float: left; background-image: url("../img/pic_0_fuel.png"); background-repeat: no-repeat; background-size: 68px auto;
}
.home#contents .right .right_block1 .right_r {
	margin: 32px 0px 0px 17px; width: 128px; height: 89px; line-height: 130%; font-size: 13px; float: left;
}
.home#contents .right .right_block2 .right_r {
	margin: 32px 0px 0px 25px; width: 128px; height: 89px; line-height: 130%; font-size: 13px; float: left;
}
.home#contents .right .right_block3 .right_r {
	margin: 0px 0px 0px 35px; width: 134; height: 89px; line-height: 170%; font-size: 13px; float: left;
}
.home#contents .right .right_block1 span {
	color: rgb(221, 0, 0); font-size: 10px;
}
.home#contents .right .right_block2 span {
	color: rgb(221, 0, 0); font-size: 10px;
}
.home#contents .right .right_block3 span {
	color: rgb(221, 0, 0); font-size: 10px;
}
.one#contents .left {
	width: 746px; overflow: hidden; float: left;
}
.one#contents .left .bar_btn_wrap {
	margin: 14px 0px 0px 62px; width: 678px;
}
.one#contents .bbw_l.bar_btn_wrap {
	margin: 14px 0px 0px 62px; width: 786px; clear: both;
}
.one#contents .bbw_l.bar_btn_wrap .bar_btn {
	margin: 0px 22px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 94px; text-align: center; line-height: 32px; font-size: 20px; float: left; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.one#contents .left .bar_btn_wrap .bar_btn {
	margin: 0px 22px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 94px; text-align: center; line-height: 32px; font-size: 20px; float: left; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.one#contents .bbw_l.bar_btn_wrap .active.bar_btn {
	background-color: rgb(250, 223, 163);
}
.one#contents .left .bar_btn_wrap .active.bar_btn {
	background-color: rgb(250, 223, 163);
}
.one#contents .bar_btn_wrap span.customSelect {
	padding: 0px 0px 0px 10px; width: 290px; color: rgb(0, 0, 0); line-height: 32px; font-size: 20px; background-image: url("../img/select.png"); background-repeat: no-repeat; background-size: 290px 32px;
}
.one#contents .left .bar_btn_wrap input {
	margin: 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 290px; text-align: center; line-height: 32px; font-size: 20px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.one#contents .right {
	margin: 88px 0px 0px 40px; width: 221px; font-size: 17px; float: left;
}
.one#contents .right .error_contol_view {
	margin: 0px 0px 40px; border-radius: 5px; border: 4px solid rgb(163, 211, 205); border-image: none; width: 213px; text-align: center; line-height: 33px; background-color: rgb(194, 239, 223); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.one#contents .right_block {
	padding: 14px 0px; width: 221px; background-color: rgb(249, 221, 220);
}
.one#contents .right_block select {
	margin: 0px auto 10px; padding: 0px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 196px; text-align: center; line-height: 32px; font-size: 17px; display: block;
}
.one#contents .bbw_l.bar_btn_wrap span.customSelect {
	margin: 0px 0px 10px 12px; padding: 0px 0px 0px 10px; width: 186px; height: 32px; text-align: left; color: rgb(0, 0, 0); line-height: 32px; overflow: hidden; font-size: 17px; display: block; background-image: url("../img/select_m.png"); background-repeat: no-repeat; background-size: 196px 32px; background-color: rgb(255, 255, 255);
}
.one#contents .right_block span.customSelect {
	margin: 0px 0px 10px 12px; padding: 0px 0px 0px 10px; width: 186px; height: 32px; text-align: left; color: rgb(0, 0, 0); line-height: 32px; overflow: hidden; font-size: 17px; display: block; background-image: url("../img/select_m.png"); background-repeat: no-repeat; background-size: 196px 32px; background-color: rgb(255, 255, 255);
}
.one#contents .right_block p {
	text-align: center;
}
.one#contents .right_block .right_block_box {
	margin: 0px auto 2px; padding: 5px 8px; width: 184px; line-height: 25px; font-size: 11px; font-weight: bold; background-color: rgb(255, 255, 255);
}
.one#contents .right_block .right_block_box .right_block_box_l {
	width: 70px; float: left;
}
.one#contents .right_block .right_block_box .right_block_box_m {
	width: 56px; text-align: right; color: rgb(221, 0, 0); float: left;
}
.one#contents .right_block .right_block_box .right_block_box_r {
	width: 35px; text-align: right; float: right;
}
.one#contents .right_block .right_block_box .plural.right_block_box_m {
	line-height: 50px;
}
.one#contents .right_block .right_block_box .plural.right_block_box_r {
	line-height: 50px;
}
.popup_wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 3000; opacity: 0.7; background-color: rgb(255, 255, 255);
}
.popup {
	margin: -275px 0px 0px -440px; left: 50%; top: 50%; width: 880px; height: 550px; display: none; position: absolute; z-index: 3010; background-color: rgb(244, 244, 244);
}
.popup_inner {
	margin: -250px 0px 0px -400px; left: 50%; top: 50%; width: 800px; height: 500px; display: none; position: absolute; z-index: 3020;
}
#tab {
	background-color: rgb(244, 244, 244);
}
#tab li {
	border-radius: 5px 5px 0px 0px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 180px; height: 40px; text-align: center; line-height: 40px; font-size: 17px; float: left; position: relative; z-index: 3080; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;
}
#tab li.t1 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#tab li.t2 {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
#tab li.select {
	border-bottom-color: rgb(250, 223, 163); border-bottom-width: 2px; border-bottom-style: solid; background-color: rgb(250, 223, 163);
}
.popup_box {
	margin: -208px 0px 0px -400px; padding: 20px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; left: 50%; top: 50%; width: 760px; height: 410px; display: none; position: absolute; z-index: 3030; background-color: rgb(250, 223, 163); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.content_wrap {
	width: 760px; height: 410px; overflow: auto !important; position: relative;
}
.content_wrap table {
	width: 100%; text-align: center; line-height: 36px; font-size: 15px; background-color: rgb(255, 255, 255);
}
.content_wrap table tr {
	height: 36px;
}
.content_wrap table {
	border: 2px solid rgb(247, 182, 38); border-image: none;
}
.content_wrap tr {
	border: 2px solid rgb(247, 182, 38); border-image: none;
}
.content_wrap td {
	border: 2px solid rgb(247, 182, 38); border-image: none;
}
.jspVerticalBar {
	width: 8px; border-left-color: rgb(244, 172, 113); border-left-width: 2px; border-left-style: solid;
}
.jspTrack {
	background: rgb(255, 255, 255);
}
.jspDrag {
	background: rgb(255, 0, 0); border-radius: 0px 0px 3px 3px;
}
.three#contents .block_top {
	margin: 0px auto 42px; width: 600px; position: relative;
}
.three#contents .block_top .left.fromhome {
	background-position: bottom; margin: 0px; width: 468px; height: 160px; font-size: 17px; float: left; position: relative;  
	background-image: url("../img/pic_3_fromhome.png"); background-repeat: no-repeat; background-size: 468px auto;
}
.three#contents .block_top .left.tohome {
	background-position: bottom; margin: 0px; width: 468px; height: 160px; font-size: 17px; float: left; position: relative;  
	background-image: url("../img/pic_3_tohome.png"); background-repeat: no-repeat; background-size: 468px auto;
}
.three#contents .block_top .left.waithome {
	background-position: bottom; margin: 0px; width: 468px; height: 160px; font-size: 17px; float: left; position: relative;  
	background-image: url("../img/pic_3_waithome.png"); background-repeat: no-repeat; background-size: 468px auto;
}
.three#contents .block_top .left .left_text1 {
	left: 250px; top: 74px; width: 124px; text-align: center; line-height: 180%; position: absolute;
}
.three#contents .block_top .right {
	margin: 42px 0px 0px 10px; width: 100px; height: 120px; font-size: 17px; float: left; background-image: url("../img/pic_3_storage.png"); background-repeat: no-repeat; background-size: 100px auto;
}
.three#contents .block_top .right_txt {
	width: 162px; text-align: center; right: -10px; bottom: -40px; position: absolute;
}
.three#contents .block_top .right_txt_1 {
	width: 162px; text-align: center; right: 70px; bottom: -30px; position: absolute;
}
.three#contents .block_top .right_txt_2 {
	width: 162px; text-align: right; right: 20px; bottom: -20px; position: absolute;
}
.three#contents .block_top .right_txt_3 {
	width: 162px; text-align: right; right: 36px; bottom: -40px; position: absolute;
}
.three#contents .block_bottom {
	margin: 0px auto; padding: 12px 17px; width: 600px; font-size: 17px; background-color: rgb(249, 221, 220);
}
.three#contents .block_bottom p {
	text-align: center;
}
.three#contents .block_bottom .block_bottom_box_wrap {
	margin: 10px 0px 0px;
}
.three#contents .block_bottom .block_bottom_box_l {
	margin: 0px 8px 0px 0px; padding: 10px 0px; width: 148px; height: 112px; float: left; background-color: rgb(255, 255, 255);
}
.three#contents .block_bottom .block_bottom_box_r {
	margin: 0px; padding: 10px 0px; width: 444px; height: 112px; float: left; background-color: rgb(255, 255, 255);
}
.three#contents .block_bottom .block_bottom_box_l .btn_wrap {
	margin: 8px auto 0px; width: 148px; height: auto;
}
.three#contents .block_bottom .block_bottom_box_l .btn_wrap .btn_on_off {
	margin: 0px auto; float: none; border: 2px solid rgb(247, 182, 38); border-image: none;
}
.three#contents .block_bottom .block_bottom_box_r .btn_wrap {
	margin: 8px auto 0px; width: 320px; height: auto;
}
.three#contents .block_bottom .block_bottom_box_r .btn_on_off {
	margin: 0px 6px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 140px; text-align: center; line-height: 32px; font-size: 20px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.three#contents .block_bottom .block_bottom_box .active.btn_on_off {
	background-color: rgb(250, 223, 163);
}
.three#contents .block_bottom .block_bottom_box .last.btn_on_off {
	margin: 0px;
}
.popup_setting_wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 3000; opacity: 0.7; background-color: rgb(255, 255, 255);
}
.popup_setting_wrap2 {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 3000; opacity: 0.7; background-color: rgb(255, 255, 255);
}
.popup_setting {
	margin: -240px 0px 0px -240px; left: 50%; top: 50%; width: 480px; height: 480px; display: none; position: absolute; z-index: 3010; background-color: rgb(244, 244, 244);
}
.popup_setting_inner {
	margin: -180px 0px 0px -200px; padding: 20px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; left: 50%; top: 50%; width: 360px; height: 360px; display: none; position: absolute; z-index: 3020; background-color: rgb(250, 223, 163); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.popup_setting_box {
	width: 100%; height: 100%; background-color: rgb(255, 255, 255);
}
.popup_setting_box p {
	padding: 140px 0px 0px; text-align: center; font-size: 20px;
}
.popup_setting_box .btn_wrap {
	margin: 30px auto; width: 326px;
}
.popup_setting_box .btn_green {
	margin: 0px 10px 0px 0px; width: 150px; line-height: 40px; font-size: 20px; float: left;
}
.popup_setting_box .last.btn_green {
	margin: 0px;
}
.four#contents .block_top {
	margin: 0px auto 42px; width: 660px; position: relative;
}
.four#contents .block_top .left {
	background-position: bottom; margin: 0px; width: 468px; height: 160px; font-size: 17px; float: left; position: relative; background-image: url("../img/pic_3_fromhome.png"); background-repeat: no-repeat; background-size: 468px auto;
}
.four#contents .block_top .left .left_text1 {
	left: 250px; top: 74px; width: 124px; text-align: center; line-height: 180%; position: absolute;
}
.four#contents .block_top .right {
	margin: 42px 0px 0px 10px; width: 180px; height: 120px; font-size: 17px; float: left; background-image: url("../img/pic_4_ev.png"); background-repeat: no-repeat; background-size: 180px auto;
}
.four#contents .block_top .right_txt {
	width: 192px; text-align: center; right: -5px; bottom: -40px; position: absolute;
}
.four#contents .block_bottom {
	margin: 0px auto; padding: 12px 17px; width: 444px; font-size: 17px; background-color: rgb(249, 221, 220);
}
.four#contents .block_bottom p {
	text-align: center;
}
.four#contents .block_bottom .block_bottom_box_wrap {
	margin: 10px 0px 0px;
}
.four#contents .block_bottom .block_bottom_box_l {
	margin: 0px 8px 0px 0px; padding: 10px 0px; width: 148px; height: 112px; float: left; background-color: rgb(255, 255, 255);
}
.four#contents .block_bottom .block_bottom_box_r {
	margin: 0px; padding: 10px 0px; width: 444px; height: 112px; float: left; background-color: rgb(255, 255, 255);
}
.four#contents .block_bottom .block_bottom_box_l .btn_wrap {
	margin: 8px auto 0px; width: 148px; height: auto;
}
.four#contents .block_bottom .block_bottom_box_l .btn_wrap .btn_on_off {
	margin: 0px auto; float: none;
}
.four#contents .block_bottom .block_bottom_box_r .btn_wrap {
	margin: 8px auto 0px; width: 320px; height: auto;
}
.four#contents .block_bottom .block_bottom_box_r .btn_on_off {
	margin: 0px 6px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 140px; text-align: center; line-height: 32px; font-size: 20px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.four#contents .block_bottom .block_bottom_box .active.btn_on_off {
	background-color: rgb(250, 223, 163);
}
.four#contents .block_bottom .block_bottom_box .last.btn_on_off {
	margin: 0px;
}
.five#contents .left {
	padding: 0px 6px; width: 646px; height: 510px; font-size: 17px; float: left; background-color: rgb(249, 221, 220);
}
.five#contents .left p {
	margin: 20px 0px 15px; text-align: center;
}
.five#contents .left .b1.air_block_wrap_top {
	margin: 90px auto 0px; width: 156px; height: 188px; overflow: hidden;
}
.five#contents .left .b2.air_block_wrap_top {
	margin: 90px auto 0px; width: 322px; height: 188px; overflow: hidden;
}
.five#contents .left .b3.air_block_wrap_top {
	margin: 90px auto 0px; width: 483px; height: 188px; overflow: hidden;
}
.five#contents .left .b4.air_block_wrap_top {
	margin: 90px auto 0px; width: 639px; height: 188px; overflow: hidden;
}
.five#contents .left .b5.air_block_wrap_top {
	margin: 0px auto 5px; width: 483px; height: 188px; overflow: hidden;
}
.five#contents .left .b6.air_block_wrap_top {
	margin: 0px auto 5px; width: 483px; height: 188px; overflow: hidden;
}
.five#contents .left .b7.air_block_wrap_top {
	margin: 0px 0px 5px;
}
.five#contents .left .b8.air_block_wrap_top {
	margin: 0px 0px 5px;
}
.five#contents .left .b1.air_block_wrap_bottom {
	display: none;
}
.five#contents .left .b2.air_block_wrap_bottom {
	display: none;
}
.five#contents .left .b3.air_block_wrap_bottom {
	display: none;
}
.five#contents .left .b4.air_block_wrap_bottom {
	display: none;
}
.five#contents .left .b5.air_block_wrap_bottom {
	margin: 0px auto; width: 322px; height: 188px; overflow: hidden; display: block;
}
.five#contents .left .b6.air_block_wrap_bottom {
	margin: 0px auto; width: 483px; height: 188px; overflow: hidden; display: block;
}
.five#contents .left .b7.air_block_wrap_bottom {
	margin: 0px auto; width: 483px; height: 188px; overflow: hidden; display: block;
}
.five#contents .left .b8.air_block_wrap_bottom {
	display: block;
}
.five#contents .left .air_block {
	margin: 0px 5px 0px 0px; padding: 0px 6px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 140px; height: 214px; float: left; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.five#contents .left .active.air_block {
	background-color: rgb(250, 223, 163);
}
.five#contents .left .readonly.air_block {
	background-color: rgb(240, 240, 240);
	border: 2px solid rgb(200, 200, 200);
}
.five#contents .left .last.air_block {
	margin: 0px;
}
.five#contents .left .air_block .txt1 {
	margin: 16px 0px 10px; text-align: center; line-height: 140%; font-size: 19px;
}
.five#contents .left .air_block .txt2 {
	margin: 0px 0px 5px; font-size: 15px;
}
.five#contents .left .air_block .txt2 .txt2_left {
	float: left;
}
.five#contents .left .air_block .txt2 .txt2_right {
	float: right;
}
.five#contents .right {
	margin: 0px 0px 0px 20px; width: 264px; height: 510px; font-size: 16px; float: left; background-color: rgb(249, 221, 220);
}
.five#contents .right p {
	margin: 20px 0px 15px; text-align: center;
}
.five#contents .right .btn_wrap {
	margin: 0px auto 6px; width: 154px;
}
.five#contents .right_block1 {
	margin: 0px auto 5px; padding: 3px 0px 5px 3px; width: 243px; background-color: rgb(255, 255, 255);
}
.five#contents .right_block2 {
	margin: 0px auto 5px; padding: 3px 0px 5px 3px; width: 243px; background-color: rgb(255, 255, 255);
}
.block1.right_block {
	display: none;
}
.block2.right_block {
	display: none;
}
.block3.right_block {
	display: none;
}
.block4.right_block {
	display: none;
}
.block5.right_block {
	display: none;
}
.block6.right_block {
	display: none;
}
.block7.right_block {
	display: none;
}
.five#contents .none.right_block1 {
	margin: 0px auto 5px; padding: 3px 0px 5px 3px; width: 243px; display: none; background-color: rgb(237, 236, 236);
}
.five#contents .none.right_block2 {
	margin: 0px auto 5px; padding: 3px 0px 5px 3px; width: 243px; display: none; background-color: rgb(237, 236, 236);
}
.five#contents .none.right_block2 .btn_on_off {
	border: 2px solid rgb(73, 73, 73); border-image: none; background-color: rgb(237, 236, 236);
}
.five#contents .right_block1 .btn_on_off {
	margin: 5px 5px 0px 0px;
}
.five#contents .right_block2 .btn_on_off {
	margin: 5px 5px 0px 0px;
}
.five#contents .right_block1 .last.btn_on_off {
	margin: 5px 0px 0px;
}
.five#contents .b3_b4_wrap {
	margin: 0px auto 5px; width: 246px;
}
.five#contents .right_block3 {
	margin: 0px 5px 0px 0px; padding: 3px 0px 5px 3px; width: 117px; float: left; background-color: rgb(255, 255, 255);
}
.five#contents .right_block4 {
	padding: 3px 0px 5px 3px; width: 117px; float: left; background-color: rgb(255, 255, 255);
}
.five#contents span.customSelect {
	margin: 3px auto 0px; padding: 0px 20px 0px 0px; width: 106px; text-align: center; color: rgb(0, 0, 0); line-height: 28px; font-size: 17px; background-image: url("../img/select_short.png"); background-repeat: no-repeat; background-size: 106px 28px;
}
.five#contents .right_block1 p {
	margin: 0px; text-align: left;
}
.five#contents .right_block2 p {
	margin: 0px; text-align: left;
}
.five#contents .right_block3 p {
	margin: 0px; text-align: left;
}
.five#contents .right_block4 p {
	margin: 0px; text-align: left;
}
.five#contents .btn_green {
	margin: 5px auto 0px; font-size: 21px;
}
.five#contents .btn_wrap_center {
	margin: 0px auto 6px; width: 154px;
}
.five#contents .btn_wrap_center .last.btn_on_off {
	margin: 5px 0px 0px;
}
.five#contents .selectbox_wrap {
	margin: 0px auto; width: 106px;
}
.five#contents .btn_wrap_center_l {
	margin: 0px auto; width: 213px;
}
.six#contents .block_top {
	margin: 0px 0px 42px; width: 942px;
}
.six#contents .block_top .left {
	background-position: bottom; width: 600px; height: 200px; font-size: 17px; float: left; position: relative; background-image: url("../img/pic_6_hotwater.png"); background-repeat: no-repeat; background-size: 600px auto;
}
.six#contents .block_top .left .left_text1 {
	left: 278px; top: 146px; width: 68px; text-align: center; position: absolute;
}
.six#contents .block_top .left .left_text2 {
	left: 213px; top: 176px; width: 200px; text-align: center; position: absolute;
}
.six#contents .block_top .right {
	margin: 0px 0px 0px 28px; width: 298px; font-size: 17px; float: left;
}
.six#contents .block_top .right .right_top {
	margin: 0px 0px 28px; padding: 18px 0px 10px; width: 298px; text-align: center; line-height: 160%; background-color: rgb(255, 255, 255);
}
.six#contents .block_top .right .right_top span {
	color: rgb(221, 0, 0); font-size: 35px;
}
.six#contents .block_top .right .right_bottom {
	padding: 0px 0px 0px 28px; line-height: 180%; font-size: 17px; width: 288px;
}
.six#contents .block_top .right .right_bottom span {
	color: rgb(221, 0, 0);
}
.six#contents .block_top .right .right_top.caveat_g {
    background-color: rgb(244, 244, 244);
}
.six#contents .block_bottom {
	padding: 12px 17px; width: 908px; font-size: 17px; background-color: rgb(249, 221, 220);
}
.six#contents .block_bottom p {
	text-align: center;
}
.six#contents .block_bottom .block_bottom_box_wrap {
	margin: 10px 0px 0px;
}
.six#contents .block_bottom .block_bottom_box {
	margin: 0px 8px 0px 0px; padding: 10px 0px; width: 296px; height: 67px; float: left; background-color: rgb(255, 255, 255);
}
.six#contents .block_bottom .last.block_bottom_box {
	margin: 0px;
}
.six#contents .block_bottom .block_bottom_box .btn_wrap_7{
	margin: 8px auto 0px; width: 240px; height: auto;
}
.six#contents .block_bottom .block_bottom_box .btn_wrap_8{
	margin: 8px auto 0px; width: 160px; height: auto;
}
.six#contents .block_bottom .block_bottom_box .btn_wrap_9{
	margin: 8px auto 0px; width: 160px; height: auto;
}
.six#contents .block_bottom .block_bottom_box .btn_on_off {
	margin: 0px 6px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 70px; text-align: center; line-height: 32px; font-size: 20px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.six#contents .block_bottom .block_bottom_box .active.btn_on_off {
	background-color: rgb(250, 223, 163);
}
.twelve#contents {
	margin: 140px auto; width: 916px;
}
.twelve#contents .left {
	margin: 0px 12px 0px 0px; width: 956px; height: auto;
}
.twelve#contents .left .btn_on_off {
	margin: 0px 12px 30px 0px; width: 290px; line-height: 100px; font-size: 30px; float: left; display: block;
}
.twelve#contents .left .boo_r.btn_on_off {
	margin: 0px;
}
.twelve#contents .right {
	width: 300px; height: auto; float: left;
}
.twelve#contents .right .btn_on_off {
	padding: 70px 0px 0px; width: 300px; height: 164px; line-height: 160%; font-size: 30px; display: block;
}
.twelve_three#contents .left {
	width: 746px; overflow: hidden; float: left;
}
.twelve_three#contents .left .bar_btn_wrap {
	margin: 14px 0px 0px 62px; width: 678px;
}
.twelve_three#contents .left .bar_btn_wrap .bar_btn {
	margin: 0px 22px 0px 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 94px; text-align: center; line-height: 32px; font-size: 20px; float: left; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.twelve_three#contents .left .bar_btn_wrap .active.bar_btn {
	background-color: rgb(250, 223, 163);
}
.twelve_three#contents .left .bar_btn_wrap input {
	margin: 0px; border-radius: 5px; border: 2px solid rgb(247, 182, 38); border-image: none; width: 290px; text-align: center; line-height: 32px; font-size: 20px; float: left; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.twelve_three#contents span.customSelect {
	padding: 0px 0px 0px 10px; width: 290px; color: rgb(0, 0, 0); line-height: 32px; font-size: 20px; background-image: url("../img/select.png"); background-repeat: no-repeat; background-size: 290px 32px;
}
.twelve_three#contents .right {
	margin: 312px 0px 0px 40px; border: 8px solid rgb(249, 221, 220); border-image: none; font-size: 17px; float: left;
}
.twelve_three#contents .right .e_sale {
	padding: 15px 10px; width: 178px;
}
.twelve_three#contents .right .e_buy {
	padding: 15px 10px; width: 178px;
}
.twelve_three#contents .right .e_sale {
	border-bottom-color: rgb(249, 221, 220); border-bottom-width: 5px; border-bottom-style: solid;
}
.twelve_three#contents .right .e_sale span {
	color: rgb(221, 0, 0);
}
.twelve_three#contents .right .e_buy span {
	color: rgb(221, 0, 0);
}
.twelve_three#contents .e_right {
	margin: 0px 0px 0px 14px; line-height: 250%; font-size: 11px; float: left;
}
.twelve_three#contents .right .e_sale .e_left {
	margin: 12px 0px 0px; padding: 15px 0px 0px; font-size: 11px; border-top-color: rgb(62, 178, 249); border-top-width: 5px; border-top-style: solid; float: left;
}
.twelve_three#contents .right .e_buy .e_left {
	margin: 12px 0px 0px; padding: 15px 0px 0px; font-size: 11px; border-top-color: rgb(244, 172, 113); border-top-width: 5px; border-top-style: solid; float: left;
}
.twelve_five#contents .left {
	margin: 0px 0px 0px 58px; padding: 0px 6px; width: 662px; height: 444px; font-size: 17px; float: left;
}
.twelve_five#contents .left .left_block {
	margin: 0px 10px 0px 0px; padding: 12px 30px; width: 602px; height: 62px; background-color: rgb(249, 221, 220);
}
.twelve_five#contents .left .left_block .left_block_l {
	width: 44px; line-height: 62px; font-size: 21px; float: left;
}
.twelve_five#contents .left .left_block .left_block_m {
	width: 344px; text-align: right; line-height: 170%; font-size: 13px; float: left;
}
.twelve_five#contents .left .left_block .left_block_m span {
	margin: 0px 15px; width: 148px; color: rgb(221, 0, 0); display: inline-block;
}
.twelve_five#contents .left .left_block .left_block_r span {
	margin: 0px 15px; width: 148px; color: rgb(221, 0, 0); display: inline-block;
}
.twelve_five#contents .left .left_block .left_block_r {
	width: 206px; text-align: right; line-height: 170%; font-size: 13px; float: left;
}
.twelve_five#contents .left #bar1 {
	margin: 0px 0px 20px -10px; position: relative;
}
.twelve_five#contents .left #bar2 {
	margin: 0px 0px 20px -10px; position: relative;
}
.twelve_five#contents .left #bar1 .bar_red {
	left: 99px; top: 10px; width: 28px; height: 60px; position: absolute; z-index: 2000; background-image: url("../img/pic_12_5_bar.png"); background-repeat: no-repeat; background-size: 28px 100px;
}
.twelve_five#contents .left #bar2 .bar_red {
	left: 99px; top: 10px; width: 28px; height: 60px; position: absolute; z-index: 2000; background-image: url("../img/pic_12_5_bar.png"); background-repeat: no-repeat; background-size: 28px 100px;
}
.twelve_five#contents .left #bar1 .bar_txt1 {
	top: 16px; right: 113px; font-size: 17px; position: absolute; z-index: 2000;
}
.twelve_five#contents .left #bar2 .bar_txt1 {
	top: 16px; right: 113px; font-size: 17px; position: absolute; z-index: 2000;
}
.twelve_five#contents .left #bar1 .bar_txt2 {
	top: 50px; right: 113px; font-size: 17px; position: absolute; z-index: 2000;
}
.twelve_five#contents .left #bar2 .bar_txt2 {
	top: 50px; right: 113px; font-size: 17px; position: absolute; z-index: 2000;
}
.twelve_five#contents .right {
	margin: 0px 0px 0px 32px; padding: 15px 0px 0px; width: 233px; height: 427px; text-align: center; font-size: 17px; float: left; background-color: rgb(249, 221, 220);
}
.twelve_five#contents .right p {
	margin: 0px 0px 17px;
}
.twelve_five#contents .right .right_block {
	margin: 0px auto 7px; padding: 10px 0px 0px; width: 216px; height: 80px; background-color: rgb(255, 255, 255);
}
.twelve_five#contents .right .right_block .txt1 {
	margin: 0px 0px 9px;
}
.twelve_five#contents .right .right_block .txt2 {
	margin: 0px 0px 4px;
}
.gr {
	border: 2px solid rgb(145, 139, 139); border-image: none; background-color: rgb(204, 204, 204);
}
.jqplot-yaxis-label {
	left: 3px !important; top: 400px !important;
}
.jqplot-yaxis.jqplot-axis {
	width: 66px !important;
}
.twelve_five .jqplot-yaxis.jqplot-axis {
	width: 0px !important;
}
#footer a.btn_home {
	width: 120px; height: 155px; display: block; background-color: rgb(255, 255, 255);
}
#footer a.btn_back {
	width: 120px; height: 155px; display: block; background-color: rgb(255, 255, 255);
}
#footer a.btn_home {
	background-position: center; left: 0px; top: 21px; position: absolute; z-index: 5000; background-image: url("../img/btn_footer_home.png"); background-repeat: no-repeat; background-size: 83px auto;
}
#footer a.btn_back {
	background-position: center; top: 21px; right: 0px; position: absolute; z-index: 5000; background-image: url("../img/btn_footer_back.png"); background-repeat: no-repeat; background-size: 80px auto;
}
.footermenu_wrap {
	margin: 0px auto; height: 168px; overflow: hidden; max-width: 800px;
}
#footer ul.flipsnap {
	margin: 0px auto; padding: 30px 0px 0px; width: 1306px; display: block;
}
#footer ul.flipsnap::after {
	height: 0px; clear: both; display: block; content: "";
}
#footer ul li {
	margin: 0px 25px 0px 0px; width: 96px; height: 138px; float: left;
}
#footer ul li.last {
	margin: 0px;
}
#footer ul li a {
	width: 100%; height: 100%; display: block;
}
#footer ul li a.fm1 {
	background-position: 0px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm1 {
	background-position: 0px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm2 {
	background-position: -121px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm2 {
	background-position: -121px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm3 {
	background-position: -242px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm3 {
	background-position: -242px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm4 {
	background-position: -363px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm4 {
	background-position: -363px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm5 {
	background-position: -483px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm5 {
	background-position: -483px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm6 {
	background-position: -604px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm6 {
	background-position: -604px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm7 {
	background-position: -725px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm7 {
	background-position: -725px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm8 {
	background-position: -845px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm8 {
	background-position: -845px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm9 {
	background-position: -966px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm9 {
	background-position: -966px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm10 {
	background-position: -1087px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm10 {
	background-position: -1087px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.fm11 {
	background-position: -1208px -169px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}
#footer ul li a.active.fm11 {
	background-position: -1208px 0px; background-image: url("../img/pic_footer_menu.png"); background-repeat: no-repeat; background-size: 1303px auto;
}

/* HEMSグラフ画面調整 */
#wrapper.hemsgraph
{
    min-width: 1004px;
}

#wrapper.hemsgraph .one#contents .right
{
    position: relative;
    top: 0px;
    left :0px;
	margin: 88px 0px 0px 20px; width: 221px; font-size: 17px; 
}
form.inq_popup
{
    color: black;
}
#inq_input_popup
{
    clear: both;
    border: 1px solid #fff580;
    border-color:Black;
    padding: 10px;    
}