@charset "UTF-8";
/*-----------------------------------
*
* マウス 共通CSS
*
*----------------------------------*/
/* 新スタイル */
/* サイドメニュー
---------------------------*/
#sidemenu.sp {
  display: none;
}

#sidemenu {
  float: left;
  width: 147px;
}

#side-mouseType {
  margin: 0;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 1px;
  overflow: hidden;
}

#side-mouseType2 {
  margin: 0;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 1px;
  overflow: hidden;
}

#side-mouseType3 {
  margin: 0;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 1px;
  overflow: hidden;
}

#side-osusume {
  margin: 0;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 1px;
  overflow: hidden;
}

#side-support {
  margin: 0;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 1px;
  overflow: hidden;
}

#side-mouseType h6, #side-mouseType2 h6, #side-mouseType3 h6 {
  color: #2160A7;
  font-size: 0.9em;
  background-color: #F6F6F6;
  padding: 7px 0 7px 10px;
}

#side-mouseType h5 {
  margin: 0px 0px 0px 0px;
}

* html #side-mouseType h5 {
  /* IE6 hack */
  margin: 0px 0px -5px 0px;
}

#side-mouseType h5 + h6 {
  padding: 5px 0px 1px 4px;
}

#side-mouseType ul, #side-mouseType2 ul, #side-mouseType3 ul, #side-osusume ul, #side-support ul {
  width: 145px;
  margin: 0px 0px -1px 0px;
  list-style-type: none;
  overflow: hidden;
}

#side-mouseType ul li, #side-mouseType2 ul li, #side-mouseType3 ul li, #side-support ul li {
  list-style-type: none;
  margin: -1px 0px 0px 3px;
  padding: 7px 0 7px 10px;
  font-size: 0.8em;
  line-height: 1.2;
  background: url("/static/images/product/input/mouse/images/sidemenu/border.gif") no-repeat 0 bottom;
}

#side-osusume ul li {
  list-style-type: none;
  margin: -1px 0px 0px 3px;
  padding: 7px 0 7px 5px;
  font-size: 0.8em;
  line-height: 1.2;
  background: url("/static/images/product/input/mouse/images/sidemenu/border.gif") no-repeat 0 bottom;
}

#side-mouseType ul li.last, #side-mouseType2 ul li.last, #side-mouseType3 ul li.last, #side-osusume ul li.last {
  list-style-type: none;
  margin: -1px 0px 0px 3px;
  padding: 7px 0 2px 10px;
  font-size: 0.8em;
  line-height: 1.2;
  background: none;
}

#side-osusume ul li.last {
  list-style-type: none;
  margin: -1px 0px 0px 0px;
  padding: 7px 0 2px 10px;
  font-size: 0.8em;
  line-height: 1.2;
  background: none;
}

#side-mouseType ul li.lastCepa, #side-mouseType2 ul li.lastCepa {
  list-style-type: none;
  margin: -1px 0px 0px 3px;
  padding: 7px 0 7px 10px;
  font-size: 0.8em;
  line-height: 1.2;
  background: none;
}

#side-osusume ul li img.osusume {
  margin: 0 8px 0 0;
  vertical-align: middle;
}

#sidemenu a.read {
  display: block;
  font-size: 0.8em;
  line-height: 1.3;
  margin: 0 0 10px 0;
  padding: 8px 0 8px 38px;
  border: 1px solid #A5A5A5;
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  background: url("/static/images/common/icn_read.png") no-repeat 5px center;
  color: #333333;
  background-size: 19%;
}

#sidemenu a.read:hover {
  opacity: 0.6;
  text-decoration: none;
}

.mgn15t {
  margin-top: 15px;
}

.mgn15b {
  margin-bottom: 15px;
}

/* 旧スタイル */
/* コンテナ枠
----------------------------*/
#container {
  position: relative;
}

/* メイン枠
---------------------------*/
#main-contents {
  float: right;
  width: 570px;
  min-height: 850px;
  height: auto !important;
  height: 850px;
}

/* サイドメニュー
---------------------------*/
#sidemenu {
  float: left;
  width: 147px;
}

#side-type {
  margin: 0 0 6px 0;
  border: 1px solid #999999;
  overflow: hidden;
}

#side-type h6 img {
  border: none;
}

#side-type h5 {
  margin: 0px 0px 0px 0px;
}

* html #side-type h5 {
  margin: 0px 0px -5px 0px;
}

#side-type h6 {
  padding: 10px 0px 1px 4px;
  font-size: 0.7em;
  line-height: 1;
}

#side-type h5 + h6 {
  padding: 5px 0px 1px 4px;
}

#side-type ul {
  width: 145px;
  margin: 0px 0px -1px 0px;
  list-style-type: none;
  overflow: hidden;
  background: url("/static/images/dot_line_h.gif") left bottom repeat-x;
}

#side-type ul li {
  list-style-type: none;
  margin: -1px 0px 0px 0px;
  padding: 5px 0 5px 24px;
  font-size: 0.8em;
  line-height: 1.2;
  text-indent: -19px;
  background: url("/static/images//dot_line_h.gif") left top repeat-x;
}

#side-type ul li img {
  margin: 0 3px 0 0;
  vertical-align: -2px;
}

.side-banner {
  margin: 0 0 6px 0;
}