#window {
	background-image:url("../img/back/star.gif");
	background-position:center center;
	background-size:288px 288px;
	width:100%;
	height:300%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	-webkit-animation:infinitescroll 5s linear infinite;
	-moz-animation:infinitescroll 5s linear infinite;
	-ms-animation:infinitescroll 5s linear infinite;
	-o-animation:infinitescroll 5s linear infinite;
	animation:infinitescroll 5s linear infinite;
	z-index:-9;
}

@-webkit-keyframes infinitescroll {
	0% {-webkit-transform:translate3d(0, 0, 0);}
	100% {-webkit-transform:translate3d(0, -288px, 0);}
}

@-moz-keyframes infinitescroll {
	0% {-moz-transform:translate3d(0, 0, 0);}
	100% {-moz-transform:translate3d(0, -288px, 0);}
}

@-ms-keyframes infinitescroll {
	0% {-ms-transform:translate3d(0, 0, 0);}
	100% {-ms-transform:translate3d(0, -288px, 0);}
}

@-o-keyframes infinitescroll {
	0% {-o-transform:translate3d(0, 0, 0);}
	100% {-o-transform:translate3d(0, -288px, 0);}
}

@keyframes infinitescroll {
	0% {transform:translate3d(0, 0, 0);}
	100% {transform:translate3d(0, -288px, 0);}
}

button.btn1:hover{
	opacity:0.7;
}

button.btn1{
	width:120px;
	border:1px solid #000;
	background:#f00;
	color:#fff;
	padding:6px 12px;
	border-radius:6px;
	font-weight:bold;
}

	body{
		width:1000px;
		margin-right: auto;
		margin-left : auto;
	}

	.chara_seat_area{
		font-size:12px;
		color:#000;
	}

	td.ch{
		background: rgb(73,155,234);
		background: -moz-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
		background: -webkit-linear-gradient(45deg, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
		background: linear-gradient(45deg, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 );
	}

	.chara_seat_area table{
		border-collapse: collapse;
	}

	.vv {
		filter: drop-shadow(1px 1px 1px #001122);
	}

	.pattern {
		background: #fef;
		background-image: radial-gradient(#f0e0f0  20%, transparent 0), radial-gradient(#f0e0f0  20%, transparent 0);
		background-position: 0 0, 40px 40px;
		background-size: 80px 80px;
	}

	span.character{
		font-size:20px;
		opacity:0.2;
		font-weight:bold;
		float:right;
		padding-right:10px;
	}

	span.selecting{
		filter: drop-shadow(0px 0px 1px #001122);

		font-weight:bold;
		border:1px solid #fff;
		padding:4px 12px;
		border-radius:12px;

		color:#ff0084;
		background: #ffffff;
		background: -moz-linear-gradient(top, #fcecfc 0%, #f9b6e2 100%, #ff7cd8 100%);
		background: -webkit-linear-gradient(top, #fcecfc 0%,#f9b6e2 100%,#ff7cd8 100%);
		background: linear-gradient(to bottom, #fcecfc 0%,#f9b6e2 100%,#ff7cd8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 );
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	span.selecting:hover{
		-webkit-animation: bounce 2s ease-in-out;
		animation: bounce 2s ease-in-out;

	}

	td,setting{
		text-align:center;
	}

	.box27 {
		position: relative;
		margin: 2em 0;
		padding: 0.5em 1em;
		border: solid 3px #62c1ce;
		width:970px;
	}

	.box27 .box-title {
		position: absolute;
		display: inline-block;
		top: -27px;
		left: -3px;
		padding: 0 9px;
		height: 25px;
		line-height: 25px;
		vertical-align: middle;
		font-size: 17px;
		background: #62c1ce;
		color: #ffffff;
		font-weight: bold;
		border-radius: 5px 5px 0 0;
	}

	#hra{
		-webkit-animation:hhra 5s linear infinite;
	}

	\@-webkit-keyframes hhra {
		0% {-webkit-transform:translate3d(0, 0, 0);}
		100% {-webkit-transform:translate3d(200px, 0, 0);}
	}

	.st_name{
		width:80px;
		filter: drop-shadow(0px 0px 1px #001122);

		font-weight:bold;
		border:1px solid #C6660B;
		padding:2px 10px;
		border-radius:12px;

		color:#ffffff;
		text-shadow:1px 1px 1px #840;

		background: #ffa84c;
		background: -moz-linear-gradient(left, #ffa84c 0%, #ff7b0d 100%);
		background: -webkit-linear-gradient(left, #ffa84c 0%,#ff7b0d 100%);
		background: linear-gradient(to right, #ffa84c 0%,#ff7b0d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 );
	}

	td.s_name{
		width:74px;
		filter: drop-shadow(0px 0px 1px #001122);

		font-weight:bold;
/*		border:1px solid #C6660B;*/
		box-shadow:0px 0px 1px #C6660B;


		padding:2px 0px;
		border-radius:12px;

		color:#ffffff;
		text-shadow:1px 1px 1px #840;

		background: #ffa84c;
		background: -moz-linear-gradient(left, #ffa84c 0%, #ff7b0d 100%);
		background: -webkit-linear-gradient(left, #ffa84c 0%,#ff7b0d 100%);
		background: linear-gradient(to right, #ffa84c 0%,#ff7b0d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 );
	}
	
		.explan_board{
		background:#FFEBD9;
		width:258px;
		height:58px;
		border:3px solid #ff7b0d;
		border-radius:5px;
		box-shadow:0 0 1px #000;
		text-align:left;
		padding:2px;
	}