@charset "utf-8";
/* CSS Document */
table.itemlist {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	vertical-align:middle;
	float:left;
	width:100%;
	margin-top:-50px;
	border-collapse:separate;border-spacing: 0 1em;
}
table.itemlist tr {
	line-height:38px;
	margin-bottom:5px;
}
table.itemlist th {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	color:#ff9408;
	padding:5px;
	background-image: linear-gradient(to right, rgba(85,85,85,1), rgba(255,0,0,0));
}
table.itemlist td {
	vertical-align: middle;
	font-size:14px;
	line-height:12px;
	padding:3px 5px 3px 5px;
	color:#333;
}
table.itemlist img {
	border: 1px dotted #e5e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:2px;
	background-color:transparent;
}
table.itemlist span[id="area"] {
	display:block;
	margin-top:-30px;
	margin-left:100px;
}
table.itemlist select {
	font-size:11px;
	border: 1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:3px;
	color:#0080C0;
}
table.itemlist input[type="submit"] {
	padding:5px;
	-moz-border-radius:5px;-webkit-border-radius:5px;border: 2px solid #ccc;
	color:#FFF;
	vertical-align:top;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	background-color:#900;
}
table.itemlist input[type="button"] {
	padding:5px;
	-moz-border-radius:5px;-webkit-border-radius:5px;border: 2px solid #ccc;
	color:#FFF;
	vertical-align:top;
	cursor:pointer;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
	background-color:#900;
}
table.itemlist td.xfooter {
	background: rgba(31,39,50,1.6);
	line-height:10px;
	font-size:10px;
	color:#CCC;
	text-align:center;
}
table.itemlist td.xfooter a {
	color:#CCC;
	text-decoration:none;
}
table.itemlist td.xfooter a:hover {
	color:#FFF;
}
table.itemlist td.xfooter p {
	line-height:9px;
	font-size:11px;
	color:#CCC;
}
.ket {
	line-height:9px;
	color:#FFF;
	font-weight:lighter;
	text-shadow: 2px 2px 2px #000000;
	font-size:9px;
}
.ket label {
	font-style:italic;
}
.btn_nav {
	position:absolute;
	display:inline-block;
	float:right;
	min-width:100px;
	margin-top:-30px;
	transition: animation-play-state 0.3s ease;
}
.btn_nav img {
	display:inline-block;
	margin-right:5px;
	cursor:pointer;
}
/*
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.btn_nav img:hover {
  animation-name: spin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-play-state: running;
}
*/
.btn_nav img:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  
  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(2px, 0, 0);
}