/* 荷物追跡 */

@charset "utf-8";

html { padding:0px; margin:0px; }
body { padding:0px; margin:0px; background-color:#fff; }
img  { margin:0px; border-style:none; display:inline-block;vertical-align:top; }
*    { font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; font-size:14px; font-weight: 500; }

td:not([class]) { padding:0px; }


/* HEADER */
#hdrTable { margin:0px;width:100%;height:48px;border-collapse:collapse;background:linear-gradient(#505,#202); }
#hdrTitle { padding:0px 16px;color:#fff;font-weight:bold; }
#hdrLogo  { padding:0px 4px;text-align:right; }

/* LOGIN */
#loginArea { margin:0px;position:absolute;top:48px;width:100vw;background-color:#eee;height:calc(100vh - 48px);border-collapse:collapse; }
.loginInfo { margin:0px auto;border-collapse:collapse; }
.loginTtl  { padding:6px; background-color:#323; border:1px solid #323; color:#fff; font-weight:bold; text-align:center; }
.loginCellL { padding:6px; background-color:#ddd; border-top:1px solid #323; border-left:1px solid #323; border-bottom:1px solid #323; }
.loginCellR { padding:6px; background-color:#ddd; border-top:1px solid #323; border-right:1px solid #323; border-bottom:1px solid #323; }
.loginCellN { padding:6px; text-align:center; }
.btnLogin {
	margin:16px 0px 0px; padding:6px 18px;
	border:1px solid #009; border-radius:6px;
	background:linear-gradient(#00c,#006);
	color:#ffc; font-size:16px; font-weight:bold;
	cursor:pointer;
}
.btnLogin:hover { background:linear-gradient(#ccf,#99f); color:#009; }



/* MENU */
#menuArea { margin:0px;position:absolute;top:48px;width:240px;background-color:#202;height:calc(100vh - 48px); }

/* CONTENTS */
#contArea { margin:0px;position:absolute;top:48px;left:240px;width:calc(100vw - 240px);background-color:#300;height:calc(100vh - 48px); }