@charset "UTF-8";

body,
.vmenu_grid {
  -webkit-user-select: none;
  user-select: none;
}
input[type="text"],
input[type="search"],
textarea,
#id_mail_header,
#id_mail_content_text,
#id_addrdetail_view,
#id_tool_profile_detail_listview,
#id_tool_signature_detail_listview,
#id_tool_general_listview {
  -webkit-user-select: text;
  user-select: text;
}
#id_tool_general_listview .ui-btn {
  -webkit-user-select: none;
  user-select: none;
}
.ams_overlay {
  background-color : #000000;
  opacity : 0.6;
  height : 100%;
  -ms-touch-action: none; /* Windows 8 Metro UI only */
}
.ams_toast {
  opacity : 0.8;
  padding : 10px 15px;
  margin: 0px 0px;
  color : #fff;
  background-color : #000;
  text-align : center;
  font-size : 14px;
  -webkit-border-radius : .6em;
  border-radius : .6em;
  -webkit-box-shadow : 0px 0px 12px rgba(0,0,0,.6);
  box-shadow : 0px 0px 12px rgba(0,0,0,.6);
}

.ams_toast p {
  margin : 0;
}
.vmenu {
  display: none;
  position: absolute;
  width:  100%;
  -ms-touch-action: none; /* Windows 8 Metro UI only */
}

.vmenu_grid {
  width : 480px;
  margin-top: auto;
  margin-left : auto;
  margin-right : auto;
  padding : 1px;
  background-color : #000;
  border-radius : 0.4em;
}
.vmenu_block {
  width : 96px;
  height : 50px;
  float : left;
}
.vmenu_grid_a .vmenu_block {
  width : 480px;
}
.vmenu_grid_b .vmenu_block {
  width : 240px;
}
.vmenu_grid_c .vmenu_block {
  width : 160px;
}
.vmenu_grid_d .vmenu_block {
  width : 120px;
}

@media screen and (max-width: 479px) {
  .vmenu_grid {
    width : 288px;
  }
  .vmenu_grid_a .vmenu_block {
    width : 288px;
  }
  .vmenu_grid_b .vmenu_block {
    width : 144px;
  }
  .vmenu_grid_c .vmenu_block {
    width : 96px;
  }
  .vmenu_grid_d .vmenu_block {
    width : 96px;
  }
}


.vmenu_grid span {
  display : block;
  margin : 1px;
  padding : 3px 0.1em;
  color : #fff;
  background-color : #333;
  border-style : solid;
  border-width : 1px;
  border-color : rgba(255,255,255,0.2) rgba(63,63,63,0.2) rgba(0,0,0,0.2) rgba(63,63,63,0.2);
  border-radius : 0.4em;
  text-align : center;
  font-size : 10px;
  line-height : 1;
  background-image : url(../img/smobile/btn_shadow.png);
  background-repeat : repeat-x;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
body[data-os^="iemetro"] .vmenu_grid span {
  font-size : 9px;
  line-height : 1.1;
}
.vmenu_grid .vmenu_cancel {
  width : 100%;
  height : 40px;
}
.vmenu_grid .vmenu_cancel span {
  padding : 6px 0.1em;
  background-color : #333;
  text-shadow : none;
  font-size : 14px !important;
}
.vmenu_grid span:hover {
  cursor : pointer;
}
.vmenu_grid span img {
  width : 30px;
  height : 30px;
  vertical-align : middle;
}
.vmenu_grid .vmenu_cancel span img {
  width : 24px;
  height : 24px;
  margin-right : 6px;
}
.ui-checkbox,
.ui-radio {
  margin : 0.2em 0 0.5em;
}
.ui-btn {
  margin : 0;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
  margin : 0;
}
.ui-listview .ui-li-icon {
  max-width : 24px;
  max-height : 24px;
}
.ui-btn-icon-left .ui-btn-inner .ui-icon,
.ui-btn-icon-right .ui-btn-inner .ui-icon {
  position: absolute;
}
.ui-li-divider, .ui-li-static {
  font-size: 14px;
  font-weight: bold;
}
.ui-content {
  padding-bottom : 2px;
  margin-bottom : 1px;
}
.ui-content .ui-listview {
  margin-bottom : 0;
}
.ui-header .ui-btn .ui-btn-inner,
.ui-footer .ui-btn .ui-btn-inner {
  font-size : 14px;
  line-height : 1.2;
}
.ui-btn {
  font-size : 16px;
}
.ui-select .ui-btn,
.ui-checkbox label {
  font-size : 16px;
}
.ui-content label {
  font-weight : bold;
}
.submit_btn.ui-btn-inner {
  padding : 0.4em;
}
.ui-checkbox .ui-btn-inner {
  padding : 0.6em 0;
}
.ui-content label span.label_required {
  display : inline-block;
}  
.ui-content label span.required {
  color : red;
  font-weight : normal;
  display : inline-block;
}
span.required {
  color : red;
  font-weight : normal;
}
.ui-header {
  width : auto;
}
.ui-header div.ui-header:first-child {
  border-top : 1px solid #0b5db0;
  border-bottom : 1px solid #0b5db0;
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  z-index : 2;
}
.ui-header h1.ui-title {
  margin-top : 0;
  margin-bottom : 0;
  padding-top : 12px;
  font-size : 14px;
  padding-bottom : 13px;
  line-height : 1.1;
}
.ui-header div.ui-header:first-child .ui-btn-left {
  top : 3px;
  left : 8px;
}
.ui-header .ui-btn-icon-left .ui-btn-inner {
  padding-left : 26px;
  padding-right : 8px;
}
.ui-header .ui-btn-icon-left .ui-icon {
  left : 3px;
}
.ui-header .ui-btn-icon-right .ui-btn-inner {
  padding-left : 8px;
  padding-right : 26px;
}
.ui-header .ui-btn-icon-right .ui-icon {
  right : 3px;
}
#addr_grouplist .ui-header h1.ui-title,
#addr_addrlist .ui-header h1.ui-title,
#rmail_maillist .ui-header h1.ui-title,
div[id$="addrsearch_result"] .ui-header h1.ui-title,
#smail_addrlist .ui-header h1.ui-title,
#smail_grouplist .ui-header h1.ui-title {
  padding-top : 6px;
  padding-bottom : 0;
  line-height : 1.2;
}
#addr_grouplist .ui-header p.ui-title,
#addr_addrlist .ui-header p.ui-title,
#rmail_maillist .ui-header p.ui-title,
div[id$="addrsearch_result"] .ui-header p.ui-title,
#smail_addrlist .ui-header p.ui-title,
#smail_grouplist .ui-header p.ui-title {
  margin-top : 0;
  margin-bottom : 0;
  padding-top : 0;
  padding-bottom : 5px;
  font-size : 12px;
  line-height : 1.2;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 490px),
       only screen and (max--min-device-pixel-ratio: 1) and (max-width: 490px) {
  .ui-header #id_mailbox_name,
  .ui-header #id_addrpath_name.ui-title,
  .ui-header #id_smail_addrpath_name.ui-title {
    margin-left : 33%;
    margin-right : 33%;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (max--min-device-pixel-ratio: 2) {
  .ui-header #id_mailbox_name,
  .ui-header #id_addrpath_name.ui-title,
  .ui-header #id_smail_addrpath_name.ui-title {
    margin-left : 30%;
    margin-right : 30%;
  }
}

#menu {
  position : absolute;
  top : 2px;
  right : 8px;
  border : none;
  background-color: transparent;
  -webkit-box-shadow : none;
  box-shadow : none;
}
#menu .ui-btn-corner-all,
#smail_addr .ui-btn-corner-all {
  border-radius : 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min--moz-device-pixel-ratio: 2) { 
  .ui-header .ui-btn .ui-btn-inner,
  .ui-footer .ui-btn .ui-btn-inner {
    font-size : 12px;
  }
}
.ui-header .ammenu .ui-btn {
  top : 0;
  margin : 0;
}
#smail_addrbook .search.ui-btn {
  position : absolute;
  top : 2px;
  right : 8px;
  background-color : transparent;
  background-image : none;
  border : none;
  -webkit-box-shadow : none;
  box-shadow : none;
}
#menu .ui-btn-inner,
#smail_addrbook .search.ui-btn .ui-btn-inner {
  border : none;
  padding : 0;
}

.ammenu {
  padding : 5px 8px 4px 8px;
  overflow : visible;
}

body[data-os=ios5] .ammenu {
  padding : 2px 8px 2px 8px;
}
.ui-footer {
  padding-top : 8px;
  padding-bottom : 8px;
}
.ui-header .ui-btn-inner,
.ui-footer .ui-btn-inner {
  padding-top : 6px;
  padding-bottom : 6px;
}
.ui-checkbox input {
  margin-top : 0;
}
.ui-controlgroup .ui-header .ui-btn-inner {
  padding-top : 0;
  padding-bottom : 0;
}
.ui-grid-a.ammenu .ui-block-a {
  width : 70%;
  line-height : 1.1;
}
.ui-grid-a.ammenu .ui-block-b {
  width : 30%;
  text-align : right;
  line-height : 1.1;
}
.ui-header .ui-btn-text,
.ui-footer .ui-btn-text {
  line-height : 20px;
}
.ui-header #menu .ui-btn-text {
  line-height : 1;
}
.ui-footer {
  text-align : center;
  white-space : nowrap;
}
.ui-footer .ui-btn:nth-child(2) {
  min-width : 60px;
}
.ui-footer .ui-btn:nth-child(3) {
  margin-left : 8px;
  min-width : 60px;
}
div[id^="addr"] .ammenu[style="display: none; "] + [data-role = content] {
  margin-top : 0;
}
.menu.ui-btn img {
  width : 36px;
  height : 36px;
}
.search {
  display : inline-block;
  width : 36px;
  height : 32px;
}
.search img {
  padding : 7px 8px 5px 8px;
  width : 20px;
  height : 20px;
}
.iconbtn {
  margin-top : 0;
}
.iconbtn .ui-btn-inner {
  padding : 0;
}
.iconbtn.ui-btn img {
  width : 18px;
  height : 18px;
}
#id_close_detail.iconbtn,
#id_open_detail.iconbtn {
  border : none;
  -webkit-box-shadow : none;
  box-shadow : none;
  margin-top : 2px;
  margin-bottom : 0;
  width : 100%;
}
#id_close_detail.iconbtn img,
#id_open_detail.iconbtn img {
  vertical-align : middle;
}
#smail .iconbtn.ui-btn img {
  width : 36px;
  height : 36px;
}
.ui-input-search {
  margin-bottom : 0.8em;
}
.ui-input-search input {
  outline : none !important!;
  background-color : transparent;
}
input.ui-input-text {
  padding : 0.4em;
}
input.ui-input-text,
textarea.ui-input-text {
  box-sizing : border-box;
  -moz-box-sizing : border-box;
  width : 100%;
}
.ui-field-contain .ui-btn {
  margin-left : 0;
  width : 100%;
}

*/
.ui-content a.ui-btn.submit_btn,
.ui-content > a.ui-btn {
  margin-left : 0;
  margin-right : 0;
}
@media all and (min-width: 450px){	/*landscape*/
  .ui-field-contain input.ui-input-text,
  .ui-field-contain textarea.ui-input-text
  .ui-field-contain .ui-input-search {
    width : 100%;
  }
  .ui-field-contain label.ui-input-text,
  .ui-field-contain label.ui-select {
    display : block;
    width : auto;
  }
  label[for$="parent"]:not([for*="search"]),
  label[for="id_upload"],
  label.select {
    vertical-align : top;
  }
  span[id$="parent"]:not([id*="search"]),
  .ui-field-contain .ui-select {
    width : 100%;
    vertical-align : top;
  }
  #id_upload {
    display : inline-block;
    width : 75%;
    vertical-align : top;
  }
}
div[id$="list"]:not([id*="tool"]) .ui-li .ui-btn-inner a.ui-link-inherit {
  padding : 0 20px 0 20px;
}
#smail_input_addrlist .ui-li .ui-btn-inner a.ui-link-inherit,
#addr_addrlist .ui-li .ui-btn-inner a.ui-link-inherit,
#smail_addrlist .ui-li .ui-btn-inner a.ui-link-inherit,
div[id$="addrsearch_result"] .ui-li .ui-btn-inner a.ui-link-inherit,
div#smail_history .ui-li .ui-btn-inner a.ui-link-inherit {
  padding : 0 20px 0 0;
}
.ui-listview .ui-btn-inner > div.ui-btn-text + span.ui-icon {
  background-color: transparent;
  background-image:  url(../js/lib/jquery/images/icons-18-am.png);
  background-position : -360px 50% ;
  -webkit-box-shadow: none;
  box-shadow: none;
  right : 11px;
  top : 50%;
}
#addr_menu_addrlist {
  display : inline-block !important;
}

#rmail_maillist .ui-listview .ui-btn-inner > div.ui-btn-text + span.ui-icon {
  right : 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
  .ui-listview .ui-btn-inner > div.ui-btn-text + span.ui-icon {
    background-image:  url(../js/lib/jquery/images/icons-36-am.png);
  }
}
.ui-listview fieldset {
  float : left;
  margin : 3px 8px 0 0;
  width : 40px;
  height : 40px;
}
#rmail_maillist .ui-listview fieldset {
  margin : 4px 14px 0 0;
}
.ui-listview .ui-checkbox {
  margin : 0;
}
.ui-listview .ui-checkbox input {
  visibility : hidden;
}
.ui-checkbox .ui-btn-inner {
  border none;
}
.ui-listview fieldset .ui-checkbox label {
  padding: 10px 11px;
  border : none;
  background-color : transparent;
}
.ui-listview .ui-checkbox .ui-icon {
  left : 0;
  top : 0;
  margin-top : 0;
}
.ui-listview .ui-li-icon {
  top : .8em;
  left : 0;
}
.ui-listview img.ui-li-icon {
  width : 24px;
  height : 24px;
}
.ui-li-heading {
  margin : 5px 0;
  font-size : 14px;
  line-height : 1.4;
}
.ui-li .ui-btn-inner a.ui-link-inherit {
  font-size : 14px;
  padding-top : 0.9em;
  padding-bottom : 0.5em;
  padding-right : 42px;
}
.ui-li-desc {
  margin : -5px 0 5px 0;
  line-height : 1.4;
}
.viewset .item {
  width : 37%;
  color : #789;
  display : block;
  float : left;
  font-size : 14px;
  line-height : 1.4;
  word-wrap : break-word;
}
.viewset .data {
  margin-left : 41%;
  display : block;
  word-wrap : break-word;
  min-height : 1em;
  line-height : 1.4;
}
.viewset .item span {
  white-space : nowrap;
}

#id_create_mbox_parent,
#id_create_addrpath_parent {
  word-wrap : break-word;
}
#smlogin .ui-content,
#smlogout .ui-content {
  padding : 0;
}
#smlogin .ui-field-contain label.ui-input-text,
#smlogin .ui-field-contain label.ui-select {
  margin : 0;
}
#smlogin .app_name,
#smlogout .app_name {
  margin-bottom : 1em;
}
#smlogin h1,
#smlogout h1 {
  text-align : center;
  background-color : #aad4f2;
  margin : 0;
  padding : 0.5em;
  border-top : 5px solid #0b5db0;
  border-bottom : 5px solid #0b5db0;
  font-size : 1em;
  word-wrap : break-word;
}

#smlogin .ui-field-contain {
  margin : 0;
  padding : 0.2em 1em 0.5em 1em;
}
#smlogin .multi_lang {
  margin-top : 2em;
  padding : 0.5em 1em 1em 1em;
  border-top : 5px solid #0b5db0;
  text-align : right;
}
#smlogin .multi_lang .ui-btn-inner {
  padding-top: 5px;
  padding-bottom: 5px;
}
#id_login_chpasswd .ui-header {
  border-top : 1px solid #0b5db0;
  border-bottom : 1px solid #0b5db0;
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  box-shadow: 0px 1px 4px rgba(0,0,0,.3);
}
#id_login_chpasswd dt {
  margin-top : 0.5em;
  font-weight : bold;
}
#id_login_chpasswd_auth {
  margin-bottom : 1.5em;
}
#smlogout p {
  margin : 2em 1em;
  text-align : center;
}
*/
@media all and (min-width: 450px){	/*landscape*/
  .ui-field-contain label.ui-input-text {
    margin-bottom : 0.3em;
  }
}
#rmail .ui-listview .ui-li-desc {
  margin-right : 45px;
}
.ui-listview img.ui-li-icon#readStatus {
  width : 20px;
  height : 20px;
}
#rmail .ui-li-has-icon .ui-btn-inner a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 50px;
}
#rmail .ui-li-has-icon.ui-li-has-count .ui-btn-inner a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 80px;
}
#id_get_pop .ui-btn-inner {
  min-width : 36px;
}
#rmail .unread_disp_total .ui-li-has-icon.ui-li-has-count .ui-li-has-alt a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 110px;
}
#rmail_move .mbox-disabled {
  background-color : #ddd;
}
#rmail_move .mbox-disabled .ui-link-inherit {
  color : #666;
}
#rmail_move .mbox-disabled img {
  opacity : 0.5;
}
div[id$="list"]:not([id*="tool"]) .ui-listview .ui-li-icon,
div[id$="List"] .ui-listview .ui-li-icon {
  left : 44px;
  top : 50%;
  margin-top : -8px;
  width : 20px;
}
#rmail_maillist .ui-listview .ui-li-desc {
  margin : -1px 64px 5px 0;
  line-height : 1.4;
}
#rmail_maillist .ui-listview .date_today .ui-li-desc {
  margin-right : 32px;
}
#rmail_maillist .ui-listview .ui-li-heading {
  margin : 5px 32px 3px 0;
  line-height : 1.4;
}
#rmail_maillist .ui-listview div.ams-list-right {
  position : absolute;
  width : 48px;
  top : 5px;
  right : 3px;
  margin : 0;
}
#rmail_maillist .ui-listview div.ams-list-right img {
  margin : 0;
  padding : 0;
  width : 18px;
}
#rmail_maillist .ui-listview div.ams-list-date {
  position : absolute;
  width : 64px;
  right : 18px;
  bottom : 5px;
  font-size : 12px;
  text-align : right;
}
#rmail_maillist .ui-listview .date_today div.ams-list-date {
  width : 32px;
}
#rmail_maillist li.unread {
}
#rmail_maillist li.read {
  font-weight : normal;
  background-color : #eee;
}
#rmail_maillist li.unread * {
  font-weight : bold;
}
#rmail_maillist li.read * {
  font-weight : normal;
}
#rmail_maillist li.unread.ui-btn-active,
#rmail_maillist li.read.ui-btn-active {
  background-color : #4596ce;
}
#id_narrow_maillist {
  margin-right : 12px;
}
#image-preload{
  width: 0px;
  height: 0px;
  display: inline;
  background-image : url(../js/img/smobile/narrow.png);
  background-image : url(../js/img/smobile/narrow_attach.png);
  background-image : url(../js/img/smobile/narrow_flag.png);
  background-image : url(../js/img/smobile/narrow_mail.png);
} 
#rmail_content div[data-role = content] {
  padding : 0;
}
#rmail_content .ammenu .ui-controlgroup {
  margin : 0;
}
#rmail_content .ammenu .ui-controlgroup .ui-corner-right {
  margin-left : 0;
  margin-bottom : 0;
  padding-top : 2px;
  padding-bottom : 3px;
}
#rmail_content .ammenu .ui-controlgroup .ui-corner-left {
  margin-right : 0;
  margin-bottom : 0;
  padding-top : 2px;
  padding-bottom : 3px;
}
#rmail_content .ammenu .ui-controlgroup img {
  width : 18px;
  height : 18px;
  vertical-align : middle;
}
#rmail_content .ui-bar div.ui-block-a  {
  width : 28%;
}
#rmail_content .ui-bar div.ui-block-b {
  width : 72%;
  text-align : right;
}
#id_rmail_menu_content div.ui-block-b {
  white-space : nowrap;
}
#id_rmail_menu_content div.ui-block-b #rmail_menu_content {
  margin-left : 3px;
}
#rmail_content #id_mail_header {
  padding : 10px 5px 5px 5px;
  border-bottom : 1px solid #B3B3B3;
  font-size : 14px;
}
#rmail_content #id_mail_header .recipient .ui-block-a {
  width : 22%;
  max-width : 80px;
  margin-top : 2px;
  margin-bottom : 2px;
}
#rmail_content #id_mail_header .recipient .ui-block-b {
  width : 78%;
  margin-top : 2px;
  margin-bottom : 2px;
}
#rmail_content #id_mail_header .maildata {
  margin-top : 6px;
}
#rmail_content #id_mail_header .maildata > .ui-block-a {
  width : 85%;
}
#rmail_content #id_mail_header .maildata > .ui-block-b {
  width : 15%;
  text-align : center;
}
.unregisterd {
  background-color : #ff0;
  border : 1px solid #ccc;
  border-radius : 2px;
  padding : 1px;
}
.sender_confirm {
  height : 24px;
  width : 24px;
}
#id_content_from_list .ui-li {
  margin-right : 2px !important;
  vertical-align : middle;
}
p.filename {
  margin : -15px;
  padding : 15px;
  background-color : #eee;
  border-bottom : 1px solid #b3b3b3;
  word-wrap : break-word;
}
#id_preview_attach_content p {
  word-wrap : break-word;
}
@media screen and (min-width: 479px){
  #rmail_content #id_mail_header .maildata > .ui-block-a {
    width : 90%;
  }
  #rmail_content #id_mail_header .maildata > .ui-block-b {
    width : 10%;
  }
}
#rmail_content #id_mail_header .maildata .ui-block-a .ui-block-a {
  width : 25%;
  max-width : 80px;
  margin-top : 2px;
  margin-bottom : 2px;
}
#rmail_content #id_mail_header .maildata .ui-block-a .ui-block-b {
  width : 75%;
  margin-top : 2px;
  margin-bottom : 2px;
}
#rmail_content #id_mail_header .ui-block-b ul {
  margin : 0;
  padding : 0;
  list-style : none;
  line-height : 1.8;
}
#rmail_content #id_mail_header .ui-block-b ul li {
  display : inline-block;
  margin-right : 0.8em;
  word-break : break-all;
}
#rmail_content #id_mail_header .ui-grid-a .ui-block-b {
  word-wrap : break-word;
}
#id_content_attach_list li {
  margin : 0 0 3px 18px;
  text-indent : -18px;
  word-break : break-all;
}
#id_content_attach_list li img {
  width : 18px;
  height : 18px;
  vertical-align : middle;
}
#id_mail_content_text {
  background-color : #fff;
  padding : 5px;
}
#id_mail_content_text div.mail {
  font-size : 16px;
  font-family : "Courier New", monospace;
  word-wrap : break-word;
  overflow  : auto; /* overflow image */
}
#rmail_content div.img_alert {
  padding : 5px 5px 5px 2.5em;
  margin : 5px 0 5px 0;
  border : #CCCCCC solid 1px;
  font-size : 90%;
  background-color : #FFC0CB;
  text-indent : -1.9em;
}

#rmail_content div.img_alert img {
  padding : 0 0 0 0;
  margin : 0 10px 0 0;
  vertical-align : -3px;
  border : none;
}

#rmail_content div.img_alert a {
  color : black;
  text-decoration : none;
}

#rmail_content #id_content_subject img {
  width : 18px;
  height : 18px;
  vertical-align : -3px;
}
#id_rmail_to_list,
#id_rmail_cc_list,
#id_rmail_bcc_list,
#id_rmail_content_senddate,
#id_rmail_content_attach {
  width : 100%;
}
#id_label_to_list,
#id_label_cc_list,
#id_label_bcc_list {
  line-height : 1.8;
}
#id_content_from_list a,
#id_content_to_list a,
#id_content_cc_list a,
#id_content_bcc_list a {
  color : blue;
  text-decoration: underline;
}
#id_content_from_list a:hover,
#id_content_to_list a:hover,
#id_content_cc_list a:hover,
#id_content_bcc_list a:hover,
#id_addrdetail_view a:hover,
#id_content_attach_list a[style="color: blue; text-decoration: underline;"]:hover {
  cursor : pointer;
}
#rmail_easy_addr div label span.label_required {
  white-space : nowrap;
}
#rmail_easy_addr div label span.required {
  color : red;
  font-weight : normal;
}
#rmail_easy_addr_path .ui-li-has-icon .ui-btn-inner a.ui-link-inherit,
#rmail_easy_addr_path .ui-li-has-alt .ui-btn-inner a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 40px;
}
@media all and (min-width: 450px){	/*landscape*/
  label[for="id_dummy_sdate"].ui-input-text {
    display : block;
  }
  input#id_dummy_sdate,
  input#id_tgt_sdate {
    padding: 0.6em 0.4em;
    margin-top : 2px;
    vertical-align : middle;
  }
  input#id_dummy_sdate,
  input#id_tgt_sdate,
  input#id_tgt_sdate + div.ui-select {
    width : 49.5%;
    display : inline-block;
  }
  input#id_tgt_sdate + div.ui-select .ui-btn-inner {
    padding: 0.6em 0.4em;
    line-height : 1.4;
  }
  body[data-os=ios4] input#id_dummy_sdate,
  body[data-os=ios4] input#id_tgt_sdate{
    padding: 0.6em 0;
  }
  body[data-os=android2] input#id_dummy_sdate,
  body[data-os=android2] input#id_tgt_sdate {
    padding: 0.5em 0;
  }
}
input#id_dummy_sdate,
input#id_tgt_sdate {
  height: 40px;
}
div[id$="addrbook"] .ui-li-has-icon .ui-btn-inner a.ui-link-inherit,
div[id$="addrbook"] .ui-li-has-count .ui-btn-inner a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 40px;
}
div[id$="addrbook"] .ui-li-has-alt .ui-btn-inner a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 50px;
}
#addr_addrdetail_header .ui-btn-inner,
#addr_addrcreate_header .ui-btn-inner {
  min-width : 36px;
}
div[id$="move"] .ui-li-has-icon .ui-btn-inner a.ui-link-inherit,
div[id$="move"] .ui-li-has-alt .ui-btn-inner a.ui-link-inherit {
  padding-left : 30px;
  padding-right : 40px;
}
#id_addr_create_addr textarea#id_memo,
#id_addr_edit_addr textarea#id_memo {
  min-height : 6em;
  overflow : auto;
}
@media all and (max-width: 480px){
  #id_addr_edit_addr .viewset .item,
  #id_addr_create_addr .viewset .item {
    width : auto;
    float : none;
  }
#id_addr_edit_addr .viewset .data,
#id_addr_create_addr .viewset .data {
    margin-left : 0;
  }
}
div[id$="addrsearch_result"] .ui-listview a.ui-link-inherit {
  padding-top : 0;
  paddin-bottom : 0;
}
.foldername {
  color : #789;
  margin : 0 0 2px 0;
  line-height : 1.2;
}
div[id$="addrsearch_result"] .ui-listview fieldset .ui-checkbox label {
  margin-top : 6px;
}
div[id^="smail"] ul[id$="list"].ui-listview a.ui-link-inherit,
div[id^="smail"] ul[id$="list"].ui-listview .ui-li-static.ui-li {
  padding : 5px 15px;
}
#smail_addr_list .ui-icon-arrow-r,
#history_list .ui-icon-arrow-r {
  display : none;
}

#smail .ui-grid-a.ammenu .ui-block-a {
  width : 70%;
}
#smail .ui-grid-a.ammenu .ui-block-b {
  width : 30%;
  text-align : right;
  margin :0;
}
#smail .ammenu .ui-block-a .ui-btn-inner {
  min-width : 40px;
}
#smail_addrlist_header .ui-btn-inner,
#id_smail_history_header .ui-btn-inner,
#smail_preview .ui-btn-inner {
  min-width : 36px;
}

#recipient .ui-grid-a {
  width : 100%;
}
#recipient .ui-grid-a .ui-block-a {
  padding-left : 10%;
  width : 87%;
}
#recipient .ui-grid-a .ui-block-b {
  width : 13%;
  text-align : center;
}
body[data-os=android2] #recipient .ui-grid-a .ui-block-a {
  padding-left : 10%;
  width : 76%;
}
body[data-os=android2] #recipient .ui-grid-a .ui-block-b {
  width : 14%;
  text-align : center;
}
#recipient .ui-btn-inner {
  padding : 0;
}
#recipient .ui-block-b .ui-btn {
  margin : 0.5em 0 0 0;
  border : none;
  background-color : transparent;
  background-image : none;
  -webkit-box-shadow : none;
  box-shadow : none;
}
#recipient .ui-block-b .ui-btn .ui-btn-inner {
  border : none;
  background-color : transparent;
}
.smail_addr.icon_btn {
  margin-top : 0.5em;
}
#id_smail_header,
#id_smail_content {
  margin-left : 0;
  margin-right : 0;
}
#id_smail_header {
  padding : 10px 0 0 0;
}
#id_smail_content {
  padding : 0;
}
#id_smail_tolist,
#id_smail_cclist,
#id_smail_bcclist {
  padding-top : 0;
  padding-bottom : 0;
  margin : 0 5px;
}
#id_smail_tolist label,
#id_smail_cclist label,
#id_smail_bcclist label {
  margin : 0;
}
#smail .ui-field-contain {
  padding-top : 0;
  padding-bottom : 0;
  margin : 5px;
}
#smail .ui-field-contain input.ui-input-text,
#smail .ui-field-contain textarea.ui-input-text,
#smail .ui-field-contain .ui-input-search,
#smail .ui-field-contain div.ui-select {
  margin-left : 10%;
  width : 89%;
}
body[data-os=android2] #smail .ui-field-contain input.ui-input-text,
body[data-os=android2] #smail .ui-field-contain textarea.ui-input-text,
body[data-os=android2] #smail .ui-field-contain .ui-input-search,
body[data-os=ios4] #smail .ui-field-contain input.ui-input-text,
body[data-os=ios4] #smail .ui-field-contain textarea.ui-input-text,
body[data-os=ios4] #smail .ui-field-contain .ui-input-search {
  width : 85%;
}
#smail textarea#id_content {
  min-height : 4em;
  overflow : auto;
}
@media all and (min-width: 450px) {
  #smail .ui-field-contain label.ui-input-text,
  #smail .ui-field-contain label.ui-select,
  #recipient label.ui-input-text {
    margin : 0;
    width : 14%;
    display : inline-block;
  }
  #smail .ui-field-contain input.ui-input-text,
  #smail .ui-field-contain textarea.ui-input-text,
  #smail .ui-field-contain .ui-input-search,
  #smail .ui-field-contain div.ui-select {
    width : 81%;
  }
  #recipient .ui-grid-a .ui-block-a{
    width : 90%;
  }
  #recipient .ui-grid-a .ui-block-b {
    width : 10%;
  }
  #recipient label.ui-input-text {
    vertical-align : top;
  }
  body[data-os=android2] #recipient .ui-grid-a .ui-block-a,
  body[data-os=ios4] #recipient .ui-grid-a .ui-block-a {
    width : 82%;
  }
  body[data-os=android2] #recipient .ui-grid-a .ui-block-b,
  body[data-os=ios4] #recipient .ui-grid-a .ui-block-b {
    width : 8%;
  }
  body[data-os=android2] #smail .ui-field-contain input.ui-input-text,
  body[data-os=android2] #smail .ui-field-contain textarea.ui-input-text,
  body[data-os=android2] #smail .ui-field-contain .ui-input-search,
  body[data-os=ios4] #smail .ui-field-contain input.ui-input-text,
  body[data-os=ios4] #smail .ui-field-contain textarea.ui-input-text,
  body[data-os=ios4] #smail .ui-field-contain .ui-input-search {
    width : 79%;
  }
  body[data-os=android2] #smail .ui-field-contain div.ui-select,
  body[data-os=ios4] #smail .ui-field-contain div.ui-select {
    width : 81%;
  }
  body[data-os=android2] #recipient input.ui-input-text,
  body[data-os=ios4] #recipient input.ui-input-text {
    width : 96.5%;
  }
}
input[id^="id_file"] {
  width : 100%;
  overflow : visible;
  padding : 1px;
}
#id_attach_list {
  margin-left : 10%;
  margin-right : 3%;
}
#id_attach_list a {
  display : block;
  margin-left : 28px;
  margin-bottom : 6px;
  text-indent : -28px;
  word-break : break-all;
  font-weight : normal;
}
#id_attach_list a img {
  width : 24px;
  height : 24px;
  padding-right : 4px;
  vertical-align : bottom;
}
#smail_input_addrlist .ui-link-inherit img {
  padding-top : 0.5em;
  width : 24px;
  height : 24px;
}
#smail .ammenu > .ui-block-a {
  white-space : nowrap;
}
#id_smail_preview .ui-btn-inner:lang(ja) {
  padding-left : 5px;
  padding-right : 5px;
}
#smail_preview .ui-content {
  padding : 0;
}
#id_smail_preview_header ul {
  margin : 0;
  padding-left : 0;
}
.preview_item {
  border-bottom : 1px solid #999;
}
.preview_header {
  padding : 5px;
  font-size : 14px;
  border: 1px solid #999;
  background-color: #e0e0e0;
  font-weight: bold;
  color: #183152;
}
.preview_item .preview_address {
  min-height : 25px;
  font-size : 14px;
  word-wrap : break-word;
}
.preview_item .preview_address li {
  padding : 5px 5px 10px 1em;
  word-break : break-word;
}
.preview_item .preview_address li + li {
  border-top : 1px dotted #999;
}
#id_smail_preview_profile,
#id_smail_preview_subject {
  padding : 5px 5px 10px 1em;
  word-break : break-word;
}
#id_smail_preview_content {
  padding : 5px 5px 20px 5px;
  border-top : 1px solid #999;
  word-wrap : break-word;
}
#id_smail_preview_content span {
  font-size : 16px;
  font-family : "Courier New", monospace;
  overflow  : auto; /* overflow image */
}
#attachList a {
  line-height : 1.4;
  margin-bottom : .3em;
  vertical-align : top;
}
#id_article_preview {
  padding : 3px;
  border : 1px solid #999;
  border-radius : 1em;
  min-height : 3em;
  word-wrap : break-word;
}
#id_smail_signature.ui-field-contain {
  padding-bottom : 2em;
}
li[class^="level"] {
  padding-left : 96px;
}
li.level1 {
  padding-left : 8px;
}
li.level2 {
  padding-left : 16px;
}
li.level3 {
  padding-left : 24px;
}
li.level4 {
  padding-left : 32px;
}
li.level5 {
  padding-left : 40px;
}
li.level6 {
  padding-left : 48px;
}
li.level7 {
  padding-left : 56px;
}
li.level8 {
  padding-left : 64px;
}
li.level9 {
  padding-left : 72px;
}
li.level10 {
  padding-left : 80px;
}
li.level11 {
  padding-left : 88px;
}
[id*="profile"] .ui-listview .ui-li-icon {
  left : 6px;
  top : 8px;
}
#tool .ui-li-divider {
  text-align : left;
}
#tool li {
  text-align : right;
}

#tool .item {
  float : left;
  color : #789;
  display : inline-block;
  padding-right : 1em;
}
#toolSignatureDetail .viewset .signature {
  font-family : monospace;
}
#tool .info {
  font-size : 12px;
  color : #789;
  text-align : right;
  font-weight : normal;
}

.ui-listview .ui-btn-up-a,
.ui-listview .ui-btn-hover-a,
.ui-listview .ui-btn-down-a {
  border-top : none;
}
.ui-listview.viewset .ui-btn-up-a,
.ui-listview.viewset .ui-btn-hover-a,
.ui-listview.viewset .ui-btn-down-a {
  border-top : 1px solid #ccc;
}
.ui-listview a.ui-li-link-alt {
  border : none;
}
.ui-li-link-alt .ui-btn {
  right : 10px;
  margin-top : -11px;
}
.ui-li-has-count .ui-li-count {
  right : 45px;
  margin-top : -0.8em;
  font-size : 13px;
  padding : 0.15em 0.4em;
  background-image : none;
  border-width : 1px;
  border-style : solid;
}
.ui-li-has-alt.ui-li-has-count .ui-li-count {
  right : 45px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5) {
  .ui-li-has-count .ui-li-count {
    font-size : 14px;
  }
}
.vmenu_grid:after,
#addr_list li:after,
#addr_grouplist li:after,
div[id$="addrsearch_result"] li:after,
#id_smail_header [id$="list"]:after,
#id_smail_header .ui-grid-a:after,
#id_smail_content .ui-grid-a:after,
#id_history_list li:after,
.viewset li:after,
ul[id$="listview"] li:after,
#id_login_chpasswd dd:after,
.preview_item:after,
.ammenu:after {
  content:'';
  display:block;
  clear:both;
  height:0.01px;
}
@media screen and (min-device-width: 1024px) and (orientation: landscape) {
  @-ms-viewport {
    width: 60%;
  }
}
@media screen and (min-device-width: 768px) and (orientation: portrait) {
  @-ms-viewport {
    width: 60%;
  }
}
@media  screen and (min-device-width: 1080px) and (orientation: portrait) {
  @-ms-viewport {
    width : device-width;
  }
}
@media screen and (min-device-width: 1920px) and (orientation: landscape) {
  @-ms-viewport {
    width : device-width;
  }
}