@charset "shift_jis";

/* ========BASIC======== */
*{
   font-family:Verdana, Helvetica, sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#fff url("images/bg.gif") 50% 50% repeat-y fixed;
   border-top:12px solid #009ED9;
}

br {
   letter-spacing:normal;
}

a {
  text-decoration:underline;
  color:#FF6600;
}

a:hover {
  position:relative;
  top:1px;
  left:1px;
  color:#33CCFF;
}

a img {
    /* IE */
    filter: alpha(opacity=100);
    /* Safari Opera */
    opacity:1.0;
    /* Firefox Netscape */
    -moz-opacity:1.0;
}

a:hover img {
    /* IE */
    filter: alpha(opacity=65);
    /* Safari Opera */
    opacity:0.65;
    /* Firefox Netscape */
    -moz-opacity:0.65;
}

img {
   border:0;
   vertical-align:bottom;
}

img.mail_margin {
  margin-bottom:5px;
}

img.flow_margin {
  margin-bottom:20px;
}

img.satei_margin {
  margin-bottom:25px;
}

img.balance_top {
  margin-top:20px;
}

img.wind_satei {
  float:right;
  margin:0 0 15px 30px;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h1,h2 {
   display:block;
   margin:0;
   font-size:13px;
   font-weight:normal;
   line-height:1.5;
   letter-spacing:0px;
}

h3 {
   margin:0 0 20px 0;
   padding:6px 0;
   color:#fff;
   background:#716246;
   font-size:18px;
   letter-spacing:3px;
   text-indent:10px;
}

/* ========TEMPLATE FRAMEWORK======== */
#top {
  margin:0 auto;
  width:780px;
}

#header {
   clear:both;
   padding:0;
   width:780px;
   height:320px;
   background:#fff;
}

#title {
  padding:5px 15px;
  background:url(images/logo-6.gif) no-repeat center right;
  border-bottom:4px solid #f5f5f5;
}

#header_inner {
  float:left;
  padding:10px 15px;
  width:520px;
}

#menu {
   float:right;
   margin:5px 0;
   padding:0;
   width:210px;
}

#main {
   clear:both;
   width:740px;
   margin:0 auto;
   padding:0;
}

#price {
  margin:0 0 25px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:720px;
}

#area_waku {
  margin-bottom:40px;
}

.wide {
  clear:both;
   margin:0 auto;
   width:720px;
}

.seal_waku {
  margin:0 auto;
  padding:0 0 15px 0;
  width:660px;
}

.tel_large {
  margin-bottom:20px;
  padding:5px 0;
  border:3px double #999;
  text-align:center;
}

#footer {
}

#footerMenu {
   padding:15px 20px;
   border-top:1px solid #ccc;
}

#copyright {
   clear:both;
   height:30px;
   line-height:30px;
}

/* ========HEADER CUSTOMIZE======== */

/* ========MAIN CONTENTS CUSTOMIZE======== */
#main p {
   margin:0 0 1em 0;
   padding:0;
   font-size:15px;
   line-height:1.5;
}

span.bg_line {
   font-size:18px;
   font-weight:bold;
   background:#fff8dc;
}

span.cyuui {
  display:block;
  margin:0 auto;
  width:695px;
  font-size:14px;
  line-height:1.5;
}

span.cyuui_red {
  color: #ff0000;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
}

#menu li {
   width:210px;
   height:32px;
   line-height:32px;
   font-size:13px;
   font-weight:bold;
   list-style-type:none;
   border-bottom:1px solid #DCDCDC;
   background:url(images/bg_menulist.gif) no-repeat left center;
   letter-spacing:0px;
}

#menu li.noborder {
  border:none;
}

#menu li a {
   display:block;
   text-indent:16px;
   color:#333;
   text-decoration:none;
}

#menu li a:hover {
   color:#009ed9;
}

/* ========INFO_01 CONTENTS CUSTOMIZE======== */
.info_01 {
  margin-top:15px;
  width:535px;
}

.info_01_inner {
  margin:12px 0;
  height:69px;
}

.info_01_left {
  float:left;
  margin-left:5px;
  width:409px;
}

.info_01_right {
  float:right;
  width:110px;
}

.info_01_clear {
  clear:both;
  height:50px;
}

.info_01 a {
  font-size:14px;
}

/* ========INFO_02 CONTENTS CUSTOMIZE======== */
.info_02 {
  margin:20px 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  padding:10px 15px 8px 15px;
  width:685px;
  background:url(images/bg_info_02.jpg) no-repeat right bottom;
  border:3px double #999999;
}

.info_02_inner {
  margin:12px 0 0 0;
  height:69px;
}

.info_02_left {
  float:left;
  margin-left:5px;
  width:415px;
}

.info_02_right {
  float:left;
  width:110px;
}

.info_02 a {
  font-size:14px;
}

/* ========PRICE CONTENTS CUSTOMIZE======== */
.price_left {
  float:left;
  margin-bottom:15px;
  width:350px;
  height:350px;
  font-size:15px;
  border:1px solid #a9a9a9;
}

.price_right {
  float:right;
  margin-bottom:15px;
  width:350px;
  height:350px;
  font-size:15px;
  border:1px solid #a9a9a9;
}

.price_left span {
  display:block;
  margin:12px;
}

.price_right span {
  display:block;
  margin:12px;
}

#price_title {
  margin:12px 0;
  font-size:17px;
  font-weight:bold;
  text-align:center;
  letter-spacing:0px;
}

.ichibu {
  font-size:12px;
  line-height:1.5;
}

#price ul {
  margin:15px 35px;
  padding:0;
}

#price li {
  list-style:circle;
  font-size:14px;
  line-height:2;
}

#img_clear {
  clear:both;
  margin:0;
  padding:0;
  height:320px;
}

#tekisetu {
  padding:10px 20px 2px 20px;
  background:#e7f3b4 url(images/logo_RKC.jpg) no-repeat top right;
}

#tekisetu p {
  color:#669900;
}

span.eco_point {
  display:block;
  margin:0 0 10px 0;
  padding:5px 15px;
  width:270px;
  color:#666;
  background:#fff;
  border-left:15px solid #FF9900;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  font-size:15px;
  font-weight:bold;
}

/* ========JIREI CONTENTS CUSTOMIZE======== */
#jirei {
  margin:0 0 20px 0;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  width:720px;
}

#jirei_left {
  float:left;
  margin:0 0 20px 10px;
  width:240px;
}

#jirei_right {
  float:right;
  margin:0 10px 10px 0;
  width:420px;
}

#jirei table {
  width:240px;
  font-size:14px;
}

#jirei td {
  padding:3px 20px;
}

td.jirei_bg01 {
  background:#f7f6ed;
}

#jirei ul {
  margin:0 0 15px 0;
  padding:0;
}

#jirei li {
  list-style:none;
  line-height:33px;
  font-size:14px;
  font-weight:bold;
  border-bottom:1px dotted #CCCCCC;
  text-indent:18px;
}

span.jirei_titile {
  display:block;
  margin:0 0 20px 0;
  padding-bottom:5px;
  font-size:16px;
  font-weight:bold;
  text-indent:12px;
  border-left:8px solid #999;
  border-bottom:1px solid #999;
  letter-spacing:2px;
}

span.jirei_price {
  display:block;
  color:#FF0000;
  text-align:center;
}

p.red {
  color:#FF0000;
  font-weight:bold;
}

p.green {
  color:#669900;
}

/* ========TABLE_STYLE CONTENTS CUSTOMIZE======== */
.table_style {
  margin:0 auto;
  width:680px;
  text-align:center;
}

.table_style table {
  border-collapse:collapse;
  margin:10px 0 20px 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
  border:1px solid #666;
  font-size:14px;
}

.table_style th {
  white-space:nowrap;
  padding:10px;
  width:140px;
  color:#663300;
  background:#EFECD1;
  border:1px dotted #999;
  text-align:left;
}

.table_style td {
  padding:10px 15px;
  border:1px dotted #ccc;
  text-align:left;
}

.table_style ul {
  margin:0;
  padding:0;
}

.table_style li {
  height:25px;
  line-height:25px;
  list-style:inside;
}

#table_office {
  margin:0;
  padding:0;
  width:450px;
}

#table_office table {
  border-collapse:collapse;
  border:none;
  margin:0;
  padding:0;
  width:450px;
}

#table_office th {
  border:none;
  padding:3px 0;
  width:95px;
  color:#333;
  background:#fff;
  font-weight:normal;
  text-align:left;
}

#table_office td {
  border:none;
  padding:3px 0;
  text-align:left;
}

/* ========MAILFORM CONTENTS CUSTOMIZE======== */
.table_style input {
  margin:3px 0;
}

span.form {
  display:block;
  color:#FF6600;
  height:50px;
  line-height:50px;
  font-size:16px;
  font-weight:bold;
  letter-spacing:2px;
}

span.error {
  display:block;
  height:70px;
  line-height:70px;
  color:#FF6600;
}

span.hissu {
  color:#FF6600;
}

/* ========AREA CUSTOMIZE======== */
#area_waku table {
  border-collapse:collapse;
  margin:10px 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
  border:1px solid #666;
  font-size:14px;
}

#area_waku th {
  white-space:nowrap;
  padding:8px 0 8px 20px;
  width:100px;
  color:#663300;
  background:#EFECD1;
  border:1px dotted #999;
  text-align:left;
}

#area_waku td {
  padding:8px 15px;
  border:1px dotted #ccc;
  text-align:left;
}

#area_waku span {
  display:block;
  margin-top:20px;
  font-size:15px;
  font-weight:bold;
  text-indent:20px;
}

#link_area {
  margin:0 0 10px 0;
  margin-left:auto;
  margin-right:auto;
  width:680px;
}

/* ========STAFF CONTENTS CUSTOMIZE======== */
#staff {
  margin:0 0 20px 0;
  padding:0;
}

#staff table {
  margin:0 auto;
  padding:0;
  width:680px;
  table-layout:fixed;
  border-collapse:separate;
}

#staff th {
  text-align:center;
}

#staff th.back {
  font-size:14px;
  color:#663300;
  background:#EFECD1;
}

#staff td {
  padding:3px 5px;
  border:1px dotted #999;
  text-align:left;
  font-size:13px;
  letter-spacing:0px;
}

/* =======QA CONTENTS CUSTOMIZE======== */
.qa {
  margin:0 auto;
  width:690px;
}

.qa h4 {
  height:40px;
  line-height:40px;
  color:#663300;
  background:url(images/qa-q.gif) no-repeat center left;
  border-bottom:1px dotted #ccc;
  font-size:15px;
  text-indent:35px;
}

.qa a {
  text-decoration:none;
  color:#663300;
}

.qa a:hover {
  color:#FF6600;
}

.qa-a {
  margin:20px 10px 20px 25px;
  padding:0 0 0 34px;
  background:url(images/qa-a.gif) no-repeat top left;
  line-height:1.75;
}

.qa-a a {
  text-decoration:underline;
  color:#FF6600;
}

.qa-a a:hover {
  color:#33CCFF;
}

/* ========BEFOREPAGE CUSTOMIZE========= */
#before-page {
   margin:40px 10px 30px 10px;
   text-align:right;
}

#before-page a {
   padding:0 0 0 15px;
   color:#333;
   font-size:11px;   
   background:url("images/bg_before.gif") 0 50% no-repeat;
}

#before-page a:hover {
  color:#009ED9;
}


/* ========TOPPAGE LINK======== */
#toplink {
  margin:0 0 10px 0;
  padding:0;
  width:720px;
  margin-left:auto;
  margin-right:auto;
}

#toplink p {
  margin:0;
  padding:0;
  text-align:left;
  font-size:12px;
}

#toplink table {
  margin:0 0 15px 0;
  padding:0;
  width:720px;
  background:#f5f5f5;
  border:0;
}

#toplink td {
  padding:5px;
  font-size:12px;
  line-height:1.5;
}

/* ========TOTOP CUSTOMIZE======== */
#totop {
   clear:both;
   margin:10px 0 20px 0;
   margin-left:auto;
   margin-right:auto;
   padding:10px 0 0 0;
   width:720px;
   text-align:right;
}

/* ========FOOTERMENU CUSTOMIZE======== */
#footerMenu a {
   color:#333;
   text-decoration:none;
}

#footerMenu a:hover {
   color:#333;
   text-decoration:underline;
}

#footerMenu ul {
   margin:0;
   padding:0;
   list-style:none;
}

#footerMenu li {
   display:inline;
   margin:0 0 0 12px;
   padding-left:10px;
   font-size:12px;
   background:url("images/arrow.gif") 0 2px no-repeat;
}

/* ========COPYRIGHT CUSTOMIZE======== */
#copyright a {
  color:#fff;
  text-decoration:none;
}

address {
   color:#fff;
   background:#666;
   font-style:normal;
   font-size:12px;
   border-top:2px solid #555;
   text-align:center;
}