@charset "utf-8";

table.list, table.info, table.calendar {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

table.list tbody, table.info tbody, table.calendar tbody {
  border: 1px solid #cfcfcf;
}

table.list th, table.info th, table.calendar th {
  background-color: #f5f5f5;
  text-align: center;
  border: 1px solid #cfcfcf;
  padding: 10px 2px;
  color: #353535;
}

table.list td, table.info td, table.calendar td {
  background-color: #fff;
  text-align: left;
  border: 1px solid #cfcfcf;
  padding: 4px 2px;
  color: #353535;
}

table.list tfoot td, table.info tfoot td, table.calendar tfoot td {
  border: 0px;
  text-align: left;
  background: transparent;
}
table.list td {
  text-align: center;
}

caption {
  background-color: #fff;
  padding: 12px 5px 12px 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #cfcfcf;
  border-bottom: none;
}

caption div.title {
  float: left;
  text-align: left;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: -2px -12px;
  padding: 1px 0 1px 35px;
}
table.search caption div.title {
  background-image: url("../../../images/flat/basic/icon/icon_title_search.png");
  background-repeat: no-repeat;
  background-position: -2px -8px;
  padding: 5px 0 5px 35px;
}

.paging {
  text-align:right;
  padding:0px;
  margin:0 3px;
  border:0;
  font-size:14px;
}

.paging a, .paging a:link, .paging a:visited, .paging a:hover{
  padding: 3px 4px;
  margin: 0 2px;
}
.paging a:hover{
  text-decoration: underline;
}

.paging span.on a{
  text-decoration: none;
  font-weight: bold;
}


/*  ストライプテーブル */
table .stripe-odd td{
  /*background-color: #fff;*/
  /*確認用*/
  /*
  background-color: #ff0000;
  */
}

table tbody tr.stripe-even td{
  background-color: #fafafa;
}

table tbody tr td.stripe-none {
  background-color: #fff;
}


/*ページ内ナビ用*/
div.navi {
  background-color: #fff;
  padding: 12px 5px 12px 0;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #cfcfcf;
  margin: 0 0 30px 0;
  padding: 10px;
  background-repeat: repeat-x;
  background-position: 0 -2px;
}

div.navi table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

div.navi table tbody tr th,
div.navi table tbody tr td {
  border-bottom: 1px solid #e0e0e0;
  padding: 2px 0;
  height: 26px;
}

div.navi table tbody tr th {
  text-align: center;
  vertical-align: top;
  padding-top: 5px;
  width: 160px;
}

div.navi table a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration:none;
  padding: 2px 2px 2px 26px;
  background-repeat: no-repeat;
  background-position: 14px  center;
}

div.navi table tbody th span{
  display: block;
  padding: 2px 0;
  width: 100%;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #efefef;
  font-weight: normal;
  margin-right: 5px;
  float: left;
  min-height: 1em;
}

div.navi table tbody th.blank span{
  display: none;
}

/* -------- table　　いろいろな装飾 --------*/

table td.jyuyo{
	background-color:#fee2e2 !important;
	color:#f00;
	text-align:center;
	border: 1px solid #999;
	border-collapse:collapse;
}
table td.chiiki{
	background-color:#effce7 !important;
	text-align:center;
	border: 1px solid #999;
	border-collapse:collapse;
}


table td.link{
background-color:#f5f8fe !important;
text-align:center;
}

table th.month{
	background-color:#888 !important;
	color:#fff;
	text-align:center;
	background-image:none;
}
table th.sun{
background-color:#fcd9e4 !important;
}
table th.sat{
background-color:#d0dfee !important;
}

table td.disabled, table th.disabled, table tr.disabled td, table tr.disabled th{
  background-color:#CCCCCC !important;
}


table td.highlight {
  background-color:#FFDDFF !important;
}
table th.highlight {
  background-color:#FFDDFF !important;
}
table tr.highlight td {
  background-color:#FFDDFF !important;
}
table tr.highlight th {
  background-color:#FFDDFF !important;
}


/* student profile */

table.info td.photo_td_class{
  text-align:center;
  vertical-align:middle;
}

/* calendar table */

table.calendar td{
  vertical-align:top;
	text-align:left;
}

table.calendar td.out_month{
  background-color:#DDDDDD !important;
}

table.calendar th{
  font-weight:bold;
}

table th.wday1, table th.wday2, table th.wday3, table th.wday4, table th.wday5, table td.wday1, table td.wday2, table td.wday3, table td.wday4, table td.wday5{
  /*background:#FFFFD4;*/
}

table th.wday0, table td.wday0{
  color:#c32c2c;
}

table th.wday6, table td.wday6{
  color:#1c93cf;
}

/* login rate table */
tbody td.total_sum {
	background-color:#ff9fbf !important;
}

tbody td.short_sum {
	background-color:#99ff99 !important;
}
tbody td.grade_sum {
	background-color:#99ff99 !important;
}
tbody td.comp_sum {
	background-color:#ff9fbf !important;
}

tbody td.dept1_sum {
	background-color:#99ff99 !important;
}
tbody td.dept2_sum {
	background-color:#ccffff !important;
}
tbody td.dept3_sum {
	background-color:#ffff99 !important;
}

table.list tfoot td,table.info tfoot td {
  padding-left: 0px;
  padding-top: 3px;
}



/* カレンダー用編集アイコン */
table.calendar .btn-edit {
  display: block;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-image: url("../../../images/flat/basic/icon/icon_plus_small.png");
  background-position: 4px 4px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
}

/* 個別　座席レイアウト */
.tutorial-left #tutorial_contents table,
.tutorial-right #tutorial_contents table {
  margin-bottom: 10px;
}
.tutorial-left #tutorial_contents table caption div.title,
.tutorial-right #tutorial_contents table caption div.title {
  padding: 1px 0 1px 30px !important;
  font-size: 12px !important;
  background-position: -5px center;
}

/*検索ボタン用*/
td.action-cell {
  background-color: #f5f5f5 !important;
}


/*HPお問い合わせ*/
.table-hp-inquiry {
  border-collapse: collapse;
  width:100%;
}
.table-hp-inquiry th.top {
  border-top: #129893 4px solid;
}
.table-hp-inquiry th {
  border-bottom: 1px #e3e3e3 solid;
  text-align: left;
  padding: 10px;
  font-weight: normal;
  background-color: #f0f0f0;
  vertical-align: top;
}

.table-hp-inquiry td {
  border-bottom:  1px #e3e3e3 solid;
  text-align: left;
  padding: 10px;
}

/* プロフィール用のテーブルの1行目を非表示にする必要がある */
table.profile-layout tbody tr:first-child td{
  padding: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
}
td.btn-cell {
  background-color: #f8f8f8 !important;
  text-align: center !important;
}