@charset "utf-8";

/**************************************
	URL       : http://www.c21-online.com/
	Copyright : CyberStep
	Name      : jquery-ui.css
	Ver       : 1.0
	file      : ui,
**************************************/

/* ==========================================
	Frame
========================================== */
.ui-widget-overlay {
	background-color: #000;
	filter: alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
}

.ui-draggable .ui-dialog-titlebar {
	cursor:move;
}

.ui-icon {
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

/* ------------------------------------------
	Tab
------------------------------------------ */
.ui-tabs ul.info_tab,
.ui-tabs ul.about_tab,
.ui-tabs ul.beginners_guide_tab,
.ui-tabs ul.user_interface_tab,
.ui-tabs ul.game_control_tab,
.ui-tabs ul.style_tab,
.ui-tabs ul.control_tab {}

.ui-tabs .ui-tabs-panel {	display:block; }
.ui-tabs .ui-tabs-hide { display:none !important; }

/* tab setting */
.ui-tabs ul.ui-tabs-nav {}
.ui-tabs ul.ui-tabs-nav:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0px;
	display: block;
	content: ".";
}
.ui-tabs ul.ui-tabs-nav {
	zoom: 1; /* for IE */
}
/* Hides from IE-mac */
* html .ui-tabs ul.ui-tabs-nav { height: 1%; }
.ui-tabs ul.ui-tabs-nav {
	display: block;
	border-bottom: #fff solid 1px;
}
.ui-tabs ul.ui-tabs-nav li {
	height: 35px;
	margin-left: 3px;
	margin-top: 3px;
	font-size: 83%; /* 10px */
	text-align: center;
	float: left;
}
.ui-tabs ul.ui-tabs-nav li:hover,
.ui-tabs ul.ui-tabs-nav li.selected,
.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected {
	height: 35px;
	border-bottom: none;
}

	.ui-tabs ul.ui-tabs-nav li * {
		float: left;
		height: 35px;
		display: block;
		padding-left: 5px;
		padding-right: 5px;
		text-transform: uppercase;
		text-decoration: none;
		line-height: 34px;
	}

/* ------------------------------------------
	Dialog
------------------------------------------ */
.ui-dialog {
	position: fixed;
	position: _absolute;
	border: #000 solid 10px;
}
.ui-dialog .ui-dialog-titlebar,
#TB_title {
	background-color:#000;
	color: #fff;
	font-size: 123.1%;
	font-weight: bold;
}

/* clearfix hack */
.ui-dialog .ui-dialog-titlebar:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0px;
	display: block;
	content: ".";
}
	.ui-dialog .ui-dialog-titlebar { zoom: 1; /* for IE */ }

	/* Hides from IE-mac */
	* html .ui-dialog .ui-dialog-titlebar { height: 1%; }
	.ui-dialog .ui-dialog-titlebar { display: block; }
	
.ui-dialog .ui-dialog-title {
	float: left;
	display: inline;
	padding: 0.5em;
}
.ui-dialog .ui-dialog-titlebar-close {
	float: right;
	display: inline;
	width: 25px;
	height: 25px;
	background: url(/images/btn_close_dialog.png) no-repeat;
	text-indent: -9999px;
}
	
.ui-dialog .ui-dialog-content {
	background-color: #fff;
	overflow: hidden;
}

/* ------------------------------------------
	Introduce
------------------------------------------ */
/* Progressbar */
#introduce_body #introduce_progressbar li {
	color: #fff;
	width :170px;
}
#introduce_body #introduce_progressbar li.progress {
}

#introduce_body table td {
	background-color: #fff;
}

.precommit_introduce .line_fence {
	border: 3px solid #fff;
}

.confirm_introduce table th {
	width: 30%;
}

.introduce .email {
	width: 300px;
}