@charset "utf-8";

/**
 * game.css
 */



/**
 * -------------------------------------------------------
 * content
 * -------------------------------------------------------
 */
#content {
}


/**
 * -------------------------------------------------------
 * content nav
 * -------------------------------------------------------
 */
#content ul.nav li {
	/*width: 80px;
	height: 48px;*/
	text-indent: 100%;
	white-space: nowrap;
}
#content ul.nav li a {
	width: 80px;
	height: 48px;
}

#content ul.nav li.nav01 {
	width: 81px;
	height: 48px;
	background: url(../../img/game/nav01.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav02 {
	width: 79px;
	height: 48px;
	background: url(../../img/game/nav02.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav03 {
	width: 80px;
	height: 48px;
	background: url(../../img/game/nav03.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav04 {
	width: 80px;
	height: 48px;
	background: url(../../img/game/nav04.png) no-repeat;
	background-size: cover;
}


#content ul.nav li.nav01-on {
	width: 81px;
	height: 48px;
	background: url(../../img/game/nav01_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav02-on {
	width: 79px;
	height: 48px;
	background: url(../../img/game/nav02_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav03-on {
	width: 80px;
	height: 48px;
	background: url(../../img/game/nav03_on.png) no-repeat;
	background-size: cover;
}
#content ul.nav li.nav04-on {
	width: 80px;
	height: 48px;
	background: url(../../img/game/nav04_on.png) no-repeat;
	background-size: cover;
}



/**
 * -------------------------------------------------------
 * status-box
 * -------------------------------------------------------
 */
/*
.status-box {
	background: #fff;
	border: 1px solid #f19ec2;
	border-radius: 5px;

	-webkit-box-shadow: 2px 2px 1px -1px #999999;
	-moz-box-shadow: 2px 2px 1px -1px #999999;
	box-shadow: 2px 2px 1px -1px #999999;

	width: 152px;
	height: 40px;
	padding-right: 8px;
	padding-left: 8px;
}
*/


/**
 * -------------------------------------------------------
 * progress
 * -------------------------------------------------------
 */
.progress {
	display: inline-block;

	/*border: 1px solid #ccc;*/
	border-radius: 5px;

	background-size: auto;
	background-color: #ccc;

	/*-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;*/

	width: 100%;
	height: 8px;
	padding: 0 0 0 0;
}

.progress .bar {
	/*border: 1px solid #f19ec2;*/
	border-radius: 5px;

	background-size: auto;
	/*background-color: #f19ec2;*/

	background: #f6bed6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6bed6 0%, #ea63a0 50%, #eb6da5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6bed6), color-stop(50%,#ea63a0), color-stop(100%,#eb6da5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6bed6 0%,#ea63a0 50%,#eb6da5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6bed6 0%,#ea63a0 50%,#eb6da5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6bed6 0%,#ea63a0 50%,#eb6da5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6bed6 0%,#ea63a0 50%,#eb6da5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bed6', endColorstr='#eb6da5',GradientType=0 ); /* IE6-9 */

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	height: 8px;
	margin: -1px 0 0 0;
	padding: 0px;
}
.progress-percentage {
	display: inline-block;
	font-size: 12px;
}