/*
================================================================================
	Name		:	Minesweeper
	In			:	[none]		
	Out			:	[none]		
	Note		:	
--------------------------------------------------------------------------------
	Version		:	Ver1.0.0	|	2008/03/12	|	new
--------------------------------------------------------------------------------
	License		:	MIT license
	URL			:	www.kanasansoft.com
================================================================================
*/

*{	font-size			:	12px				;	}

#setting_area{
	position			:	fixed				;
	top					:	0px					;
	left				:	0px					;
	z-index				:	2					;
	width				:	118px				;
	height				:	100%				;
	background-color	:	#cccccc				;
	border-right		:	#999999 solid 2px	;
}
#stage{
	position			:	absolute			;
	top					:	0px					;
	left				:	120px				;
	z-index				:	1					;
}

#score_area{			margin		:	10px 10px 10px 10px	;	}
#levels_area{			margin		:	10px 10px 10px 10px	;	}
#difficulty_area{		margin		:	10px 10px 10px 10px	;	}
#control_area{			margin		:	10px 10px 10px 10px	;	}

#score_area div{		text-align	:	right				;	}
#score_area label{		margin		:	1px 1px 1px 0px		;	}
#score_area input{		margin		:	1px 0px 1px 1px		;	}

#levels_area div{		text-align	:	left				;	}
#levels_area input{		margin		:	1px 1px 1px 0px		;	}
#levels_area label{		margin		:	1px 0px 1px 1px		;	}

#difficulty_area div{	text-align	:	right				;	}
#difficulty_area label{	margin		:	1px 1px 1px 0px		;	}
#difficulty_area input{	margin		:	1px 0px 1px 1px		;	}

#control_area div{		text-align	:	center				;	}
#control_area label{											}
#control_area input{											}

#size_x{		width	:	3em	;	text-align	:	right	;	}
#size_y{		width	:	3em	;	text-align	:	right	;	}
#count_bomb{	width	:	3em	;	text-align	:	right	;	}
#make_stage{													}
#elapse{		width	:	4em	;	text-align	:	right	;	}
#hi_score{		width	:	4em	;	text-align	:	right	;	}

#stage div{
	position			:	absolute			;
	width				:	24px				;
	height				:	24px				;
}

#stage.display div{																			}

#stage.display .bomb{		background-image	:	url(image/default/bomb.png)			;	}
#stage.display .close{		background-image	:	url(image/default/close.png)		;	}
#stage.display .flag{		background-image	:	url(image/default/flag.png)			;	}
#stage.display .open{		background-image	:	url(image/default/open.png)			;	}
#stage.display .explosion{	background-image	:	url(image/default/explosion.png)	;	}
#stage.display .miss{		background-image	:	url(image/default/miss.png)			;	}

#stage.display .number_0{	background-image	:	url(image/default/number_0.png)		;	}
#stage.display .number_1{	background-image	:	url(image/default/number_1.png)		;	}
#stage.display .number_2{	background-image	:	url(image/default/number_2.png)		;	}
#stage.display .number_3{	background-image	:	url(image/default/number_3.png)		;	}
#stage.display .number_4{	background-image	:	url(image/default/number_4.png)		;	}
#stage.display .number_5{	background-image	:	url(image/default/number_5.png)		;	}
#stage.display .number_6{	background-image	:	url(image/default/number_6.png)		;	}
#stage.display .number_7{	background-image	:	url(image/default/number_7.png)		;	}
#stage.display .number_8{	background-image	:	url(image/default/number_8.png)		;	}
#stage.display .number_9{	background-image	:	url(image/default/number_9.png)		;	}

#stage.hidden div{			background-image	:	url(image/default/close.png)		;	}