@charset "UTF-8"; 
/* スマートフォン用　ウェブページ テーブル用 フーテーブルCSS /*
/*===============================================
●footable.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width: 767px){


/*==============================================================================================
footable.css
==============================================================================================*/
#detail-cts table.footable,
#search-cts table.footable,
#form-cts table.footable {
	display:table;
	border-collapse: separate;
	border-spacing: 0;
	border: solid #79ADA1 1px;
  /* -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-family: 'trebuchet MS' , 'Lucida sans' , Arial;
  font-size: 14px;
  color: #444; */
}
#detail-cts table.footable tbody,
#search-cts table.footable tbody,
#form-cts table.footable tbody {
  display: table-row-group;
}
#detail-cts table.footable tr,
#search-cts table.footable tr,
#form-cts table.footable tr {
  display:table-row;
}
#detail-cts table.footable td,
#detail-cts table.footable th,
#search-cts table.footable td,
#search-cts table.footable th,
#form-cts table.footable td,
#form-cts table.footable th {
  display:table-cell;
}
#detail-cts table.footable td br,
#detail-cts table.footable th br,
#search-cts table.footable td br,
#search-cts table.footable th br,
#form-cts table.footable td br,
#form-cts table.footable th br {
  display:none;
}
#detail-cts table.footable.breakpoint > tbody > tr > td.expand,
#search-cts table.footable.breakpoint > tbody > tr > td.expand,
#form-cts table.footable.breakpoint > tbody > tr > td.expand {
  background: url('../images/ic_table_plus.png') no-repeat 5px center;
  padding-left: 40px;
}

/* セル内小セル　レイアウト */
#detail-cts table.footable.breakpoint > tbody > tr > td.expand span.indent01,
#search-cts table.footable.breakpoint > tbody > tr > td.expand span.indent01,
#form-cts table.footable.breakpoint > tbody > tr > td.expand span.indent01{
  margin: -11px 0px 0px -40px!important;
}
#detail-cts table.footable.breakpoint > tbody > tr > td.expand span.indent02,
#search-cts table.footable.breakpoint > tbody > tr > td.expand span.indent02,
#form-cts table.footable.breakpoint > tbody > tr > td.expand span.indent02{
  margin: -10px -10px -10px 0px!important;
}
#detail-cts table.footable.breakpoint > tbody > tr.footable-detail-show > td.expand,
#search-cts table.footable.breakpoint > tbody > tr.footable-detail-show > td.expand,
#form-cts table.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  background: url('../images/ic_table_minus.png') no-repeat 5px center;

}
#detail-cts table.footable.breakpoint > tbody > tr.footable-row-detail,
#form-cts table.footable.breakpoint > tbody > tr.footable-row-detail {
  background: #eee;
}
#detail-cts table.footable > tbody > tr:hover,
#search-cts table.footable > tbody > tr:hover,
#form-cts table.footable > tbody > tr:hover {
  background: #fbf8e9;
}
#detail-cts table.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail),
#search-cts table.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail),
#form-cts table.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
#detail-cts table.footable > tbody > tr > td, .footable > thead > tr > th,
#search-cts table.footable > tbody > tr > td, .footable > thead > tr > th,
#form-cts table.footable > tbody > tr > td, .footable > thead > tr > th {
/*  border-left: 1px solid #ccc;*/
  border-top: 1px solid #79ADA1;
  padding: 10px;
  text-align: left;
}
.footable > thead > tr > th, .footable > thead > tr > td {
  border-top: none;
/*
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

  text-shadow: 0 1px 0 rgba(255,255,255,.5);
*/
}
/*
.footable > thead > tr:first-child > th.footable-first-column, .footable > thead > tr:first-child > td.footable-first-column {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}

.footable > thead > tr:first-child > th.footable-last-column, .footable > thead > tr:first-child > td.footable-last-column {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}

.footable > thead > tr:first-child > th.footable-first-column.footable-last-column, .footable > thead > tr:first-child > td.footable-first-column.footable-last-column {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.footable > tbody > tr:last-child > td.footable-first-column {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}

.footable > tbody > tr:last-child > td.footable-last-column {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}

.footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
*/
.footable > thead > tr > td.footable-first-column,
#detail-cts table.footable > thead > tr > th.footable-first-column,
#detail-cts table.footable > tbody > tr > td.footable-first-column,
#search-cts table.footable > thead > tr > th.footable-first-column,
#search-cts table.footable > tbody > tr > td.footable-first-column,
#form-cts table.footable > thead > tr > th.footable-first-column,
#form-cts table.footable > tbody > tr > td.footable-first-column {
  border-left: none;
}
#detail-cts table.footable > tbody img,
#search-cts table.footable > tbody img,
#form-cts table.footable > tbody img {
  vertical-align:middle;
}
#detail-cts table.footable > tfoot > tr > th, .footable > tfoot > tr > td,
#search-cts table.footable > tfoot > tr > th, .footable > tfoot > tr > td,
#form-cts table.footable > tfoot > tr > th {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  padding: 10px;
}

/*==============================================================================================
sFootable + 連番のスタイル
==============================================================================================*/
#search-cts table[class^="sFootable"],
#form-cts table[class^="sFootable"] {
  display:table;
  border-collapse: separate;
  border-spacing: 0;
  border: solid #79ADA1 1px;
}
#search-cts table[class^="sFootable"] tbody,
#form-cts table[class^="sFootable"] tbody {
  display: table-row-group;
}
#search-cts table[class^="sFootable"] tr,
#form-cts table[class^="sFootable"] tr {
  display:table-row;
}
#search-cts table[class^="sFootable"] t,
#form-cts table[class^="sFootable"] td,
#search-cts table[class^="sFootable"] th,
#form-cts table[class^="sFootable"] th {
  display:table-cell;
}
#search-cts table[class^="sFootable"] td b,
#form-cts table[class^="sFootable"] td br,
#search-cts table[class^="sFootable"] th br,
#form-cts table[class^="sFootable"] th br {
  display:none;
}
#search-cts table[class^="sFootable"].breakpoint > tbody > tr > td.expand,
#form-cts table[class^="sFootable"].breakpoint > tbody > tr > td.expand {
  background: url('../images/ic_table_plus.png') no-repeat 5px center;
  padding-left: 40px;
}

/* セル内小セル　レイアウト */
#search-cts table[class^="sFootable"].breakpoint > tbody > tr > td.expand span.indent01,
#form-cts table[class^="sFootable"].breakpoint > tbody > tr > td.expand span.indent01 {
  margin: -11px 0px 0px -40px!important;
}
#search-cts table[class^="sFootable"].breakpoint > tbody > tr > td.expand span.indent02,
#form-cts table[class^="sFootable"].breakpoint > tbody > tr > td.expand span.indent02 {
  margin: -10px -10px -10px 0px!important;
}
#search-cts table[class^="sFootable"].breakpoint > tbody > tr.footable-detail-show > td.expand,
#form-cts table[class^="sFootable"].breakpoint > tbody > tr.footable-detail-show > td.expand {
  background: url('../images/ic_table_minus.png') no-repeat 5px center;

}
#search-cts table[class^="sFootable"].breakpoint > tbody > tr.footable-row-detail,
#form-cts table[class^="sFootable"].breakpoint > tbody > tr.footable-row-detail {
  background: #eee;
}
#search-cts table[class^="sFootable"] > tbody > tr:hover,
#form-cts table[class^="sFootable"] > tbody > tr:hover {
  background: #fbf8e9;
}
#search-cts table[class^="sFootable"].breakpoint > tbody > tr:hover:not(.footable-row-detail),
#form-cts table[class^="sFootable"].breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
#search-cts table[class^="sFootable"] > tbody > tr > td, table[class^="sFootable"] > thead > tr > th,
#form-cts table[class^="sFootable"] > tbody > tr > td, table[class^="sFootable"] > thead > tr > th {
  border-top: 1px solid #79ADA1;
  padding: 10px;
  text-align: left;
}
table[class^="sFootable"] > thead > tr > th, table[class^="sFootable"] > thead > tr > td {
  border-top: none;
}
table[class^="sFootable"] > thead > tr > td.footable-first-column,
#search-cts table[class^="sFootable"] > thead > tr > th.footable-first-colum,
#form-cts table[class^="sFootable"] > thead > tr > th.footable-first-column,
#search-cts table[class^="sFootable"] > tbody > tr > td.footable-first-column,
#form-cts table[class^="sFootable"] > tbody > tr > td.footable-first-column {
  border-left: none;
}
#search-cts table[class^="sFootable"] > tbody img,
#form-cts table[class^="sFootable"] > tbody img {
  vertical-align:middle;
}
#search-cts table[class^="sFootable"] > tfoot > tr > th, table[class^="sFootable"] > tfoot > tr > td,
#form-cts table[class^="sFootable"] > tfoot > tr > th, table[class^="sFootable"] > tfoot > tr > td {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
  border-top: 1px solid #ccc;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  padding: 10px;
}
}