/* ::::: http://www.kyuden.co.jp/power_usages/css/style.css ::::: */

img { border: 0pt none; }
table { font-size: inherit; }
.float-left { float: left; }
.mb-15 { margin-bottom: 15px; }
.mb-25 { margin-bottom: 25px; }
.clear { clear: both; }
.link { font-size: 100%; margin: 10px 0pt; padding: 0pt 0pt 2px 15px; line-height: 140%; background-image: url('icon_arrow.gif'); background-repeat: no-repeat; background-position: left 0.3em; }
#main-contents { width: 770px; margin: 0pt auto; }
#main-contents h1 { font-size: 123.1%; line-height: 1.2; margin-bottom: 20px; padding: 3px 0pt 3px 8px; background: url('title_back.jpg') repeat-x scroll left top transparent; border-right: 1px solid rgb(205, 205, 205); border-left: 1px solid rgb(205, 205, 205); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-width: medium 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(205, 205, 205) rgb(153, 153, 153); }
div.button { margin-bottom: 5px; text-align: right; overflow: hidden; }
div.hanrei { margin: 12px auto 0pt; }
#today { width: 770px; padding: 0pt 0pt 4px; background-image: url('yohou_bottom.jpg'); background-repeat: no-repeat; background-position: center bottom; }
#today .inner { background: url('yohou_top.jpg') no-repeat scroll 0% 0% transparent; padding: 10px 20px; }
.dataIn { clear: both; margin-top: 15px; }
div.yohou2 { width: 770px; padding: 0pt 0pt 4px; background-image: url('yohou2_bottom.jpg'); background-repeat: no-repeat; background-position: center bottom; }
div.yohou2 .inner { background: url('yohou2_top.jpg') no-repeat scroll 0% 0% transparent; padding: 10px 20px; }
#today .inner h2, div.yohou2 .inner h2, div.yohou3 .inner h2 { font-size: 123.1%; margin: 0pt; }
.percentage { font-size: 167%; font-weight: bold; color: rgb(0, 102, 255); }
.kw { font-size: 123.1%; font-weight: bold; color: rgb(0, 102, 255); }
.battery { width: 75px; float: left; padding: 10px 0pt 0pt 15px; }
#main-contents table.dataBox { width: 640px; float: right; margin: 0pt; }
#main-contents table.dataBox td { padding: 0pt; margin: 0pt; line-height: 1; }
#main-contents table.todayData1 { width: 108px; }
.ttl1 { font-size: 16px; }
.ttl2 { font-size: 14px; }
.ttl3 { font-size: 14px; }
.comment { font-size: 12px; line-height: 1.4; margin: 5px 0pt 0pt; padding: 5px 5px 5px 7px; background-color: rgb(237, 249, 254); border: 1px solid rgb(204, 204, 204); }
#section1 { width: 724px;  padding: 15px 23px 18px; background: url('frame_bg.jpg') no-repeat scroll center top transparent; }
#main-contents #section1 h2 { font-size: 123.1%; text-align: center; margin-top: 0pt; padding-bottom: 4px; border-bottom: 2px solid rgb(152, 251, 152); background:none;}
.kw2 { font-size: 138.5%; color: rgb(0, 102, 255); text-align: right; font-weight: bold; }
.data_wrap { width: 724px; margin: 15px auto 0pt; overflow: hidden; }
.data_area { width: 248px; float: left; padding-bottom: 16px; background: url('data_bg.jpg') no-repeat scroll center bottom transparent; }
#main-contents #section1 .data_area h3 { margin: 0pt; padding: 0pt; }
.percent { font-size: 167%; font-weight: bold; }
.data_areaR { width: 440px; float: right; margin-top: 5px; }
.data_areaR table td { padding-top:8px; border-bottom: 1px dotted rgb(51, 51, 51); }
.bottom_bg { width: 770px; height: 7px; background: url('frame_bottom.jpg') no-repeat scroll center top transparent; clear: both;  margin-bottom:15px;}
#section2 #max table th { vertical-align: middle; line-height: normal; }
#section2 #max table td.honjitsu, #section2 #max table td.konka { padding: 5px 10px 5px 18px; line-height: 1.3; }
.time { font-size: 138.5%; font-weight: bold; }
.comment2 { font-size: 123.1%; font-weight: bold; color: rgb(255, 0, 0); }
#section2 { width: 722px; margin-top: 15px; padding: 12px 24px 4px; background: url('frame_bg2.jpg') no-repeat scroll center top transparent; }
#main-contents #section2 table { margin: 0pt; }
#main-contents #section2 td { padding: 0pt; }
.bottom_bg2 { width: 770px; height: 7px; margin: 0pt auto 30px; background: url('frame_bottom2.jpg') no-repeat scroll center top transparent; }
#graph_area { width: 750px; margin: 0pt auto 30px; padding: 7px 9px 22px; border: 1px solid rgb(204, 204, 204); }
div.ttlbar { font-size: 123.1%; font-weight: bold; margin: 0pt; padding-bottom: 2px; border-bottom: 3px solid rgb(152, 251, 152); overflow: hidden; }
div.ttlbar p { margin: 0pt; }
div.ttlbar img { float: right; }
h3 { font-size: 123.1%; color: rgb(255, 0, 0); margin-bottom: 3px; }
/* ::::: https://i28.dga.jp/kyuden/ac.css ::::: */

#i_search_autocomplete { text-align: left; font-size: 12px; border-width: 1px 2px 1px 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(153, 153, 153) rgb(187, 187, 187) rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(51, 51, 51); position: absolute; cursor: default; list-style: none outside none; padding: 0px; margin: 0pt; display: block; }
#i_search_autocomplete :active { outline: medium none; }
