@charset "utf-8";



/*=================================
	画面全体のマスク
================================ */
/* 全体の背景 */
#mask4SSO
{
	position	:	fixed;

	top			:	0px;
	left		:	0px;

	min-height	:	100%;
	min-width	:	100%;

	background-color: #000;
	opacity: 0.5;

	z-index: 9999;
}


/*=================================
	プログレス表示用
================================ */
/* プログレス関連のタグを張り付けるベース */
#progressBase4SSO
{
	padding:10px;
	margin:0 auto 0 auto;
}


/* プログレスの背景 */
#progress_back4SSO
{
	position	:	fixed;

	top			:	0px;
	left		:	0px;

	min-height	:	100%;
	min-width	:	100%;

/* プログレス/ダイアログの上位レイヤーにDIV配置してマスクするため設定除去 */
/*
	background-color: #000;
	opacity: 0.5;
*/
	z-index: 10000;
}

/* プログレス本体 */
#progress_body4SSO
{
	background: rgba(255, 255, 255, 1) url("../images/loading.gif") no-repeat scroll 50% 50%;
	background-size: 90%;
	border-radius: 10px;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
	height:3em;
	width: 3em;
	left: 45%;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	z-index: 10001;
}



/*=================================
	ダイアログ表示用
================================ */
/* ダイアログ関連のタグを張り付けるベース */
#confirmBase4SSO
{
	padding:10px;
	margin:0 auto 0 auto;
}

/* ダイアログの背景 */
#confirmDialog_back4SSO
{
	position	:	fixed;

	top			:	0px;
	left		:	0px;

	min-height	:	100%;
	min-width	:	100%;

/* プログレス/ダイアログの上位レイヤーにDIV配置してマスクするため設定除去 */
/**/
	background-color: #000;
	opacity: 0.5;
/**/
	z-index: 10000;
}

/* ダイアログ本体 */
#confirmDialog_body4SSO
{
	position: absolute;

	top		:	0;
	left	:	0;
	right	:	0;
	bottom	:	0;
	margin	:	5px auto;

	width: 95%;
	height: 130%;

	padding: 0px;
	z-index: 10001;

	background-color: #FFF;

	border-radius: 6px 6px 6px 6px;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4);  /* CSS3 */
}


/* ダイアログ内の表示領域 */
#confirmContents4SSO
{
	height:100%;
	width:100%;

	padding:0px;
	margin:0 auto 0 auto;
	border:0;

}