*
{
    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;
}
body
{
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    background-color: #0066dd;
    background: url(../img/bg.jpg) center top no-repeat;
    color: #fff580;
}
.clearfix:after
{
    content: "";
    display: block;
    clear: both;
}
.clearfix
{
    width: 100%;
}
a
{
    color: #fff580;
    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.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: #fff580;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

/* -------------------------------------------------全体レイアウト */
.left
{
    float: left;
}
.right
{
    float: right;
}
#container
{
}
#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: #fff580;
}
#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.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;
    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: #fff580;
    text-align: right;
    width: 90px;
    height: 19px;
    background-color: transparent;
    border: 1px solid #fff580;
}
#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_0.png) center no-repeat;
}
#Sell_1
{
    background: url(../img/bar/B_1.png) center repeat-x;
}
#Buy_0
{
    background: url(../img/bar/R_0.png) center no-repeat;
}
#Buy_1
{
    background: url(../img/bar/R_1.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_1.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;
}
.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-collapse: collapse;
}
#product_list_container table td, #product_list_container table th
{
    border: 1px solid #fff580;
    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-width: 1px 1px 0 1px;
}
#tabs li a
{
    display: block;
    padding: 5px 10px 5px 10px;
}
#tab_container
{
    position: relative;
    list-style: none;
    border: 1px solid #fff580;
    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;
    margin-bottom: 30px;
    padding: 10px;
}
#tblInquiry, #tblInformation
{
}
#tblInquiry td, #tblInquiry th, #tblInformation td, #tblInformation th
{
    border: 1px solid #fff580;
    padding: 4px;
}
#divInqHistory
{
    margin-bottom: 5px;
    height: 143px;
    overflow: auto;
}
#divInfoHistory
{
    margin-bottom: 5px;
    height: 143px;
    overflow: auto;
}
#divInqDetail, #divInfoDetail
{
    border: 1px solid #fff580;
    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;
    padding: 5px;
    margin-bottom: 5px;
    overflow: auto;
    height: 160px;
}
#divInfoBody
{
    clear: both;
    border: 1px solid #fff580;
    padding: 10px;
    overflow: auto;
    height: 210px;
}
#inq_main
{
    padding: 20px 20px 50px 20px;
}
#inq_input
{
    clear: both;
    border: 1px solid #fff580;
    padding: 10px;    
}
#txtInqTitle
{
    width: 710px;
}
#txtInqBody
{
    width: 730px;
    height: 400px;
}

/* -------------------------------------------------FAQ */
#divFaqDescription
{
    padding: 10px;
    margin: 15px 0 15px 0;
    border: 1px solid #fff580;
}
#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: url(../img/bg_btn.png) repeat-x;
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    border: 0;
    display: block;
    height: 27px;
    line-height: 27px;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
}
.login
{
    width: 120px;
}
.logout
{
    background-color: transparent;
    border: none;
    color: #fff580;
    font: 100% "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif;
    height: 19px;
    cursor: pointer;
}
.confirm
{
    width: 120px;
    float: right;
}
.back
{
    width: 180px;
    float: right;
}
.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: 231px; }
#nav ul ul { left: 231px; }

#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 #fff580; margin-right: 1px; text-align: center; text-indent: 0; font-weight: bold; color: #fff580; }
    #nav a { display: block; padding: 5px 0px 5px 0px; }
    #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: 0.7; filter: alpha(opacity=70); }

#nav .nodisp_menu 
   {
       display : block ;
   }
   
   

form.inq_popup
{
    color: black;
}
#inq_input_popup
{
    clear: both;
    border: 1px solid #fff580;
    border-color:Black;
    padding: 10px;    
}