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

#main-contents {
  width: 980px;
}

#main-contents .sp {
  display: none;
}

/* 見出し1
---------------------------------------------- */
#container h1#ttl {
  border-bottom: 1px solid #cccccc;
  font-size: 1.8em;
  line-height: 1;
  padding-bottom: 3px;
  margin: 0 auto 20px;
  font-weight: normal;
  text-align: left;
}

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

h2.taiou {
  width: 97%;
  margin: 0;
  padding: 1.2% 1% 0.8% 2%;
  background-color: #437ECF;
  color: #FFF;
  font-size: 1.3em;
  line-height: 29px;
  letter-spacing: 0.05em;
}

.search-comment {
  margin: 0 0 10px;
  color: #333333;
  font-size: 1em;
  line-height: 1.6;
}

.search-comment span {
  display: inline-block;
  margin: 2em 0 0;
}

.search-comment img {
  float: right;
}

.maker-select {
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid #ABABAB;
  background-color: #F9F9F9;
}

/* タブ */
div.tab ul li {
  float: left;
  border-radius: 0.6em 0.6em 0 0;
  margin: 0 1% 0 0;
  width: 330px;
  height: 5.7em;
}

div.tab ul li.on {
  background-color: #FFF669;
  border-left: 3px solid #427FCF;
  border-top: 3px solid #427FCF;
  border-right: 3px solid #427FCF;
}

div.tab ul li.off {
  background-color: #EEEEEE;
  border-left: 3px solid #959595;
  border-top: 3px solid #959595;
  border-right: 3px solid #959595;
}

div.tab ul li a {
  display: block;
  padding: 5.5% 0 4.5% 9%;
}

div.tab ul li.off a:hover {
  opacity: 0.6;
}

div.tab ul li.on a {
  cursor: default;
}

div.tab ul li.on a:hover {
  opacity: 1;
}

div.tab ul li a:hover img {
  opacity: 1 !important;
}

div.tab ul li img {
  float: left;
  margin: 3% 4% 0 0;
}

div.tab ul li.off img {
  float: left;
  margin: 3% 7% 0 0;
}

div.tab ul li span.tabtitle {
  display: inline-block;
  float: left;
  font-size: 1.1em;
  color: #333333;
  width: 14em;
}

div.tab ul li.off span.tabtitle {
  display: inline-block;
  float: left;
  font-size: 1.1em;
  color: #949494;
  width: 14em;
}

div.tab ul li span.large {
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  margin: 5% 0 0;
}

div.select-outer {
  padding: 4% 7%;
  border-left: 1px solid #437FCD;
  border-bottom: 1px solid #437FCD;
  border-right: 1px solid #437FCD;
}

div.setsumei {
  margin: 3% 0 1%;
}

/* 選択ボックス外周 */
/* メーカー選択ボックス */
.maker-select ul {
  margin: 0 0 8px;
}

.maker-select ul li {
  margin: 0 0 5px;
  color: #333333;
  font-size: 0.75em;
  line-height: 1.3;
}

.maker-select ul li select {
  vertical-align: middle;
}

.maker-select ul li strong {
  font-size: 1.2em;
}

/* この条件で検索 */
.kensaku-btn {
  border-top: 1px solid #8A8A8A;
  margin: 0 0 15px;
  padding: 5px 0 0;
  color: #333333;
  font-size: 0.75em;
  line-height: 1.3;
}

/* 検索をやり直す */
.reset-btn {
  border-top: 1px solid #8A8A8A;
  padding: 8px 0 0;
  color: #333333;
  font-size: 0.75em;
  line-height: 1.3;
}

/* はじめからやり直す */
.start-reset-btn, p.taiou-exp {
  color: #333333;
  font-size: 0.75em;
  line-height: 1.3;
}

/* 対応の説明 */
ul.taiou-exp {
  margin: 0 0 12px;
}

ul.taiou-exp li {
  margin: 0 0 0 0px;
  color: #333333;
  font-size: 0.75em;
  line-height: 1.3;
}

/* 検索結果 */
.kekka-comment {
  margin: 0 0 2px;
  color: #333333;
  font-size: 0.75em;
  line-height: 1.3;
}

.kekka-ichiran {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 1px solid #999999;
  border-collapse: collapse;
}

.kekka-ichiran th, .kekka-ichiran td {
  border: 1px solid #999999;
  padding: 5px;
}

.kekka-ichiran th {
  background-color: #F8F8F8;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.3;
}

.kekka-ichiran th.num {
  width: 180px;
}

.kekka-ichiran th.name {
  width: 230px;
}

.kekka-ichiran th.u {
  width: 150px;
}

.kekka-ichiran td {
  font-size: 0.8em;
  line-height: 1.3;
  font-size: 0.8em;
  line-height: 1.3;
}

.kekka-ichiran td.pic, .kekka-ichiran td.u, .kekka-ichiran td.corr {
  text-align: center;
}

.return {
  margin: 8px 0 0;
  font-size: 0.75em;
  line-height: 1.3;
  text-align: right;
}

div.non-search {
  font-size: 0.75em;
  margin-bottom: 10px;
  text-align: right;
}

/* tables */
table.tablesorter {
  font-family: arial;
  border: 1px solid #cdcdcd;
  border-collapse: collapse;
  margin: 10px 0pt 15px;
  padding: 0px;
  width: 100%;
}

table.tablesorter thead tr .header {
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
}

table.tablesorter thead tr .header.num {
  background-image: url(/static/images/support/serverrack_search/btn_price_off.png);
}

table.tablesorter thead tr .header.u {
  background-image: url(/static/images/support/serverrack_search/btn_socket_off.png);
}

table.tablesorter tbody tr.odd td {
  background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp.num {
  background-image: url(/static/images/support/serverrack_search/btn_price_desc.png);
}

table.tablesorter thead tr .headerSortDown.num {
  background-image: url(/static/images/support/serverrack_search/btn_price_asc.png);
}

table.tablesorter thead tr .headerSortUp.u {
  background-image: url(/static/images/support/serverrack_search/btn_socket_desc.png);
}

table.tablesorter thead tr .headerSortDown {
  background-color: #E7FAFF;
}

table.tablesorter thead tr .headerSortDown.u {
  background-image: url(/static/images/support/serverrack_search/btn_socket_asc.png);
}

table.tablesorter thead tr .headerSortUp {
  background-color: #E7FAFF;
}

div.search-link-bottom {
  display: none;
}

/*---------------------------
フロート解除
---------------------------*/
/* for modern brouser */
.clfx {
  display: inline-block;
}

.clfx:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html .clfx {
  height: 1%;
}

.clfx {
  display: block;
}