@charset "UTF-8";

/* --------------------------------------
added/chanded from smail_sf100.css
---------------------------------------*/
* {
  box-sizing : border-box;
  margin : 0;
  padding : 0;
  overflow : hidden;
  empty-cells : show;
}
html {
  width : 100%;
  height : 100%;
  overflow : auto;
}
body {
  margin : auto;
  width : 100%;
  height : 100%;
  background-color : #eeeeee;
  font-size : small;
  overflow : visible;
}
body > div {
  overflow : hidden !important;
}
.required {
  color: red;
  font-size: 15px;
  font-weight: bold;
  vertical-align: top;
}
div.addrbook_grid,
div.history_grid  {
  position : relative;
}
div.addrbook_grid *,
div.history_grid * {
  overflow : visible;
}
div.history_grid {
 border-top : 1px solid #666666;
 border-bottom : 1px solid #666666;
}
 
div.objbox table.obj td {
  overflow : hidden;
}
div.smail_preview div.sidepopup_body * {
  overflow : visible !important;
}
span#preview_content {
  line-height : 1.2;
  font-size : 130%;
}

div.sidepopup_body table {
  margin : 5px;
  border-collapse : collapse;
  border-width : 1px 1px 0 1px;
  border-style: solid;
  border-color : #333333;
  font-size : 100%;
}
div.sidepopup_body table td {
  padding : 5px;
  border-width : 0 0 1px 0;
  border-style : solid;
  border-color : #333333;
  vertical-align : middle;
  text-align : left;
  font-size : 95%;
}
div.smail_content div textarea.smail_body {
  overflow : scroll;
  resize : none;
  font-size : inherit;
  line-height : 1.2;
}
button {
  padding : 1px 3px 1px 3px;
  vertical-align : middle;
  height : 21px;
  font-size : 12px;
  cursor : pointer;
}
button img {
  padding : 0 2px 0 2px;
  vertical-align : -3px;
}
div.smail_history div.sidepopup_button {
  width 370px;
  overflow : hidden;
}
div#close_setting * {
  overflow : visible;
}

/* --------------------------------------
elements
---------------------------------------*/
a {
  cursor : pointer;
}
h3.am6 {
  margin-left : 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%;
}
form {
  margin : 0;
  width : auto;
  height : auto;
  overflow : visible;
}
input {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}
option {
  padding : 0 1px;
}
select {
  margin-left : 3px;
  margin-right : 4px;
  vertical-align : middle;
}
td option {
  padding : 0 1px;
}

iframe.hidden_iframe {
  position : absolute;
  width: 0;
  height: 0;
  visibility : hidden;
}

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

/* --------------------------------------
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.png);
  background-repeat : no-repeat;
}
div.shadow_bottom {
  padding : 3px 3px 0px 3px;
  border-width : 1px;
  border-style : solid;
  overflow : auto;
  background-image : url(../../img/standard/box.png);
  background-repeat : no-repeat;
}
div.shadow_bottom:lang(en) {
  padding-bottom : 6px;
}

/* --------------------------------------
button 
---------------------------------------*/
.button {
  border : 1px solid #A0A0A0;
  background-color : #D4D0C8;
  font-size : 12px;
}

/* --------------------------------------
main
---------------------------------------*/
div#main {
  margin : 0;
  padding : 5px;
  width : auto;
  height : auto;
  overflow : visible;
}
div.smail_main {
  margin : 0;
  padding : 5px;
  width : auto;
  height : auto;
  overflow : visible;
}
div.header_title {
  margin-right : 4px;
  width : 9%;
  float : left;
  color : #333333;
  font-size : 90%;
  font-weight : bold;
  text-align : right;
}
div.smail_item {
  padding : 2px 0 1px 0;
  clear : both;
}

/* --------------------------------------
title (not scroll area)
---------------------------------------*/
div.smail_caption {
  margin-top : 5px;
  height : 22px;
  background-color : #FFFFFF;
}
div.smail_caption select {
  margin-left : 10px;
  max-width : 200px;
}

div.smail_caption span#hukugen_am span{
  vertical-align : bottom;
}

/* --------------------------------------
smail content (scroll area)
---------------------------------------*/
div.smail_content {
  margin : 0;
  overflow : visible;
  background-color : #FFFFFF;
}
div.smail_content div button#open_spellcheck.smail_tool {
  margin-top : 3px;
  margin-right : 3px;
  margin-bottom : 3px;
  float : right;
  overflow : visible;
}
div.smail_content div button#display_article.smail_tool {
  margin-top : 3px;
  margin-right : 0;
  margin-bottom : 3px;
  float : right;
  overflow : visible;
}
div.smail_content div input.mailaddr {
  margin-left : 0;
  margin-right : 0;
  width : 88%;
  padding : 0;
  /*max-width : 600px;*/
}
div.smail_content div input.subject {
  margin-left : 0;
  width : 88%;
  /*max-width : 600px;*/
}

div.smail_content div table {
  margin-left : 0;
  width : 88%;
}
div.smail_content div table.normal_mode td.a1 {
  padding-right : 5px;
  width : 65%;
  text-align : right;
}
div.smail_content div table.normal_mode td.a1 select#signature_select {
  margin : 0;
  padding : 0;
  max-width : 20em;
}
div.smail_content div table.normal_mode td.a2 {
  padding-left : 4px;
  width : 17%;
  vertical-align : middle;
  color : #333333;
  font-size : 75%;
  font-weight : bold;
}
div.smail_content div table.normal_mode td.a3 {
  width : 18%;
  text-align : right;
  white-space : nowrap;
}
div.smail_content div table.normal_mode td.a3 button {
  margin-top : 1px;
}
div.smail_content div table.normal_mode td.a3 button#attach_delete {
  margin-left : 3px;
}

div.smail_content div table.normal_mode td.a4 {
  padding-top : 3px;
  width : 65%;
}
div.smail_content div table.normal_mode td.a4 textarea {
  margin-left : 0;
  min-height : 73px;
  overflow : scroll;
  overflow-y : scroll;
  overflow-x : auto;
  resize : none;
}
div.smail_content div table.normal_mode td.a5 {
  padding-top : 3px;
  padding-right : 0;
  width : 35%;
}
div.smail_content div table.normal_mode td.a5 select {
  height : 73px;
  width : 99%;

}
div#smail10-10-50_am {
  padding-top : 0;
}
div.smail_content div div.smail_body_outline {
  margin : 0 2% 0 0;
  padding : 0 1% 0 0;
}
div.smail_content div div.smail_body_outline div {
  padding : 1px;
  float : left;
}
div.smail_content div div.smail_body_outline span.smail_send_type {
  vertical-align : middle;
}
div.smail_content div.smail_body_outline div {
  clear : both;
}
div.smail_content div.body {
  padding : 15px 50px;
  line-height : 1.3;
  font-size : 100%;
  text-align : left;
}

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;
  text-align : right;
  vertical-align : top;
  width : 8em;
}
div.smail_content div.top {
  margin-top : 1px;
  margin-left : 9%;
  padding-left : 4px;
  width : 88%;
  overflow : visible;
}
div.smail_content div.top button#display_addr,
div.smail_content div.top button#display_extapp_addr {
  margin-right : 3px;
  float : right;
}

div.smail_content div.top button#display_history {
  margin-right : 0;
  float : right;
}
div.content2 {
  padding : 0;
  border-style : solid;
  border-width : 1px;
  width : auto;
  height : auto;
  overflow : visible;
}
div#smail_bottom {
  padding-bottom : 3px;
}
div#smail_bottom * {
  overflow : visible;
}
div#smail_bottom table {
  border-spacing : 0;
}

div#close_setting {
  margin : 0;
  padding : 0 0 0 9%;
  vertical-align : middle;
}

div#close_setting table {
  width : 97%;
  border-spacing : 0;
}
div#close_setting td {
  font-size : 78%;
}
div#close_setting td.cb2,
div#close_setting td.cb4 {
  text-align : right;
}
div#close_setting span {
  font-weight: bold;
  color : #333333;
}
div#close_setting span#setclose_priority_select_box {
  margin-left: 5px;
}
td.cb2 select#priority_select {
  margin-right : 0;
}

/* --------------------------------------
html editor
---------------------------------------*/
.cke_top {
  padding : 0 !important;
}
.cke_inner,
.cke_contents {
  width: 100% !important;
}
.cke_chrome {
  box-shadow : none !important;
}
div#smail_bottom .cke_top {
  padding : 2px;
  overflow : hidden;
}
div#smail_bottom .cke_top:after {
  content : " ";
  font-size : 1px;
  clear : both;
}
.cke_toolgroup {
  margin : 0  !important;
}
.cke_combo__fontsize .cke_combo_text {
  width: 50px !important;
}
.cke_toolbox_collapser {
  margin-right : 2px !important;
}
div#smail_bottom .cke_toolbox_collapser {
  margin-bottom : 2px;
}
.cke_combo_button {
  margin-bottom : 2px!important;
}
.cke_toolbox_collapser.cke_toolbox_collapser_min {
  margin : 2px !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 : 0;
  padding : 0;
  text-align : left;
}
div.smail_option div.header_title {
  padding-top : 5px;
}
div.smail_option table {
  font-size : 95%;
  width : 88% !important;
  table-layout : fixed;
}
div.smail_option table tr td {
  paddin : 0;
  text-align : left;
  line-height : 1;
  vertical-align : top;
}
div.smail_option table tr td input {
  vertical-align : baseline;
}
div.smail_option table tr th {
  padding-top : 4px;
  width : 15%;
  color : #333333;
  font-size : 95%;
  font-weight : bold;
  text-align : right;
  vertical-align : top;
}
div.smail_option td.b1 {
  padding : 3px 0 0 0;
  width : 10%;
  overflow : visible;
}
div.smail_option td.b2 {
  padding : 3px 0 0 0;
  width : 35%;
  overflow : visible;
}
div.smail_option td.b3 {
  padding : 3px 0 0 20px;
  width : 22%;
  overflow : visible;
  text-indent : -20px;
  line-height : 1.1;
}
div.smail_option td.b4 {
  padding : 3px 0 0 24px;
  width : 18%;
  overflow : visible;
  text-indent : -20px;
  line-height : 1.1;
}

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

div.suggest#suggest_to  {
  margin-top : -5px;

}
div.suggest#suggest_cc {
  margin-top : -11px;
}
div.suggest#suggest_bcc {
  margin-top : -17px;
}
div.suggest div.page_move {
  text-align : right;
  width : 95%;
  padding-top : 0;
  padding-bottom : 0;
}
/*

div.ticket_tocc_on#suggest_to {
  margin-left : 9px;
  margin-top : -0.6em;
}
div.ticket_tocc_on#suggest_cc {
  margin-left : 9px;
  margin-top : -1.1em;
}
div.ticket_tocc_on#suggest_bcc {
  margin-left : 9px;
  margin-top : -1.6em;
}
*/
div.ticket_tocc_off#suggest_bcc {
  margin-left : 0px;
  margin-top : -7px;
}


/* --------------------------------------
attached files  upload
---------------------------------------*/
div.uploadwin_none {
  width: 0;
  height: 0;
  visibility : hidden;
}
body:first-of-type div.uploadwin_none {
  display : none;
}

div.uploadwin_content {
  padding : 0;
  width : 340px;
  height : 180px;
  overflow : hidden;
}
div.uploadwin_bar {
  width : 100%;
  overflow : hidden;
  text-align : center;
}
div.uploadwin_button {
  padding : 0 auto;
  width : 100%;
  height : 30px;
  overflow : visible;
  text-align : center;
}
div.uploadwin_button button {
}
div.uploadwin_form {
  padding : 0 auto;
  width : 100%;
  min-width : 200px;
  height : 150px;
  overflow : visible;
  text-align : center;
}
div.uploadwin_form input.fileselect {
  width : 80%;
  overflow : visible;
}
.fileselect {
  background-color : #ffffff;
  font-size : 12px;
  margin : 3px;
  overflow : hidden;
}
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;
  width : 100%;
  height : 40px;
  overflow : hidden;
  text-align : center;
}
div.uploadwin_size {
  width : 60%;
  overflow : hidden;
  text-align : left;
  font-size : 70%;
}
div.bar1 {
  margin-left : 65px;
  border-color : #333333;
  border-style : solid;
  border-width : 1px;
  width : 202px;
  height : 18px;
  color : #000000;
  background-color : #ffffff;
  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-color : #FFFFFF #C0C2E9 #C0C2E9 #FFFFFF;
  border-style : solid;
  border-width : 1px;
  height : 16px;
  background-color : #FFFFFF;
  text-align : center;
}
/* --------------------------------------
drag and drop upload
---------------------------------------*/
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;
}
div#dnd_upload_body div.bar1 {
  margin-left : 0;
}

/* --------------------------------------
layer common
---------------------------------------*/
div.sidepopup_body table th {
  padding : 5px;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #333333;
  width : 130px;
  vertical-align : middle;
  background-color : #dddddd;
  text-align : left;
  font-size : 90%;
  white-space : nowrap;
}
div.sidepopup_button *.close {
  margin-right : 10;
  float : right;
}
div.sidepopup_button *.def {
  margin : 0;
  float : left;
  font-size : 12px;
}

/* --------------------------------------
address book
---------------------------------------*/
div.smail_addrbook {
  padding : 0;
  border-collapse : collapse;
  border-width : 2px;
  border-style : groove;
  border-color : #666666;
  width : 775px;
  height : 537px;
  position : absolute;
  top : 12px;
  left : 12px;
  overflow : hidden;
  z-index : 10;
  background-color : #F0F0F0;
}
div.smail_addrbook div.sidepopup_button {
  padding : 3px;
  width : 490px;
  overflow : hidden;
}
div.smail_addrbook div.sidepopup_button button {
  margin-right : 3px;
}
div.smail_addrbook div.sidepopup_button *.close {
  margin-right : 0;
}
div.smail_addrbook div.sidepopup_title {
  margin : 0;
  padding-left : 4px;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  border-bottom-color : #666666;
  width : 100%;
  height : 20px;
  overflow :  hidden;
  background-color : #888888;
}
div.smail_addrbook div.sidepopup_title h3 {
  margin : 0;
  line-height : normal;
  color : #FFFFFF;
}
div.sidepopup_button #addrbook_searchword {
  margin : 0 2px 0 5px;
}
div.smail_addrbook div.sidepopup_button td.page span{
  vertical-align : middle;
}
div.smail_addrbook div#addr_body div#addr_folder {
  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 {
  height : 26px;
  line-height : 26px;
}
div.smail_addrbook div#addr_header div.addr_button {
  height : 26px;
  line-height : 24px;
}
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 : 32.5%;
}
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 : 461px;
  float : left;
  background-color : #ffffff;
  border : 1px solid #dddddd;
}
div.smail_addrbook div#addr_body div.panel_cart table {
  width : 100%;
  table-layout : fixed;
  background-color : #F0F0F0;
}
div.smail_addrbook div#addr_footer {
  height : 26px;
}
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;
  width : 85%;
  background-color : #FFFFFF;
}
td.panel_cart_sidemenu {
  text-align : center;
  width : 35px;
  font-size : 90%;
}
td.panel_cart_sidemenu button.imgbtn img {
  margin : 2px;
}

span.panel_cart_caption {
  font-size : 80%;
  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;
}
div.smail_addrbook div#divAddrFolderTree {
  margin-top : 3px;
}

/* --------------------------------------
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;
}


/* ----------------------------------- 
xtree (addressbook)
------------------------------------*/ 
.containerTableStyle table table tr:first-child td:nth-child(2) { 
  display : none; 
  width : 0; 
}
.containerTableStyle table table tr:first-child td.standartTreeImage { 
  width : 15px; 
}

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

/* --------------------------------------
preview
---------------------------------------*/
div.smail_preview {
  padding : 0;
  border-collapse : collapse;
  border-width : 2px;
  border-style : groove;
  border-color : #666666;
  width : 96%;
  height : 89%;
  position : absolute;
  top : 12px;
  left : 12px;
  overflow : hidden;
  z-index : 10;
  background-color : #F0F0F0;
}

body:first-of-type div.smail_preview {
  width : 95.8%;
}
div.smail_preview div.sidepopup_body {
  margin : 5px 5px 3px 5px;
  width : auto;
  height : calc(100% - 70px);
  border : 1px solid #666666;
  overflow : auto;
  background-color : #FFFFFF;
  font-weight : bold;
}
div.smail_preview div.sidepopup_body table {
  margin-left : 5px;
  margin-right : 5px;
  margin-bottom : 1%;
  width : calc(100% - 10px);
  height : 90%;
  overflow : visible;
  word-break : break-all;
}
div.smail_preview div.sidepopup_body table th,
div.smail_preview div.sidepopup_body table td {
  padding : 3px 5px;
}
div.smail_preview div.sidepopup_body table td {
  padding-left : 3px;
}
div.smail_preview div.sidepopup_body table td.small_content,
div.smail_preview div.sidepopup_body table td.content {
  width : 720px;
  height : 100%;
  vertical-align : top;
  word-break : normal;
}
div.smail_preview div.sidepopup_button {
  width : auto;
  height : auto;
  overflow : hidden;
}
div.smail_preview div.sidepopup_button button {
  font-size : 12px;
}
div.smail_preview div.sidepopup_button button img {
}
div.smail_preview div.sidepopup_title {
  padding : 4px 0 0 0;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  border-bottom-color : #666666;
  color : #ffffff;
  width : auto;
  height : auto;
  overflow : hidden;
  background-color : #999999;
}
div.smail_preview div.sidepopup_title h3 {
  margin-top : 4px;
}
span.spell_warning_am {
  color : #CC0000;
  background-image : url(../../img/standard/wave.gif);
  background-position : left bottom;
  background-repeat : repeat-x;
}
div.smail_preview iframe.html_prev_content {
  border: 0pt none;
  overflow-y: visible;
  height: 100%;
  width: 100%;
}

/* --------------------------------------
smail action (submit button)
---------------------------------------*/
div.smail_action {
  height : 30px;
  width : auto;
  text-align : center;
}
div.smail_action button {
}
div.smail_action button img {
}
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 {
  margin : 0.5% 8%;
  height : 5%;
  text-align : center;
}
div.smail_action2 button {
  font-size : 12px;
}
div.smail_action2 button img {
}

/* --------------------------------------
article templete
---------------------------------------*/
div.smail_article {
  padding : 0;
  border-collapse : collapse;
  border-width : 2px;
  border-style : groove;
  border-color : #666666;
  height : 537px;
  width : 500px;
  position : absolute;
  top : 12px;
  right : 12px;
  overflow : hidden;
  z-index : 10;
  background-color : #F0F0F0;
}
div.smail_article div.article_html {
  padding : 0;
  background-color : #FFFFFF;
  border : 1px solid #666666;
  width : 485px;
  height : 420px;
  position : relative;
  overflow : auto;
}
div.smail_article div.sidepopup_button {
  height : 30px;
  width : 490px;
  overflow : hidden;
  margin : 0;
}
div.smail_article div.sidepopup_button button {
  font-size : 12px;
  margin : 0 5px 0 0;
}
div.smail_article div.sidepopup_title {
  margin : 0;
  padding-left : 4px;
  border-bottom-width : 2px;
  border-bottom-style : ridge;
  border-bottom-color : #666666;
  height : 20px;
  overflow :  hidden;
  background-color : #888888;
}
div.smail_article div.sidepopup_title h3 {
  margin : 0;
  line-height : normal;
  color : #FFFFFF;
}
div.smail_article select#article_select {
  max-width : 150px;
  float : right;
}
div.smail_article div.article_content {
  padding : 5px;
}
div.smail_article div.article_close {
  padding-top : 5px;
}

/* --------------------------------------
history
---------------------------------------*/
div.smail_history {
  padding : 0;
  border-collapse : collapse;
  border-width : 2px;
  border-style : groove;
  border-color : #666666;
  width : 380px;
  height : 537px;
  overflow : hidden;
  position : absolute;
  top : 12px;
  right : 16px;
  z-index : 10;
  background-color : #F0F0F0;
}
div.smail_history div.sidepopup_button {
  padding : 3px;
  width 370px;
  height : 30px;
  overflow : hidden;
}
div.smail_history div.sidepopup_button button {
  font-size : 12px;
  margin-right : 3px;
}
div.smail_history div.sidepopup_button *.close {
  margin-right : 0;
}
div.smail_history div.sidepopup_title {
  margin : 0;
  padding-left : 4px;
  background-color : #888888;
  height : 20px;
  border-bottom : 2px ridge #666666;
  overflow :  hidden;
}
div.smail_history div.sidepopup_title h3 {
  margin : 0;
  line-height : normal;
  color : #FFFFFF;
}
div.smail_history div.gridbox {
  height: 430px;
  overflow: hidden;
}

/* --------------------------------------
ticket mode
---------------------------------------*/
div.smail_action_ticket {
  margin : auto;
  width : 400px;
  height : 30px;
  white-space : nowrap;
  overflow : visible;
  text-align : center;
}
div.smail_action_ticket button {
  margin : 0 2px;
  font-size : 12px;
}
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 {
  vertical-align : top;
  color : #ff0000;
  font-weight : bold;
  font-size : 80%;
}
div.smail_content div table.ticket_mode {
  border-spacing : 0;
}
div.smail_content div table.ticket_mode td.a1 {
  width : 60%;
  text-align : right;
}
div.smail_content div table.ticket_mode td.a1 select#signature_select {
  margin : 0;
  padding : 0;
  max-width : 20em;
}
div.smail_content div table.ticket_mode td.a2 {
  padding-left : 4px;
  width : 22%;
  vertical-align : top;
  color : #333333;
  font-size : 75%;
  font-weight : bold;
}
div.smail_content div table.ticket_mode td.a3 {
  width : 18%;
  white-space : nowrap;
}
div.smail_content div table.ticket_mode td.a4 {
  padding-top : 3px;
  padding-right : 0;
  width : 60%;
}
div.smail_content div table.ticket_mode td.a4 textarea {
  margin : 0;
  width : 100%;
  height : 73px;
  overflow : scroll;
  overflow-y : scroll;
  overflow-x : auto;
  resize : none;
}

div.smail_content div table.ticket_mode td.a6 {
  padding-top : 5px;
  padding-bottom : 0;
  width : 19%;
  color : #333333;
  vertical-align : top;
  font-size : 73%;
  font-weight : bold;
  text-align : right;
}
div.smail_content div table.ticket_mode td.a7 {
  padding-top : 3px;
  padding-bottom : 0;
  color : #333333;
  vertical-align : top;
  font-size :78%;
  width : 21%;
}
div.smail_content div table.ticket_mode td.a8 {
  font-size : 80%;
  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 div.prev_check_msg {
  padding : 3px 5px 0;
  text-align : right;
  font-size : x-small;
}
span#preview_addr_checker {
  margin : 3px 3px 3px 10px;
  vertical-align : middle;
}
span#prev_force_check_msg {
  color : red;
}

div.confirm_first {
  padding : 0 0 0 3px;
  line-height : 1.8;
}
div.add_confirm {
  padding : 0 0 0 3px;
  line-height : 1.8;
  border-top : 1px dotted #999999;
}
div.add_confirm input,
div.confirm_first input {
  margin-left : 0;
}
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;
}
span.outside {
  padding : 0;
  background-color : #ffff00;
  font-weight : bold;
}
span.equiv_local {
  padding : 0;
  background-color : #aaffaa;
}
span.ext_msg {
  padding : 0;
  color : #ff0000;
  font-weight : bold;
}
span.int_msg {
  padding : 0;
  background-color : #ffffff;
}
div.smail_preview div.sidepopup_body table td {
  empty-cells : show;
}
iframe#smail_body_html_container___Frame,
iframe#smail_signature_html_container___Frame {
  border-bottom : 1px solid #696969 !important;
}