@charset "utf-8";
/* CSS Info
 FileName   : style.css
 Editor     : geocode
======================== */
/* templates
----------------------------------------------------------- */
#content h2 {
  height: 30px;
  margin: 30px 0 15px 0;
  padding: 12px 15px 0 15px;
  background: url(../images/head01.png) repeat-x left top;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#content h2.first {
  margin-top: 0;
}
#content h2 span {
  font-size: 20px;
}
#sub #content .article {
  margin: 0 0 50px 0;
}
#sub #content h2 {
  clear: both;
}
#sub #content h2.first {
  margin-top: 0;
}
#sub #content h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#sub #content p {
  margin: 0 0 20px 0;
  color: #fff;
  font-size: 12px;
}
#sub #content .onebox {
  margin: 30px 0 40px;
}
#sub #content .floatleft {
  float: left;
  margin: 0 15px 20px 0;
  border: 5px solid #78AEC2;
}
#sub #content .floatleft.noborder {
  border: none;
}
#sub #content .floatright {
  float: right;
  margin: 0 0 20px 15px;
  border: 5px solid #78AEC2;
}
#sub #content .floatright.noborder {
  border: none;
}
#sub #content table {
  border-collapse: collapse;
  border-top: 1px dotted #36798E;
  width: 100%;
}
#sub #content table td,
#sub #content table th {
  padding: 10px 5px;
  border-bottom: 1px dotted #36798E;
  font-size: 12px;
  color: #fff;
}
#sub #content table td a,
#sub #content table th a {
  color: #fff;
}
#sub #content table th {
  padding-right: 20px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
}
#sub #content .sitemap {
  border-top: 1px dotted #36798E;
  color: #fff;
}
#sub #content .sitemap li {
  list-style-type: disc;
  list-style-position: inside;
  padding: 5px 5px 5px 20px;
  border-bottom: 1px dotted #36798E;
}
#sub #content .sitemap li a {
  color: #fff;
}
#sub #content .sitemap li ul {
  margin: 5px 0 -6px 0;
  border-top: 1px dotted #36798E;
}
/* contact
----------------------------------------------------------- */
#sub #content form table td,
#sub #content form table th {
  padding: 10px;
}
#sub #content form table th {
	width:160px;
}
#sub #content form table th img {
  float: right;
  padding: 2px;
}
#sub #content form table td input{
	margin-bottom:3px;
}
#sub #content form table td .ex{
	font-size:11px;
}
#sub #content form table td select{
	padding:3px;
}
#sub #content form table td input.s {
  width: 130px;
  padding: 2px;
}
#sub #content form table td input.m {
  width: 200px;
  padding: 2px;
}
#sub #content form table td input.ml {
  width: 350px;
  padding: 2px;
}
#sub #content form table td input.l {
  width: 460px;
  padding: 2px;
}
#sub #content form table td textarea {
  width: 90%;
  height: 10em;
}
#sub #content form table td .updnWatermark {
  color: #999;
}
#sub #content form table td ul li {
  float: left;
  width: 80px;
  margin: 0 20px 5px 0;
}
#sub #content form table td ul li.break {
  clear: left;
}
#sub #content .send {
  padding: 20px 0;
  text-align: center;
}
#sub #content .thanks{
	text-align:center;
	margin-top:50px;
}
#sub #content .thanks h3{
	color:#1f4d60;
	font-size:20px;
}
#sub #content .thanks a{
	color:#fff;
}
#sub #content .pricheck{
	text-align:center;
	color:#fff;
}
#sub #content .pricheck img{
	margin:0 5px;
	vertical-align:top;
	padding-top:3px;
}
#sub #content .privacy{
	margin-bottom:30px;
}
#sub #content .privacy h3{
  height: 30px;
  margin: 30px 0 15px 0;
  padding: 12px 15px 0 15px;
  background: url(../images/head01.png) repeat-x left top;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#sub #content .privacy dl{
	height:150px;
	padding:15px;
	overflow:auto;
	color:#fff;
	font-size:11px;
  border: 1px dotted #36798E;
	background:#3c94ab;
}
#sub #content .privacy dl dd{
	padding-left:1em;
	margin-bottom:10px;
}
#sub #content .privacy dl dd a{
	color:#fff;
}

/* seminar
----------------------------------------------------------- */
#sub #content .seminar02 {
  margin: 0 0 50px 0;
}
#sub #content .seminar02 ul li {
  float: left;
  width: 305px;
  margin: 0 10px -1px 0;
  padding: 0 0 0 35px;
  border-top: 1px dotted #36798E;
  border-bottom: 1px dotted #36798E;
  background: url(../images/seminar02.png) no-repeat 10px 3px;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
}
#sub #content .seminar03 {
  margin: 0 0 50px 0;
}
#sub #content .seminar04 {
  position: relative;
  height: 102px;
  margin: 0 0 50px 0;
}
#sub #content .seminar04 h2 {
  position: absolute;
  width: 700px;
  left: 0;
  top: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub #content .seminar04 li {
  position: absolute;
  width: 320px;
  height: 36px;
  top: 51px;
}
#sub #content .seminar04 li.mail {
  left: 20px;
}
#sub #content .seminar04 li.fax {
  left: 340px;
}
#sub #content .seminar04 li a:hover img,
#sub #content .seminar04 li a:active img {
  filter: alpha(opacity=00);
  -moz-opacity: 0;
  opacity: 0;
}
#sub #content .seminar05 {
  margin: 0 0 50px 0;
  padding: 8px;
  background: #306E83;
  border-top: 6px solid #F14C1F;
}
#sub #content .seminar05 h2 {
  height: auto;
  margin: 0 0 18px 0;
  padding: 0;
  background: none;
}
#sub #content .seminar05 .seminar05_l {
  float: left;
  width: 402px;
  margin: 0 0 10px 0;
  background: url(../images/seminar05_bd.png) repeat-y right top;
}
#sub #content .seminar05 .seminar05_l dt {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
#sub #content .seminar05 .seminar05_l dt img {
  margin: 0 8px 0 0;
  vertical-align: -2px;
}
#sub #content .seminar05 .seminar05_l dd {
  padding: 0 0 20px 68px;
  color: #fff;
  font-size: 10px;
}
#sub #content .seminar05 .seminar05_r {
  float: right;
  width: 250px;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
}
#sub #content .seminar05 .seminar05_r dd {
  margin: 10px 0 30px;
  font-size: 10px;
  color: #fff;
}
#sub #content .seminar05 .seminar05_r dd p {
  margin: 0 0 15px 0;
  font-size: 10px;
}
#sub #content .seminar05 .seminar05_b {
  clear: both;
  position: relative;
  height: 100px;
}
#sub #content .seminar05 .seminar05_b h2 {
  position: absolute;
  width: 684px;
  left: 0;
  top: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub #content .seminar05 .seminar05_b li {
  position: absolute;
  width: 320px;
  height: 36px;
  top: 48px;
}
#sub #content .seminar05 .seminar05_b li.mail {
  left: 13px;
}
#sub #content .seminar05 .seminar05_b li.fax {
  left: 333px;
}
#sub #content .seminar05 .seminar05_b li a:hover img,
#sub #content .seminar05 .seminar05_b li a:active img {
  filter: alpha(opacity=00);
  -moz-opacity: 0;
  opacity: 0;
}
#sub #content .seminar06 {
  margin: 0 0 50px 0;
  padding: 8px;
  background: #306E83;
  border-top: 6px solid #87BB3A;
}
#sub #content .seminar06 h2 {
  height: auto;
  margin: 0 0 18px 0;
  padding: 0;
  background: none;
}
#sub #content .seminar06 p {
  margin: 20px;
  padding: 0 0 20px 0;
  background: url(../images/seminar06_bd.png) repeat-x left bottom;
}
#sub #content .seminar06 dl {
  margin: 0 20px 10px;
}
#sub #content .seminar06 dl dt {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}
#sub #content .seminar06 dl dt img {
  float: left;
  margin: 0 10px 25px 0;
}
#sub #content .seminar06 dl dd {
  padding: 0 0 20px 68px;
  color: #fff;
  font-size: 10px;
}
#sub #content .seminar06 .seminar06_b h3 {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub #content .seminar06 .seminar06_b li {
  float: left;
}
/* solar
----------------------------------------------------------- */
#sub #content .solar06 {
  margin-top: 100px;
}
#sub #content .solar06 dt {
  width: 300px;
  padding: 5px;
  background: #78AEC2;
}
#sub #content .solar08 dl {
  clear: both;
  padding: 20px 0 0 0;
}
#sub #content .solar08 dl dt {
  clear: left;
  float: left;
  width: 300px;
  margin: 0 25px 0 0;
  padding: 5px;
  background: #78AEC2;
}
#sub #content .solar08 dl dd {
  min-height: 90px;
  padding: 0 0 110px 0;
  background: url(../images/solar_arrow.png) no-repeat 445px 100px;
}
#sub #content .solar08 dl dd .chu {
  margin: -20px 0 0 0;
  font-size: 10px;
}
#sub #content .solar08 dl dd.end {
  background: none;
}
#sub #content .solar09 p,
#sub #content .solar10 p {
  margin-bottom: 10px;
}
#sub #content .solar11 img {
  margin: 0 0 50px 0;
}
#sub.solar #content .oneset {
  clear: both;
  margin: 0 0 40px 0;
}
#sub.solar #content h2 {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub.solar #content h3 {
  clear: both;
  height: 30px;
  margin: 30px 0 15px 0;
  padding: 12px 15px 0 15px;
  background: url(../images/head01.png) repeat-x left top;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#sub.solar #content h4 {
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#sub.solar #content .setbox {
  padding: 10px;
  background: #306E83;
}
#sub.solar #content .setbox h4 {
  margin: 5px 5px 10px 7px;
}
#sub.solar #content .setbox ul {
  padding: 10px;
  background: #3E8A9E;
  color: #fff;
}
#sub.solar #content .setbox ul li {
  width: 30%;
  float: left;
}
#sub.outline #content h3,
#sub.philosophy #content h3 {
  clear: both;
  height: 30px;
  margin: 0px 0 15px 0;
  padding: 12px 15px 0 15px;
  background: url(../images/head01.png) repeat-x left top;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
/* flow
----------------------------------------------------------- */
#sub #content .ocbox li {
  margin: 0 0 10px 0;
  background: #62AABE;
}
#sub #content .ocbox li h4 {
  margin: 0;
  padding: 10px 10px 10px 35px;
  background: url(../images/flow_plus.png) no-repeat 10px 14px;
  cursor: pointer;
}
#sub #content .ocbox li.open h4 {
  background: url(../images/flow_minus.png) no-repeat 10px 14px;
  cursor: auto;
}
#sub #content .ocbox li .clearfix {
  width: 660px;
  padding: 20px;
  border-top: 1px dashed #36798E;
}
#sub #content .ocbox li .slideshow {
  overflow: hidden;
  position: relative;
  float: right;
  width: 310px;
  height: 280px;
  background: #489AAF;
  text-align: center;
  font-size: 12px;
}
#sub #content .ocbox li .slideshow p {
  top: 0;
  left: 0;
  position: absolute;
  width: 300px;
  height: 245px;
  padding: 5px 5px 10px 5px;
}
#sub #content .ocbox li .slideshow p img {
  margin: 0 0 10px 0;
}
#sub #content .ocbox li .slideshow p span {
  font-size: 10px;
}
#sub #content .ocbox li ol {
  float: left;
  width: 310px;
}
#sub #content .ocbox li ol li {
  margin: 0;
  padding: 10px 10px 15px 10px;
  background: url(../images/flow_bg02.png) no-repeat left bottom #489aaf;
  color: #fff;
  line-height: 1.2;
  cursor: pointer;
}
#sub #content .ocbox li ol li span {
  font-size: 10px;
}
#sub #content .ocbox li ol li.now {
  background: url(../images/flow_bg01.png) no-repeat left bottom #1c6782;
  font-weight: bold;
}
#sub #content .ocbox li ol li.last {
  padding-bottom: 10px;
  background-image: none;
}
/* ecocute
----------------------------------------------------------- */
#sub #content .ecocute02 {
  margin-bottom: 30px;
}
#sub #content .ecocute03 img,
#sub #content .ecocute04 img,
#sub #content .ecocute06 img,
#sub #content .ecocute10 img,
#sub #content .ecocute15 img {
  margin-bottom: 50px;
}
#sub #content .ecocute08 {
  margin-bottom: 80px;
}
#sub #content .setbox h6 {
  margin: 5px 5px 10px 7px;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#sub #content .setbox ul {
  padding: 10px 10px 0 10px;
}
#sub #content .setbox ul li {
  width: 25%;
}
#sub #content .setbox ul li.br {
  clear: left;
}
#sub #content .setbox p {
  margin: 0;
  padding: 5px 10px 10px 10px;
  background: #3E8A9E;
  color: #fff;
}
#sub.ecocute #content .chu {
  font-size: 10px;
}
#sub.ecocute #content a {
  color: #fff;
}
#sub.ecocute #content .oneset {
  margin: 0 0 20px 0;
  border-bottom: 1px dashed #317085;
}
#sub.ecocute #content .oneset h5 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}
#sub.ecocute #content .oneset h5 span {
  font-size: 12px;
}
#sub.ecocute #content .oneset.cl {
  clear: both;
}
#sub.ecocute #content h2 {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub.ecocute #content h3 {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub.ecocute #content h4 {
  clear: both;
  height: 30px;
  margin: 30px 0 15px 0;
  padding: 12px 15px 0 15px;
  background: url(../images/head01.png) repeat-x left top;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#sub.ecocute #content h3 {
  height: auto;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
#sub.ecocute #content .setbox {
  padding: 10px;
  background: #306E83;
}
#sub.ecocute #content .setbox h3 {
  margin: 5px 5px 10px 7px;
}
#sub.ecocute #content .setbox ul {
  padding: 10px;
  background: #3E8A9E;
  color: #fff;
}
#sub.ecocute #content .setbox ul li {
  width: 30%;
  float: left;
}
/* company
----------------------------------------------------------- */
.company #container {
  background: url(../images/company_bg.png) repeat-y left top;
}
.company #path {
  background: url(../images/sub.png) repeat-x 0 -232px;
}
#sub #content #company_main {
  float: right;
  width: 520px;
  padding: 0 10px 0 0;
}
#sub #content #company_main p {
  line-height: 2;
  margin: 0 0 20px 0;
}

#sub #content #company_main ul{
	color: #FFF;}
	
#sub #content #company_main li{
	line-height: 3em;
	border-bottom: 1px dotted #FFF;}

#sub #content #company_side {
  float: left;
  width: 140px;
}

#sub #content #company_side ul {
  border-bottom: 1px dotted #4B7D90;
}
#sub #content #company_side ul li {
  border-top: 1px dotted #4B7D90;
  font-size: 12px;
  line-height: 1.2;
}
#sub #content #company_side ul li a {
  display: block;
  padding: 8px 8px 8px 24px;
  background: url(../images/s_point.png) no-repeat 10px 11px transparent;
  color: #fff;
  text-decoration: none;
}
#sub #content #company_side ul li a:hover,
#sub #content #company_side ul li a:active,
#sub #content #company_side ul li a.now {
  background-color: #74B2C3;
}
#sub.faq #content h2 {
  margin-top: 0;
}
#sub.faq #content dl {
  margin: 0 0 50px 0;
  color: #fff;
}
#sub.faq #content dl dt {
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 10px 10px 10px 50px;
  background: url(../images/q.png) no-repeat 10px 12px #62aabe;
  cursor: pointer;
  text-decoration: underline;
}
#sub.faq #content dl dt:hover,
#sub.faq #content dl dt:active {
  text-decoration: none;
}
#sub.faq #content dl dd {
  width: 460px;
  padding: 10px 10px 10px 50px;
  border-top: 1px dashed #36798E;
  background: url(../images/a.png) no-repeat 10px 12px #62aabe;
}
#sub.faq #content dl dd p {
  padding: 20px 0 0 0;
}
#sub.philosophy #content h2 {
  height: auto;
  margin: 0 0 50px 0;
  padding: 0;
  background: none;
  text-align: center;
}
#sub.message #content h2 {
  height: auto;
  margin: 30px 0 50px 0;
  padding: 0;
  background: none;
  text-align: center;
}
#sub.message #content h3 {
  margin: 0 0 30px 0;
  text-align: center;
}
#sub.message #content .end {
  text-align: right;
}
#sub.outline #content h2 {
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  background: none;
  text-align: center;
}

#sub.outline #content h2 {
  margin-top: 0;
}

#sub.staff #content h2 {
  margin-top: 0;
}
#sub.staff #company_main ul{
	width:540px;
	margin:0 -20px 0 0;
}
#sub.staff #company_main ul li .photo img{
	margin:0 0 5px 0;
	padding:5px;
	background:#78AEC2;
}
#sub.staff #company_main .photo{
	text-align:center;
}
#sub.staff #company_main .photo img{
	padding:5px;
	background:#78AEC2;
}
#sub.staff #company_main ul li p{
	margin:0;
	padding:0;
}
#sub.staff #company_main ul li p a{
	color:#fff;
}
#sub.staff #company_main ul li p span{
	padding:0 0 0 1.5em;
	font-size:10px;
	vertical-align:middle;
}
#sub.staff #company_main .back{
	padding:30px 0 0 0;
}
#sub.staff #company_main .back a{
	color:#fff;
}
#company_main ul.company_staff li{
	clear:both;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}
#company_main ul.company_staff li div{
	float:left;
	width:278px;
	margin-left:10px;
}
#company_main ul.company_staff li:last-child{
	border-bottom:0!important;
}
#company_main ul.company_staff li p.photo{
	float:left;
	margin-right:10px;
}
#company_main ul.company_staff li h2{
	clear:none!important;
}
#company_main ul.company_staff li h2 a{
	color:#fff;
	text-decoration:none;
}
#company_main ul.company_staff li p.txt{
	background:url(../images/staff_pop.png) no-repeat;
	width:235px;
	height:72px;
	padding:10px 15px 10px 25px!important;
	margin:0 0 12px 2px!important;
}
#company_main ul.company_staff li p.btn{
	text-align:right;
}
#company_main ul.company_staff li span{
	font-size:11px;
/*	background:#225568;*/
	padding:0  8px 5px!important;
	height:28px;
	position:absolute;
	top:12px;
	right:10px;
	font-weight:normal;
}



/* voice
----------------------------------------------------------- */
#sub.voice #content .image{
  width:200px;
  margin:0 20px 20px 0;
  padding:5px;
  background:#78AEC2;
  font-size:10px;
  text-align:center;
}
#sub.voice #content .image img{
  margin:0 0 7px 0;
}
#sub.voice #content .big{
	font-weight:bold;
	margin:-10px 0 10px 0;
}

#sub.voice #content .image.floatright{
  margin:0 0 20px 20px;}


/* top
----------------------------------------------------------- */
#content .index01 h2 {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#content .index01 div {
  width: 340px;
  background: #fff;
}
#content .index01 div h3 {
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
}
#content .index01 div h3 a {
  padding: 0 0 0 10px;
}
#content .index01 div p {
  padding: 5px 10px 10px 10px;
  font-size: 10px;
  line-height: 1.4;
  color: #666;
}
#content .index01 div.index01_01 {
  float: left;
}
#content .index01 div.index01_01 h3 {
  background: url(../images/point_or.png) no-repeat 10px 5px;
  padding: 0 0 0 20px;
  color: #F14C1F;
}
#content .index01 div.index01_01 h3 a {
  color: #F14C1F;
}
#content .index01 div.index01_02 {
  float: right;
}
#content .index01 div.index01_02 h3 {
  background: url(../images/point_gr.png) no-repeat 10px 5px;
}
#content .index01 div.index01_02 h3 a {
  color: #659C21;
}
#content .index02,
#content .index03 {
  clear: both;
}
#content .index02 ol,
#content .index03 ol {
  margin: 0 -14px 0 0;
}
#content .index02 ol li,
#content .index03 ol li {
  float: left;
  width: 204px;
  margin: 0 14px 0 0;
  padding: 10px;
  background: #fff;
}
#content .index02 ol li p,
#content .index03 ol li p {
  margin: 10px 0 0 0;
  font-size: 10px;
  line-height: 1.4;
  color: #666;
}

/* powerplant
----------------------------------------------------------- */

#sub.powerplant #content{
	color:#fff;
}
#sub.powerplant #content .arrowbox{
	background:url(../images/powerplant03.png) no-repeat 65px bottom;
	padding-bottom:25px;
}
#sub.powerplant #content .arrowbox ul{
	margin-left:245px;
}
#sub.powerplant #content .arrowbox ul li{
	list-style:disc;
}
#sub.powerplant #content h2 {
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
#sub.powerplant #content h3 {
  clear: both;
  height: 30px;
  margin: 30px 0 15px 0;
  padding: 12px 15px 0 15px;
  background: url(../images/head01.png) repeat-x left top;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
#sub.powerplant #content h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
#sub.powerplant #content .setbox {
  padding: 10px;
  background: #306E83;
}
#sub.powerplant #content .setbox h4 {
  margin: 5px 5px 10px 7px;
}
#sub.powerplant #content .setbox div {
  padding: 10px;
  background: #3E8A9E;
  color: #fff;
}
#sub.powerplant #content .setbox ol {
	margin-left:30px;
}
#sub.powerplant #content .setbox ol li {
	list-style:decimal;
	margin-bottom:10px;
}



#sub.powerplant .box01 img{
	flort: left;
	}

#sub.powerplant .box01 .tx{
	float: right;
	width: 240px;}

#sub.powerplant #content .box01 .tx h4{
	font-size: 16px;
	line-height: 1.8em;
	color: #FF9;
	border-bottom: 1px dotted #FFF;}

#sub #content p.sp{
	font-size: 14px;
}

#sub #content .read{
	margin: 10px 20px;}

/* philosophy */

.philosophy .photobox img{
	margin-bottom: 20px;}

.philosophy .photobox .fl{
	width: 162px;
	margin-right: 12px;}
	
.philosophy .photobox .fr{
	width: 162px;
}

/* battery */



.batteryImg{
	float:left;
}

.batteryTop{
	float:left;
	width:288px;
	height:215px;
	margin:0 0 0 15px!important;
	
	}
	
.batteryBtm{
	float:left;
	background:url(../images/battery03.png) no-repeat center bottom;
	margin:0 0 0 15px!important;
	width:288px;
	height:172px;
	color:#306e83!important;
}

.batteryBtm span{
	display:block;
	margin:78px 0 0 23px;
	line-height:25px;
}

.battery h3 {
    background: url("../images/head01.png") repeat-x scroll left top transparent!important;
    clear: both!important;
    color: #FFFFFF!important;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    margin: 30px 0 15px!important;
    padding: 12px 15px 0!important;
}

.setboxBat{
	background: none repeat scroll 0 0 #306E83;
    padding: 10px;
	margin-bottom:20px;
}

.setboxBat h4.num01,
.setboxBat h4.num02,
.setboxBat h4.num03{
	color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 5px 10px 7px!important;
	background:none!important;
	height:33px!important;
	padding:4px 0 0 40px!important;
	}
	
.setboxBat p,
.setboxBat p,
.setboxBat p{
	background: none repeat scroll 0 0 #3E8A9E;
    color: #FFFFFF;
    margin: 0!important;
    padding:10px;
	}

.setboxBat h4.num01{
	background:url("../images/battery_num01.png") no-repeat scroll left top transparent!important;
}

.setboxBat h4.num02{
	background:url("../images/battery_num02.png") no-repeat scroll left top transparent!important;
}

.setboxBat h4.num03{
	background:url("../images/battery_num03.png") no-repeat scroll left top transparent!important;
}

.contactBat{
	background:url("../images/battery_contact.png")  no-repeat scroll left top transparent;
	width:700px;
	height:173px;
	margin:0 0 20px;
	position:relative;
}

.contactBat img{
	position:absolute;
	top:135px;
	right:168px;
	
}



/* end */