/**
 * ログイン画面  
 **/
#login-form {
  width: 600px;
  height: 300px;
  border: none;
  border-spacing: 0px;
  padding: 1px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
}
#login-form table {
  margin: auto;
}
#login-form table input {
  font-size: 12px;
  width: 200px;
}
#login-form table input.login-button {
  width: 155px;
  height: 30px;
  background: url("../images/login_button.gif") no-repeat;
  border: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

#login-form table input.login-button-en {
  width: 155px;
  height: 30px;
  background: url("../images/login_button_en.png") no-repeat;
  border: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

/**
 *   サイト選択画面
 **/
#left table {
  margin: 0px auto;
  border: none;
  text-align: center;
  padding: 1px;
  border-collapse: separate;
  border-spacing: 5px;
}
/* サイト選択ボタン  */
#left table a.category_link {
  display: block;
  width: 200px;
  height: 22px;
  color: #fff;
  background-color: none;
  background-image: url(../images/site.png);
  background-repeat: no-repeat;
  border: 0;
  margin: 0;
  padding: 5px 1px 5px 0px;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
}
#left table a.category_link:hover {
  background-color: none;
  background-position: 0 -32px;
  border: 0;
  padding: 6px 0px 4px 1px;
}

/* お知らせボックス */
#right .modbox {
  width: 100%;
  background-color: #ffffff;
  border: none;
  margin: 15px 15px auto;
  text-align: left;
}
/* 右側テーブルの基本設定 */
#right table {
  width: auto;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#right td {
  padding: 0;
}

/*********************
 *   各サイトトップ画面
 *********************/
#site-top-table,
#site-top-table-bma {
  border: none;
  margin: auto;
  width: 100%;
  text-align: center;
  vertical-align: top;
  padding: 5px;
  border-collapse: collapse;
  border-spacing: 0px;
}

/*配信予定一覧テーブル*/
#delivery-reserve-list {
  width: 95%;
}
#delivery-reserve-list thead > tr:first-child td {
  border: 0px !important;
}
#delivery-reserve-list .paging td {
  background-color: #ffffff;
  border: 0px !important;
  font-size: 9px;
}
#delivery-reserve-list .paging table {
  border-collapse: collapse;
  border-spacing: 0px;
  float: right;
  height: 100%;
  vertical-align: middle;
}
#delivery-reserve-list .paging table input[type="submit"] {
  width: 30px;
}
#delivery-reserve-list table td {
  border: 0px !important;
}

/**
 *   エンドユーザーリスト画面
 **/

/*
 * 入力画面
 */
#upload-contents {
  margin: 15px 100px;
  text-align: left;
}
/*入力フォーム*/
#upload-form-table {
  width: 100%;
  margin: 10px auto;
  padding: 1px;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: 15px;
}
#upload-form-table th,
#upload-form-table td {
  text-align: left;
  border: solid #e5e5e5;
  border-width: 0px 0px 1px;
  padding: 5px;
}
#upload-form-table th {
  font-weight: normal;
  background-color: #d6d6d6;
  width: 150px;
  height: 60px;
}
#upload-form-table #upload_operation {
  width: 100px;
}
#upload-form-table input[name="csv_file"] {
  width: 400px;
}
/*ボタン*/
#file-operation-buttons {
  position: static;
}
#file-operation-buttons .bg-button {
  width: 130px;
  height: 50px;
  font-size: 12px;
  cursor: pointer;
}
#file-operation-buttons #get-template-button {
  /*元・CSVテンプレートを制作、DataUpload_Form.inc*/
  background-color: #4ba751;
  border-radius: 5px;
  width: 190px;
  height: 40px;
  border: none;
  cursor: pointer;
  color: #fff;
}
#file-operation-buttons #data-export-button {
  /*元・データエクスポート,DataUpload_Form.inc*/
  background-color: #4ba751;
  border-radius: 5px;
  width: 155px;
  height: 40px;
  border: none;
  cursor: pointer;
  color: #fff;
}
#file-operation-buttons #regist-button {
  /*元・登録する,DataUpload_Form.inc*/
  background-color: #4ba751;
  border-radius: 5px;
  width: 105px;
  height: 40px;
  border: none;
  cursor: pointer;
  color: #fff;
}
#file-operation-buttons #input-delete {
  width: 250px;
  margin: 20px auto 0px;
  background-color: #ffe5e4;
}
/*下部*/
#left-block {
  float: left;
  text-align: left;
  width: 290px;
}
#right-block {
  float: right;
  text-align: left;
  width: 290px;
}
#input-delete table {
  width: 100%;
  padding: 10px;
}
#input-delete table td#delete-key {
  text-align: center;
  padding: 5px;
  font-size: 120%;
  color: #ff0000;
}
#input-delete table td#input-key {
  text-align: center;
  padding: 5px;
}
#input-key input[type="text"] {
  width: 100px;
}
#input-delete table td#howto {
  padding: 3px;
}
#input-delete table td#delete-button-area {
  text-align: center;
  padding-top: 10px;
}
#input-delete table #all-delete-button {
  /*元・データ全削除,DataUpload_Form.inc*/
  background-color: #4ba751;
  border-radius: 5px;
  width: 100px;
  height: 35px;
  border: none;
  cursor: pointer;
  color: #fff;
}

/*
 * 確認画面
 */
table#title-table {
  width: 95%;
  margin: 15px auto;
  text-align: left;
}
table#verify-subject-table {
  width: 95%;
  margin: auto;
  border-collapse: collapse;
}
table#verify-subject-table tr.odd {
  background-color: #f5faf7;
}
table#verify-subject-table tr.even {
  background-color: #ffffff;
}
table#verify-subject-table th,
table#verify-subject-table td {
  border: 1px solid #a0b3ab;
  color: #000000;
}
table#verify-subject-table th {
  width: 20%;
  background-color: #cae5d9;
  font-weight: normal;
  padding: 5px;
}
table#verify-subject-table td {
  padding: 8px 5px;
}

/*
 * データチェック中画面
 */
table#show-process-table {
  width: 300px;
  border: none;
  padding: 5px;
  border-collapse: collapse;
  margin: 15px auto;
}

/**
 *   エンドユーザー新規登録・検索画面
 */
#regist-form-table {
  width: 85%;
  border: none;
  padding: 1px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 15px auto;
  text-align: left;
  vertical-align: middle;
}
#regist-form-table th,
#regist-form-table td {
  border: solid #e5e5e5;
  border-width: 0px 0px 1px;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}
#regist-form-table th {
  font-weight: normal;
  background-color: #d6d6d6;
  width: 130px;
  height: 60px;
}
#regist-form-table .blank {
  padding: 0px;
  margin: 0px;
  height: 0px;
}
#regist-form-table td table td {
  border: none;
}
#regist-form-table td select {
  min-width: 100px;
}
#regist-form-table .schedule select {
  min-width: 50px;
}
#regist-form-table td p {
  margin: 5px 0px;
}
#regist-form-table td input[name="mail_addr"] {
  width: 400px;
  font-size: 12px;
  ime-mode: disabled;
}

/* エンドユーザー登録確認画面 */
#verify-table {
  width: 450px;
  border: none;
  padding: 1px;
  margin: 15px auto;
  border-collapse: collapse;
  text-align: left;
}
#verify-table th,
#verify-table td {
  border: 1px solid #a0b3ab;
  color: #000000;
  padding: 5px;
}
#verify-table th {
  width: 40%;
  background-color: #f5faf7;
  text-align: center;
}
/* 検索結果画面 */
#subject {
  width: 500px;
  margin: 15px auto;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}

/* エンドユーザー情報 */
.user-info-table {
  width: 90%;
  border-collapse: separate;
  border-spacing: 1px;
  padding: 2px;
  margin: 0px auto 15px;
  text-align: center;
}
.user-info-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1px;
  padding: 2px;
  margin: auto;
}

/**********************************
 * メール作成
 **********************************/
/*自動出力されるimputForm*/
.auto-create table td {
  padding: 5px !important;
}

/* ファイルアップロード登録ボタン */
#key_list_regist {
  height: 40px;
  width: 120px;
  border: none;
  background: url(../images/buttons/regist.png) no-repeat top center;
}

/**
 * 配信履歴確認
 **/
#history-search-table {
  width: 600px;
  margin: 15px auto;
  border-collapse: collapse;
  border-spacing: 0px;
}
#history-search-table th,
#history-search-table td {
  border: solid #e5e5e5;
  border-width: 0px 0px 1px;
  padding: 5px;
  text-align: left;
}
#history-search-table th {
  width: 35%;
  background-color: #d6d6d6;
}

/**
 * 検索結果
 */
#search-result-table {
  margin: 15px auto;
}
#search-result-table #search-result {
  margin: 0px auto;
}
.result-operation-table {
  border: none;
  margin: 0px auto !important;
}
.result-operation-table td {
  padding: 0px !important;
}
/*****************
 * エンドユーザーベース履歴検索
 ****************/
#search-sent-user-table {
  width: 80%;
}
#search-sent-user-table th,
#search-sent-user-table td {
  border-width: 1px;
}
#search-sent-user-table th {
  background-color: #f6f6f6 !important;
}

/*****************
 * 管理機能
 ****************/
/* 基本　入力テーブル */
table.admin-edit-table {
  width: 85%;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 12px;
}
table.admin-edit-table th,
table.admin-edit-table td {
  padding: 10px;
  text-align: left;
  border: solid #e5e5e5;
  border-width: 0px 0px 1px;
  font-weight: normal;
}
table.admin-edit-table th {
  width: 30%;
  background-color: #d6d6d6;
}

/* 基本　内容確認テーブル */
table.admin-verify-table {
  width: 700px;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: 12px;
}
table.admin-verify-table th,
table.admin-verify-table td {
  padding: 10px;
  text-align: left;
  border: solid #e5e5e5;
  border-width: 0px 0px 1px;
  font-weight: normal;
}
table.admin-verify-table th {
  width: 30%;
  background-color: #d6d6d6;
  table-layout: fixed;
  white-space: nowrap;
}
table.admin-verify-table .separater {
  padding: 0px;
  height: 1px;
  background: none !important;
}
table.admin-verify-table .separater hr {
  border: dashed #eeeeee;
  border-width: 0px 0px 1px;
}
/* 基本 　リスト・一覧テーブル*/
table.admin-list-table {
  width: 85%;
  margin: 15px auto;
  padding: 0px;
  border-collapse: collapse;
  font-size: 12px;
}
table.admin-list-table th,
.admin-list-table td {
  padding: 3px;
  text-align: left;
  font-weight: normal;
  border-color: #e5e5e5;
  border-style: solid;
  border-width: 0px 1px;
}
table.admin-list-table tr.thead th {
  padding: 10px;
  text-align: center;
  border-style: solid solid;
  border-width: 0px 1px 1px;
  font-weight: bold;
  background-color: #6ad471;
}
table.admin-list-table .separater {
  padding: 0px;
  height: 1px;
  background: none !important;
}
table.admin-list-table .separater hr {
  border: none;
  border-width: 0px 0px 1px;
}

/*****************
 * サイト管理
 ****************/
/* サイト一覧 */
.admin-list-table .rhead {
  width: 10% !important;
  text-align: center;
  background-color: #d6d6d6; /*#efffef*/
  border-bottom: 1px solid white;
}
/* サイト編集・確認 */
/* extend .child */
#empty-mail-params th,
#empty-mail-params td {
  width: auto;
  text-align: left;
}
#empty-mail-params input {
  width: 130px;
  font-size: 12px;
}
/* extend .child */
#from-domain-check th,
#from-domain-check td {
  width: auto;
  text-align: center;
}

/***************
 * 	サービス管理
 ***************/
/* サービス一覧 */
#service-list-table {
  width: 90%;
}
#service-list-table .thead th {
  padding: 5px;
  text-align: center;
  border-color: #e5e5e5 #e5e5e5;
  border-style: solid;
  border-width: 0px 1px 1px;
  font-weight: bold;
  background-color: #d6d6d6;
}
.thead th#id,
.thead th#mobile,
.thead th#pc {
  width: 5%;
}
.thead th#name,
.thead th#site,
.thead th#update {
  width: 10%;
}
.thead th#mode,
.thead th#e-count {
  width: 8%;
}
#service-list-table .service-count {
  text-align: right;
  vertical-align: bottom;
  border: none !important;
}
#service-list-table .align-center {
  text-align: center;
}
#service-list-table #no-service {
  padding: 15px;
  color: red;
  text-align: center;
}

/* サービス編集*/
#service-edit-table {
}
#service-edit-table input[type="text"] {
  width: 220px;
}
.admin-edit-table textarea {
  width: 100%;
  height: 100px;
}

/*　確認画面 */
#service-edit-verify-table #bounce {
  font-weight: bold;
  background-color: #ffff00;
  padding: 0px 10px;
}
/* 空メール設定 */
#em-setup-table table {
  width: 100%;
}

/************
 * テーブル管理
 ************/

/* delete */
.list-table .target td {
  background-color: #ffaaaa;
}

/************
 * ユーザー管理テーブル
 ************/
#user-edit-table {
  width: 98%;
  margin: 15px auto;
}

#user-edit-table th,
#user-edit-table td {
  padding: 1px;
}
#user-edit-table .locked td {
  background-color: #ffc8c8;
}

#user-edit-table .role-name {
  width: 120px;
}
#user-edit-table .delete-check {
  width: 30px;
}
input[name="role_name"] {
  width: 100px;
}

#permission-table {
  border-collapse: separate;
  border-spacing: 3px;
}
#permission-table td {
  padding: 2px;
}
#permission-table table {
  width: 100%;
  height: 100%;
}
#permission-table table th,
#permission-table table td {
  padding: 3px;
  height: 50px;
  text-align: center;
}

/****************************
 * メール作成画面(decomail)
 ****************************/
#content-frame {
  position: absolute;
  top: 330px;
  left: 640px;
  margin: 0;
  padding: 25px 5px 10px 5px;
  background-color: black;
  width: 281px;
  height: 352px;
  border-color: #5db48f;
  border-width: 10px;
  border-style: solid;
  z-index: 10;
  text-align: left;
}
.dif {
  margin: auto;
  background-color: #ffffff;
  padding: 0;
  font-size: 14pt;
  font-family: "ＭＳ ゴシック", sans-serif;
  letter-spacing: 0;
  width: 261px;
  height: 321px;
  overflow: scroll;
  border-color: #333333;
  border-width: 1px;
  border-style: solid;
  z-index: 2;
}
div.dif table tbody {
  margin: 0;
  padding: 0;
}
div.dif table tbody tr td {
  margin: 0;
  padding: 0;
}

#keitai {
  top: 300px;
}
#preview td {
  vertical-align: top;
  padding: 2px;
}
#preview table {
  border-collapse: collapse;
  border-spacing: 0px;
}
#preview table th,
#preview table td {
  border: solid #eeeeee;
  border-width: 0px 0px 1px;
  vertical-align: top;
  padding: 3px;
}
#preview table .separater {
  border-width: 2px 0px 0px;
  border-color: #ccccff;
}
.mail-attach {
  width: 60%;
  margin: 15px !important;
  text-align: left !important;
}

/*************************************
 * URL圧縮画面
 ************************************/
h1 {
  /*font-size: 150%;*/
}
#input_term {
  min-height: 40px;
  text-align: center;
  background: none;
}
#content {
  /*    background: none;
   */
}
.url {
  background: none;
}
table.url {
  margin: 40px auto 0px;
  width: 95%;
  background: none;
  text-align: left;
}
table.url td {
  text-align: center;
}
td.base_url {
  color: blue;
  width: 30%;
  font-size: 140%;
  font-weight: bold;
}
td.count {
  width: 30%;
}
.result {
  background: none;
  text-align: center;
  margin: 10px auto;
}
table.result {
  border-collapse: collapse;
  border: 0px solid black;
  padding: 0px;
  width: 80%;
  text-align: center;
}
table.result tr th {
  border-width: 0px;
  padding: 0px;
  text-align: center;
  color: black;
}
table.result tr td {
  border: 1px solid black;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
th.term {
  background: none;
  width: 20%;
}
th.total {
  background: none;
  width: 20%;
}
th.carrier {
  background: none;
  width: 15%;
}
#footer {
  text-align: center;
}
#url-edit {
}
#url-edit input[type="text"] {
  width: 400px;
}
/********************************
 * テーブル設定
 *******************************/
#host-info {
}
#host-info th,
#host-info td {
  border: 1px solid #8fddbb !important;
  background-color: #ffffff;
}

/********************************
 * アドレスリスト関連設定
 *******************************/
 #dialog_view table,
 #unsubscribe_reflection_dialog table {
   width: 100%;
   border: 1px #ffffff solid;
 }
 #dialog_view table th,
 #dialog_view table td,
 #unsubscribe_reflection_dialog table th,
 #unsubscribe_reflection_dialog table td {
   border: 1px #ffffff solid;
   text-align: center;
 }
 #dialog_view table th,
 #unsubscribe_reflection_dialog table th {
   table-layout: fixed;
   font-size: 10px;
   background-color: #d6d6d6;
 }
 #dialog_view table td,
 #unsubscribe_reflection_dialog table td {
   padding: 2px 8px;
   background-color: #f8f8f8;
 }
 #dialog_view table td.list_name,
 #unsubscribe_reflection_dialog table td.list_name {
   text-align: left;
   word-break: break-all;
 }
 
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  margin: 3px 3px 0;
  padding: 0px 10px;
  height: 30px;
  background-color: #dcdcdc;
  color: #222;
  border-radius: 2px;
  border: none;
  cursor: pointer;
}

.edit-table {
  width: 85%;
}
.edit-table th {
  width: 170px;
  table-layout: fixed;
  word-break: break-all;
}
.edit-table td {
  word-break: break-all;
}

/* サービス名表示(幅調整) */
select[id="service_id[]"] {
  /*width: 100px;*/
  width: auto;
  margin: 0px auto 0px auto;
  padding: 0px 7px 0px 2px;
}

/* サイト名表示(幅調整) */
select[id="site_select"] {
  width: auto;
  margin: 0px auto 0px auto;
  padding: 0px 7px 0px 2px;
}