@CHARSET "UTF-8";

/*
 * システム名：電子メールお知らせシステム
 * ファイル名：refpdf.css
 * Version：1.0
 *
 * 変更履歴
 * 日付        変更者         変更内容
 *---------------------------------------------------------------------
 * 新規作成
 * 2019/11/07  R.Kato     [00002]汎用発射台（ベース_クレカ）
 * 2021/12/14  K.Tooi         [00003]No.294_電子帳簿保存法対応_検索条件追加
 * 2022/03/11  K.Tooi         [00004]No.294_電子帳簿保存法対応_検索条件追加
 * 2024/06/07  A.MATSUBARA    [00005]No.391_jQuery最新化のリリース後対応: 請求書番号 折り返しへの対策
 */

/* 初期非表示 */
#header {
  visibility: hidden;
}
.contents {
  visibility: hidden;
}
#commonButtonWrapper {
  visibility: hidden;
}
#footer {
  visibility: hidden;
}

/* コンテンツ情報 */
div.contents-info {
  margin-top: 10px;
  margin-left: 20px;
  min-height: 50px;
}

/* ご案内文書ラッパー */
#guidanceDocumentWrapper {
  width: 970px;
  margin: 0px;
}

/* タブメニューラッパー */
#tabMenuWrapper {
  margin: 10px 0 20px 0;
  border-bottom: solid 2px #2e5ba5;
}

/* タブメニューラッパー浮動要素 */
#tabMenuWrapper:AFTER {
  content: '';
  display: block;
  clear: both;
}

/* タブメニュー */
#tabMenuWrapper > ul {
  margin: 10px 0;
}
#tabMenuWrapper > ul > li {
  float: left;
  height: 30px;
  line-height: 25px;
  margin: 0 5px -2px 0;
  border: solid 2px #2e5ba5;
  border-bottom-width: 0px;
  padding: 5px 11px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ffffff;
  cursor: pointer;
  list-style: none;
  text-align: center;
}

/* 絞り込みボタンラッパー */
#jifuriRifineButtonWrapper:AFTER,
#tsuchiRifineButtonWrapper:AFTER {
  content: '';
  display: block;
  clear: both;
}
.jifuriSearchBtDiv,
.tsuchiSearchBtDiv {
  text-align: right;
}
.jifuriSearchBt,
.tsuchiSearchBt {
  display: inline-block;
  margin: 10px 10px 10px 0;
}

/* ページング上部ラッパー */
.topOfThePagingWrapper {
  margin-top: 10px;
}

/* ページング上部ラッパー不動要素 */
.topOfThePagingWrapper:AFTER {
  content: '';
  display: block;
  clear: both;
}

/* ページング上部 */
.topOfThePagingWrapper > div {
  float: left;
  width: 33.33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.topOfThePagingWrapper > div:first-child {
  float: right;
}

/* 絞り込みを表示する/隠すボタン */
div.jifuriHideSearchBt,
div.tsuchiHideSearchBt {
  float: right;
  margin-right: 10px;
}

/* データ件数 */
div.number {
  /* position: absolute; */
  margin-top: 10px;
  margin-left: 10px;
  text-align: left;
}

/* ページナンバー */
div.page-number {
  margin-top: 10px;
  text-align: center;
}


table.listTable {
  table-layout: fixed;
}
table.listTable td {
  padding: 5px;
  min-height: 20px;
}

table.listTable td.center {
  padding: 5px 0;
}

/* 絞り込みテーブル設定 */
#jifuriSearch {
  width: 920px;
  margin: 0px auto;
}
#tsuchiSearch {
  width: 920px;
  margin: 0px auto;
}

/* 自振口座のご案内テーブル */
/* [00004] Mod Start */
#jifuriListTable .th1 {
  width: 11%;
}
#jifuriListTable .th2 {
  width: 11%;
}
#jifuriListTable .th3 {
  width: 12%;
}
#jifuriListTable .th4 {
  width: 47%;
}
#jifuriListTable .th5 {
  width: 3%;
}
#jifuriListTable .th6 {
  width: 10%;
}
#jifuriListTable .th7 {
  width: 5%;
}
/* [00004] Mod End */

/* 自振口座のご案内絞り込みテーブル */
/* [00003] Mod Start */
/* [00004] Mod Start */
#jifuriSearch .th1 {
  width: 17%;
}
#jifuriSearch .th2 {
  width: 33%;
}
#jifuriSearch .th3 {
  width: 11%;
}
#jifuriSearch .th4 {
  width: 13%;
}
#jifuriSearch .th5 {
  width: 11%;
}
#jifuriSearch .th6 {
  width: 15%;
}
/* [00004] Mod End */
/* [00003] Mod End */

/* ご契約内容に関するご案内 */
/* [00004] Mod Start */
#tsuchiListTable .th1 {
  width: 11%;
}
#tsuchiListTable .th2 {
  width: 15%;
}
#tsuchiListTable .th3 {
  width: 5%;
}
#tsuchiListTable .th4 {
  width: 12%;
}
#tsuchiListTable .th5 {
  width: 21%;
}
#tsuchiListTable .th6 {
  width: 21%;
}
#tsuchiListTable .th7 {
  width: 10%;
}
#tsuchiListTable .th8 {
  width: 5%;
}
/* [00004] Mod End */

/* [00004] Add Start */
/* 取引金額の非表示線設定 */
#tsuchiListTable > tbody > tr:nth-child(1) > th:nth-child(3) {
  border-right-style: none;
}
#tsuchiListTable > tbody > tr:nth-child(1) > th:nth-child(4) {
  border-left-style: none;
  border-bottom-style: none;
}
#tsuchiListTable > tbody > tr:nth-child(2) > th:nth-child(2) {
  border-top-style: none;
  border-left-style: none;
  border-bottom-style: none;
}
#tsuchiListTable > tbody > tr:nth-child(3) > th:nth-child(2) {
  border-top-style: none;
  border-left-style: none;
}
/* [00004] Add End */

/* ご契約に関するご案内絞り込みテーブル */
/* [00003] Mod Start */
#tsuchiSearch .th1 {
  width: 18%;
}
#tsuchiSearch .th2 {
  width: 25%;
}
#tsuchiSearch .th3 {
  width: 8%;
}
#tsuchiSearch .th4 {
  width: 25%;
}
#tsuchiSearch .th5 {
  width: 11%;
}
#tsuchiSearch .th6 {
  width: 13%;
}
/* [00003] Mod End */

/* ボタン */
div.btnS img,
div.btnM img {
  vertical-align: middle;
  margin-right: 5px;
  width: auto;
  height: 20px;
}

/* データ未取得メッセージ */
#jifuriMessage,
#tsuchiMessage {
  margin: 20px 0 20px 40px;
}

/* PDF・CSVボタンデザイン */
div.btn-margin-center {
  margin-left: 10px;
}

input[type="text"] {
  width: 100px;
}

select {
  width: 100%;
  min-width: 100%;
}

#tsuchiListTable input[type="button"] {
  border-style: solid;
  border-width: 2px;
  border-color: #0055ff;
  color: #0055ff;
  background-color: #dddddd;
  cursor: pointer;
}

#tsuchiListTable .sortBt {
  padding-left: 3px;
  padding-right: 3px;
  font-size: 9pt;
  float: right;
  margin-right: 2px;
  margin-bottom: 1px;
}

#tsuchiListTable .sort {
  vertical-align: sub;
}

#tsuchiSearch .searchYear {
  width: 43%;
  min-width: 43%;
}

#tsuchiSearch .searchDate {
  width: 30%;
  min-width: 30%;
}

#jifuriSearch .searchYear {
  width: 43%;
  min-width: 43%;
}

#jifuriSearch .searchDate {
  width: 30%;
  min-width: 30%;
}

/* 請求対象物件名メッセージ */
.seikyuBukkenNameMessageTableHeader {
  font-size: 0.8em;
}

/* 全表示リンクエリアラッパー */
.allDisplayLinkWrapper:AFTER {
  content: '';
  display: block;
  clear: both;
}

/* 取消メッセージ */
.torikeshiMessage {
  margin-top: 3px;
  color: red;
}

/* PDFバナーラッパー */
#pdfBannerWrapper {
  margin: 10px 0;
}

/* PDFバナー */
#pdfBannerWrapper img {
  width: 110px;
  margin-left: 10px;
  border-style: none;
}

/* [00003] Add Start */
/* 金額未記載チェックボックス */
input.kinNone {
  margin-left: 20px;
}
label.kinNone {
  display: inline;
  padding-left: 2px;
}
/* [00003] Add End */

/* [00004] Add Start */
span.issueDateExample {
  padding-left: 10px;
}
/* [00004] Add End */