/* Custom dialog styles */
#popup_title {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #FFFFFF;
	background: #006699;
	border: solid 1px #006699;
	border-bottom: solid 1px #006699;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_container {
	/*font-family: AntipastoRegular, sans-serif;*/
	font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif,'kodomo_font';
	font-size: 13px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFFFFF;
	border: solid 5px #006699;
	color: #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_content {
	/*background: 16px 16px no-repeat url(images/info.gif);*/
	padding: 1em 1.75em;
	margin: 0em;
}

/*
#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}
*/

#popup_message {
	/*padding-left: 10px;*/
	margin:0px auto;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}


#popup_container INPUT[type='button'] {
    width: 100px;
	height: 30px;
	border: outset 2px #006699;
	color: #FFFFFF;
	background: #006699;
}

#popup_container INPUT[type='button']:focus {
	outline: none!important; /* chrome でfucus時、妙な黒枠が表示されるので、消すおまじない   kuro追加 */
}


/* --------------------------- */
/* --  通常メッセージ  info -- */
/* --------------------------- */
#popup_container.msg_inf {
	/*font-family: Georgia, serif;*/
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif,'kodomo_font';
	/*color: #0066CC;*/
	/*background-color:#FFFFCC;*/
	border:1px solid #666666;
	box-shadow: 0px 7px 5px 0 rgba(150, 150, 150, .5);
}

#popup_container.msg_inf #popup_title {
	color: #3366CC;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.07em;
	padding: 2px 15px 2px 34px;
	
	border:none;
	border-bottom:1px solid #666666;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	background-color:#E7F1FE;	
	background-image:url("icon_inf.png?v=2102104"); /*後ろの?以降は、画像変更時、即時反映させるための文字列。ここで更新した日付をgetっぽく書くことにした。  */
	/*background-size:21px;*/ /*実画像サイズと縮尺が違ったりすると指定が必要だが、指定すると、たいてい画像がぼやける*/
	background-repeat:no-repeat;
	background-position: 7px center;
}

#popup_container.msg_inf #popup_content {
	/*background-color: red;*/
	padding: 10px 10px 8px 15px;
	vertical-align:text-bottom;
}

#popup_container.msg_inf #popup_message {
	color:#3366CC;
	min-height:30px;
	letter-spacing: 0.07em;
	
	/*
	padding-left: 35px;
	background-image:url("icon_inf.png");
	background-repeat:no-repeat;
	background-position: left center;
	*/
	/*overflow:auto;*/
	/*overflow*/ /**//*: hidden;*/
	/*border:1px solid red;*/
	
	height:25px;/*iconの画像サイズくらいを指定。文字が複数行になっても、勝手に高さが自動調整するみたい*/
	margin:10px auto; 
	display: table-cell;
	vertical-align:middle;
}

#popup_container.msg_inf INPUT[type='button'] {
	font-wight:normal;
	color: #3366CC;
	background-color: #E7F1FE;
	border:2px solid #3366CC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	height: 30px;
}
#popup_container.msg_inf INPUT[type='button']:focus {
	outline: none; /* chrome でfucus時、妙な黒枠が表示されるので、消すおまじない   kuro追加 */
}
#popup_container.msg_inf INPUT[type='button']:focus,
#popup_container.msg_inf INPUT[type='button']:hover {
	/*font-weight:bold;*/
	border-width:2px;
	color: #FFFFFF;
	background-color:#0099CC;
}




/* ------------------------------ */
/* --  警告メッセージ  caution -- */
/* ------------------------------ */
#popup_container.msg_cau {
	/*font-family: Georgia, serif;*/
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif,'kodomo_font';
	/*color: #0066CC;*/
	/*background-color:#FFFFCC;*/
	border:1px solid #666666;
	box-shadow: 0px 7px 5px 0 rgba(150, 150, 150, .5);
}

#popup_container.msg_cau #popup_title {
	color: #666666;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.07em;
	padding: 2px 15px 2px 34px;
	
	border:none;
	border-bottom:1px solid #666666;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	background-color:#FFFFB0;	
	background-image:url("icon_cau.png?v=2102105"); /*後ろの?以降は、画像変更時、即時反映させるための文字列。ここで更新した日付をgetっぽく書くことにした。  */
	/*background-size:21px;*/ /*実画像サイズと縮尺が違ったりすると指定が必要だが、指定すると、たいてい画像がぼやける*/
	background-repeat:no-repeat;
	background-position: 7px center;
}

#popup_container.msg_cau #popup_content {
	/*background-color: red;*/
	padding: 10px 10px 8px 15px;
	vertical-align:text-bottom;
}

#popup_container.msg_cau #popup_message {
	color:#666666;
	min-height:30px;
	letter-spacing: 0.07em;
	
	/*
	padding-left: 35px;
	background-image:url("icon_inf.png");
	background-repeat:no-repeat;
	background-position: left center;
	*/
	/*overflow:auto;*/
	/*overflow*/ /**//*: hidden;*/
	/*border:1px solid red;*/
	
	height:25px;/*iconの画像サイズくらいを指定。文字が複数行になっても、勝手に高さが自動調整するみたい*/
	margin:10px auto; 
	display: table-cell;
	vertical-align:middle;
}

#popup_container.msg_cau INPUT[type='button'] {
	font-wight:normal;
	color:#666666;
	background-color:#FFFFB0;
	border:2px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	height: 30px;
}
#popup_container.msg_cau INPUT[type='button']:focus {
	outline: none; /* chrome でfucus時、妙な黒枠が表示されるので、消すおまじない   kuro追加 */
}
#popup_container.msg_cau INPUT[type='button']:focus,
#popup_container.msg_cau INPUT[type='button']:hover {
	/*font-weight:bold;*/
	border-width:2px;
	color: #FFFFFF;
	background-color:#FFCC33;
}




/* ------------------------------ */
/* --  エラーメッセージ  error -- */
/* ------------------------------ */
#popup_container.msg_err {
	/*font-family: Georgia, serif;*/
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif,'kodomo_font';
	/*color: #0066CC;*/
	/*background-color:#FFFFCC;*/
	border:1px solid #666666;
	box-shadow: 0px 7px 5px 0 rgba(150, 150, 150, .5);
}

#popup_container.msg_err #popup_title {
	color:#FF0000;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.07em;
	padding: 2px 15px 2px 34px;
	
	border:none;
	border-bottom:1px solid #666666;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	
	background-color:#FFE0C1;	
	background-image:url("icon_err.png?v=2102105"); /*後ろの?以降は、画像変更時、即時反映させるための文字列。ここで更新した日付をgetっぽく書くことにした。  */
	/*background-size:21px;*/ /*実画像サイズと縮尺が違ったりすると指定が必要だが、指定すると、たいてい画像がぼやける*/
	background-repeat:no-repeat;
	background-position: 7px center;
}

#popup_container.msg_err #popup_content {
	/*background-color: red;*/
	padding: 10px 10px 8px 15px;
	vertical-align:text-bottom;
}

#popup_container.msg_err #popup_message {
	color:#FF0000;
	min-height:30px;
	letter-spacing: 0.07em;
	/*
	padding-left: 35px;
	background-image:url("icon_inf.png");
	background-repeat:no-repeat;
	background-position: left center;
	*/
	/*overflow:auto;*/
	/*overflow*/ /**//*: hidden;*/
	/*border:1px solid red;*/
	
	height:25px;/*iconの画像サイズくらいを指定。文字が複数行になっても、勝手に高さが自動調整するみたい*/
	margin:10px auto; 
	display: table-cell;
	vertical-align:middle;
}

#popup_container.msg_err INPUT[type='button'] {
	font-wight:normal;
	color: #FF0000;
	background-color:#FFE0C1;
	border:2px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100px;
	height: 30px;
}
#popup_container.msg_err INPUT[type='button']:focus {
	outline: none; /* chrome でfucus時、妙な黒枠が表示されるので、消すおまじない   kuro追加 */
}
#popup_container.msg_err INPUT[type='button']:focus,
#popup_container.msg_err INPUT[type='button']:hover {
	/*font-weight:bold;*/
	border-width:2px;
	color: #FFFFFF;
	background-color:#FFAD5B;
}