@charset "UTF-8";
/* ヘッド
---------------------------------------------- */
#container {
  width: 980px;
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
}

#main-contents {
  float: right;
  width: 814px;
}

/* 見出し1
---------------------------------------------- */
h1#ttl {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0 0 0 12px;
  padding: 0px 0 10px 0;
  border-bottom: 1px solid #CCCCCC;
}

h2.cate {
  background-image: url("/static/images/product/acc/keycover/keycover_midashi.gif");
  background-repeat: no-repeat;
  height: 38px;
  padding: 16px 0 0 22px;
  font-size: 1.05em;
}

.lead {
  font-size: 0.8em;
  line-height: 1.4;
  margin-left: 3px;
}

/* 特徴
---------------------------------------------- */
#feature {
  margin: 5px 0 45px;
}

#feature .block {
  float: left;
  width: 266px;
  margin-right: 8px;
}

#feature .block:last-child {
  margin-right: 0px;
}

#feature .block img {
  margin-bottom: 5px;
}

/* キーボードカバーは2種類
---------------------------------------------- */
#senyou {
  width: 48.5%;
  border: 3px solid #77B546;
  border-radius: 10px;
  padding: 2% 0% 2.3%;
  float: left;
}

#senyou h3 {
  color: #77B546;
  font-size: 1.8em;
  margin: 0 0 2.2%;
  padding: 0 4%;
}

#senyou p,
#multi-t p {
  font-size: 0.87em;
  line-height: 1.5;
  margin: 0 0 0;
  height: 5em;
  padding: 0 4%;
}

img.type {
  display: block;
  margin: 0 auto;
}

#senyou a {
  display: block;
  background: url(/static/images/product/acc/keycover/btn_gr.png) no-repeat 0 0;
  width: 340px;
  margin: 0 auto;
  height: 80px;
  color: #FFFFFF;
  text-decoration: none;
}

#senyou a:nth-of-type(2) {
  margin-top: 4%;
}

#senyou a span.floater,
#multi-t a span.floater {
  display: block;
  font-size: 1.4em;
  padding: 6% 0 0 7%;
}

#senyou a span.type-select,
#multi-t a span.type-select {
  font-weight: bold;
}

#senyou a span.mini,
#multi-t a span.mini {
  font-size: 0.7em;
  display: block;
  margin: 2.9% 0 0;
}

#multi-t {
  width: 48.5%;
  border: 3px solid #0093FA;
  border-radius: 10px;
  padding: 2% 0% 2.8%;
  float: right;
}

#multi-t h3 {
  color: #0093FA;
  font-size: 1.8em;
  margin: 0 0 1.6%;
  padding: 0 4%;
}

#multi-t img.type {
  margin: 5% 0 4.8%;
}

#multi-t a {
  display: block;
  background: url(/static/images/product/acc/keycover/btn_bl.png) no-repeat 0 0;
  width: 340px;
  margin: 0 auto;
  height: 80px;
  color: #FFFFFF;
  text-decoration: none;
}

#senyou a:hover,
#multi-t a:hover {
  opacity: 0.6;
}

#keycover-type {
  margin: 30px 0 50px;
}

#senyo-area {
  float: left;
  width: 397px;
}

#senyo-area .type-box {
  width: 375px;
  height: 520px;
  padding: 9px;
  border-left: 2px solid #7BB53C;
  border-right: 2px solid #7BB53C;
  border-bottom: 2px solid #7BB53C;
}

#senyo-area .type-box .search-box {
  width: 357px;
  height: 505px;
  padding: 5px 9px 10px;
  background: #F6F6F6;
}

#senyo-area .type-box .search-box h5 {
  background: url(/static/images/product/acc/keycover/keycover_kensaku_icon.gif) 5px 0 no-repeat;
  padding: 8px 0 0 27px;
  font-size: 0.95em;
  height: 20px;
  margin-bottom: 10px;
}

#senyo-area .type-box .search-box h6 {
  border-bottom: 3px solid #7BB53A;
  margin-bottom: 6px;
}

#senyo-area .type-box .search-box p.search-comment {
  font-size: 0.73em;
  line-height: 1.4;
  margin-bottom: 5px;
}

#senyo-area .type-box .search-box select.maker {
  width: 190px;
}

#senyo-area .type-box .search-box input.keyword,
#senyo-area .type-box .search-box input.sku {
  height: 18px;
}

#senyo-area .type-box .search-box hr {
  border-top: 1px dotted #AAAAAA;
  margin: 14px 0 18px;
}

#multi-area {
  float: right;
  width: 397px;
}

#multi-area .type-box {
  width: 375px;
  height: 520px;
  padding: 9px;
  border-left: 2px solid #2692FF;
  border-right: 2px solid #2692FF;
  border-bottom: 2px solid #2692FF;
}

#multi-area .type-box .image {
  text-align: center;
  margin-bottom: 15px;
}

#multi-area .type-box .link {
  text-align: center;
  margin-top: 36px;
}

/* 材質
---------------------------------------------- */
table.material {
  width: 100%;
  margin-top: 12px;
  line-height: 1.2em;
  text-align: left;
  /*background-color: #999999;*/
  border: 1px solid #999;
  border-collapse: collapse;
}

table.material th {
  background-color: #ffde5f;
  text-align: center;
  font-weight: normal;
  height: 25px;
  border: 1px solid #999;
  font-size: 0.7em;
}

table.material td {
  padding: 10px;
  background-color: #FFFFFF;
  text-align: center;
  width: 45px;
  border: 1px solid #999;
}

table.material td.zaishitsu {
  background-color: #ffffe7;
  width: 88px;
  font-size: 0.7em;
  white-space: nowrap;
}

table.material td.tokuchou {
  width: 144px;
  font-size: 0.7em;
  white-space: nowrap;
}

table.material td ul {
  text-align: left;
}

table.material td ul li {
  list-style-type: none;
  line-height: 1.6;
  white-space: nowrap;
}

table.material td img {
  margin: 5px 3px;
}

table.material tr.name td strong {
  display: block;
  margin: 0 0 5px 0;
}

table.material tr.name td img {
  margin: 0 3px 0 3px;
}

table.material tr.ft td {
  text-align: left;
  vertical-align: top;
}

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

.return img {
  margin: 0 3px 0 0;
  vertical-align: middle;
}