/*----------------------------------------
 オプションウィンドウ
----------------------------------------*/
#option_window
{
	z-index          : 120;
	background-image : url(../imgs/option_window/option_window_bg.png);
	display          : none;
	/*position         : fixed;*/
	height           : 522px;
	width            : 722px;
	position         : absolute;
}


/*----------------------------------------
 オプションウィンドウカバー
----------------------------------------*/
#option_window_cover
{
	z-index          : 110;
	background-color : white;
	left             : 0px;
	top              : 0px;
	width            : 100%;
	height           : 100%;
	display          : none;
	position         : fixed;
	filter           : alpha(opacity=50);
	-moz-opacity     : 0.5;
	opacity          : 0.5;
}


/*----------------------------------------
 オプションウィンドウ > オプションウィンドウ上エリア
----------------------------------------*/
div#option_window > #option_window_top_area
{
	height        : 20px;
	margin-bottom : 5px;
}

/*----------------------------------------
 オプションウィンドウ > オプションウィンドウ上エリア > オプションウィンドウタイトル
----------------------------------------*/
div#option_window > div#option_window_top_area > .option_window_head
{
	font-size   : 13px;
	margin-left : 15px;
	height      : 20px;
	line-height : 20px;
}

/*------------------------------------------------------------------------------------------------------------
 オプションウィンドウ > オプションウィンドウ上エリア > 内容の説明ボタン
------------------------------------------------------------------------------------------------------------*/
div#option_window > div#option_window_top_area > img.option_description_button
{
	width    : 75px;
	height   : 16px;
	left     : 120px;
	top      : 2px;
	position : absolute;
}


/*------------------------------------------------------------------------------------------------------------
 オプションウィンドウ > オプションウィンドウ上エリア > 閉じるボタン
------------------------------------------------------------------------------------------------------------*/
div#option_window > div#option_window_top_area > img.option_window_close_box
{
	width    : 14px;
	height   : 14px;
	left     : 700px;
	top      : 2px;
	position : absolute;
}


/*----------------------------------------
 オプションウィンドウ左エリア
----------------------------------------*/
#option_window_left_area
{
	width  : 50%;
	height : 472px;
	float  : left;
}


/*----------------------------------------
 オプションウィンドウ右エリア
----------------------------------------*/
#option_window_right_area
{
	width  : 50%;
	height : 472px;
	float  : right;
}

/*----------------------------------------
 オプションウィンドウ下エリア
----------------------------------------*/
#option_window_bottom_area
{
}





.item_head:first-child
{
	margin-top: 3px;
}

.item_head
{
	margin-top         : 20px;
	margin-left        : 10px;
	padding-left       : 2px;
	padding-right      : 2px;
	width              : 70px;
	height             : 20px;
	line-height        : 20px;				/* heightと同値にする */
	text-align         : center;
	font-size          : 12px;
	background-color   : #e0bc6c;
	border-radius      : 4px;
	-moz-border-radius : 4px;
}



.item_block
{
	margin-top   : 8px;
	margin-left  : 25px;
	margin-right : 35px;
	width        : 301px;
	position     : relative;
}

.item_left_block
{
	height    : 100%;
	font-size : 12px;
	float     : left;
}

.item_right_block
{
	height    : 100%;
	font-size : 12px;
	float     : right;
}


.spin_table
{
	width              : 75px;
	height             : 18px;
	background-color   : #ffffff;
	border-style       : solid;
	border-width       : 1px;
	border-color       : #e0bc6c;
	border-radius      : 4px;
	-moz-border-radius : 4px;
}

input.spin_input
{
	width        : 40px;
	height       : 18px;
	border-style : none;
	text-align   : right;
	outline      : none;
	float        : left;
}

.spin_button_block
{
	width  : 19px;
	height : 18px;
	float  : right;
}

img.up_button
{
	width    : 19px;
	height   :  9px;
}

img.down_button
{
	width    : 19px;
	height   : 9px;
}

div.back_to_layout_btn
{
	margin-left : 567px;
}