@charset "utf-8";
/* CSS Document style_site */

/* ===HTML=== */

body {
  text-align: center;
  font-family: "MS UI Gothic" , "Osaka", Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  color: #4C4C4C;
  background-image: url(../common/bg_site.gif);

}
.syousai_body{
  background:none;
  }


h1, h2, h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;

  }

ol {
  padding-left: 0em;
}

ul {
  padding-left: 0em;
}

li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 2em;
}

a:link {

  color: #a84200;
/*
  color: #8FABBE;
*/
  text-decoration: none;
}
a:visited {

  color: #f39800;
/*
  color: #006699;
*/
  text-decoration: none;
}
a:hover {
  color: #f39800;

/*
  color: #006699;
*/
  text-decoration: underline;
}

form {  margin: 0px;  padding: 0px;}
form img  {
  vertical-align:text-bottom;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ===FontSize=== */
.text80 {
  font-size: 80%;
  line-height: 125%;
}
.text75 {
  font-size: 75%;
  line-height: 125%;
}
.text10px {
  font-size: 10px;
  line-height: 125%;
}

/* ===Container=== */
#container_bg {
  margin: auto;
  width: 800px;
  background-color: #FFFFFF;
  background-repeat: repeat-y;
  height: auto;
  border-right-width: 1px;
  border-left-width: 1px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #CCCCCC;
  border-left-color: #CCCCCC;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}
#container {
  width: 780px;
  left: 20px;
  top: 0px;
  text-align: left;
  height: auto;
  margin: auto;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #589D30;
}

/* ===Header_Box=== */
#header {
  margin: auto;
  padding: 0px;
  height: 80px;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #CCCCCC;
}
#header_left {
  float: left;
  width: auto;
  height: 80px;
  margin: 0px;
  padding: 0px;
}
#header_right {
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
#header_right-top {
  height: 38px;
  margin: 0px;
  padding: 0px;
}
#header_navi {
  text-align: center;
  background-image: url(../common/dotline_tate.gif);
  background-repeat: no-repeat;
  background-position: left;
  font-size: 10px;
}
#header_navi img {  vertical-align: text-bottom;}

#global_navi {
  height: 42px;
  margin: 0px;
  padding: 0px;
}

#image {
  clear: both;
  margin: 0px;
  padding: 0px;
}

#pankuzu {
  font-size: 10px;
  background-image: url(../common/bg_pankuzu.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 780px;
}
#pankuzu_left {
  float: left;
}
#pankuzu_right {
  float: left;
  vertical-align: middle;
  margin-top: 2px;
  letter-spacing: 0.1em;
}
#pankuzu img {
  vertical-align: text-bottom;
}
/* ===Main_Box=== */
#main {
  width: 780px;
  clear: both;
}

#main_left {
  width: 176px;
  background-image: url(../common/bg_mainleft.gif);
  vertical-align: top;
  }

#pagetitle {
  background-image: url(../common/bg_menu_top.gif);
  background-repeat: no-repeat;
  height: 44px;
  width: 176px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

/* ===sub navigation===*/

/*#subnavi ul {margin:0;padding:0;list-style:none;}*/
#subnavi {
  margin: 0;
  background-color: #99CC33;
  padding: 0;
  }

#subnavi ul {
  margin: 0;
  padding: 0;
  }

#subnavi li {
  list-style-type: none;
  margin: 0;
  text-indent: 10px;
  letter-spacing: 0.1em;
  display: inline;
  padding: 0px;
}

#subnavi a {
  display: block;
/*  background-image:url(../common/bg_menubtn.jpg);*/
  background-repeat:no-repeat;
  width: 176px;
  padding: 12px 0 12px 0px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  font-weight: bold;
}
#subnavi a.pnavi {background: url("../common/bg_menubtn.jpg") no-repeat;}
#subnavi a.pnavi-on {background: url("../common/bg_menubtn_f2.jpg") no-repeat;}
#subnavi a:hover.pnavi  { background: url("../common/bg_menubtn_f2.jpg") no-repeat;}
img.load  { display:none}
#middle{  vertical-align: middle;}

#left_banner {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #589D30;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
#left_qr {
  font-size:14px;
  }

/* ===Main styles===*/

#main_right {
  width: 604px;
  text-align: left;
  background-image: url(../common/bg_main_top.gif);
  background-repeat: no-repeat;
  vertical-align: top;
  }

#topmain {  margin-top: 10px;}
#topmain_left {
  width: 425px;
  background-image: url(../common/bg_headline.gif);
  background-repeat: no-repeat;
  vertical-align: top;
}

#headline_title { padding: 25px 0px 10px 0px;}
#headline {
  margin-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  padding-bottom: 5px;
}
#headline_midasi {  font-size: small;}
#headline_date {  font-size: x-small; text-align: right;}
#headline_date img {  vertical-align: text-bottom;}
#headline_body {  font-size: small; line-height: 130%;}
#headline_body img {  margin: 0px 2px 0px 2px;}

#topmain_right {  vertical-align: top;}

/* ===contents_Box=== */

#pagetop1,
#pagetop2,
#pagetop3,
#pagetop4,
#pagetop5 {
  margin: 5px 5px 10px 5px;
  text-align: right;
  clear: both;
}

#bodykakomi {
/*
  border: 1px solid #CCCCCC;
*/
  margin: 18px 10px 10px 18px;
  padding: 10px 20px 10px 20px;
  clear: both;
  background-color: #FFFFFF;
}
#bodykakomi h2 {
  font-size: medium;
  line-height: 100%;
  color: #FFFFFF;
  padding: 7px 6px 5px 8px;
  margin: 7px 0px 10px;
  border-bottom: 4px solid #DCDEDE;
  font-weight: bold;
  background-image: url(../common/bg_h2obi.gif);
  background-repeat: no-repeat;
  text-indent: 15px;
}
#bodykakomi h2 img {  vertical-align: text-botom;}

#bodykakomi h3 {
  font-size: medium;
  line-height: 100%;
  color: #666666;
  padding: 3px 5px 3px 2px;
  margin: 10px 0px 3px 0px;
/*
  border-bottom: 1px solid #66CC01;
*/
  border-bottom: 2px solid #efeae9;
}
#bodykakomi td {
  font-size: small;
  line-height: 130%;
}

#bodykakomi td p {
  padding-bottom: 1em;
}

#bodykakomi img {
  margin: 3px 3px 3px 3px;
  border: 0px;
}

#zero_energy tr td img {
  padding-left: 10px;
  padding-bottom: 20px;
}

#zero_energy tr td img#cost {
  padding-left: 2px;
}

#bodykakomi ul,#bodykakomi ol ,#bodykakomi il { margin: 0;}

#staffprofile01 {}
#staffprofile02 {}
#staffprofile01 p,
#staffprofile02 p{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}

#voice {}
#voice li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
}

#faq_td {}
#faq_td h2{
  font-size: medium;
  font-weight: bold;
  display: block;
  padding: 3px 0px 3px 0px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #99CC33;
  background-color: #99CC33;
  background-image: none;
  color: #336600;
  text-indent: 0px;
  text-align: center;
}

#sw_td {}
#sw_td1 h2,
#sw_td2 h2,
#sw_td3 h2,
#sw_td4 h2,
#sw_td5 h2,
#sw_td6 h2 {
  font-size: medium;
  font-weight: bold;
  display: block;
  padding: 3px 0px 3px 10px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #ddd6d0;
  background-image: none;
  color: #330102;
  text-indent: 0px;
  text-align: left;
}


/* ===Footer_Box=== */

#footertop {
  background-image: url(../common/bg_menubottom.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

#footer_menu {
  width: 780px;
  border-top: 1px solid #CCCCCC;
  font-size: x-small;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  clear: both;
  }

#footer {
  border-top: 3px solid #CCCCCC;
  background-color: #589D30;
  vertical-align: bottom;
  width: 780px;
  clear: both;
  padding-top: 5px;
  padding-bottom: 3px;
  height: 22px;
  }
#footer a:link {
  color: #CCCCCC;
  text-decoration: none;
}
#footer a:visited {
  color: #CCCCCC;
  text-decoration: none;
}
#footer a:hover {
  color: #8FABBE;
  text-decoration: underline;
}

#footer_right {
  float: left;
  width: 49%;
  font-size: x-small;
  color: #CCCCCC;
  margin: 3px 0px 3px 0px;
  text-align: right;
  }
#footer_right img {
  vertical-align: text-bottom;
  }
#footer_left {
  float: left;
  width: 49%;
  margin: 3px 0px 3px 0px;
  }

.footlink {
  font-size: 10px;
  padding: 3px 5px 3px 2px;
  }

.footer a:link {
  color: #997965;
  text-decoration: none;
}

.footer a:hover {
  color: #997965;
  text-decoration: underline;
}
/* === subpage navi=== */


#contents_box { text-align: left; }
#contents { padding: 30px 10px 20px 10px; font-size: small; }
#contents h1 {  font-size: large; line-height: 120%;  font-weight: bold;  }
#contents img { margin-top: 2px;  margin-right: 2px;  margin-bottom: 2px; }
#contents ul {  padding-left: 0px;  margin: 0px;  margin-bottom: 30px; }

#two_columns { width: 100%;  margin: 0px;  padding: 0px;}
#left_column { float: left;  width: 49%; margin: 0px 2px 0px 0px;  padding: 0px;}
#right_column {  float: left;  width: 49%; margin: 0px 0px 0px 2px;  padding: 0px;}