@charset "UTF-8";
/* タイトル
----------------------------------*/
h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.8em;
  margin: 0 0 2%;
  padding-bottom: 3px;
  line-height: 1;
}

.title-banner {
  margin: 0px 0px 11px 0px;
}

#container {
  width: 100%;
}

/* メニュー
----------------------------------*/
#hddcase-menu {
  margin: 0px 0px 10px 0px;
  padding: 6px 0px 6px 0px;
  background: #DFDFDF;
  /*グラデーション（クロスブラウザ対応）*/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DFDFDF), to(#EBEBEB));
  background: -webkit-linear-gradient(#DFDFDF, #EBEBEB);
  background: -moz-linear-gradient(#DFDFDF, #EBEBEB);
  background: -ms-linear-gradient(#DFDFDF, #EBEBEB);
  background: -o-linear-gradient(#DFDFDF, #EBEBEB);
  background: linear-gradient(#DFDFDF, #EBEBEB);
  /*	-pie-background: linear-gradient(#DFDFDF, #EBEBEB);
	behavior: url(/js/PIE.htc); */
}

#hddcase-menu ul {
  display: inline;
  float: left;
  width: 312px;
  height: 52px;
  margin: 0px 0px 0px 4px;
  padding: 43px 0px 0px 9px;
}

#hddcase-menu ul.menu-nvme {
  background: url(/static/images/product/dosvparts/hddcase/nvmebox.png) left top no-repeat;
}

#hddcase-menu ul.menu-25 {
  background: url(/static/images/product/dosvparts/hddcase/25box.png) left top no-repeat;
}

#hddcase-menu ul.menu-35 {
  background: url(/static/images/product/dosvparts/hddcase/35box.png) left top no-repeat;
}

#hddcase-menu ul.menu-2535 {
  background: url(/static/images/product/dosvparts/hddcase/2535box.png) left top no-repeat;
}

#hddcase-menu li {
  display: inline;
  float: left;
  margin: 0px 8px 0px 0px;
  vertical-align: bottom;
}

.link-btn {
  margin: 0px 0px 32px 0px;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.3;
  text-align: right;
}

/* アイテム一覧
----------------------------------*/
.hddcase-cate {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 12px 0px;
  background-color: #F0F0F0;
}

.hddcase-cate h2 {
  width: 100%;
  margin: 0px 0px 7px 0px;
}

.hddcase-cate .item {
  display: inline;
  float: left;
  width: 478px;
  margin: 0px 0px 10px 8px;
  background: url(/static/images/product/dosvparts/hddcase/item_box_bottom.png) left bottom no-repeat;
}

.hddcase-cate .item .inner {
  padding: 15px 10px 10px 10px;
  background: url(/static/images/product/dosvparts/hddcase/item_box_top.png) left top no-repeat;
}

.hddcase-cate .item .caption {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid #CDCDCD;
}

.hddcase-cate .item .caption span {
  border-left: 5px solid #666666;
  padding: 1px 0px 1px 6px;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2;
}

.hddcase-cate .item .caption.sl span {
  padding: 1px 0px 5px 6px;
  height: 2em;
  display: block;
}

.hddcase-cate .item .main {
  position: relative;
  float: left;
  width: 268px;
}

.hddcase-cate .item .main .icon {
  position: absolute;
  top: 0px;
  left: 0px;
}

.hddcase-cate .item .main .icon.sec {
  position: absolute;
  top: 31px;
  left: 0px;
}

.hddcase-cate .item .main .icon img {
  display: block;
  margin: 0px 0px 5px 0px;
}

.hddcase-cate .item .detail {
  float: left;
  width: 190px;
}

.hddcase-cate .item .detail .lineup {
  margin: 0px 0px 2px 0px;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1.2;
}

.hddcase-cate .item .detail .lineup li {
  margin: 0px 0px 2px 0px;
}

.hddcase-cate .item .detail .lineup li img {
  margin: 0px 5px 0px 0px;
  vertical-align: -2px;
}

.hddcase-cate .item .detail .price {
  margin: 0px 0px 25px 15px;
  font-size: 0.8em;
  line-height: 1.2;
}

.hddcase-cate .item .detail .ft-photo {
  position: relative;
  width: 163px;
  font-size: 0.75em;
  line-height: 1.2;
  text-align: center;
}

.hddcase-cate .item .detail .ft-photo span {
  display: block;
  margin: 2px 0px 0px 0px;
  text-align: left;
}

.hddcase-cate .item .icon-list {
  clear: both;
  padding: 15px 0px 0px 0px;
}

.hddcase-cate .item .icon-list li {
  float: left;
  margin: 0px 3px 3px 0px;
}

/* SATAとIDE接続の違い
----------------------------------*/
#about-connection {
  margin: 30px 0px 30px 0px;
  background-color: #ECEFF4;
  padding: 0px 0px 8px 0px;
}

#about-connection h2 {
  margin: 0px 0px 5px 0px;
}

#about-connection .comment {
  height: 73px;
  margin: 0px 8px 8px 8px;
  padding: 8px 12px 8px 12px;
  background: url(/static/images/product/dosvparts/hddcase/about_comment_bg.png) left top no-repeat;
  font-size: 0.8em;
  line-height: 1.4;
}

#about-connection .sata {
  display: inline;
  float: left;
  width: 478px;
  margin: 0px 8px 0px 8px;
}

#about-connection .ide {
  display: inline;
  float: left;
  width: 478px;
}

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