@charset "Shift_JIS";

/* ---- ヘッダ関連 ---- */
#my_header {
  width : 100%;
  margin: 0;
  padding: 2px 0px;
  border-bottom: 2px solid black;
  color: dimgray;
  text-align: left;
  font-size: small;
  font-weight: bold;
}

/* ---- フッタ関連 ---- */
#my_footer {
  width: 100% ;
  clear: both ;
  margin: 0px;
  padding: 2px 0px;
  color: dimgray;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/* ---- ボトムナビゲーション（画面下） ---- */
#my_bottom_navi {
  width: 100%;
  margin: 0px;
  padding: 4px 0px;
  clear: both ;
  border-top: 2px solid black;
  text-align: center;
}

/* ---- 商品メニュー（左） ---- */
#my_itemmenu_left {
  float: right ;
  width: 180px ;
  margin: 0px 0px;
  padding: 10px;
  background: darkgray;
}

.itemmenu_left_cate1 {
  width: 172px ;
  margin: 0px;
  padding: 0px;
  border: 1px solid darkblue;
  background: white;
  font-size: small;
}

.itemmenu_left_ttl1 {
  width: 172px;
  margin: 0px 0px;
  padding: 0.5em 0px;
  background: url(images/itemmenu_back.gif);
  text-align: center;
  color: darkblue;
  font-weight: bold;
  line-height: 100%;
}

.itemmenu_left_item1 {
  width: 172px ;
  margin: 0px;
  padding: 0.2em 0.5em;
  text-align: left;
  line-height: 180%;
  color: black;
}

.itemmenu_left_cate2 {
  width: 172px ;
  margin: 0px;
  padding: 0px;
  border: 1px solid crimson;
  background: white;
  font-size: small;
}

.itemmenu_left_ttl2 {
  width: 172px ;
  margin: 0px 0px;
  padding: 0.5em 0px;
  background: url(images/itemmenu_back.gif);
  text-align: center;
  color: crimson;
  font-weight: bold;
  line-height: 100%;
}

.itemmenu_left_item2 {
  width: 172px ;
  margin: 0px;
  padding: 0.2em 1em;
  text-align: left;
  line-height: 180%;
  color: black;
}

.itemmenu_left_cate3 {
  width: 172px ;
  margin: 0px;
  padding: 0px 0px;
  border: 1px solid lime;
  background: white;
  font-size: small;
}

.itemmenu_left_ttl3 {
  width: 172px ;
  margin: 0px 0px;
  padding: 0.5em 0px;
  background: url(images/itemmenu_back.gif);
  text-align: center;
  color: limegreen;
  font-weight: bold;
  line-height: 100%;
}

.itemmenu_left_item3 {
  width: 172px ;
  margin: 0px;
  padding: 0.2em 1em;
  text-align: left;
  line-height: 180%;
  color: black;
}

.itemmenu_left_cate4 {
  width: 172px ;
  margin: 0px;
  padding: 0px 0px;
  border: 1px solid orange;
  background: white;
  font-size: small;
}

.itemmenu_left_ttl4 {
  width: 172px ;
  margin: 0px 0px;
  padding: 0.5em 0px;
  background: url(images/itemmenu_back.gif);
  text-align: center;
  color: orange;
  font-weight: bold;
  line-height: 100%;
}

.itemmenu_left_item4 {
  width: 172px ;
  margin: 0px;
  padding: 0.2em 1em;
  text-align: left;
  line-height: 180%;
  color: black;
}

.itemmenu_cartbtn {
  width: 162px;
  margin: 0px;
  padding: 5px;
  background: white;
  border: 1px solid red;
  font-size: small;
  font-weight: bolder;
  text-align: center;
  color: red;
}

.itemmenu_pdfmsg {
  width: 162px;
  margin: 0px 0px;
  padding: 5px;
  background: whitesmoke;
  border: 1px solid dimgray;
  font-size: xx-small;
  color: dimgray;
}

.itemmenu_list {
  width: 162px;
  margin: 0px 0px;
  padding: 5px;
  background: whitesmoke;
  border: 1px solid dimgray;
  font-size: xx-small;
  color: black;
}

/* ---- 商品メニュー（右） ---- */
#my_itemmenu_right {
  float: left ;
  width: 580px ;
  margin: 10px 0px;
  padding: 0px 10px;
}

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

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

.img_item {
  float: right ;
  margin: 2px 4px;
  height: 120px;
  border: 1px solid dimgray;
}

.img_item_nosize {
  float: right ;
  margin: 2px 4px;
  border: 1px solid dimgray;
}

.hr_90 {
  width: 55%;
  border: 1px black dotted;
  margin: 4px 0px;
  padding: 0px;

}

/* ---- 商品メニュー（右）インバータ ---- */
.box_itemmenu_mblue {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid cornflowerblue;
  background: url(images/itemmenu_mblue.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_mblue {
  font-weight: bold;
  color: navy;
}

.ttl_itemmenu_mblue {
  margin: 4px 0px;
  padding: 4px 20px;
  background: cornflowerblue;
  font-size: medium;
  font-weight: bold;
  color: navy;
}

.box_itemmenu_blue {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid skyblue;
  background: url(images/itemmenu_blue.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_blue {
  font-weight: bold;
  color: navy;
}

.ttl_itemmenu_blue {
  margin: 4px 0px;
  padding: 4px 20px;
  background: skyblue;
  font-size: medium;
  font-weight: bold;
  color: navy;
}

.box_itemmenu_red {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid lightpink;
  background: url(images/itemmenu_red.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_red {
  font-weight: bold;
  color: crimson;
}

.ttl_itemmenu_red {
  margin: 4px 0px;
  padding: 4px 20px;
  background: pink;
  font-size: medium;
  font-weight: bold;
  color: crimson;
}

.box_itemmenu_green {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid springgreen;
  background: url(images/itemmenu_green.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_green {
  font-weight: bold;
  color: darkgreen;
}

.ttl_itemmenu_green {
  margin: 4px 0px;
  padding: 4px 20px;
  background: springgreen;
  font-size: medium;
  font-weight: bold;
  color: darkgreen;
}

.box_itemmenu_orange {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid sandybrown;
  background: url(images/itemmenu_orange.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_orange {
  font-weight: bold;
  color: brown;
}

.ttl_itemmenu_orange {
  margin: 4px 0px;
  padding: 4px 20px;
  background: sandybrown;
  font-size: medium;
  font-weight: bold;
  color: brown;
}

.box_itemmenu_violet {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid mediumpurple;
  background: url(images/itemmenu_violet.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_violet {
  font-weight: bold;
  color: indigo;
}

.ttl_itemmenu_violet {
  margin: 4px 0px;
  padding: 4px 20px;
  background: mediumpurple;
  font-size: medium;
  font-weight: bold;
  color: indigo;
}

.box_itemmenu_yellow {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid Olive;
  background: url(images/itemmenu_yellow.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_yellow {
  font-weight: bold;
  color: DarkRed;
}

.ttl_itemmenu_yellow {
  margin: 4px 0px;
  padding: 4px 20px;
  background: Khaki;
  font-size: medium;
  font-weight: bold;
  color: maroon;
}

.box_itemmenu_dred {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid darkred;
  background: url(images/itemmenu_dred.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_dred {
  font-weight: bold;
  color: DarkRed;
}

.ttl_itemmenu_dred {
  margin: 4px 0px;
  padding: 4px 20px;
  background: lightcoral;
  font-size: medium;
  font-weight: bold;
  color: maroon;
}

.box_itemmenu_turquoise {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid darkturquoise;
  background: url(images/itemmenu_turquoise.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_turquoise {
  font-weight: bold;
  color: DarksLateGray;
}

.ttl_itemmenu_turquoise {
  margin: 4px 0px;
  padding: 4px 20px;
  background: turquoise;
  font-size: medium;
  font-weight: bold;
  color: DarksLateGray;
}

.box_itemmenu_gold {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid chocolate;
  background: url(images/itemmenu_gold.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_gold {
  font-weight: bold;
  color: saddlebrown;
}

.ttl_itemmenu_gold {
  margin: 4px 0px;
  padding: 4px 20px;
  background: gold;
  font-size: medium;
  font-weight: bold;
  color: saddlebrown;
}

/* ---- 商品メニュー（右）ホイスト ---- */
.box_itemmenu_orange2 {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid sandybrown;
  background: url(images/itemmenu_orange2.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_orange2 {
  font-weight: bold;
  color: brown;
}

.ttl_itemmenu_orange2 {
  margin: 4px 0px;
  padding: 4px 20px;
  background: sandybrown;
  border-top: 1px solid peachpuff;
  border-left: 1px solid peachpuff;
  border-bottom: 1px solid peru;
  border-right: 1px solid peru;
  font-size: medium;
  font-weight: bold;
  color: brown;
}

/* ---- 商品メニュー（右）コンプレッサー ---- */
.box_itemmenu_orange3 {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid sandybrown;
  background: url(images/itemmenu_orange3.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_orange3 {
  font-weight: bold;
  color: brown;
}

.ttl_itemmenu_orange3 {
  margin: 4px 0px;
  padding: 4px 20px;
  background: sandybrown;
  border-top: 1px solid peachpuff;
  border-left: 1px solid peachpuff;
  border-bottom: 1px solid peru;
  border-right: 1px solid peru;
  font-size: medium;
  font-weight: bold;
  color: brown;
}

/* ---- 商品メニュー（右）モータ ---- */
.box_itemmenu_orange4 {
  width: 560px ;
  min-height: 120px;
  margin: 20px 0px;
  padding: 8px 8px;
  border: 1px solid sandybrown;
  background: url(images/itemmenu_orange4.gif);
  color: black;
  font-size: small;
}

.text_itemmenu_orange4 {
  font-weight: bold;
  color: brown;
}

.ttl_itemmenu_orange4 {
  margin: 4px 0px;
  padding: 4px 20px;
  background: sandybrown;
  border-top: 1px solid peachpuff;
  border-left: 1px solid peachpuff;
  border-bottom: 1px solid peru;
  border-right: 1px solid peru;
  font-size: medium;
  font-weight: bold;
  color: brown;
}

/* ---- 商品メニュー（右）共通 ---- */
.ttl_itemmenu_navy {
  margin: 4px 0px;
  padding: 4px 20px;
  background: navy;
  font-size: medium;
  font-weight: bold;
  color: white;
}

.table_itemmenu {
  width: 560px;
  margin: 6px 6px;
  border: 2px black solid;
  border-collapse: collapse;
  empty-cells: show;
  font-size: small;
  text-align: center;
}

.table_itemmenu th,td{
  border: 1px black solid;
  padding: 3px 0px;
}