/*
	dialog
*/
div.dialog {
/*	background-image	: url("../img/12pxMesh.png");	 on for test */
	background-image	: var(--test-background-image);
	position			: absolute;
	top					: 0px;
	left				: 0px;
	border				: 1px solid black;
	padding				: 5px;
	padding				: calc(var(--main-font-size)/2 - 1px);	/* f/2-1 */
	border-radius		: 6px;
	border-radius		: calc(var(--main-font-size)/2);		/* f/2 */
	width				: 324px ;
	width				: calc(var(--main-font-size)*27);		/* f*27 */
	background-color	: #f0e68c;
	background-color	: var(--dialog-bg-color);	
}
/*
	titleBox
*/
div.dialog > div.dialogTitleBox {
	color				: white;
	color				: var(--dialog-title-color);
	background-color	: gray;
	background-color	: var(--dialog-title-bg-color);
	border-radius		: 3px;
	border-radius		: calc(var(--main-font-size)/4);	/* f/4 */
	margin-bottom		: 6px;
	margin-bottom		: calc(var(--main-font-size)/2);	/* f/2 */
}
div.dialog > div.dialogTitleBox > div.dialogTitleLeft {
	float			: left;
	padding			: 6px;
	padding-left	: calc(var(--main-font-size)/2);	/* f/2 */
}
div.dialog > div.dialogTitleBox > div.dialogTitleRight { text-align : right; }
div.dialog > div.dialogTitleBox > div.dialogTitleRight > img {
	float	: right;
	display	: block;
	height	: 18px;
	height	: calc(var(--main-font-size)*1.5);	/* f*1.5 */
	margin	: 3px;
	margin	: calc(var(--main-font-size)/4);	/* f/4 */
}
/*
	dialogItems
*/
div.dialogItems {
	margin-bottom : 6px;
	margin-bottom : calc(var(--main-font-size)/2); /* f/2 */
}
div.dialogItems > div.dialogItem > div.dialogItemTitle   {
	float			: left;
	text-align		: right;
	width			: 108px;
	width			: calc(var(--main-font-size)*9);	/* f*9 */
	color			: gray;
	color			: var(--main-title-color);
	height			: 6px; /* 下にハミだして次の行に影響を出す場合があるため */
}
/*
div.dialog > div.dialogItems > div.dialogItem > div.dialogItemTitle:after { content:":"; }
*/
div.dialogItems > div.dialogItem > div.dialogItemTitle > span.dialogItemTitleDisp {
	padding : 6px 0 ;
	padding : calc(var(--main-font-size)/2) 0 ; /* f/2 0 */
}
div.dialogItems > div.dialogItem > div.dialogItemTitle > span.dialogItemTitleBtn > input {
	margin-right	: 0;
	margin-left		: 0;
}
div.dialogItems > div.dialogItem > div.dialogItemTitle > span.dialogItemTitleBtn > span.mustMark {
	padding : 6px 0;
	padding : calc(var(--main-font-size)/2) 0;	/* f/2 0 */
}
div.dialogItems > div.dialogItem > div.dialogItemData {
	margin-left	: 108px;
	margin-left	: calc(var(--main-font-size)*9);	/* f*9 */
}
div.dialogItems > div.dialogItem > div.dialogItemData > span {
	padding : 6px 0 ;
	padding : calc(var(--main-font-size)/2) 0 ; /* f/2 0 */
}

div.dialogItems > div.dialogItem > div.dialogItemData > select { width : 100%;}
div.dialogItems > div.dialogItem > div.dialogItemData > span.group {
	padding : 0;
}
div.dialogItems > div.dialogItem > div.dialogItemError {
	padding : 0 3px;
	padding : 0 calc(var(--main-font-size)/4); /* 0 f/4 */
	display:block;
}
/*
	dialogExtBox
*/
div.dialog > div.dialogExtBox {
	margin-bottom : 6px;
	margin-bottom : calc(var(--main-font-size)/2); /* f/2 */
	color : gray;
	color : var(--main-border-color);
}
div.dialog > div.dialogExtBox > a {
	padding : 3px 3px 0 3px;
	padding :	calc(var(--main-font-size)/4)
				calc(var(--main-font-size)/4) 0
				calc(var(--main-font-size)/4); /* f/4 */
	width	: 60px;
	width	: calc(var(--main-font-size)*5);	/* f*9 */
}
/* 
	dialogCommBox
*/
div.dialog > div.dialogCommBox { text-align : center; }