/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

/* デモ用 */
html{
	height:100%;
}

body{
	height:100%;
}

/* デモ用 */
#mainContainer{
	margin:0 auto;
	width:920px;
	background:url(../images/bg.gif);
}
	
/* メッセージボックスの代替レイアウト */
	
.modalDialog_contentDiv_error{
	border:3px solid #FFF;	
	padding:2px;
	z-index:100;/* 必須	*/
	position:absolute;	/* 必須	*/
	background-color:#F00;	
	color:#FFF;
}
.modalDialog_contentDiv_error a{
	color:#FFF;
}

.modalDialog_transparentDivs{	
	filter:alpha(opacity=50);	/* 透明度 */
	opacity:0.5;	/* 透明度 */
	background-color:#000;
	z-index:1;
	position:absolute; /* 必須	*/
	height:100%;
}
.modalDialog_contentDiv{
	border:2px solid #000;	
	padding:20px;
	z-index:100;/* 必須	*/
	position:absolute;	/* 必須	*/
	background-color:#FFF;
	text-align:center;
	height:100%;
}
.modalDialog_contentDiv div#showWindow{
text-align:left;
width:320px;
height:400px;
margin:0 auto;
}
.modalDialog_contentDiv h3{
font-size:14px;
line-height:150%;
}
.modalDialog_contentDiv p{
margin-top:10px;
}
.modalDialog_contentDiv p.close{
text-align:right;
margin-top:25px;
}
.modalDialog_contentDiv p.comment{
margin-top:7px;
overflow:auto;
height:55px;
word-wrap:break-word;
word-break:break-all;
width:320px;
}

.modalDialog_contentDiv_shadow{
	z-index:90;/* 必須 */
	position:absolute;	/* 必須	*/
	background-color:#000;
	filter:alpha(opacity=20);	/* 透明度 */
	opacity:0.2;	/* 透明度 */
	height:100%;
}