@charset "utf-8";
/* CSS Document */

/*--- 非表示設定 -----------*/
.hide {
    display: none;
}

/*---  header --------------------*/
.header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    width:100%;
}

.logo img{
    height:45px;
}

.header-btn{
    display:flex;
    justify-content:flex-end;
    gap:8px;
}

.btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    width:120px;
    height:28px;

    border:1px solid #000;
    background:#fff;    color:#000;
    /*background:#222;    color:#fff;*/
    
    text-decoration:none;
    font-size:14px;
    font-weight:bold;

    transition:.2s;
}

.btn:hover{

    background:#000;
    color:#fff;
 
/*    background:#fff;    color:#000;*/
   
}

.contents {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}


/*-------------------------------------------------*/
.area-hinban {  display: flex; padding-bottom: 15px;}
.meisyou { background-color:#ccc;}

.kageeImg  { max-height:100px; max-width:100px;}

/*-------  TABLE  -------------------------*/
.table-00 table{ border: none;}
.table-00 th,
.table-00 td {
    border: none;
    vertical-align: top;
    padding-left: 10px;
}

/*--  品番情報---*/
.table-main table { border-collapse: collapse;; font-size: 14px; /*margin-bottom: 15px;*/}
.table-main th {
	border: solid 1px #ccc; background-color:#fff;padding:1px 5px; 
  	font-weight: normal; font-weight: normal; padding-left: 5px; text-align: left; width: 120px;
}
.table-main td { border: solid 1px #ccc; background-color:#fff;padding:1px 5px;
	 font-weight: normal; padding-left: 5px; text-align: left; height: 25px;width: 300px;
}

/*--  スペック情報---*/
.table-spec {margin-top: 15px;}
.table-spec table { border-collapse: collapse; font-size: 14px; }
.table-spec  th { 
	border: solid 1px #ccc; background-color:#eee; padding:1px 5px; width: 120px; 
	font-weight: normal; text-align: left;
}
.table-spec  td { border: solid 1px #ccc; background-color:#fff; padding:1px 5px; width: 300px;}

/*--  カタログ掲載ページ ---*/
.table-page { margin-top:5px;}
.table-page table{ border-collapse: collapse; width:300px;}
.table-page th{ border: solid 1px #999; background-color:#fff; padding:1px 5px; color:#000; font-weight:normal; font-size:14px;}
.table-page td { border: solid 1px #999; background-color:#fff; padding:4px 8px;  font-size:14px;}
.table-page td .page { padding:4px 8px;  font-size:14px;}
.table-page td .pageS { padding:2px 8px;  font-size:14px;}
.table-page td a { color:#222;}

/*--  ダウンロード部分---*/
.table-download { margin-left: 20px; margin-top: 25px;}
.table-download table { border-collapse: collapse; font-size: 14px; text-align: center;}
.table-download  th { border: solid 1px #ccc; background-color:#eee; color:#000; padding:1px 5px; width: 100px; font-weight: normal; }
.table-download  .midashi{ border: solid 1px #ccc; background-color:#999; color:#fff; font-weight: normal; }
.table-download  td { border: solid 1px #ccc; background-color:#fff; padding:1px 5px; width: 100px; vertical-align: middle;}

/*--  ランプ情報---*/
.table-lamp table { border-collapse: collapse; font-size: 14px;}
.table-lamp  th { border: solid 1px #ccc; background-color:#eee; padding:3px 8px; /*width: 100px;*/ font-weight: normal;}
.table-lamp  td { border: solid 1px #ccc; background-color:#fff; padding:3px 8px; /*width: 200px;*/}


/*--  リンクボタン部分---*/
.job-link {display:inline-block;text-align: left; margin-left: 20px;}
.job-link .link-btn {
  display: block;
  width: 280px;
  margin: 10px auto;
  padding: 5px 0;
  text-align: center;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s, color 0.3s;
}

.job-link .link-btn:hover {
  background-color: #666;
  color: #fff;
}

/* 無効状態 */
.job-link .link-btn.disabled,
.job-link .link-btn.disabled:hover,
.job-link .link-btn.disabled:visited {
  pointer-events: none;   /* クリック不可 */
  color: #999;
  background: #eee;
  border-color: #ccc;
  cursor: default;
}