@charset "UTF-8";

/* --------------------------------------
elements
---------------------------------------*/
* {
  box-sizing : border-box;
  margin : 0;
  padding : 0;
  empty-cells : show;
}
html {
  width : 100%;
  height : 100%;
}
body {
  margin : auto;
  width : 100%;
  height : 100%;
  background-color : #eeeeee;
  font-size : small;
  overflow : auto;
  font-family : "Segoe UI", sans-serif;
}
h2.am6 {
  background-position : left center;
  background-repeat : no-repeat;
}
a {
  cursor : pointer;
}
input {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}
option {
  padding : 0 1px;
}
select {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}
textarea {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}

button {
  padding : 1px 3px 1px 3px;
  vertical-align : middle;
  font-size : 12px;
  cursor : pointer;
}
input[type="text"],
input[type="search"],
textarea {
  font-family : unset;
}

/* --------------------------------------
universal class
---------------------------------------*/
*.alert {
  margin-left : 2em;
  font-size : 90%;
}
*.notes {
  margin-left : 2em;
  font-size : 90%;
}

/* --------------------------------------
common class  -- shadow
---------------------------------------*/
div.shadow {
  padding : 3px 0 0 3px;
  background-image : url(../img/standard/box.gif);
  background-repeat : no-repeat;
  border-style : solid;
  border-width : 1px;
  background-color : #ffffff;
}
div.shadow_top {
  padding : 3px 0 0 3px;
  border-bottom : none;
  border-style : solid;
  border-width : 1px;
  height : 8.9%;
  min-height : 2em;
  overflow : hidden;
  background-image : url(../img/standard/box.gif);
  background-repeat : no-repeat;
  background-color : #ffffff;
}
div.shadow_bottom {
  padding : 0 0 0 3px;
  border-style : solid;
  border-width : 0 1px 1px 1px;
  height : 91%;
  overflow : auto;
  background-image : url(../img/standard/box.gif);
  background-position : 0px -5px;
  background-repeat : no-repeat;
  background-color : #ffffff;
}
.required {
    color: red;
    font-weight : bold;
}

/* --------------------------------------
common class  -- button
---------------------------------------*/
button.imgbtn {
  margin : 0 2px;
  padding : 3px 5px;
  font-size : 12px;
  line-height : 1.1;
}
button.imgbtn img {
  padding : 0 0 0 2px;
  vertical-align : -3px;
}
button.popup_imgbtn {
  padding : 3px 5px;
  overflow : visible;
}
button.popup_imgbtn img {
  padding : 0 0 0 2px;
  vertical-align : top;
}
/* --------------------------------------
header
---------------------------------------*/
div.header {
  overflow : visible;
  padding-top : 2px;

}

/* --------------------------------------
main menu
---------------------------------------*/
div.top_menu {
  margin : 0;
  border-width : 0;
  height : 23px;
  float : left;
  background-color : transparent;
}

div.header table td.tab_margin {
  border-bottom : transparent solid 1px;
}

div.top_menu h2 {
  margin : 3px 0 0 3px;
  padding : 3px 3px 5px 17px;
  float : left;
  background-position : left center;
  background-repeat : no-repeat;
  line-height : 10px;
  font-size : 10px;
  font-weight : bold;
  white-space : nowrap;
  background-position : left 0;

}
div.top_menu h2.menu_home {
  background-image : url(../img/standard/mailhome.gif);
}
div.top_menu h2.menu_inbox {
  background-image : url(../img/standard/inbox.gif);
}
div.top_menu h2.menu_compose {
  background-image : url(../img/standard/compose.gif);
}
div.top_menu h2.menu_contact {
  background-image : url(../img/standard/address.gif);
}
div.top_menu h2.menu_schedule {
  background-image : url(../img/standard/scheduler.gif);
}
div.top_menu h2.menu_tool {
  background-image : url(../img/standard/tools.gif);
}
div.top_menu h2.menu_file {
  background-image : url(../img/standard/webfile.gif);
}

td.tab_menu {
  vertical-align : bottom;
}

table.selected_tab,
table.unselected_tab {
  border : solid;
  border-width : 1px;
  cursor : pointer;
}

div.top_menu div.amtop-horiz-menu {
  margin : 2px 2px 0 0;
}

/* --------------------------------------
help button / logout
---------------------------------------*/
div.top_submenu {
  margin : 0;
  padding : 0;
  border-width : 0 0 1px 0;
  border-style : solid;
  height : 25px;
  width : 100%;
  text-align : right;
  white-space : nowrap;
}

div.top_submenu a {
  margin-right : 5px;
  font-size : 90%;
}
div.top_submenu button {
  padding : 2px 5px;
  vertical-align : top;
  font-size : 12px;
  line-height : 1.1;
}
div.top_submenu button img {
  margin : 0 0 0 2px;
  vertical-align : -3px !important;
}
div.top_submenu img.help {
  border : none;
  vertical-align : middle;
}
td#submenu_hline {
  padding : 0;
  width : 100%;
  vertical-align : middle;
}

/* --------------------------------------
main
---------------------------------------*/
div#main {
  padding : 0 5px 5px;
  overflow : hidden;
}

/* --------------------------------------
content
---------------------------------------*/
div.content {
  padding : 5px;
  border-style : solid;
  border-width : 0 1px 0 1px;
  overflow : hidden;

}

div.content_none_footer {
  padding : 5px;
  border-style : solid;
  border-width : 0 1px 1px 1px;
  overflow : hidden;
}

/* --------------------------------------
footer
---------------------------------------*/
div.footer {
  padding : 0 5px 5px 5px;
  margin : 0;
  border-style : solid;
  border-width : 0 1px 1px 1px;
}
div.footer table {
  width : 100%;
  border-collapse : collapse;
  border-spacing : 0;
}

div.footer div.footer_info {
  margin : 0;
  padding : 5px 5px 0 5px;
  width : auto;
  height : 30px;
  overflow : hidden;
  background-color : #ffffff;
  white-space : nowrap;
  font-size : 80%;
}
div.footer td.server {
  width : 17px;
  padding : 0 1px 0 0;
  margin : 0;
  text-align : right;
}
div.footer td.clock {
  width : 155px;
  text-align : center;
  padding : 0 0 0 5px;
  font-size : 9pt;
  font-weight : bold;
  white-space : nowrap;
}
div.footer td.clock:lang(en) {
  width : 175px;
}

div.footer td.logo {
  width : 100px;
  text-align : right;
}
div.footer td.logo div{
  margin : 0;
}
div.footer_scroll_contents {
  position : relative;
  height : 100%;
  width : 75%;
  float: left;
  line-height : 22px;
  vertical-align : middle;
}
div.footer_scroll_contents span {
  vertical-align : middle;
  overflow : hidden;
  width : 110%;
}
div.footer_scroll_contents span img {
  vertical-align : -3px;
}
div.footer_scroll_contents span span {
  vertical-align : 0;
}

div.footer_scroll_controls {
  text-align : right;
}
div.footer_scroll_controls * {
  text-align : right:
}
div.footer_scroll_controls span {
  vertical-algin : middle;
}
div.footer_scroll_controls span#footer_scroll_pager {
  line-height : 22px;
}
div.footer_scroll_controls img {
  vertical-align : -3px;
}
span.footer_scroll_disabled {
  color : gray;
}
span.news_link {
  cursor : pointer;
}
div.footer_scroll_controls span#footer_scroll_button_prev,
div.footer_scroll_controls span#footer_scroll_button_next,
div.footer_scroll_controls span#footer_scroll_button_start,
div.footer_scroll_controls span#footer_scroll_button_stop {
  cursor : pointer;
}


/* --------------------------------------
virtual popup
---------------------------------------*/
/* --------------------------------------
announce popup (mailhome)
---------------------------------------*/
table.popupwin_info th {
  padding : 0 5px 15px 0;
  line-height : 1.4;
  vertical-align : top;
  font-size : 80%;
  text-align : right;
}
table.popupwin_info td {
  padding : 0 0 15px 0;
  line-height : 1.4;
  vertical-align : top;
  font-size : 80%;
}

/* --------------------------------------
address edit
---------------------------------------*/
div.addr_edit {
  margin : 0;
  padding : 0;
  width : auto;
  height : auto;
  overflow : visible;
  text-align : center;
}
div.addr_edit div.option_add {
  text-align : center;
}
div.addr_edit_contents {
  height : auto;
  background-color : #FFFFFF;
  overflow : visible;
}

div.addr_edit_contents table {
  margin : 2%;
  border-collapse : separate;
  border-spacing : 0px;
  border-width : 1px 0 0 1px;
  border-style : solid;
  border-color : #333333;
  width : 95%;
  font-size : 90%;
}
div.addr_edit_contents table th {
  padding : 2px 8px 2px 8px;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 15%;
  vertical-align : middle;
  background-color : #F0F0F0;
  text-align : left;
  white-space : nowrap;
}
div.addr_edit_contents table th.custom {
  white-space : normal;
  word-break : break-all;
}
div.addr_edit_contents table td {
  padding : 3px;
  width : 35%;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  vertical-align : middle;
  background-color : #FFFFFF;
  text-align : left;
}
div#edit_cancel {
  margin : 8px 4px 0 0;
  border : 1px solid #CCCCCC;
  width : 4em;
  float : right;
  text-align : center;
}

/* --------------------------------------
addressedit  -- pulldown menu
---------------------------------------*/
div.addr_edit div.pulldown {
  display : inline-block;
  margin : 0;
  padding : 0;
  width : auto;
  border : none;
  vertical-align : top;
  font-size : 12px;
}
div.addr_edit div.pulldown table {
  margin : 0;
  padding : 0;
  width : auto;
}
div.addr_edit div.pulldown table td {
  padding : 0;
  font-size : 12px;
  border-width : 1px 2px 2px 1px;
  border-style : solid;
  border-color : #7f9db9;
}
div.addr_edit div.pulldown table td div {
  margin : 0;
  padding : 0;
  border : none;
}
div.addr_edit div.pulldown table td td {
  padding : 0;
  background-color : #ffffff;
  border : none;
}
div.addr_edit div.pulldown div.dynarch-horiz-menu {
  marign : 0 !important;
  padding : 2px 0;
  background-color : #ffffff;
}
div.dynarch-horiz-menu {
  border-width : 1px 2px 2px 1px !important;
}
div.addr_edit_contents p.required_notes {
  font-size: 85%;
  margin: 5px 15px -5px 0;
  text-align: right;
}
div.addr_edit input[name="organization"],
div.addr_edit input[name="depart"],
div.addr_edit input[name="city"],
div.addr_edit input[name="address"] {
  width : 173px;
}

/* --------------------------------------
virtual popup (rmail-new folder)
rmail /addressbook new folder
---------------------------------------*/
div.pop_message {
  padding : 10px 0 0 0;
  width : 100%;
  height : auto;
  word-break : break-all;
  overflow : visible;
  font-size : 100%;
}
div.pop_message p.required_notes {
  text-align : right;
  font-size : 70%;
  margin-top : -5px;
  margin-right : 40px;
}
div.pop_message img {
  margin : 5px;
}
div.pop_message table {
  margin : 0 auto;
  padding : 0;
  border : none ;
  font-size : 95%;
  width : 85%;
}
div.amvpop_content form {
  overflow : visible;
}
div.amvpop_form {
  overflow : visible;
}
div.pop_message table th {
  padding : 2px;
  font-size : 90%;
  font-weight : normal;
  text-align : right;
  white-space : nowrap;
}
div.pop_message table td {
  padding : 2px;
}
div.pop_btn {
  margin-top : 5px;
  text-align : center;
}
div.pop_error {
  margin-top : 5px;
  height : 20px;
}
div.pop_message table input,
div.pop_message table select {
  width : 100%;
}
div.pop_message p.amvpop_check {
  padding : 5px 12px;
}

/* --------------------------------------
schedule edit
---------------------------------------*/
div.schedule_edit {
  width : auto;
  height : 100%;
}
div.schedule_edit_column {
  width : auto;
  overflow : visible;
  background-color : #FFFFFF;
}
div.schedule_edit_column div.indent {
  padding-left : 0em;
}
div.schedule_edit_column div.schedule_add {
  margin : 0 20px;
  padding-top : 10px;
  text-align : center;
}
div.schedule_edit_column textarea {
  width : 60%;
  overflow : visible;
  font-size : normal;
}
span.daylong {
  padding-left : 1em;
}
span.sch_label {
  vertical-align : middle;
  white-space : nowrap !important;
}
table#outerTable {
  margin : 0;
  padding : 0;
  width : 100%;
}
div.items {
  width : auto;
  background-color : transparent;
  overflow : visible;
}
div.items table {
  margin : 1% 2%;
  width : 96%;
  border-collapse : separate;
  border-spacing : 0px;
  border-width : 1px 0 0 1px;
  border-style : solid;
  border-color : #333333;
}
div.schedule_edit_column div.items td {
  padding : 6px 3px;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 80%;
  vertical-align : top;
  background-color : #FFFFFF;
  font-size : 80%;
  text-align : left;
}
div.items td img {
  vertical-align : middle;
}
div.items td input {
  margin-right : 0;
  padding : 0;
}
div.items td label {
  margin-left : 0;
  margin-right : 6px;
  padding : 0;
}
div.items th {
  padding-right : 3px;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 20%;
  font-size : 80%;
  text-align : right;
  vertical-align : middle;
  background-color : #F0F0F0;
}
div.items p.required_notes {
  font-size: 85%;
  padding: 3px 12px 0 0;
  text-align: right;
  width: 100%;
}

/* --------------------------------------
label edit
---------------------------------------*/
table.pop_message.label_edit {
  border-spacing : 0;
}
table.pop_message.label_edit th,
table.pop_message.label_edit td {
  padding : 1px;
}


/* --------------------------------------
move from html template
---------------------------------------*/
div.tab {
  width : 100%;
}
td.darrow {
  padding : 5px 0 3px 0;
  width : 20px;
  height : 20px;

}
iframe.main_content {
}


/* --------------------------------------
files  upload
---------------------------------------*/
div.uploadwin_button {
  padding : 0 auto;
  width : 100%;
  text-align : center;
  overflow : visible;
}
div.uploadwin_button button {
  margin : 0 7px 0 7px;
  overflow : visible;
}
div.uploadwin_form {
  padding : 0 auto;
  width : 100%;
  overflow : visible;
}
div.uploadwin_form form {
}
div.uploadwin_form div.file_select {
  margin : 10px auto;
  width : 90%;
  overflow : visible;
}
div.uploadwin_form div.file_comment {
  margin : 10px auto;
  width : 90%;
  overflow : visible;
}
div.uploadwin_form div.file_comment textarea {
  width : 99%;
  text-align : left;
  overflow : auto;
  font-size : 90%;
}
div.uploadwin_form input.fileselect {
  width : 100%;
  overflow : visible;
}
div.uploadwin_percent {
  padding : 0 15px 0 0;
  width : 40%;
  float : left;
  overflow : hidden;
  font-size : 70%;
  text-align : right;
}
div.uploadwin_progress {
  padding : 0;
  height : 50px;
  overflow : hidden;
  text-align : center;
}
div.uploadwin_size {
  width : auto;
  overflow : hidden;
  text-align : left;
  font-size : 70%;
}
div.uploadwin_bar {
  width : 100%;
  height : 24px;
  overflow : hidden;
  text-align : center;
}
div.bar1 {
  margin-left : 65px;
  padding : 0;
  border-style : solid;
  border-width : 1px;
  border-color : #333333;
  width : 202px;
  height : 18px;
  color : #000000;
  font-size : 13px;
}
div.bar1:after {
  content:'';
  display:block;
  clear:both;
  height:0.01px;
}
div.bar2 {
  padding : 0;
  border-style : solid;
  border-width : 0 1px 0 0;
  height : 16px;
  float : left;
  text-align : center;
}
div.bar3 {
  padding : 0;
  border-width : 0;
  float : right;
  height : 16px;
  text-align : center;
}

/* --------------------------------------
ticket edit
---------------------------------------*/
div.ticket_edit {
  magin : 0;
  padding : 0;
  width : auto;
  height : 100%;
}
div.ticket_edit_column {
  magin : 0 auto;
  padding : 0;
  width : auto;
  height : auto;
  overflow : visible;
  background-color : #FFFFFF;
}
div.ticket_edit_column form {
  magin : 0 !important;
  padding : 0 !important;
  overflow : visible;
  width : auto;
}
div.ticket_edit_column input {
  margin : 0;
  padding : 0;
}

div.ticket_edit_column span.ticket_label {
  padding-right : 1em;
  vertical-align : middle;
  line-height : 1.4;
}

div.ticket_edit_column td select {
  margin-top : 5px;
  vertical-align : bottom;
  white-space : nowrap;
}

div.ticket_edit_column div.buttons {
  margin : 5px 0;
  padding : 0;
  width : 100%;
  text-align : center;
}
div.ticket_edit_column table {
  margin : 0 !important;
  border-width : 1px;
  border-style : solid;
  border-color : #333333;
  border-collapse : collapse;
  width : 100%;
  overflow : visible;
}
div.ticket_edit_column table tbody {
  overflow : visible;
}
div.ticket_edit_column table td {
  padding : 3px ;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  vertical-align : top;
  line-height : 1.4;
  font-size : 80%;
  text-align : left;
  background-color : #FFFFFF;
  width : 82%;
}
div.ticket_edit_column td img {
  vertical-align : middle;
}
div.ticket_edit_column th {
  padding : 3px;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 18%;
  vertical-align : middle;
  background-color : #F0F0F0;
  font-size : 80%;
  text-align : right;
  height : 100%;
}
div.ticket_edit_column table td.passwd {
  padding: 0;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
}
div.ticket_edit_column table td.passwd span.ticket_label {
  padding-left : 1em;
  padding-right : 0;
}

div.ticket_edit_column table td.passwd table {
  margin : 3px;
  border : none;
}
div.ticket_edit_column table td.passwd table td {
  border : none;
}

/* --------------------------------------
ticket list
---------------------------------------*/
div.ticket_list {
  margin : 0;
  padding : 0;
  width : 97%;
  height : 90%;
  overflow : auto;
  border-collapse : collapse;
  border-width : 1px;
  border-style : solid;
  border-color : #333333;
  position : absolute;
  background-color : #F0F0F0;
}
/* pager */
div.ticket_list div.pager {
  padding : 0;
  width : 100%;
}
div.ticket_list div.pager table {
  border-collapse : collapse;
  border : none;
  width : 100%;
}
div.ticket_list div.pager table td {
  padding : 2px 4px;
  border : none;
  background-color : #F0F0F0;
  font-size : 90%;
  text-align : left;
}
div.ticket_list div.pager td img {
  vertical-align : middle;
}

/* grid */
div.ticket_list div.list_grid {
  height : auto;
  width : auto;
  position : static;
  overflow : visible;
  background-color : #ffffff;
  -moz-user-select : none;
}
/* button */
div.ticket_list div.popup_button {
  padding : 7px 0 0 2px;
  overflow : visible;
}
div.ticket_list div.popup_button button {
  margin : 0 0 0 3px;
  font-size : 12px;
}
div.ticket_list div.popup_button button img {
  margin : 0 3px 0 3px;
}
div.ticket_list div.popup_title {
  margin : 0;
  padding : 4px;
  border-bottom-width : 3px;
  border-bottom-style : ridge;
  width : 620px;
  overflow : hidden;
  background-color : #888888;
}
div.ticket_list div.popup_title h3 {
  margin-top : 3px;
  width : 100%;
  color : #FFFFFF;
}
div.ticket_list div.popup_button #ticket_searchword {
  margin : 5px 2px 0 5px;
}

/* --------------------------------------
background-image  --help
---------------------------------------*/
div.help_main_column h3 {
  background-image : url(../img/standard/help_h3.gif);
}
div.help_main_column h4 {
  background-image : url(../img/standard/help_h4.gif);
}
div.help_main_column h5 {
  background-image : url(../img/standard/help_h5.gif);
}

/* --------------------------------------
background-image  --system info
---------------------------------------*/
div.system_info_main h3 {
  background-image : url(../img/standard/help_h3.gif);
}
div.system_info_main h4 {
  background-image : url(../img/standard/help_h4.gif);
}
div.system_info_main h5 {
  background-image : url(../img/standard/help_h5.gif);
}
div.op_float {
  float : left;
}

/* --------------------------------------
shortcut list
---------------------------------------*/
div.shortcut_list {
  width : 100%;
}
div.shortcut_list table {
  width : 100%;
  border-collapse : collapse;
  font-size : 90%;
  overflow : visible;
}
div.shortcut_list th,
div.shortcut_list td {
  border : 1px solid #333333;
  padding : 3px;
}
div.shortcut_list th {
  background-color : #F0F0F0;
  text-align : center;
}
div.shortcut_list td.key {
  text-align : center;
  font-weight : bold;
}