@charset "UTF-8";


/* --------------------------------------
elements
---------------------------------------*/

* {
  margin : 0;
  padding : 0;
  overflow : hidden;
}
html,
body,
form,
.shadow_bottom,
div#main,
div.content2,
div.smail_main,
div.smail_content,
div#smail_cap,
div#smail_cap *,
div#content_head,
div.smail_item,
div.header_title,
div.smail_body_outline,
span.smail_send_type,
span.smail_send_type *,
div.smail_body_outline > button,
div#smail_body_plain_container,
div#smail_body_plain_container *,
div#smail_body_html_container,
div#smail_body_html_container *,
div#close_setting,
div#close_setting *,
div#smail_bottom,
div#smail_bottom *,
div.smail_action,
.smail_addrbook,
.smail_addrbook * {
  box-sizing : border-box;
}

a {
  cursor : pointer;
}
html {
  width : auto;
  height : auto;
  overflow : auto;
}
body {
  margin : 0 auto;
  width : auto;
  height : auto;
  background-color : #eeeeee;
  font-size : small;
  overflow : visible;
}
h3.am6 {
  margin-left : 5px;
  margin-top : 5px;
  padding-left : 18px;
  float : left;
  background-image : url(../../img/standard/h3_back.gif);
  background-position : left center;
  background-repeat : no-repeat;
  font-size : 100%;
}
button {
  margin : 0;
  padding : 2px;
  vertical-align : middle;
  font-size : 12px;
  cursor : pointer;
}
button img {
  margin : 0 2px 2px 0;
  vertical-align : middle;
}

form {
  margin : 0;
  width : auto;
  height : auto;
  overflow : visible;
}
input {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}
select {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}
option {
  padding : 0 3px 0 1px;
}
td option {
  padding : 0 1px;
}

/* --------------------------------------
universal calss
---------------------------------------*/
*.notes {
  margin-left : 2em;
  font-size : 90%;
}
*.alert {
  margin-left : 2em;
  font-size : 90%;
}
.required {
    color: red;
    font-size : 12px;
    vertical-align : top;
    font-weight : bold;
}
.longbtn {
  overflow : visible;
  padding-left : 0.6em;
  padding-right : 0.6em;
}

/* --------------------------------------
main
---------------------------------------*/
form#main_form {
  width : auto !important;
}
div#main {
  margin : 0;
  padding : 5px 5px 3px 5px;
  width : 100% !important;
  height : auto;
  font-size : 90%;
  overflow : visible;
}
div.smail_main {
  margin : 0;
  padding : 5px;
  width : auto;
  height : auto;
  overflow : visible;
}

div.smail_item {
  margin-top : 3px;
  clear : both;
}
div.smail_content div.header_title {
  margin : 0 0 1px 0;
  padding : 4px 4px 0 0;
  width : 7% !important;
  float : left;
  line-height : 1;
  color : #333333;
  font-size : 100%;
  font-weight : bold;
  text-align : right;
  overflow : visible;
}

/* --------------------------------------
shadow
---------------------------------------*/
div.shadow_top {
  padding : 3px 3px 0px 3px;
  border-width : 1px 1px 0 1px;
  border-style : solid;
  min-height : 1.5em;
  background-image : url(../../img/standard/box.gif);
  background-repeat : no-repeat;
}
div.shadow_bottom {
  padding : 3px;
  border-style : solid;
  border-width : 1px;
  overflow : auto;
  background-image : url(../../img/standard/box.gif);
  background-repeat : no-repeat;
}

/* --------------------------------------
button
---------------------------------------*/
button.imgbtn {
  font-size : 12px;
}
button.imgbtn img {
  vertical-align : middle;
}

/* --------------------------------------
title (not scroll area)
---------------------------------------*/
div.smail_caption {
  margin : 0;
  height : 26px;
  background-color : #FFFFFF;
}
div.smail_caption select {
  margin-top : 2px;
  margin-left : 18px;
  float : left;
}

div.smail_caption span#hukugen_am{
  line-height : 2.6em;
}

/* --------------------------------------
smail content (scroll area)
---------------------------------------*/
div.smail_content {
  margin : 0;
  width : 100%;
  overflow : visible;
  background-color : #FFFFFF;
}
div.smail_content div.smail_item {
  padding : 0 0 0 4px;
  width : 98%;
}
div.smail_content div.smail_item.top {
  margin-top : 0;
  text-align : center;
}

div.smail_content div.body {
  padding : 15px 50px;
  line-height : 1.4;
  font-size : 100%;
  text-align : left;
}

div.smail_content div input.mailaddr {
  margin-left : 0;
  margin-right : 0;
  padding-bottom : 4px;
  width : 93%;
  font-family : monospace;
  font-size : 110%;
}
div.smail_content div input.subject {
  margin-left : 0;
  margin-right : 0;
  padding-bottom : 4px;
  width : 93%;
  font-family : monospace;
  font-size : 110%;
}
div.smail_content span.smail_send_type {
  margin-top : 4px;
  line-height : normal;
  float : left;
}
div.smail_content div.smail_body_outline {
  margin : 0;
}
div.smail_content div.smail_body_outline div {
  clear : right;
  margin : 0;
  padding : 0;
}
div.smail_content div textarea.smail_body {
  overflow-y : scroll;
  overflow-x : auto;
  font-size : 100%;
}

div.smail_content div button.smail_tool img {
  vertical-align : middle;
}
div.smail_content div button.smail_tool {
  float : right;
  font-size : 12px;
}
div.smail_content div.top button#display_addr {
  margin-right : 3px;
  float : right;
}
div.smail_content div.top button#display_history {
  margin-right : 0.5%;
  float : right;
}
div.smail_content div.top button#display_bcc {
  margin-right : 0.5%;
  float : left;
}
div.smail_content div.top button#switch_setclose {
  float : left;
}

div.smail_content div.smail_body_outline button#open_spellcheck,
div.smail_content div.smail_body_outline button#display_article {
  margin-right : 0.5%;
  float : right;
}

div.smail_content div.top span {
  margin-top : 9px;
  margin : 0;
  width : auto;
  max-width : 42%;
}
div#smail_bottom table {
  table-layout : fixed;
  border-spacing : 0;
}

div.smail_content div#smail_bottom table {
  margin : 0 0 0 0;
  width : 93%;
}
div.smail_content div.smail_attached {
}
div.smail_content div table.normal_mode td.a1 {
  padding : 0;
  width : 64%;
  text-align : right;
}
div.smail_content div table.normal_mode td.a1 select {
  max-width : 20em;
  margin-right : 0;
  margin-bottom : 0;
}
div.smail_content div table.normal_mode td.a2 {
  padding : 0 0 0 5px;
  width : 13%;
  color : #333333;
  vertical-align : middle;
  font-size : 100%;
  font-weight : bold;
}
div.smail_content div table.normal_mode td.a3 {
  padding : 0;
  width : 23%;
  text-align : right;
  white-space : nowrap;
  overflow : visible;
}
div.smail_content div table.normal_mode td.a3 button {
  margin-top : 0;
  margin-bottom : 0;
}
div.smail_content div table.normal_mode td.a3 button#attach_delete {
  margin-left : 3px;
  margin-right : 3px;
}
div.smail_content div table.normal_mode td.a4 {
  padding : 0;
  width : 64%;
}
div.smail_content div table.normal_mode td.a4 div {
  margin : 0;
  padding : 0;
}
div.smail_content div table.normal_mode td.a4 textarea {
  height : 60px;
  overflow-y : scroll;
  overflow-x : auto;
}
div.smail_content div table.normal_mode td.a5 {
  padding : 0 3px 0 5px;
  width : 36%;
}
div.smail_content div table.normal_mode td.a5 select {
  margin-top : 0;
  margin-left : 0;
  width : 100%;
  height : 60px;
}

/* --------------------------------------
html editor
---------------------------------------*/
#smail_signature_container div#smail_signature_html_container table.cke_editor {
  width : 100%;
}
.cke_top {
  padding : 1px 0 0 1px !important;
}
table.cke_editor {
  border-collapse : separate;
}
td.cke_top {
  border : 1px solid #333333 !important;
  border-bottom : none !important;
}
span.cke_top * {
  box-sizing : content-box !important;
}
div.cke_toolbox {
  overflow : visible;
}
div.cke_toolbox * {
  vertical-align : middle;
}
div.cke_toolbox .cke_toolbar {
  padding : 0;
}
td.cke_contents {
  display : block;
}
.cke_dialog_body * {
  box-sizing : content-box;
  overflow : visible;
}
.cke_dialog_body label {
  line-height : 1.3;
}
.cke_toolbox_collapser {
  margin-right : 2px !important;
}
.amvpop_content {
  box-sizing : border-box;
}
div#smail_bottom .cke_top {
  padding : 2px;
  overflow : hidden;
}
div#smail_bottom .cke_top:after {
  content : " ";
  font-size : 1px;
  clear : both;
}
.cke_chrome {
  box-shadow : none !important;
}
.cke_toolgroup,
.cke_combo_button {
  margin-bottom : 2px  !important;
}
.cke_combo__fontsize .cke_combo_text {
  width: 50px !important;
}
/* from editor_iequirks.css */
.cke_notifications_area{pointer-events:none}
.cke_notification{pointer-events:auto;position:relative;margin:10px;width:300px;color:#333;text-align:center;opacity:.95;filter:alpha(opacity = 95);-webkit-animation:fadeIn .7s;animation:fadeIn .7s}
.cke_notification_message a{color:#12306f}
@-webkit-keyframes fadeIn{
  from{opacity:.4}to{opacity:.95}
}
@keyframes fadeIn{
  from{opacity:.4}to{opacity:.95}
}
.cke_notification_success{background:#eee;border:1px solid #333;}
.cke_notification_warning{background:#eee;border:1px solid #333;}
.cke_notification_info{background:#eee;border:1px solid #333;}
.cke_notification_info span.cke_notification_progress{background-color:#0f74a8;display:block;padding:0;margin:0;height:100%;overflow:hidden;position:absolute;z-index:1}
.cke_notification_message{position:relative;margin:4px 23px 3px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;z-index:4;text-overflow:ellipsis;overflow:hidden}
.cke_notification_close{background-image:url(../../js/lib/ckeditor4/skins/office2013/images/close.png);background-repeat:no-repeat;background-position:50%;position:absolute;cursor:pointer;text-align:center;height:20px;width:20px;top:1px;right:1px;padding:0;margin:0;z-index:5;opacity:.7;filter:alpha(opacity = 70)}
.cke_notification_close:hover{opacity:1;filter:alpha(opacity = 100)}
.cke_notification_close span{display:none}
.cke_notification_warning a.cke_notification_close{opacity:.8;filter:alpha(opacity = 80)}
.cke_notification_warning a.cke_notification_close:hover{opacity:1;filter:alpha(opacity = 100)}

/* --------------------------------------
smail option
---------------------------------------*/
div.smail_option {
  margin-top : 0;
  text-align : left;
}
div.smail_option div.header_title {
  padding-top : 3px;
}
div.smail_option table {
  font-size : 100%;
  table-layout : fixed;
}
div.smail_option table tr td {
  padding-top : 3px;
  text-align : left;
  vertical-align : top;
  line-height : 1;
}
div.smail_option table tr th {
  padding-top : 5px;
  width : 15%;
  height : 2em;
  color : #333333;
  font-weight : bold;
  text-align : right;
  vertical-align : top;
  line-height : 1;
}
div.smail_option td.b1 {
  padding : 3px 0 0 0;
  width : 10%;
  overflow : visible;
}
div.smail_option td.b2 {
  padding : 3px 10px 0 0 ;
  width : 35%;
  overflow : visible;
}
div.smail_option td.b3 {
  padding : 3px 0 0 0;
  width : 22%;
  overflow : visible;
  text-indent : -20px;
}
div.smail_option td.b4 {
  padding : 3px 0 0 24px;
  width : 18%;
  overflow : visible;
  text-indent : -20px;
}

/* --------------------------------------
suggest
---------------------------------------*/
div.suggest {
  border-collapse : collapse;
  border-bottom : 2px solid #716F64;
  border-left : 1px solid #ACA899;
  border-right : 2px solid #716F64;
  border-top : 1px solid #ACA899;
  position : absolute;
  width : 254px;
  z-index : 10;
  overflow : hidden;
  background-color : #F4F4F4;
}
div.suggest div {
  padding : 2px;
  width : 250px;
  position : relative;
  white-space : nowrap;
  font-size : 90%;
}
div.suggest div * {
  vertical-align : bottom;
}
div.suggest div.over,
div.suggest div.select {
  color : #ffffff;
}

div.suggest#suggest_to {
  margin-left : 0px;
  margin-top : -8px;
}

div.suggest#suggest_cc {
  margin-left : 0px;
  margin-top : -12px;
}

div.suggest#suggest_bcc {
  margin-left : 0px;
  margin-top : -17px;
}

div.suggest div.page_move {
  text-align : right;
  width : 100%;
  padding-top : 0;
  padding-bottom : 0;
}
/*
div.ticket_tocc_on#suggest_to {
  margin-left : 16px;
  margin-top : -0.9em;
}
div.ticket_tocc_on#suggest_cc {
  margin-left : 16px;
  margin-top : -1.2em;
}
div.ticket_tocc_on#suggest_bcc {
  margin-left : 16px;
  margin-top : -1.6em;
}
*/
div.ticket_tocc_off#suggest_bcc {
  margin-left : 0;
  margin-top : -8px;

}

/* --------------------------------------
address book
---------------------------------------*/
div.smail_addrbook {
  padding : 0;
  border-collapse : collapse;
  border-width : 2px;
  border-style : groove;
  border-color : #666666;
  width : 775px;
  height : 548px;
  position : absolute;
  top : 12px;
  left: 13px;
  z-index : 10;
  overflow : hidden;
  background-color : #F0F0F0;
}
div.addrbook_grid {
  border-width : 1px 0;
  border-style : solid;
  border-color : #666666;
  height : 405px;
  position : relative;
  overflow : hidden;
}

div.smail_addrbook div.sidepopup_button {
  overflow : hidden;
}
div.smail_addrbook div.sidepopup_button button {
  font-size : 12px;
  margin-right : 3px;
  margin-top : 3px;
}
div.smail_addrbook div.sidepopup_button button.close {
  margin-right : 0px;
}
div.smail_addrbook div.sidepopup_button button img {
}
div.smail_addrbook div.sidepopup_title {
  margin : 0;
  padding : 4px;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  border-bottom-color : #666666;
  width : 100%;
  height : 30px;
  overflow : hidden;
  background-color : #888888;
}
div.smail_addrbook div.sidepopup_title h3 {
  margin-top : 3px;
  color : #FFFFFF;
}

div.sidepopup_button #addrbook_select,
div.sidepopup_button #personal_folder_select,
div.sidepopup_button #shared_folder_select {
  margin : 3px 3px 0 0;
}
div.sidepopup_button #addrbook_select option,
div.sidepopup_button #personal_folder_select option {
  padding-right : 6px;
  height : 1.1em;
}
div.sidepopup_button #addrbook_page_select {
  vertical-align : 2px;
}

div.sidepopup_button #addrbook_searchword {
  margin : 5px 2px 0 0;
}
div.smail_addrbook div.hdrcell input#pab_gridcheck,
div.smail_addrbook div.hdrcell input#sab_gridcheck,
div.smail_addrbook div.hdrcell input#gab_gridcheck {
  margin : 0;
}
div.smail_addrbook div#addr_body div#addr_folder {
  padding-top : 3px;
  width : 20.9%;
  overflow : auto;
}
div.smail_addrbook div#addr_header div.addr_pager,
div.smail_addrbook div#addr_body div.addrbook_grid {
  width : 46%;
}
div.smail_addrbook div#addr_footer div.addr_search {
  width : 56%;
}
div.smail_addrbook div#addr_header div.addr_pager {
  vertical-align : bottom;
  height : 26px;
  line-height : 26px;
}
div.smail_addrbook div#addr_header div.addr_button {
  margin-top : 2px;
}
div.smail_addrbook div#addr_header div.addr_pager *,
div.smail_addrbook div#addr_header div.addr_button * {
  vertical-align : middle;
}
div.smail_addrbook div#addr_header div.smail_account {
  padding-left : 5px;
  width : 20.9%;
  font-size : 90%;
  float : left;
  height : 26px;
}
div.smail_addrbook div#addr_header div.smail_account p {
  padding : 0;
  line-height : 26px;
  white-space : nowrap;
  overflow : hidden;
}
div.smail_addrbook div#addr_header div.addr_button,
div.smail_addrbook div#addr_body div.panel_cart {
  width : 33%;
}
div.smail_addrbook div#addr_header div.addr_button {
  text-align : right;
}
div.smail_addrbook div#addr_header div.addr_pager,
div.smail_addrbook div#addr_header div.addr_button {
  float : left;
}
div.smail_addrbook div#addr_body div#addr_folder,
div.smail_addrbook div#addr_body div.addrbook_grid,
div.smail_addrbook div#addr_body div.panel_cart {
  height : 463px;
  float : left;
  background-color : #ffffff;
  border : 1px solid #dddddd;
}
div.smail_addrbook div#addr_body div.panel_cart table {
  width : 100%;
  height : 100%;
  table-layout : fixed;
  background-color : #F0F0F0;
  border-collapse : separate;
}
div.smail_addrbook div#addr_footer {
  height : 24px;
}
div.smail_addrbook div#addr_footer div.addr_search {
  margin-left : 20.9%;
  float : left;
}
div.smail_addrbook div#addr_footer div.addr_add_bcc {
  text-align : right;
  padding-right : 5px;
}
td.panel_cart_container {
  border : 1px solid #666666;
  background-color : #FFFFFF;
}
td.panel_cart_sidemenu {
  text-align : center;
  width : 35px;
  font-size : 90%;
}
td.panel_cart_sidemenu button.imgbtn img {
  margin : 1px 4px;
}
span.panel_cart_caption {
  font-size : 11px;
  white-space : nowrap;
}
div.panel_cart_box {
  overflow-y : auto;
  overflow-x : hidden;
  font-size : 12px;
}

div.containerTableStyle {
  height : auto !important;
  overflow : visible;
}
div.smail_addrbook div#addr_body div#addr_folder div.folder_tree {
  overflow : visible;
}
/* fot long folder name */
td.standartTreeImage + td[width="20"] {
  display : none;
}

/* --------------------------------------
attached files upload
---------------------------------------*/
div.uploadwin_none {
  display : none;
}
div.uploadwin_content {
  padding : 0;
  width : 340px;
  height : 180px;
  overflow : hidden;
}
div.uploadwin_button {
  width : 100%;
  height : 50px;
  overflow : visible;
  text-align : center;
}
div.uploadwin_button button {
}
div.uploadwin_form {
  padding : 0;
  width : 100%;
  height : 150px;
  overflow : visible;
  text-align : center;
}
div.uploadwin_form input {
  margin : 3px;
  overflow : hidden;
}
div.uploadwin_progress {
  padding : 0;
  width : 100%;
  height : 33px;
  overflow : hidden;
  text-align : center;
}
div.uploadwin_bar {
  width : 100%;
  overflow : hidden;
  text-align : center;
}
div.uploadwin_bar table {
  margin-left : auto;
  margin-right : auto;
}
div.uploadwin_percent {
  padding : 0 15px 0 0;
  width : calc((100% - 15px) * .4);
  float : left;
  overflow : hidden;
  font-size : 70%;
  text-align : right;
}
div.uploadwin_size {
  width : calc((100% - 15px) * .6);
  overflow : hidden;
  font-size : 70%;
  text-align : left;
}

/* --------------------------------------
drag and drop upload
---------------------------------------*/
div.attach_hilite {
  width : 100%;
}
div#dnd_upload_status {
  -moz-box-shadow : 1px 1px 3px #666;
  -webkit-box-shadow : 1px 1px 3px #666;
  box-shadow : 1px 1px 3px #666;
}
div#dnd_upload_body table {
  border-width : 1px;
  border-style : solid;
  margin-bottom : 5px;
  padding : 5px;
  font-size : 95%;
  text-align : left;
  -moz-box-shadow : inset 1px 1px 3px #666;
  -webkit-box-shadow : inset 1px 1px 3px #666;
  box-shadow : inset 1px 1px 3px #666;
}
div#dnd_upload_body table tr:nth-child(3) td,
div#dnd_upload_body table tr:nth-child(4) td {
  text-align : center;
}
div#dnd_upload_status {
  text-align : center;
}
span.span_link {
  text-decoration : underline;
  color: #0000BB;
  cursor: pointer;
}
span.dnd_upload_cancel {
  float: right;
}
/* --------------------------------------
layer common
---------------------------------------*/
div.sidepopup_body table {
  border-collapse : separate;
  border-spacing : 0px;
  border-width : 1px;
  border-style : solid;
  border-color : #333333;
  font-size : 100%;
  margin : 5px;
  width : 98%;
  height : 90%;
}
div.sidepopup_body table td {
  padding : 2px;
  padding : 5px;
  border-width : 0 0 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 590px;
  vertical-align : middle;
  text-align : left;
}
div.sidepopup_body table td.small_content {
  width : 720px;
  height : 100%;
  border-bottom : none;
  vertical-align : top;
}
div.sidepopup_body table td.content {
  width : 720px;
  height : 100%;
  border-bottom : none;
  vertical-align : top;
}
div.sidepopup_body table th {
  padding : 5px;
  background-color : #DDDDDD;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 130px;
  vertical-align : middle;
  font-size : 90%;
  text-align : left;
  white-space : nowrap;
}
div.sidepopup_button *.close {
  float : right;
}
div.sidepopup_button *.def {
  float : left;
  font-size : 12px;
}

/* --------------------------------------
article templete
---------------------------------------*/
div.smail_article {
  padding : 0;
  border-collapse : collapse;
  border-width : 3px;
  border-style : groove;
  width : 500px;
  height : 544px;
  position : absolute;
  top : 12px;
  right : 16px;
  overflow : hidden;
  background-color : #F0F0F0;
  z-index : 10;
}
div.smail_article div.article_html {
  margin : 0;
  padding : 0;
  border : 1px solid #666666;
  width : 485px !important;
  height : 420px !important;
  position : relative;
  top : 0;
  left : 0;
  overflow-y : scroll;
  background-color : #FFFFFF;
}

div.smail_article div.sidepopup_button {
  width : auto;
  overflow : hidden;
  padding-bottom : 5px;
}
div.smail_article div.sidepopup_button button {
  font-size : 12px;
  margin-right : 5px;
}
div.smail_article div.sidepopup_button select {
  float : right;
  margin-right : 0;
}

div.smail_article div.sidepopup_button button img {
}
div.smail_article div.sidepopup_title {
  padding : 0;
  border-width : 0 2px 2px 0;
  border-style : ridge;
  width : 100%;
  height : 26px;
  overflow : hidden;
  background-color : #888888;
}
div.smail_article div.sidepopup_title h3 {
  margin-top : 3px;
  color : #FFFFFF;
}
div.smail_article select#article_select {
  margin-top : 3px;
  width : 180px;
  white-space : nowrap;
  text-overflow : ellipsis;
}
div.smail_article div.article_content {
  padding : 5px;
}
div.smail_article div.article_close {
  padding-top : 5px;
}

/* --------------------------------------
preview
---------------------------------------*/
div.smail_preview {
  padding : 0;
  border-collapse : collapse;
  border-width : 1px;
  border-style : solid;
  width : 96%;
  height : 539px;
  top : 12px;
  left : 12px;
  overflow : hidden;
  position : absolute;
  z-index : 10;
  background-color : #F0F0F0;
}
div.smail_preview div.sidepopup_body table th,
div.smail_preview div.sidepopup_body table td {
  padding : 3px 5px;
}
span.spell_warning_am {
  color : #CC0000;
  background-image : url(../../img/standard/wave.gif);
  background-position : left bottom;
  background-repeat : repeat-x;
}
div.bar1 {
  padding : 1px;
  width : 202px;
  height : 18px;
  color : #000000;
  background : #000000;
  font-size : 13px;
}
div.bar2 {
  padding : 3px;
  border-color : #FFFFFF #888888 #888888 #FFFFFF;
  border-style : solid;
  border-width : 1px;
  height : 16px;
  float : left;
  text-align : center;
}
div.bar3 {
  padding : 3px;
  border-style : solid;
  border-width : 1px;
  border-color : #FFFFFF #C0C2E9 #C0C2E9 #FFFFFF;
  height : 16px;
  float : right;
  background-color : #FFFFFF;
  text-align : center;
}
div.smail_preview div.sidepopup_body {
  padding : 0;
  border : 1px solid #666666;
  width : 98%;
  height : calc(100% - 80px);
  position : relative;
  top : 5px;
  left : 5px;
  overflow-y : scroll;
  overflow-x : auto;
  background-color : #FFFFFF;
}

div.smail_preview div.sidepopup_button {
  padding-top : 4px;
  width : 100%;
  overflow : hidden;
}
div.smail_preview div.sidepopup_button button {
  margin : 5px 3px 0 0;
}
div.smail_preview div.sidepopup_button button img {
}
div.smail_preview div.sidepopup_title h3 {
  margin-top : 4px;
  color : #FFFFFF !important;
}
div.smail_preview div.sidepopup_title {
  padding : 0;
  border-bottom-width : 3px;
  border-bottom-style : ridge;
  width : 100%;
  height : 26px;
  overflow : hidden;
  background-color : #888888;
}
div.smail_preview iframe.html_prev_content {
  border: none;
  width : 100%;
}

/* --------------------------------------
smail action (submit button)
---------------------------------------*/
div.content2 {
  border-width : 1px;
  border-style : solid;
  width : auto;
  height : auto;
  overflow : visible;
}
div.smail_action {
  height : 30px;
  width : auto;
  white-space : nowrap;
  overflow : visible;
  text-align : center;
}
div.smail_action button {
  font-size : 12px;
}
div.smail_action button img {
  vertical-align : middle;
}
div.smail_action button.smail_delete {
  margin : 0 0 0 60px;
}
div.smail_action button.smail_function {
  margin : 0 5px;
}
div.smail_action button.smail_send {
  margin : 0 60px 0 0;
}
div.smail_action2 {
  height : 5%;
  text-align : center;
}
div.smail_action2 button {
  font-size : 12px;
}
div.smail_action2 button img {
}
div.smail_article div.sidepopup_title h3 {
  color : #FFFFFF !important;
}


/* --------------------------------------
article
---------------------------------------*/
div.smail_article {
  padding : 0;
  border-width : 2px;
  border-style : groove;
  position : absolute;
  top : 12px;
  right : 16px;
  width : 500px;
  height : 548px;
  z-index : 10;
  overflow : hidden;
  background-color : #F0F0F0;
}
div.smail_article div.article_html {
  background-color : #FFFFFF;
  border : 1px solid #666666;
  height : 440px;
  padding : 0;
  width : 485px;
  overflow : auto;
}
div.smail_article select#article_select option {
  max-width : 180px;
}
div.smail_article div.sidepopup_button button {
  font-size : 12px;
}
div.smail_article div.sidepopup_button button img {
}
div.smail_article div.sidepopup_title {
  padding : 4px;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  width : 100%;
  height : 30px;
  overflow : hidden;
  background-color : #888888;
}
div.smail_article div.sidepopup_title h3 {
  margin-top : 3px;
  color : #FFFFFF !important;
}

/* --------------------------------------
history
---------------------------------------*/
div.smail_history {
  padding : 0;
  border-width : 2px;
  border-style : groove;
  border-color : #666666;
  width : 380px;
  height : 548px;
  position : absolute;
  top : 12px;
  right : 16px;
  z-index : 10;
  overflow : hidden;
  background-color : #F0F0F0;
}
div.history_grid {
  border-width : 1px 0;
  border-style : solid;
  border-color : #666666;
  height : 432px;
  position : relative;
  overflow : hidden;
  background-color : #ffffff;
}

div.smail_history div.sidepopup_button {
  overflow : hidden;
  padding : 3px;
}
div.smail_history div.sidepopup_button button.close {
  margin-right : 0;
}
div.smail_history div.sidepopup_button button {
  font-size : 12px;
  margin-right : 3px;
}
div.smail_history div.sidepopup_button button img {
}
div.smail_history div.sidepopup_title {
  margin : 0;
  padding : 4px 0 0 0;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  border-bottom-color : #666666;
  width : 100%;
  height : 30px;
  overflow : hidden;
  background-color : #888888;
}
div.smail_history div.sidepopup_title h3 {
  margin : 0;
  line-height : normal;
  color : #FFFFFF;
}
div.smail_history div.gridbox {
  height: 431px;
  overflow: hidden;
}

/* --------------------------------------
templete
---------------------------------------*/
div.templatewin_form {
  margin : 0 auto;
  height : 60%;
  min-height : 50px;
  overflow : visible;
}
div.templatewin_form p {
  text-align : right;
  font-size : 75%;
  margin-right : 15px;
}
div.templatewin_form form {
  white-space : nowrap;
}
div.templatewin_button {
  text-align : center;
}

/* --------------------------------------
others
---------------------------------------*/
div.smail_content div.toolbar {
  margin : 0;
  padding-bottom : 0;
  padding-top : 0;
  border-width : 1px 0px;
  border-style : solid;
  border-color : #000000;
  width : 100%;
  background-color : #eeeeee;
}
div.smail_content div.toolbar table {
  width : 100%;
  font-size : 100%;
}
div.smail_content div.toolbar table tr td {
  padding : 3px 4px 2px 4px;
}
div.smail_content div.toolbar table tr th {
  padding : 3px 8px 2px 4px;
  width : 8em;
  vertical-align : top;
  text-align : right;
}

div#close_setting {
  padding-left : 7%;
  vertical-align : middle;
}
div#close_setting table {
  width : 100%;
  border-spacing : 0;
}
div#close_setting td {
  font-size : 80%;
}
div#close_setting td.cb2,
div#close_setting td.cb4 {
  text-align : right;
}
div#close_setting td.cb3,
div#close_setting td.cb4 {
  font-size : 100%;
}
div#close_setting span {
  font-weight: bold;
  color : #333333;
}
div#close_setting span#setclose_priority_select_box {
  margin-left: 5px;
}

/* --------------------------------------
ticket mode
---------------------------------------*/
div.smail_action_ticket {
  margin : auto;
  width : 400px;
  height : 33px;
  white-space : nowrap;
  overflow : visible;
  text-align : center;
}
div.smail_action_ticket button {
  font-size : 12px;
}
div.smail_action_ticket button img {
  vertical-align : middle;
}
div.smail_action_ticket button.smail_delete {
  margin : 0 0 0 60px;
}
div.smail_action_ticket button.smail_function {
  margin : 0 5px;
}
div.smail_action_ticket button.smail_send {
  margin : 0 60px 0 0;
}
div#smail10-10-37_am {
  margin-top : 0;
}
span.warnning {
  color : #ff0000;
  font-weight : bold;
  font-size : 90%;
}
div.smail_content div table.ticket_mode td.a1 {
  padding-bottom : 0;
  width : 55%;
  text-align : right;
}
div.smail_content div table.ticket_mode td.a2 {
  padding-bottom : 0;
  width : 20%;
  color : #333333;
  vertical-align : top;
  font-size : 80%;
  font-weight : bold;
}
div.smail_content div table.ticket_mode td.a3 {
  padding-right : 0;
  padding-bottom : 0;
  width : 19%;
  text-align : right;
  white-space : nowrap;
}
div.smail_content div table.ticket_mode td.a1 select {
  max-width : 20em;
}
div.smail_content div table.ticket_mode td.a4 {
  width : 55%;
}
div.smail_content div table.ticket_mode td.a4 div {
  margin : 0;
  padding : 0;
}
div.smail_content div table.ticket_mode td.a4 textarea {
  width : 97%;
  height : 60px;
  overflow-y : scroll;
  overflow-x : auto;
  font-size : 90%;
}
div.smail_content div table.ticket_mode td.a5 {
  width : 45%;
}
div.smail_content div table.ticket_mode td.a5 select {
  margin-top : 0;
  margin-left : 0;
  width : 98%;
  height : 60px;
}
div.smail_content div table.ticket_mode td.a6 {
  padding-top : 5px;
  padding-bottom : 0;
  width : 10%;
  color : #333333;
  vertical-align : top;
  font-weight : bold;
  text-align : right;
  overflow : visible;
  line-height : 1;
}
div.smail_content div table.ticket_mode td.a7 {
  padding-top : 3px;
  padding-bottom : 0;
  width : 34%;
  color : #333333;
  vertical-align : top;
  overflow : visible;
}
div.smail_content div table.ticket_mode td.a7 select {
  overflow : visible;
}
div.smail_content div table.ticket_mode td.a8 {
  padding-left : 6%;
}
td.a8 div {
  display : inline-block;
  white-space : nowrap;
  margin-left : 10px;
}

/* --------------------------------------
address confirm
---------------------------------------*/
div.sidepopup_body table td.preview_list {
  padding : 0 !important;
}
div.sidepopup_body table td.preview_list input {
  margin : 3px 4px 3px 0;
}
div.sidepopup_body div.prev_check_msg {
  padding : 5px 5px 0;
  text-align : right;
  font-size : x-small;
  font-weight : bold;
}
span#preview_addr_checker {
  margin-left : 10px;
}
span#prev_force_check_msg {
  color : #ff0000;
}
div.confirm_first {
  padding : 0 0 0 5px;
  line-height : 1.8
}
div.add_confirm {
  padding : 0 0 0 5px;
  border-top : 1px dotted #999999;
  line-height : 1.8
}
div.group_switch {
  display : inline;
}
div.group_switch img {
  vertical-align : middle;
  padding-left : 4px;
}
div.group_over {
  margin-left : 16px;
}
div.group_addrs div {
  padding : 0 3px 0 2px;
  border-left : 5px solid #cccccc;
  border-top : 1px dotted #999999;
  word-wrap : break-word;
  line-height : 1.8;
}
div.group_addrs span.equiv_local,
div.group_addrs span.outside {
  padding : 0;
}
div.group_addrs span.outside {
  border : none;
}
div.group_addrs span.ext_msg {
  /* display : inline;*/
}

span.outside {
  padding : 0;
  background-color : #ffff00;
  font-weight : bold;
}
span.equiv_local {
  padding : 0;
  background-color : #aaffaa;
}
span.ext_msg {
  color : #ff0000;
  font-weight : bold;
}
span.int_msg {
  padding : 0;
  background-color : #ffffff;
}
div.group_address span.ext_msg {
  white-space : nowarp;
}
div.smail_preview div.sidepopup_body table td {
  empty-cells : show;
}

/* --------------------------------------
address cart
---------------------------------------*/
div.smail_addrbook div.panel_cart td.panel_cart_container div.panel_cart_box {
  cursor : default;
  outline : 0px solid white;
}
div.smail_addrbook div.panel_cart td.panel_cart_container div.panel_cart_box_focus {
  border : 1px solid blue;
  background-color : #FFFF88;
}

/* --------------------------------------
address cart - list box
---------------------------------------*/
.amlistbox_enabled {
  overflow-y : auto;
}
.amlistbox_disabled {
  overflow-y : hidden;
}
.amlistoption_base {
  width : 100%;
  white-space : nowrap;
  padding-left : 2px;
  padding-top : 2px;
  padding-bottom : 0px;
  padding-right : 0px;
}
.amlistbox_enabled .amlistoption_normal {
  color : black;
  background-color : transparent;
}
.amlistbox_enabled .amlistoption_selected {
  color : white;
  background-color : #316ac5;
}
.amlistbox_disabled .amlistoption_normal {
  color : #aca899;
  background-color : white;
}
.amlistbox_disabled .amlistoption_selected {
  color : #aca899;
  background-color : #316ac5;
}

.dragSpanDiv{
  font-size : 85%;
  border: 1px #000000 solid;
  background-color:ffffe1;
  padding : 1px;
  z-index: 11;
}

.amvpop_panel,
.amvpop_panel *,
.amvpop_shadow {
  box-sizing : content-box;
}