/*
	ポップアップダイアログ用のレイヤー
*/
#smartlayer {z-index:20;cursor:pointer;display:none;background:url(images/overlay.png);opacity:0.8;position:absolute;left:0px;top:0px;width:100%;}

/*
	ポップアップダイアログ
	デフォルトは、最も解像度の悪いスマートフォン用の320px
	自動的に中央寄せになる
*/
#smartdialog {
	width:320px;border:solid #444 1px;
	position:absolute;background:#eee;left:100px;top:100px;z-index:1000;display:none;
	-moz-box-shadow: 1px 1px 10px #000;
	-webkit-box-shadow: 1px 1px 10px #000;
}
#smartdialog #smartcaptionBar {
	border-bottom:solid #444 1px;
	height:32px;padding:0 10px 0 10px;cursor:move;
	background:#eee url(images/titlebar01.png) repeat-x;
}
#smartdialog #smartdialogCaption {
	float:left;
	color:#fff;line-height:32px;
}
#smartdialog #smartdialogcloseButton {float:right;width:18px;height:18px;background:url(images/closebutton.png) no-repeat;cursor:pointer;margin-top:7px;}
#smartdialog #smartdialogBody {clear:both;padding:10px;}
#smartdialogAlert {margin:20px;}

/*
	ポップアップ内に表示されるコンテンツのデザイン
*/
#smartdialog img {width:100%}
#smartdialog .box {clear:both;}
#smartdialog .box img {max-width:300px;}
#smartdialog .box .left {float:left;width:120px;}
#smartdialog .box .left img {width:120px;}
#smartdialog .box .right {float:right;width:170px;}

#systemdialog {display:none;}

.corner-top { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; }
.corner-bottom { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.corner-right { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.corner-left { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }