/* weapon&protector tables
----------------------------------------------------------*/
#contents {
	padding-bottom: 100px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #4a3c28; }

table th, table td {
  padding: 10px; }

table th {
  font-weight: bold;
  white-space: nowrap; }

table thead th {
  text-align: center;
  background: #2a4464;
  color: #fff;
  padding: 13px; }

table thead th + th {
  border-left: 1px solid #fff; }

table tbody th {
  font-size: 14px;
  background: #e1e7ef;
  border: 1px solid #2a4464;
  width: 5%; }

table tbody td {
  font-size: 14px;
  border-top: 1px solid #2a4464;
  border-bottom: 1px solid #2a4464;
  border-right: 1px solid #2a4464; }

table .thumb {
  width: 100px;
  text-align: center;
  background: #fff; }

table .thumb img {
  display: block;
  margin: 0 auto; }

table.item th,
table.card th {
  width: 50px; }

table.card .thumb {
  width: 172px; }

#monster {
	padding-left: 20px;
}

#monster dt {
	background-color: #2a4464;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #069;
}
#monster dd {
	background-color: #fff;
	padding-top: 10px;
	height: 150px;
}
#monster dt a {
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}
#monster dt a:hover {
	text-align: center;
	text-decoration: none;
	color: aqua;
}

.listbox {
	float: left;
	width: 22%;
	margin: .5em 1%;
	text-align: center;
	border: 1px solid #fff;
}

.blank {
	background-image: url(../img/common/blank.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
}

@media screen and (max-width: 480px) {
table thead th {
  text-align: left;
  background: #2a4464;
  color: #fff;
  padding: 13px; }
	
#monster {
	padding-left: 0px;
}

	#monster dl {
		
}
	
#monster dd {
	background-color: #fff;
	padding-top: 10px;
	height: 150px;
}
#monster dt a {
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.listbox {
	float: left;
	width: 98%;
	margin: .5em 1%;
	text-align: center;
	border: 1px solid #fff;
}
	
}

/* weapon&protector tables
----------------------------------------------------------*/
.weapon table tbody th,
.protector table tbody th {
  width: auto; }

/* collective tables
----------------------------------------------------------*/
.collective table tbody .thumb {
  width: 130px; }

.collective table tbody th {
  width: auto; }

.collective table tbody .info {
  width: 260px; }

/* card tables
----------------------------------------------------------*/
.card table tbody .thumb {
  width: 130px; }

.card table tbody th {
  width: auto; }

/* monster tables
----------------------------------------------------------*/
.monster table tbody th, .monster table tbody td {
  padding: 3px 10px; }

.monster table tbody th {
  text-align: left;
  width: 80px; }

.monster table tbody .thumb {
  width: 210px; }

/* quest tables
----------------------------------------------------------*/
.lv {
  width: 5%; }

.prize {
  width: 17%; }

/* data
----------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .contentsArea {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box; }
  #data table.weapon,
  #data table.protective,
  #data table.item,
  #data table.enchant,
  #data table.card {
    overflow: hidden;
    display: block;
    width: 100%; }
    #data table.weapon thead,
    #data table.weapon tr,
    #data table.protective thead,
    #data table.protective tr,
    #data table.item thead,
    #data table.item tr,
    #data table.enchant thead,
    #data table.enchant tr,
    #data table.card thead, #data table.card tr {
      display: block; }
    #data table.weapon thead th,
    #data table.protective thead th,
    #data table.item thead th,
    #data table.enchant thead th,
    #data table.card thead th {
      display: block;
      width: 100%;
      padding: 10px 0;
      border: none; }
    #data table.weapon tbody,
    #data table.protective tbody,
    #data table.item tbody,
    #data table.enchant tbody,
    #data table.card tbody {
      display: block; }
      #data table.weapon tbody tr th,
      #data table.protective tbody tr th,
      #data table.item tbody tr th,
      #data table.enchant tbody tr th,
      #data table.card tbody tr th {
        font-size: 13px;
        display: block;
        width: 30%;
        padding: 3px 0;
        border: none;
        float: left;
        box-sizing: border-box; }
      #data table.weapon tbody tr td,
      #data table.protective tbody tr td,
      #data table.item tbody tr td,
      #data table.enchant tbody tr td,
      #data table.card tbody tr td {
        display: block;
        width: 20%;
        font-size: 13px;
        padding: 3px 0;
        box-sizing: border-box;
        border: none;
        float: left;
        text-align: center; }
        #data table.weapon tbody tr td.thumb,
        #data table.protective tbody tr td.thumb,
        #data table.item tbody tr td.thumb,
        #data table.enchant tbody tr td.thumb,
        #data table.card tbody tr td.thumb {
          float: none;
          width: 100%;
          padding: 10px 0; }
      #data table.weapon tbody tr:nth-child(3) th,
      #data table.weapon tbody tr:nth-child(4) th,
      #data table.protective tbody tr:nth-child(3) th,
      #data table.protective tbody tr:nth-child(4) th,
      #data table.item tbody tr:nth-child(3) th,
      #data table.item tbody tr:nth-child(4) th,
      #data table.enchant tbody tr:nth-child(3) th,
      #data table.enchant tbody tr:nth-child(4) th,
      #data table.card tbody tr:nth-child(3) th, #data table.card tbody tr:nth-child(4) th {
        width: 100%;
        border-right: none; }
      #data table.weapon tbody tr:nth-child(3) td,
      #data table.weapon tbody tr:nth-child(4) td,
      #data table.protective tbody tr:nth-child(3) td,
      #data table.protective tbody tr:nth-child(4) td,
      #data table.item tbody tr:nth-child(3) td,
      #data table.item tbody tr:nth-child(4) td,
      #data table.enchant tbody tr:nth-child(3) td,
      #data table.enchant tbody tr:nth-child(4) td,
      #data table.card tbody tr:nth-child(3) td, #data table.card tbody tr:nth-child(4) td {
        width: 100%;
        text-align: left;
        padding: 3px 5px; }
      #data table.weapon tbody tr:nth-child(4) td,
      #data table.protective tbody tr:nth-child(4) td,
      #data table.item tbody tr:nth-child(4) td,
      #data table.enchant tbody tr:nth-child(4) td,
      #data table.card tbody tr:nth-child(4) td {
        border-bottom: none; }
  #data table.weapon tbody tr th {
    border-right: 1px solid #2a4464;
    border-bottom: 1px solid #2a4464; }
  #data table.weapon tbody tr td {
    border-right: 1px solid #2a4464;
    border-bottom: 1px solid #2a4464; }
    #data table.weapon tbody tr td:nth-child(4n), #data table.weapon tbody tr td:nth-child(4n+1) {
      border-right: none; }
  #data table.weapon tbody tr:nth-child(2) td:last-child {
    width: 70%;
    border-right: none; }
  #data table.weapon tbody tr:nth-child(3) td, #data table.weapon tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.protective tbody tr th {
    border-bottom: 1px solid #2a4464;
    border-right: 1px solid #2a4464; }
  #data table.protective tbody tr td {
    border-bottom: 1px solid #2a4464;
    border-right: 1px solid #2a4464; }
    #data table.protective tbody tr td:nth-child(3) {
      width: 70%; }
    #data table.protective tbody tr td:nth-child(3n+4), #data table.protective tbody tr td:nth-child(1), #data table.protective tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.protective tbody tr td:last-child {
      border-right: none; }
  #data table.protective tbody tr:nth-child(3) td, #data table.protective tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.item tbody tr th {
    float: none;
    border-bottom: 1px solid #2a4464;
    width: 100%; }
  #data table.item tbody tr td {
    width: 100%;
    float: none;
    border-bottom: 1px solid #2a4464;
    border-right: 1px solid #2a4464; }
    #data table.item tbody tr td:nth-child(3n+4), #data table.item tbody tr td:nth-child(1), #data table.item tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.item tbody tr td:last-child {
      text-align: left;
      border-right: none;
      border-bottom: none; }
  #data table.item tbody tr:nth-child(3) td, #data table.item tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.enchant tbody tr th {
    float: none;
    border-bottom: 1px solid #2a4464;
    width: 100%; }
  #data table.enchant tbody tr td {
    width: 100%;
    float: none;
    border-bottom: 1px solid #2a4464;
    border-right: 1px solid #2a4464; }
    #data table.enchant tbody tr td:nth-child(3n+4), #data table.enchant tbody tr td:nth-child(1), #data table.enchant tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.enchant tbody tr td:last-child {
      text-align: left;
      border-right: none;
      border-bottom: none; }
  #data table.enchant tbody tr:nth-child(3) td, #data table.enchant tbody tr:nth-child(4) td {
    border-right: none; }
  #data table.card tbody tr th {
    float: none;
    border-bottom: 1px solid #2a4464;
    width: 100%; }
  #data table.card tbody tr td {
    width: 100%;
    float: none;
    border-bottom: 1px solid #2a4464;
    border-right: 1px solid #2a4464; }
    #data table.card tbody tr td:nth-child(3n+4), #data table.card tbody tr td:nth-child(1), #data table.card tbody tr td:nth-child(3) {
      border-right: none; }
    #data table.card tbody tr td:last-child {
      border-right: none;
      border-bottom: none; }
    #data table.card tbody tr td:nth-child(5) {
      text-align: left;
      border-right: 0; }
    #data table.card tbody tr td:nth-child(7) {
      border-bottom: 1px solid #2a4464; }
  #data table.card tbody tr:nth-child(3) td, #data table.card tbody tr:nth-child(4) td {
    border-right: none; } }