@charset "utf-8";

.filters_frame {
border: 3px double #999;
margin: 0 20px 10px 20px;
}
img#loading {
position: absolute;
top:500px; left:460px;
z-index: 2;
}

/* 検索条件テーブル
------------------------------------------------------------*/
table.filters {
z-index: 1;
table-layout:fixed;
/*width: 620px;*/
}
table.filters th, table.filters td {
padding: 6px 8px;
}
table.filters th {
background-color: #F6EAEC;
border-bottom: 2px #c0c0c0 dotted;
}
table.filters th.last {
background-color: #F6EAEC;
border-bottom: none;
}
table.filters td {
background-color: #ffffff;
border-bottom: 2px #c0c0c0 dotted;
}
table.filters td.last {
background-color: #ffffff;
border-bottom: none;
}
table.filters td label {
  white-space: nowrap;
  margin-right: 5px;
  cursor: pointer;
}
table.filters td label.shape {
/*  border: solid 1px #ccc;*/
  height:32px;
  display: block;
  float: left;
  padding: 10px 45px 0 2px;
}
table.filters td label.flat {
  background: url("img/pless_flat.gif") right center no-repeat;
}
table.filters td label.flat_d6 {
  background: url("img/pless_flat_d6.gif") right center no-repeat;
}
table.filters td label.pan {
  background: url("img/pless_pan.gif") right center no-repeat;
}
table.filters td label.panw {
  background: url("img/pless_panw.gif") right center no-repeat;
}
table.filters td label.hex {
  background: url("img/pless_hex.gif") right center no-repeat;
}
table.filters td label.truss {
  background: url("img/pless_truss.gif") right center no-repeat;
}


/* 検索結果テーブル
------------------------------------------------------------*/
table#data{
border:1px solid #666;
width:96%;
margin:20px auto 0;
}

table#data th{
border:1px solid #666;
padding:3px;
text-align:center;
vertical-align:middle;
line-height:1.3;
background-image:url('https://www.iifas.jp/img/bg01.jpg');
background-repeat:repeat-x;
background-position:0px 50%;
}
table#data td{
border:1px solid #666;
padding:3px;
vertical-align:middle;
}
table#data tr:hover{
background-color:#f9f9f9;
}

table#data select{
font-size:1.8rem;
}



/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:961px){
}

/* 幅960px以下（iPadサイズ）から
------------------------------------------------------------*/
@media only screen and (max-width:960px){
}

/* 幅720px以下から
------------------------------------------------------------*/
@media only screen and (max-width:720px){
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){
}
