@charset "UTF-8";
/*---------------------------
 タイトル 
---------------------------*/
h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 0 12px;
  padding-bottom: 0;
}

/*---------------------------
 タイトルバナー 
---------------------------*/
.title-banner {
  margin: 0 0 5px 0;
}

/*---------------------------
 タイプ別で選ぶ 
---------------------------*/
#main-contents {
  float: right;
  width: 570px;
  min-height: 850px;
  height: auto !important;
  height: 850px;
}

#explain-area {
  margin: 0 0 15px 0;
  border: 1px solid #999999;
  padding: 6px 10px 10px 10px;
  font-size: 0.8em;
  line-height: 1.4;
  background-color: #FAFAFA;
}

.explain-box1 {
  margin: 0 0 15px 0;
}

.explain-box1 .title {
  margin: 0 0 4px 0;
}

.explain-box2 {
  margin: 0 0 15px 0;
}

.explain-box2 .title {
  margin: 0 0 4px 0;
}

.explain-box2 .text {
  float: left;
  width: 408px;
}

.explain-box2 .photo {
  float: right;
  width: 140px;
  text-align: right;
}

.explain-box2 .photo a img,
.explain-box2 .photo a:visited img {
  border: 1px solid #CCCCCC;
}

.explain-box2 .photo a:hover img,
.explain-box2 .photo a:active img {
  border: 1px solid #FF0000;
}

.explain-box2 .atn {
  clear: both;
  color: #FF0000;
}

.explain-box3 {
  margin: 0 0 15px 0;
}

.explain-box3 ul {
  float: left;
  width: 234px;
}

.explain-box3 .text-a {
  margin: 0 0 10px 0;
  padding: 0 0 0 22px;
  background: url("/static/images/product/input/mouse/images/mousesize_mark_a.gif") left top no-repeat;
}

.explain-box3 .text-b {
  padding: 0 0 0 22px;
  background: url("/static/images/product/input/mouse/images/mousesize_mark_b.gif") left top no-repeat;
}

.explain-box3 .photo {
  float: left;
  width: 314px;
}

/*---------------------------
 メニューリスト 
---------------------------*/
#menu-type {
  margin: 0 0 25px 0;
}

#menu-type li.cable-btn {
  float: left;
  width: 282px;
}

#menu-type li.wireless-btn {
  float: right;
  width: 282px;
}

/*---------------------------
 製品紹介 
---------------------------*/
h2 {
  margin: 0 0 12px 0;
}

h3 {
  margin: 0 0 12px 0;
}

.scate-block {
  margin: 0 0 5px 0;
}

.scate-row {
  padding: 0 0 0 6px;
  background: url("/static/images/product/input/mouse/images/mousesize_row_bg.gif") left top no-repeat;
}

.scate-row dl {
  margin: 9px 0 0 0;
  float: left;
  width: 108px;
}

.scate-row dl dt {
  padding: 0 0 8px 0;
}

.scate-row dl dd {
  padding: 0 0 0 0px;
}

/*---------------------------
戻るボタン
---------------------------*/
.return {
  padding: 15px 0 5px 0;
  text-align: right;
  font-size: 0.8em;
  line-height: 1.3;
}

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

#sidemenu.sp {
  display: none;
}

#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: 0 0 0 0;
}

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

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

#side-mouseType ul, #side-mouseType2 ul, #side-mouseType3 ul, #side-osusume ul, #side-support ul {
  width: 145px;
  margin: 0 0 -1px 0;
  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 0 0 3px;
  padding: 7px 0 7px 10px;
  font-size: 0.8em;
  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 0 0 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 0 0 3px;
  padding: 7px 0 2px 10px;
  font-size: 0.8em;
  background: none;
}

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

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

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

.mgn15t {
  margin-top: 15px;
}

.mgn15b {
  margin-bottom: 15px;
}

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

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

#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;
}

#sidemenu .pc {
  height: 5px;
}