@charset "Shift_JIS";

body {
  margin: 0;
  padding: 0;
  width : 100% ;
  text-align: center;
  line-height: 120%;
  background: url(images/back.gif);
}

#my_body {
  margin: 0 auto;
  width : 800px ;
  text-align: left;
  color: darkslategray;
  background-color: white;
}

P {
  margin: 0.5em;
  padding: 0;
  font-size: small;
}

/* ---- リンクの色 ---- */
a:link {
  color: blue;
  background: transparent;
}

a:visited {
  color: blue;
  background: transparent;
}

a:hover {
  color: deeppink;
  background: transparent;
}

a:active {
  color: #000000;
  background: transparent;
}

/* ---- ヘッダ関連 ---- */
#my_ttl {
  width: 800px;
  height: 50px;
  margin: 0;
  padding: 0px;
  background: white;
}

#flash {
  width: 800px;
  height: 100px;
  margin: 0;
  padding: 0px;
  background: black;
}

/* ---- トップナビゲーション（画面上） ---- */
#my_top_navi {
  width: 100%;
  margin: 0;
  padding: 0px;
  background: navy;
}

#my_top_navi ul {
  width: 100%;
  clear: both;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 0px;
  font-weight: bold;
  background: navy;
  background: url(images/menu_back.jpg);
}

#my_top_navi li {
  display: inline;
}

#my_top_navi li a {
  margin-right: 1px;
  text-decoration: none;
  padding: 0.2em 0.8em;
  color: white;
}

#my_top_navi li a:hover {
  color: red;
}

#my_top_navi li#cur a{
  margin-right: 1px;
  text-decoration: none;
  padding: 0.2em 0.8em;
  font-weight: bold;
  color: red;
  background: white;
}

#my_top_navi li#cur a:hover {
  color: red;
  background: white;
}

/* ---- レフトナビゲーション（画面左） ---- */
#my_left_navi {
  float: left ;
  width: 180px ;
  padding: 10px 0px;
  padding: 10px;
}

/* ---- ライトコンテンツ（画面右） ---- */
#my_right_contents {
  float: left ;
  width: 590px ;
  margin: 0px 4px;
  padding: 0px 0px;
}

#my_right_contents h1 {
  margin: 0px;
  padding: 0px;
  font-size: medium;
}

#my_right_contents h2 {
  margin: 10px 20px;
  padding: 0px 20px;
  background: url(images/h2.gif) no-repeat left;
  border-bottom: 1px dashed dimgray;
  font-size: large;
  color: black;
}

#my_right_contents h3 {
  margin: 0px;
  padding: 0px;
  font-size: small;
}

#my_right_contents ul {
  list-style: url(images/ul.gif);
  layout-grid-line: 0.3em;
}

#my_right_contents li {
  margin: 1em 1em;
}

/* ---- コンテンツ（画面中央） ---- */
#my_contents {
  clear: both ;
  width: 100% ;
  padding: 0px 0px;
}

#my_contents h2 {
  margin: 30px 20px;
  padding: 0px 20px;
  background: url(images/h2.gif) no-repeat left;
  border-bottom: 1px dashed dimgray;
  font-size: large;
  color: black;
}

#my_contents h3 {
  margin: 10px 20px;
  padding: 0px 20px;
  background: url(images/ul.gif) no-repeat left;
  font-size: medium;
}

#my_contents ul {
  list-style: url(images/ul.gif);
  layout-grid-line: 0.3em;
}

#my_contents li {
  margin: 1em 1em;
}

#my_contents p {
  margin: 0.8em 1em 0;
  line-height: 1.5;
}

#my_contents table {
  width: 95%;
  margin: 20px 20px;
  border: 0px;
  border-collapse: separate;
  border-spacing: 4px;
  empty-cells: show;
  font-size: medium;
}

#my_contents tr {
  color: dimgray;
}

/* 企業情報など */
#my_contents td#td1 {
  width: 25%;
  border: 3px white solid;
  padding: 4px 0px;
  background-color: dodgerblue;
  text-align: center;
  color: white;
}

#my_contents td#td2 {
  width: 73%;
  border: 3px white solid;
  padding: 6px 4px;
  background-color: gainsboro;
}

#my_contents td#td3 {
  width: 2%;
  border: 3px white solid;
  padding: 0px 0px;
  background-color: dodgerblue;
}

/* 取扱メーカー */
#my_contents td#td11 {
  width: 26%;
  border: 3px white solid;
  padding: 4px 0px;
  background-color: black;
  text-align: center;
  color: white;
  font-size: small;
}

#my_contents td#td12 {
  width: 68%;
  border: 3px white solid;
  padding: 6px 4px;
  color: black;
  background-color: gainsboro;
  font-size: small;
}

#my_contents td#td13 {
  width: 6%;
  border: 3px white solid;
  padding: 4px 0px;
  text-align: center;
  background-color: black;
  color: white;
  font-size: x-small;
  font-weight: bold;
}

/* 商品メニュー */
#my_contents td#td21 {
  width: 22%;
  border: 3px white solid;
  padding: 4px 0px;
  background-color: darkgray;
  text-align: center;
  color: white;
  font-size: small;
  font-weight: bold;
}

#my_contents td#td22 {
  width: 38%;
  border: 1px white solid;
  padding: 6px 4px;
  color: black;
  background-color: whitesmoke;
  font-size: small;
}

#my_contents td#td23 {
  width: 25%;
  border: 1px white solid;
  padding: 6px 4px;
  color: black;
  background-color: whitesmoke;
  font-size: small;
}

#my_contents td#td24 {
  width: 2%;
  border: 3px white solid;
  padding: 4px 0px;
  text-align: center;
  background-color: darkgray;
  font-size: small;
  font-weight: bold;
}

/* 新着情報 */

#my_right_contents table#newinfo {
  padding: 6px;
  border: 6px white;
  font-size: small;
}
#my_right_contents th#th90 {
  width: 25%;
  border: 6px white;
  background-color: deeppink;
  text-align: center;
  color: white;
}

#my_right_contents th#th91 {
  width: 25%;
  border: 6px white;
  background-color: dodgerblue;
  text-align: center;
  color: white;
}

#my_right_contents td#td92 {
  width: 73%;
  border: 6px white;
  background-color: gainsboro;
  text-align: left;
}

/* ---- 省エネ情報 ---- */

#my_ene {
  clear: both ;
  width: 100% ;
  padding: 0px 0px;
}

#my_ene h2 {
  margin: 30px 20px;
  padding: 0px 20px;
  background: url(images/h2.gif) no-repeat left;
  border-bottom: 1px dashed dimgray;
  font-size: large;
  color: black;
}

#my_ene ul {
  list-style: url(images/ul.gif);
  layout-grid-line: 0px;
}

#my_ene li {
  margin: 1em 0.5em;
}

/* ---- 購入の流れ ---- */

#my_guide_right {
  float: left ;
  width: 590px ;
  margin: 0px 5px;
  padding: 0px 0px;
}

#my_guide_right h2 {
  margin: 20px 0px;
  padding: 0px 20px;
  background: url(images/h2.gif) no-repeat left;
  border-bottom: 1px dashed dimgray;
  font-size: large;
  color: black;
}

#my_guide_right h3 {
  margin: 6px 0px;
  padding: 0px 20px;
  background: url(images/ul.gif) no-repeat left;
  font-size: medium;
}

#my_guide_right ul {
  list-style: url(images/ul.gif);
  layout-grid-line: 0px;
}

#my_guide_right li {
  margin: 1em 0.5em;
}

.ttl_guide {
  width: 740px;
  margin: 0px 20px;
  padding: 3px 0px 1px 20px;
  background: gainsboro;
  border-bottom: 2px solid dimgray;
  border-right : 4px solid dimgray;
  font-size: medium;
  font-weight: bold;
  color: navy;
}

/* ---- 商品メニュー ---- */
#itemmenu1 {
  float: left ;
  width: 380px ;
  margin: 0px;
  padding: 0px 5px;
}

#itemmenu2 {
  width: 380px ;
  margin: 10px 5px;
  padding: 0px;
  background: white;
  border: 1px solid silver;
}

#itemmenu2 h2 {
  margin: 10px 10px;
  padding: 0px 10px;
  font-size: large;
}

#itemmenu2 ul {
  list-style: url(images/ul.gif);
}

#itemmenu2 li {
  margin: 1em 1em;
}

/* ---- その他個別 ---- */
.box_center {
  margin: 10px 10px;
  padding: 10px;
  border: 1px solid dodgerblue;
  background: white;
  text-align: center;
}

.box_center_red {
  margin: 10px 10px;
  padding: 10px;
  border: 1px solid red;
  background: white;
  text-align: center;
  font-size: small;
}

.box_center_clear {
  margin: 4px 10px;
  padding: 0px;
  text-align: center;
  font-size: small;
}

.box_left {
  margin: 10px 10px;
  padding: 10px;
  border: 1px solid dodgerblue;
  background: white;
  text-align: left;
}

.box_left_red {
  margin: 10px 10px;
  padding: 10px;
  border: 1px solid red;
  background: white;
  text-align: left;
}

.box_left_clear {
  margin: 8px 4px;
  padding: 8px;
  border: 1px solid dimgray;
  text-align: left;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.float_clear {
  clear: both;
}

.pdfmsg {
  margin: 10px 120px;
  padding: 0px;
}

.table_none {
}

.table_none td {
  margin: 2px;
  padding: 2px;
  border: 0px;
}

/* ---- ドロップダウンメニュー ---- */
#dd {
  width: 100%;
  height: 27px;
  margin: 0;
  padding: 0px;
  background: black;
  background-image: url(images/menu_back.jpg);
}

#dd ul {
  width: 100%;
  margin: 0;
  padding: 0px;
}

#dd li {
  margin: 4px 0px 0px 0px;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 14px arial;
}

#dd li a.menu {
  display: block;
  text-align: center;
  padding: 4px 0px;
  margin: 0 0 0 1px;
  color: white;
  width: 150px;
  text-decoration: none;
}

#dd li span.menu {
  display: block;
  text-align: center;
  padding: 4px 0px;
  margin: 0 0 0 1px;
  color: white;
  width: 150px;
  text-decoration: none;
}

#dd li a.menu_cur {
  display: block;
  text-align: center;
  padding: 4px 0px;
  margin: 0 0 0 1px;
  color: red;
  width: 150px;
  background: white;
  text-decoration: none;
}

#dd li span.menu_cur {
  display: block;
  text-align: center;
  padding: 4px 0px;
  margin: 0 0 0 1px;
  color: red;
  width: 150px;
  background: white;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: silver;
  color: red;
}

.submenu {
  background: white;
  border: 1px solid red;
  visibility: hidden;
  width: 150px;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  font: bold 14px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: dodgerblue;
}

.submenu a:hover {
  background: silver;
  color: deeppink;
}

/* ---- リンク一覧 ---- */
table#table_link {
  width: 720px;
  margin: 10px 30px;
  border: 2px black solid;
  border-collapse: collapse;
  empty-cells: show;
  font-size: small;
  color: red;
}

table#table_link th,td{
  border: 1px black solid;
  padding: 3px 0px;
}

/* ---- 動画 ---- */
.open_movie {
  width: 816px ;
  height: 466px ;
}

/* ---- サイトマップ ---- */
#my_sitepos {
  margin : 10px ;
  font-size: small;
  color: black;
}

/* ---- カートボタン ---- */
.button_cart {
  font-size: small;
  font-weight: bold;
  color: #ffffff;
  background: #006600;
  border-top: 1px solid #00cc00;
  border-bottom: 1px solid #003300;
  border-left: 2px solid #00cc00;
  border-right: 2px solid #003300;
  padding: 1px 4px;
}

.button_cart:hover {
  background: #00aa00;
  cursor: pointer
}