/*
default.css
*/
html {
  font-size: 62.5%;
}
body {
  font-family:
    Meiryo,
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    sans-serif;
    font-size: 1.4rem;
  background-color: #537188;
}

/* head ***************************************/
header {
  padding: 0.5rem;
  background-color: #537188;
  color:#fff;
}

header h1 {
  margin: 0.5rem;
  padding: 0;
}

/* main ***************************************/
main {
  margin: 0;
  padding: 1rem;
  background: #eee;
}

.menu ul {
  margin: 0;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

/* list ****************************/
.list {
  margin:1rem;
  padding: 0;
}

.list table {
  border-collapse: collapse;
  background: #fff;
  /* border: 1px solid #C9D7DD; */
}

.list th,
.list td {
  margin: 0;
  padding: 1rem;
  border: 1px solid #eee;
}
.list th {
  pointer-events: none; /* クリックして並べ変わるのを止める */
}
.list thead tr {
  background-color: #CBB279;
  color: #fff;
}
.list tbody tr {
  background-color: #E1D4BB;
}
.list tbody tr.syokei {
  background-color: #ccc;
}


/* edit *****************************************/
.edit {
  margin: 0;
  padding: 1rem;
}
.edit input[type="text"] {
  padding: 0.5rem;
}
.edit th,
.edit td {
  padding: 0.5rem 1rem;
}
.edit th {
  text-align: right;
}
/* success */
.ui-state-success {
  border: 1px solid #55aa55;
  background: #88cc88;
  color: #333333;
  padding: 0.7rem;
}
/* scores ***************************************/
.scores {
  margin: 0;
  padding: 1rem;
}
.scores table {
  border-collapse: collapse;
}
.scores input[type="text"] {
  padding: 0.5rem;
}
.scores th,
.scores td {
  padding: 0.5rem 1rem;
  /* border: 1px solid #cccccc; */
}
.scores th {
  background-color: #307672;
  color: #fff;
}

/* pagination ************************************/

div.page {
  padding: 0.5rem 1rem;
}
ul.pagination {
  margin: 1rem;
  padding: 0 0 0 0;
}
ul.pagination li {
  border: 1px solid #999999;
  display: inline-block;
  height: 4rem;
  width: 4rem;
  margin: 0rem;
}
ul.pagination li.active {
  background-color:#1A3C40;
}
ul.pagination li a {
  text-decoration: none;
  display: table-cell;
  height: 4rem;
  width: 4rem;
  text-align: center;
  vertical-align: middle;
}
ul.pagination li a:link {
  color:#162955;
  background-color:inherit;
}
ul.pagination li a:active {
  color:#162955;
  background-color:#307672;
}
ul.pagination li a:visited {
  color:#162955;
  background-color:inherit;
}
ul.pagination li a:hover {
  color:#EEEEEE;
  background-color:#307672;
}
ul.pagination li.active a {
  color: #EEEEEE;
}

/* footer ***************************************/
footer {
  margin: 0;
  padding: 2rem;
  color: #fff;
}

.copyright {
  text-align: center;
}