@charset "utf-8";

/* H2 */
h2 { margin: 0 0 12px 0; }

div.boxBrdNon p { margin: 0 0 20px 0; }
div.boxBrdNon p.submitBtn { text-align: center; }

/* REGISTER */
div.boxBrdNon table.regist { width: 858px; margin: 0 0 20px 0; }
div.boxBrdNon table.regist th { width: 238px; padding: 6px; background: #f0e1b3; border-right: 2px solid #d2a56a; border-bottom: 2px solid #fffceb; vertical-align: middle; font-weight: normal; text-align: left; }
div.boxBrdNon table.regist td { padding: 6px; background: #f7f0de; border-right: 2px solid #fffceb; border-bottom: 2px solid #fffceb; vertical-align: middle; }

/* LOGIN */
div.boxBrdNon div.login { text-align: center; margin: 12px 0 0 0; }
div.boxBrdNon table.loginTbl { width: 600px; margin: 0 auto 20px auto; }
div.boxBrdNon table.loginTbl th { width: 176px; padding: 6px; background: #f0e1b3; border-right: 2px solid #d2a56a; border-bottom: 2px solid #fffceb; vertical-align: middle; font-weight: normal; text-align: left; }
div.boxBrdNon table.loginTbl td { padding: 6px; background: #f7f0de; border-right: 2px solid #fffceb; border-bottom: 2px solid #fffceb; vertical-align: middle;  text-align: left; }
div.boxBrdNon ul.linkUL { width: 600px; margin: 0 auto; }
div.boxBrdNon ul.linkUL  li { padding: 0 0 6px 15px; background: url(/images/common/link_marker.gif) no-repeat 0 0.3em; text-align: left; }

/* CONTRACT */
div.boxBrdNon div#contract { width: 838px; height: 460px; margin: 0 0 20px 0; padding:10px; background: #fff; border:1px solid #2a7f52; overflow:scroll; }
* html div.boxBrdNon div#contract { width: 858px; }
div#contract h3 { margin: 0 0 1em 0; font-size: 114%; font-weight:bold; }
div#contract h4 { margin: 0 0 1em 0; font-size: 100%; font-weight:bold; }
div#contract h5 { font-size: 100%; font-weight:bold; }
div#contract p.line { margin: 0; }

/* USER MENU */
dl.userMenuDl { width: 856px; margin: 0 0 6px 0; background: #ebf6dd url(/images/user/user_menu_bg.gif) repeat-x; border: 1px solid #c9e1a7; }
dl.userMenuDl dt { clear: both; width: 252px; padding: 6px 6px 6px 20px; background: url(/images/common/link_marker.gif) no-repeat 6px 0.7em; font-weight: bold; float: left; }
dl.userMenuDl dd { margin: 0 0 0 278px; padding: 6px; background: #fffceb; border-left: 1px solid #c9e1a7; }
p.lead { padding: 12px 12px 0 12px; }
table.reserveListTbl { width: 858px; }
table.reserveListTbl th { padding: 6px; background: #c6e0a3; border-right: 1px solid #fffceb; border-left: 1px solid #c6e0a3; border-collapse: collapse; text-align: center; font-weight: normal; }
table.reserveListTbl th a { color: #333; text-decoration: underline; }
table.reserveListTbl th a:hover { color: #333; text-decoration: underline; }
table.reserveListTbl th.item9 { width: 80px; border-right: 1px solid #c6e0a3; }
table.reserveListTbl td { padding: 6px; border-right: 1px solid #c6e0a3; border-bottom: 2px solid #c6e0a3; border-left: 1px solid #c6e0a3; border-collapse: collapse; vertical-align: top; }
table.reserveListTbl tr.bg1 td { background: #edf7e1;}
table.reserveListTbl tr.bg2 td { background: #fffceb;}
table.paymentListTbl { width: 858px; }
table.paymentListTbl th { padding: 6px; background: #c6e0a3; border-right: 1px solid #fffceb; border-left: 1px solid #c6e0a3; border-collapse: collapse; text-align: center; font-weight: normal; }
table.paymentListTbl th a { color: #333; text-decoration: underline; }
table.paymentListTbl th a:hover { color: #333; text-decoration: underline; }
table.paymentListTbl th.item7 { border-right: 1px solid #c6e0a3; }
table.paymentListTbl td { padding: 6px; border-right: 1px solid #c6e0a3; border-bottom: 2px solid #c6e0a3; border-left: 1px solid #c6e0a3; border-collapse: collapse; vertical-align: top; }
table.paymentListTbl tr.bg1 td { background: #edf7e1;}
table.paymentListTbl tr.bg2 td { background: #fffceb;}
h4.payment { color: #2a7f52; }
table.propertyTbl { width: 858px; margin: 12px 0 20px 0; }
table.propertyTbl th { width: 200px; padding: 6px; background: #f0e1b3; border-right: 2px solid #d2a56a; border-bottom: 2px solid #fffceb; vertical-align: middle; font-weight: normal; text-align: left; }
table.propertyTbl td { padding: 6px; background: #f7f0de; border-right: 2px solid #fffceb; border-bottom: 2px solid #fffceb; vertical-align: middle;  text-align: left; }
table.paymentFormTbl { width: 858px;  margin: 0 0 20px 0; }
table.paymentFormTbl th { width: 200px; padding: 6px; background: #ffdfdf; border-right: 2px solid #f0afaf; border-bottom: 2px solid #fffceb; vertical-align: middle; font-weight: normal; text-align: left; }
table.paymentFormTbl td { padding: 6px; background: #faece3; border-right: 2px solid #fffceb; border-bottom: 2px solid #fffceb; vertical-align: middle; }
p.card { padding: 0 12px 0 12px; }
p.card img { margin: 0 10px 0 0; }
p.notice { padding: 0 12px; font-size: 114%; font-weight: bold; color: #2a7f52; }
.text { padding: 0 12px 0 12px; }

th.bottom,
td.bottom { border-bottom: none; }
td .num { width: 22px; border: 1px solid #ccc; }
td .year { width: 34px; border: 1px solid #ccc; }
td .month { width: 22px; border: 1px solid #ccc; }
td .day { width: 22px; border: 1px solid #ccc; }
td .textbox200 { width: 200px; border: 1px solid #ccc; }
td .textbox300 { width: 300px; border: 1px solid #ccc; }
td .textbox400 { width: 400px; border: 1px solid #ccc; }
td .textbox580 { width: 580px; border: 1px solid #ccc; }
td .textarea580 { width: 580px; height: 100px; border: 1px solid #ccc; }