@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700);
/* ------ 全体構造 ------ */
* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

html {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #222222;
  font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 100%;
  line-height: 100%;
}

#loadingIndicator, .loadingIndicator {
  background-image: url("./img/indicator.gif");
  background-repeat: none;
}

/* ------ ボタン共通 ------ */
button {
  outline: none;
}

/* ------ テーブル共通 ------ */
.tb1 {
  border: solid 1px #b4b4b4;
  background-color: #ebebeb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.tb1 th, .tb1 td {
  text-align: left;
  font-size: 11px;
  white-space: nowrap;
}
.tb1 th div, .tb1 td div {
  overflow: hidden;
  padding: 5px 4px 5px 8px;
  position: relative;
}
.tb1 th {
  border-right: 1px solid #cccccc;
  /*background-color: #ebebeb;*/
  font-weight: normal;
}
.tb1 th:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.tb1 th:last-child {
  border-right: none;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.tb1 th:first-child div {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.tb1 th:last-child div {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.tb1 th div:hover {
  background-color: #e1e1e1;
}
.tb1 th div {
  /*右端三角分padding取る*/
  padding-right: 19px;
}
.tb1 th div.asc,
.tb1 th div.desc {
  background-color: #e1e1e1;
}
.tb1 th div.asc:after {
  content: url("../img/arrow_asc.gif");
  position: absolute;
  top: 12px;
  right: 6px;
}
.tb1 th div.desc:after {
  content: url("../img/arrow_desc.gif");
  position: absolute;
  top: 12px;
  right: 6px;
}
.tb1 td {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid  #e6e6e6;
}
.tb1 td:last-child {
  border-right: none;
}

.ie .tb1 th div.asc:after {
  top: 4px;
  /*for ie*/
}

.ie .tb1 th div.desc:after {
  top: 4px;
  /*for ie*/
}

.table1Head {
  float: left;
}

.table1Body {
  background-color: #ffffff;
  border-top: 1px solid  #cccccc;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
}
.table1Body tr:nth-child(2n+0) {
  background-color: #eff5fa;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.table1Body tr:nth-child(2n+0) td {
  background-color: #eff5fa;
  /*for IE*/
}

/* ------ 右揃えセルの設定 ------ */
.tb1 th div.alRight,
.tb1 td div.alRight {
  text-align: right;
  padding: 5px 8px 5px 4px;
}

.tb1 th div.alRight.asc:after,
.tb1 th div.alRight.desc:after {
  position: static;
  padding-left: 5px;
  vertical-align: text-top;
  line-height: 14px;
}

/* ------ ▲▼矢印位置微調整 ------ */
.win .tb1 th div.alRight.asc:after,
.win .tb1 th div.alRight.desc:after {
  vertical-align: top;
}

.win.chrome .tb1 th div.alRight.asc:after,
.win.chrome .tb1 th div.alRight.desc:after {
  vertical-align: text-top;
}

/* ------ 各テーブル固有の設定 ------ */
.tableList {
  width: 946px;
  -moz-box-shadow: 0 1px 0 #e9e9e9;
  -webkit-box-shadow: 0 1px 0 #e9e9e9;
  box-shadow: 0 1px 0 #e9e9e9;
}
.tableList .tableListBody {
  width: 946px;
  height: 315px;
}

.tableChart {
  width: 435px;
  -moz-box-shadow: 0 1px 0 #d6d6d6;
  -webkit-box-shadow: 0 1px 0 #d6d6d6;
  box-shadow: 0 1px 0 #d6d6d6;
}
.tableChart .tableChartBody {
  width: 435px;
  height: 296px;
}

#mail .tableChart,
#webPages .tableChart {
  width: 400px;
  -moz-box-shadow: 0 1px 0 #d6d6d6;
  -webkit-box-shadow: 0 1px 0 #d6d6d6;
  box-shadow: 0 1px 0 #d6d6d6;
}
#mail .tableChart .tableChartBody,
#webPages .tableChart .tableChartBody {
  width: 400px;
  height: 296px;
}

.tbPanel {
  margin-top: 7px;
  width: 749px;
  -moz-box-shadow: 0 1px 0 #e9e9e9;
  -webkit-box-shadow: 0 1px 0 #e9e9e9;
  box-shadow: 0 1px 0 #e9e9e9;
}
.tbPanel th, .tbPanel td {
  font-size: 12px;
}
.tbPanel .tablePanelBody {
  width: 747px;
  height: 238px;
}
.tbPanel th:first-child div.asc:after,
.tbPanel th:first-child div.desc:after {
  right: 9px;
}

/* ------ パスワード変更ダイアログ ------ */
.pwDialog {
  padding: 0px 0px 0px 0px;
  width: 400px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000000;
  background-image: none;
  background-color: #f5f5f5;
  outline: none;
  /* タイトル */
}
.pwDialog .ui-dialog-titlebar {
  padding: 10px 0px 8px 15px;
  background-color: #ffffff;
  background-image: none;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  border-bottom: 1px solid #b4b4b4;
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18);
  position: relative;
}
.pwDialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 13px;
  font-weight: normal;
}
.pwDialog .ui-dialog-titlebar .ui-dialog-title span {
  margin: 0px 0px 0px 0px;
}
.pwDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 37px;
  height: 34px;
  background: url("../img_com/img_close.png") no-repeat top left;
  border: none;
  cursor: pointer;
}
.pwDialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
  text-indent: -9999px;
  font-size: 0px;
  display: inline-block;
  background-image: none;
  margin: 0px 0px 0px 0px;
}
.pwDialog .passwordDialog {
  padding: 5px 15px 15px 15px;
  overflow: hidden;
  overflow-y: hidden;
  font-size: 12px;
}
.pwDialog .passwordDialog p {
  margin: 10px 0px 0px 0px;
}
.pwDialog .passwordDialog p.expire {
  margin: 10px 0px 0px 0px;
}
.pwDialog .passwordDialog p.error {
  color: #ff2d2d;
}
.pwDialog .passwordDialog table {
  margin-top: 10px;
  border-collapse: separate;
}
.pwDialog .passwordDialog table th {
  font-size: 12px;
  font-weight: normal;
  padding-right: 6px;
}
.pwDialog .passwordDialog table td input {
  width: 200px;
  height: 23px;
  border: 1px solid #b4b4b4;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 0px 0px 0px 0px;
  -moz-box-shadow: #f2f2f2 -1px 2px 0px -1px inset;
  -webkit-box-shadow: #f2f2f2 -1px 2px 0px -1px inset;
  box-shadow: #f2f2f2 -1px 2px 0px -1px inset;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  outline: none;
}
.pwDialog .passwordDialog table tr.reinput th,
.pwDialog .passwordDialog table tr.reinput td {
  padding-top: 5px;
}
.pwDialog .ui-dialog-buttonpane {
  margin: 0px 0px 0px 0px;
  padding: 10px 15px 10px 0px;
  background-color: #f5f5f5;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #b4b4b4;
  text-align: right;
  /*登録ボタン*/
}
.pwDialog .ui-dialog-buttonpane p {
  padding: 5px 0px 0px 15px;
  float: left;
  text-align: left;
  font-size: 12px;
}
.pwDialog .ui-dialog-buttonpane button {
  margin: 0px 0px 0px 8px;
  font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  background: url("../img/bg_btn_1.gif") no-repeat 0px 0px;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #b4b4b4;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 1px 0px #e9e9e9;
  -webkit-box-shadow: 0px 1px 0px #e9e9e9;
  box-shadow: 0px 1px 0px #e9e9e9;
  font-size: 12px;
  cursor: pointer;
  width: 95px;
  height: 26px;
}
.pwDialog .ui-dialog-buttonpane button span {
  padding: 0px 0px 0px 0px;
}
.pwDialog .ui-dialog-buttonpane button:hover {
  background: url("../img/bg_btn_1.gif") no-repeat 0px -25px;
  border: 1px solid #c0c0c0;
  border-bottom: 1px solid #aaaaaa;
}
.pwDialog .ui-dialog-buttonpane button:active {
  background: url("../img/bg_btn_1.gif") no-repeat 0px -50px;
  border: 1px solid #c3c3c3;
  border-bottom: 1px solid #dbdbdb;
}
.pwDialog .ui-dialog-buttonpane button.buttonRegist {
  background: url("../img/bg_btn_or_2.gif") no-repeat 0px 0px;
  border: 1px solid #f0c55d;
  border-bottom: 1px solid #eaad3d;
}
.pwDialog .ui-dialog-buttonpane button.buttonConfig:hover {
  background: url("../img/bg_btn_or_2.gif") no-repeat 0px -25px;
  border: 1px solid #ecb74c;
  border-bottom: 1px solid #e39d31;
}
.pwDialog .ui-dialog-buttonpane button.buttonConfig:active {
  background: url("../img/bg_btn_or_2.gif") no-repeat 0px -50px;
  border: 1px solid #e5a13e;
  border-bottom: 1px solid #f4c46c;
}

/* ------ リンク設定 ------ */
a {
  outline: none;
}

a:link,
a:visited,
a:active,
a:hover {
  color: #222222;
  text-decoration: none !important;
  /*Safariでアンダーラインが出てしまうのでimportant指定を追加*/
}

/* ------ clearfix ------ */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/********** IE6 **********/
*:first-child + html .clearfix {
  zoom: 1;
}

/********** IE7 **********/
/* ------ 微調整 ------ */
.mt0 {
  margin-top: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt25 {
  margin-top: 25px !important;
}