@charset "utf-8";

/*----------------------------------------------------
	jqueryでのmodalボックスのスタイル
----------------------------------------------------*/

#modal {

}

table.modalbox {
	position:absolute;
	display:none;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

table.modalbox td {
	margin:0;
	padding:0;
	font-size:12px;
}

table.modalbox td a {
	color:#FFF;
}

td.mb_lt {
	width:18px;
	height:19px;
	background:url(../img/alert_bg01.png) no-repeat 0px 0px;
}

td.mb_ct {
	width:360px;
	height:19px;
	background:url(../img/alert_bg01.png) repeat-x 0px -38px;
}

td.mb_rt {
	width:18px;
	height:19px;
	background:url(../img/alert_bg01.png) no-repeat 0px -19px;
}

td.mb_lm {
	width:18px;
	background:#FFF url(../img/alert_bg02.png) repeat-y left 0;
}

td.mb_rm {
	width:18px;
	background:#FFF url(../img/alert_bg02.png) repeat-y right 0;
}

td.mb_lb {
	width:18px;
	height:32px;
	background:url(../img/alert_bg01.png) no-repeat 0px -57px;
}

td.mb_cb {
	width:360px;
	height:32px;
	background:url(../img/alert_bg01.png) repeat-x 0px -121px;

}

td.mb_rb {
	width:18px;
	height:32px;
	background:url(../img/alert_bg01.png) no-repeat 0px -89px;
}

td.mb_content {
	width:360px;
	background:#FFF;
}

div.mb_title {
	margin:0 0 1em;
	padding-bottom:20px;
	background:url(../img/alert_border.png) repeat-x 0 bottom;
}

div.mb_title img {
	display:inline;
}

div.mb_url {
	margin:0 0 1em;
	border-bottom:1px solid #DDD;
}

div.mb_text {
	margin:1em 0;
}

div.mb_btn {
	margin:1em 0;
	text-align:center;
}

div.mb_btn a {
	display:inline-block;
	width:120px;
	height:0;
	padding-top:30px;
	background:url(../img/alert_button.png) no-repeat;
	overflow:hidden;
}

div.mb_btn a.ok     {background-position:0px 0px;}
div.mb_btn a.cansel {background-position:-120px 0px;}
div.mb_btn a.ok:hover     {background-position:0px -30px;}
div.mb_btn a.cansel:hover {background-position:-120px -30px;}

div.modaloverlay {
	width:100%;
	height:100%;
	background:url(../img/overlay_bg.png);
	position:absolute;
	left:0;
	top:0;
	display:none;
}

/* 背景画像の透過pngをIE6で表示させる */
* html div.modaloverlay {
	behavior: expression(
		this.style.behavior || (
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
			this.style.backgroundImage = "none",
			this.style.behavior = "none"
		)
	);
}