@charset "utf-8";

/*------------------------------------------
 * 全要素のスタイル.
 *-----------------------------------------*/
* {
  margin: 0;
  padding:0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-family: "ＭＳ Ｐゴシック", "Hiragino Sans W3", sans-serif;
}

/*------------------------------------------
 * iframe使用時.
 *-----------------------------------------*/
/** コンテンツフレーム **/
#contents_frame {
  border: 1px solid #c0c0c0;
  overflow: auto;
}

/** タブフレーム内 **/
#contents_frame > .inline_contents {
  width: 95%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

/*------------------------------------------
 * パネル用スタイル.
 * "id"属性で指定します.
 *-----------------------------------------*/
/** ページ全体 **/
div#page {
  width: 960px;
  padding-left: 15px;
}

/** 選択パネル **/
#selectpane {
  float: left;
  width: 29%;
  padding-left: 10px;
}

/** 選択対象領域 **/
#select_area,
#preview_area {
  float: left;
  width: 36%;
  height: 450px;
  margin-left: 10px;
}

/** 縦置きボタン用パネル(仮) **/
/** 未使用の為削除予定 */
#verticalpane {
  float: left;
  width: 10%;
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 419px;
  text-align: center;
}

/** フッター **/
div#footer {
  margin-top: 10px;
  margin-left: 15px;
}

/*------------------------------------------
 * フレーム用スタイル
 *-----------------------------------------*/
/** グループ用 **/
.groupframe {
  float: left;
  width: 240px;
  height: 450px;
}

/** 右パネル用(グループツリー使用時) **/
.rightpane {
  width: 697px;
  height: 452px;
  margin-left: 5px;
}

/*------------------------------------------
 * コンテンツ.
 * 個別色設定は各OEMのcssで設定
 *-----------------------------------------*/
/** コンテンツ領域 **/
.contents_main {
  border: none;
  height: 400px;
  padding-bottom: 30px;
}

/** コンテンツ **/
div.contents {
  font-size: 0.8em;
}

div.cancel_contents {
  font-size: 1.25em;
}

/** コンテンツテーブル **/
table.contents_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/** コンテンツセル **/
table.contents_table td {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #c0c0c0;
  word-break:normal;
  word-wrap: normal;
  height: 20px;
}

/** 値セル */
table.contents_table td.item_value {
}

/*------------------------------------------
 * 領域のみ.
 *-----------------------------------------*/
/** フリーフレーム **/
div.free_frame {
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #c0c0c0;
}

/** スクロールバー付きフレーム **/
div.scroll_frame {
  width: 100%;
  overflow: auto;
}

/*------------------------------------------
 * 注釈サイズ.
 *-----------------------------------------*/
/** 絶対:1.0em基準 **/
.notes_absolute {
  font-size:0.64em;
}

/** 相対:親0.8em **/
.explain, .information,
.notes_relative, .font_small {
  font-size:0.8em;
}

/*------------------------------------------
 * アンカー共通
 *-----------------------------------------*/

.ui-widget-content a {
    color : blue;
}

/** 通常（デコレーションなし、常に青色） **/
a {
  text-decoration: none;
  color: blue;
}

/** ポイント時 **/
a:hover {
  color: #34a4d0;
}

/*------------------------------------------
 * 画面タイトル.
 *-----------------------------------------*/
div.disptitle {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;
  font-weight: bold;
  font-size: 1.5em;
  color: #333333;
}

div.disptitle > a {
  vertical-align: top;
  text-decoration: none;
}

div.disptitle > a > img {
  width: 25px;
  height: 25px;
  border: none;
}

/*------------------------------------------
 * 見出しタイトル.
 *-----------------------------------------*/
 /** タイトル文字 **/
div.body_title {
  font-size: 1.0em;
  font-weight: bold;
  color: #333333;
  margin-bottom: 5px;
}

 /** タイトル文字(コンテンツ内) **/
div.contents div.body_title {
  font-size: 1.25em;
}

 /** タイトル文字 **/
div.body_title > img {
  margin-right: 5px;
  border: none;
}

/*------------------------------------------
 * ツールチップ.
 *-----------------------------------------*/
 .tooltipContents {
  position: fixed;
  color: black;
  padding: 3px;
  font-weight: normal;
  background-color: #ffffff;
  border: 1px black solid;
  visibility: hidden;
  word-wrap: normal;
  word-break: normal;
}

 .tooltipLabel {
  color: blue;
  cursor: pointer;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    
    color: black;
    padding: 3px;
    font-weight: normal;
    background-color: #ffffff;
    border: 1px black solid;
    word-wrap: normal;
    word-break: normal;
    font-size: 0.8em;
}

body .ui-tooltip {
    border-width: 2px;
}

/*------------------------------------------
 * グループツリー.
 *-----------------------------------------*/
div.grouptreepane {
  border: 1px solid #c0c0c0;
  overflow:auto;
  height: 420px;
  width: 100%;
}

/*------------------------------------------
 * 選択情報表示領域.
 * 個別色設定は各OEMのcssで設定
 *-----------------------------------------*/
div.headline {
  font-size: 0.8em;
}

/** テーブル **/
div.headline > table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/** セル（全体） **/
div.headline > table td {
  border: 1px solid #c0c0c0;
  word-break:keep-all;
  word-wrap: normal;
}

/** セル（項目値） **/
div.headline > table td.item_value {
  padding: 5px;
  width: 85%;
}

/*------------------------------------------
 * リストボックス形式.
 *-----------------------------------------*/
/** リストボックス用フレーム **/
div.list_box_frame {
  border: 1px solid #c0c0c0;
  overflow:auto;
  height: 385px;
}

/*------------------------------------------
 * inputタグ
 *-----------------------------------------*/
/** インプットタグ：右余白5px */
input[type="checkbox"],
input[type="radio"],
input[type="text"] {
  margin-right: 5px;
}

/** 余白 上下 左右*/
input {
  padding: 0px 1px;
}

/** インプットタグ：縦中央 */
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
input[type="text"],
select {
  vertical-align : middle;
}

/** ボタン内間隔 */
input[type="button"],
input[type="submit"] {
  padding-left:5px;
  padding-right:5px;
}

/** 表-入力ボックス間隔 */
.input_padding {
  padding-top:5px;
  padding-bottom:5px;
}

textarea {
  padding: 2px;
}

/*------------------------------------------
 * selectタグ
 *-----------------------------------------*/
/*ボックス幅：最小値設定*/
select.select_min_width {
  min-width: 420px;
}

/*------------------------------------------
 * テーブル共通.
 *-----------------------------------------*/
/**
 * 空白セル:表示
 * 以下のborder_XXXに対して有効になります.
 */
td.border_* {
  empty-cells: show;
}

/** 線:全て */
.border_all {
  border:1px solid #c0c0c0;
}

/** 線:全て */
.border_none {
  border:none!important;
}

/** 線:上下左 */
.border_t_b_l {
  border-top:1px solid #c0c0c0;
  border-bottom:1px solid #c0c0c0;
  border-left:1px solid #c0c0c0;
  border-right:none!important;
}

/** 線:上下右 */
.border_t_b_r {
  border-top:1px solid #c0c0c0;
  border-bottom:1px solid #c0c0c0;
  border-left:none!important;
  border-right:1px solid #c0c0c0;
}

/** 線:上左右 */
.border_t_l_r {
  border-top:1px solid #c0c0c0;
  border-bottom:none!important;
  border-left:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
}

/** 線:下左右 */
.border_b_l_r {
  border-top:none!important;
  border-bottom:1px solid #c0c0c0;
  border-left:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
}

/** 線:上左 */
.border_t_l {
  border-top:1px solid #c0c0c0;
  border-bottom:none!important;
  border-left:1px solid #c0c0c0;
  border-right:none!important;
}

/** 線:下左 */
.border_b_l {
  border-top:none!important;
  border-bottom:1px solid #c0c0c0;
  border-left:1px solid #c0c0c0;
  border-right:none!important;
}

/** 線:上右 */
.border_t_r {
  border-top:1px solid #c0c0c0;
  border-bottom:none!important;
  border-left:none!important;
  border-right:1px solid #c0c0c0;
}

/** 線:下右 */
.border_b_r {
  border-top:none!important;
  border-bottom:1px solid #c0c0c0;
  border-left:none!important;
  border-right:1px solid #c0c0c0;
}

/** 線:上下 */
.border_t_b {
  border-top:1px solid #c0c0c0;
  border-bottom:1px solid #c0c0c0;
  border-left:none!important;
  border-right:none!important;;
}

/** 線:左右 */
.border_l_r {
  border-top:none!important;
  border-bottom:none!important;
  border-left:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
}

/** 線:上 */
.border_t {
  border-top:1px solid #c0c0c0;
  border-bottom:none!important;
  border-left:none!important;
  border-right:none!important;
}

/** 線:下 */
.border_b {
  border-top:none!important;
  border-bottom:1px solid #c0c0c0;
  border-left:none!important;
  border-right:none!important;
}

/** 線:左 */
.border_l {
  border-top:none!important;
  border-bottom:none!important;
  border-left:1px solid #c0c0c0;
  border-right:none!important;
}

/** 線:右 */
.border_r {
  border-top:none!important;
  border-bottom:none!important;
  border-left:none!important;
  border-right:1px solid #c0c0c0;
}

/*------------------------------------------
 * テーブル (リスト・一覧表)用.
 * ヘッダー部分のスタイルは各OEMのcssにて設定
 *-----------------------------------------*/
/** リストテーブル **/
table.list_table {
  border-collapse: collapse;
  table-layout:fixed; 
}

/** リストテーブルヘッダー **/
table.list_table tr.header {
  border: 1px solid #c0c0c0;
}

/** リストテーブルヘッダー **/
table.list_table th.join {
  padding: 0px;
}

/** リストテーブル ソート対象ヘッダー **/
table.list_table th.sortedAsc,
table.list_table th.sortedDesc {
}

/** リストテーブル ソート対象ヘッダーイメージ **/
table.list_table th img {
  width: 10px;
  height: 11px;
  border: none;
}

/** リストテーブル セル共通 **/
table.list_table td {
  height: 20px;
  vertical-align: middle; 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  word-break:normal;
  word-wrap: normal;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
}

/** リストテーブル 右端セル **/
table.list_table td.end {
  border-right: 1px solid #c0c0c0;
}
/** リストテーブル右端タイトルセル */
table.list_table th.th-end {
  border-right: 1px solid #c0c0c0;
}


/** リストテーブル 結合セル(下線のみ) **/
table.list_table td.join {
  border-left: none!important;
}

/*------------------------------------------
 * カテゴリテーブル用 (list_tableと併用する)
 *-----------------------------------------*/
/** カテゴリテーブル (画像使用時) **/
table.category_table {
    overflow: scroll;
}

/** カテゴリテーブル td の高さを画像分で再設定 **/
table.category_table td {
  height: 25px;
}

/*------------------------------------------
 * マルウェア/セキュリティテーブル用 (list_tableと併用する)
 *-----------------------------------------*/
/** マルウェア/セキュリティテーブル用 **/
table.security_table {
}

/** マルウェア/セキュリティテーブル用 ヘッダの色再設定 **/
table.security_table th {
  background-color: #888888 !important;
  color: #ffffff !important;
}

/** マルウェア/セキュリティテーブル用 td の高さを画像分で再設定 **/
table.security_table td {
  height: 25px;
}

/** マルウェア/セキュリティテーブル用 td の高さを画像分で再設定 **/
table.security_table .bg_subcategory {
  background-color: #f7f7f7 !important;
}

/*------------------------------------------
 * スケジュールテーブル用 (list_tableと併用する)
 *-----------------------------------------*/
/** スケジュールテーブル **/
table.schedule_table,
.schedule_map {
  border:1px solid #c0c0c0;
}

/** スケジュールヘッダ */
table.schedule_table th {
  border-top:none!important;
  border-bottom:1px solid #c0c0c0;
  border-left:1px solid #c0c0c0;
  border-right:none!important;
  padding-left: 2px !important;
  text-align: left !important;
}

/** スケジュールヘッダ、曜日列 */
table.schedule_table th,
.days_column {
  background-color: #eeeeee;
  color: #666666;
  font-weight: bold;
}

/*------------------------------------------
 * テーブル (リスト・一覧表)内テーブル用.
 * ヘッダー部分のスタイルは各OEMのcssにて設定
 *-----------------------------------------*/
/** リストテーブル **/
table.inner_table {
  margin:0px;
  border-collapse: collapse;
  table-layout:fixed; 
  width: "100%";
}

/** リストテーブルヘッダー **/
table.inner_table tr.header {
  border: 1px solid #c0c0c0;
}

/** リストテーブルヘッダー **/
table.inner_table th.join {
  padding: 0px;
}

/** リストテーブル セル共通 **/
table.inner_table td {
  vertical-align: middle; 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  word-break:normal;
  word-wrap: normal;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-right: none;
  border-bottom: none;
}

/** リストテーブル 右端セル **/
table.inner_table td.begin {
  border-left: none;
}

/** リストテーブル 右端セル **/
table.inner_table td.top {
  border-top: none;
}

/*------------------------------------------
 * 背景.
 *-----------------------------------------*/
/** 一覧選択時 **/
.bg_selected, .bg_hover:hover {
  background-color: #baeafd;
}

/** 一覧選択時(弱) **/
.bg_selected_light {
  background-color: #e3f7fe;
}

/** 灰色 **/
.bg_grey {
  background-color: #C0C0C0;
}

/** 設定無し **/
.bg_none {
}

/*------------------------------------------
 * フォント(サイズ・色).
 *-----------------------------------------*/
/** 0.7em */
/** TODO ブラウザのフォントのサイズに合わせるためこの値に設定 */
.font_size07 {
  font-size: 0.64em;
}

/** 0.8em */
.font_size08 {
  font-size: 0.8em;
}

/** 0.9em */
.font_size09 {
  font-size: 0.9em;
}

/** 1.0em */
.font_size10 {
  font-size: 1.0em;
}

/** 1.2em */
.font_size12 {
  font-size: 1.2em;
}

/** 1.25em */
.font_size12h {
  font-size: 1.25em;
}

/** 1.5em */
.font_size15 {
  font-size: 1.5em;
}

/** 太字 */
.font_bold {
  font-weight: bold;
}

/** 赤文字 **/
.font_color_red {
  color: red;
}

/** 青文字 **/
.font_color_blue {
  color: blue;
}

/** 灰色文字 **/
.font_color_grey {
  color: #999999;
}

/** 橙文字 **/
.font_color_orange {
  color: #FF8410;
}

/** 設定リンク用. **/
.link_strings{
  color: blue;
}

/** 上付き文字:必須項目(赤) */
sup.required {
  margin-right: 5px;
  font-weight: bold;
  color: red;
}

/** エラーメッセージ **/
.error {
  color:red;
  font-weight:bold;
}

/** タイトル用文字色 */
.default_title_color {
  color: #333333;
}

/*------------------------------------------
 * 領域間スペース.
 *-----------------------------------------*/
/** 上下:2ピクセル */
.margin_tb2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

/** 上下:3ピクセル */
.margin_tb3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

/** 上:-8ピクセル */
.margin_top-6 {
  margin-top: -6px;
}

/** 上:5ピクセル */
.margin_top5 {
  margin-top: 5px;
}

/** 上:8ピクセル */
.margin_top8 {
  margin-top: 8px;
}

/** 上:10ピクセル */
.margin_top10 {
  margin-top: 10px;
}

/** 上:20ピクセル */
.margin_top20 {
  margin-top: 20px;
}

/** 下:5ピクセル */
.margin_bottom3 {
  margin-bottom: 3px;
}

/** 下:5ピクセル */
.margin_bottom5 {
  margin-bottom: 5px;
}

/** 下:10ピクセル */
.margin_bottom10 {
  margin-bottom: 10px;
}

/** 下:20ピクセル */
.margin_bottom20 {
  margin-bottom: 20px;
}

/** 左右:5ピクセル */
.margin_lr5 {
  margin-left: 5px;
  margin-right: 5px;
}

/** 左:5ピクセル */
.margin_left5 {
  margin-left: 5px;
}

/** 左:10ピクセル */
.margin_left10 {
  margin-left: 10px;
}

/** 左:15ピクセル */
.margin_left15 {
  margin-left: 15px;
}

/** 左:20ピクセル */
.margin_left20 {
  margin-left: 20px;
}

/** 左:25ピクセル */
.margin_left25 {
  margin-left: 25px;
}

/** 左:50ピクセル */
.margin_left50 {
  margin-left: 50px;
}

/** 左:65ピクセル */
.margin_left65 {
  margin-left: 65px;
}

/** 右:5ピクセル */
.margin_right5 {
  margin-right: 5px;
}

/** 右:10ピクセル */
.margin_right10 {
  margin-right: 10px;
}

/** 右:15ピクセル */
.margin_right15 {
  margin-right: 15px;
}

/*------------------------------------------
 * 領域内スペース.
 *-----------------------------------------*/
/** 間隔:3px **/
.padding_all3 {
  padding:3px;
}

/** 間隔:5px **/
.padding_all5 {
  padding:5px;
}

/** 上下:2ピクセル */
.padding_tb2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

/** 上下:5ピクセル */
.padding_tb5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

/** 上下:10ピクセル */
.padding_tb10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

/** 上:3ピクセル */
.padding_top3 {
  padding-top: 3px;
}

/** 上:4ピクセル */
.padding_top4 {
  padding-top: 4px;
}

/** 上:5ピクセル */
.padding_top5 {
  padding-top: 5px;
}

/** 上:10ピクセル */
.padding_top10 {
  padding-top: 10px;
}

/** 下:5ピクセル */
.padding_bottom5 {
  padding-bottom: 5px;
}

/** 下:10ピクセル */
.padding_bottom10 {
  padding-bottom: 10px;
}

/** 左右:5ピクセル */
.padding_lr5 {
  padding-left: 5px;
  padding-right: 5px;
}

/** 左右:10ピクセル */
.padding_lr10 {
  padding-left: 10px;
  padding-right: 10px;
}

/** 左:5ピクセル */
.padding_left5 {
  padding-left: 5px;
}

/** 左:30ピクセル */
.padding_left30 {
  padding-left: 30px;
}

/** 左:200ピクセル */
.padding_left200 {
  padding-left: 200px;
}

/** 右:5ピクセル */
.padding_right5 {
  padding-right: 5px;
}

/** 右:20ピクセル */
.padding_right20 {
  padding-right: 20px;
}

/*------------------------------------------
 * スペーサー.
 *-----------------------------------------*/
/** 列:1ピクセル */
.spacer1px {
  height: 1px;
  width: 1px;
}

/** 列:4ピクセル */
.spacer4px {
  height: 4px;
  width: 4px;
}

/** 列:5ピクセル */
.spacer5px {
  height: 5px;
  width: 5px;
}

/** 列:6ピクセル */
.spacer6px {
  height: 6px;
  width: 6px;
}

/** 列:7ピクセル */
.spacer7px {
  height: 7px;
  width: 7px;
}

/** 列:10ピクセル */
.spacer10px {
  height: 10px;
  width: 10px;
}

/** 列:20ピクセル */
.spacer20px {
  height: 20px;
  width: 20px;
}

/** 列:30ピクセル */
.spacer30px {
  height: 30px;
  width: 30px;
}

/*------------------------------------------
 * 配置指定.
 *-----------------------------------------*/
/** 左寄せ */
.align_left {
  text-align: left;
}

/** 右寄せ */
.align_right {
  text-align: right;
}

/** 中央寄せ(要素内配置) */
.align_center {
  text-align: center;
}

/** 中央寄せ(要素間配置) */
.margin_center * {
  margin-left: auto;
  margin-right: auto;
}

/** 上寄せ（縦位置） */
.vertical_top {
  vertical-align: top;
}

/** 中央寄せ（縦位置） */
.vertical_middle {
  vertical-align: middle;
}

/** 下寄せ（縦位置） */
.vertical_bottom {
  vertical-align: bottom;
}

/*------------------------------------------
 * 段組レイアウト.
 *-----------------------------------------*/
/** 左寄せ */
.float_left_childs {
  float: left;
}

/** 右寄せ */
.float_right_childs {
  float: right;
}

/** floatリセット用 **/
.cleartag {
  float: none !important;
  clear: both;
}

/*------------------------------------------
 * サイズ指定.
 *-----------------------------------------*/
/** 幅:5% */
.width5per {
  width: 5%;
}

/** 幅:10% */
.width10per {
  width: 10%;
}

/** 幅:15% */
.width15per {
  width: 15%;
}

/** 幅:20% */
.width20per {
  width: 20%;
}

/** 幅:25% */
.width25per {
  width: 25%;
}

/** 幅:30% */
.width30per {
  width: 30%;
}

/** 幅:35% */
.width35per {
  width: 35%;
}

/** 幅:40% */
.width40per {
  width: 40%;
}

/** 幅:45% */
.width45per {
  width: 45%;
}

/** 幅:50% */
.width50per {
  width: 50%;
}

/** 幅:55% */
.width55per {
  width: 55%;
}

/** 幅:60% */
.width60per {
  width: 60%;
}

/** 幅:65% */
.width65per {
  width: 65%;
}

/** 幅:70% */
.width70per {
  width: 70%;
}

/** 幅:75% */
.width75per {
  width: 75%;
}

/** 幅:80% */
.width80per {
  width: 80%;
}

/** 幅:85% */
.width85per {
  width: 85%;
}

/** 幅:90% */
.width90per {
  width: 90%;
}

/** 幅:95% */
.width95per {
  width: 95%;
}

/** 幅:100% */
.width100per {
  width: 100%;
}

/** 幅:70px */
.width70px {
  width: 70px;
}

/** 幅:75px */
.width75px {
  width: 75px;
}

/** 幅:80px */
.width80px {
  width: 80px;
}

/** 幅(最小):1024px */
.width1024px {
  width: 1000px;
}

/** 高さ:20px */
.height20px {
  height: 20px;
}

/** 高さ:380px */
.height380px {
  height: 380px;
}

/*------------------------------------------
 * 画像.
 *-----------------------------------------*/
/** アンカー・ツールチップ用 **/
.before_anchor,
div.tooltipLabel > img {
  width: 16px;
  height: 16px;
  border: none;
  vertical-align: middle;
}

/** グループ・ユーザ・IP用 **/
.people {
  width: 16px;
  height: 16px;
  border: none;
  margin-right: 5px;
}

/** カテゴリリスト用 **/
.plus, .minux, .dot, .data_img {
  width:16px;
  height:16px;
  vertical-align: middle;
}

/** 規制種別用 **/
.regulation_img {
  width:15px;
  height:15px;
}

/* テーブル,リスト用 */
img.list_img {
  height: 16px;
  width : 25px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

/* エージェントアイコン */
img.agent_img {
  padding-left: 5px;
  vertical-align: top;
}

/*------------------------------------------
 * ユーティリティ.
 *-----------------------------------------*/
/** 表示 **/
.visible,.show {
  visibility: show;
}

/** 非表示 **/
.hidden {
  visibility: hidden;
}

/** 非表示 **/
.display_none {
  display: none;
}

/** 非表示 **/
.list_type_none {
  list-style-type: none;
}

/** ポイント時のポインター **/
.selectPoint {
  cursor: pointer;
}

/** デフォルトのポインター **/
.defaultPoint {
  cursor: default;
}

/** スクロールバー **/
.scroll_auto {
  overflow: auto;
}

/** 英数字・数値共通 **/
.alpha_num, .numerical_text {
  ime-mode: disabled;
}

/** 数値 **/
.numerical_text {
  text-align: right;
}

/** 単位 **/
.unit_text {
  display: inline;
}

/*------------------------------------------
 * 説明領域.
 *-----------------------------------------*/
/** 説明領域 **/
.message_area {
  margin-top: 10px;
  margin-bottom:10px;
  height: 22px;
  font-size: 0.64em;
  color: #666666;
}

/** メッセージ(赤太字) **/
.red_message {
  color: red;
  font-weight: bold;
}

/** メッセージ(青太字) **/
.blue_message {
  color: blue;
  font-weight: bold;
}


/*------------------------------------------
 * ボタン領域.
 *-----------------------------------------*/
/** ボタン領域 **/
div.button_area {
  height: 22px;
  margin-bottom: 5px;
  font-size: 0.8em;
}

/*------------------------------------------
 * ログイン画面.
 *-----------------------------------------*/
.loginlogo {
  text-align:center;
  margin:50px 0 0 0;
}

.loginform {
  margin-left : auto;
  margin-right : auto;
  border-bottom:2px solid #999999;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:2px solid  #999999;
}

th.logincell {
  color:#666666;;
  background-color:#f5f5f5;
  padding:5px;
  font-size:0.8em;
  border-bottom:1px solid #cccccc;
}

td.logincell {
  background-color:white;
  padding:5px;
  font-size:0.8em;
  border-bottom:1px solid #cccccc;
}

td.logincell input {
  /* safari useBackslashAsYenSignForFamily workaround */
  font-family: "Hiragino Sans W3", "ＭＳ Ｐゴシック", sans-serif;
}

.loginform input{
  width:250px;
}

.loginbuttons {
  text-align:center;
  border:0;
  height:40px;
}

/** 画像、文字色は各OEMのcssに記述 */
.loginbuttons > a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  font-size:0.9em;
  font-weight: bold;
}

/*------------------------------------------------------
 * 設定情報一覧(print)-印刷/印刷プレビューのスタイル.
 *-----------------------------------------------------*/
@media print{
  /** 印刷/印刷プレビュー時のみ表示 **/
  .printShow{
    /* visibility : show ;*/ 
    display : block;
  }
  
  /** 印刷/印刷プレビュー時のみ非表示 **/
  .printHidden{
    /*visibility : hidden ;*/
    display : none;
  }
  
  /** A4へ適正となるサイズ調整(IEのみ） **/
  body {
    zoom: 65%; /*zoom => WinIE only */
  }
  
  /** 印刷/印刷プレビュー時のみ表示(IE/FireFox) **/
  .print_width{
    width:630px;
  }

  /** ボーダー（共通） **/
  th,td {
    border: 1px solid black;
  }
  
  /** リストテーブル **/
  table.list_table {
    border-collapse: collapse;
    table-layout: fixed;
  }
  
  /** リストテーブルヘッダー **/
  table.list_table tr.header {
    border: 1px solid black;
  }
  
  /** リストテーブルヘッダー **/
  table.list_table th {
    background-color: white;
    color: black;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
  }
  
  /** リストテーブルヘッダー **/
  table.list_table th.join {
    padding: 0px;
  }
  
  /** リストテーブル ソート対象ヘッダー **/
  table.list_table th.sortedAsc,
  table.list_table th.sortedDesc {
  }
  
  /** リストテーブル ソート対象ヘッダーイメージ **/
  table.list_table th img {
    width: 10px;
    height: 11px;
    border: none;
  }
  
  /** リストテーブル セル共通 **/
  table.list_table td {
    height: 20px;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    word-break:normal;
    word-wrap: normal;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
  }
  
  /** テーブルボーダー **/
  table.list_table td.print_border {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
  }
  /** リストテーブル 結合セル(下線のみ) **/
  table.list_table td.join {
    border-left: none!important;
  }
  /** 太字(print) */
  .font_bold {
    font-weight: 400;
  }

  /** 印刷フォント(print) */
  .print_font{
    font-size:1.2em;
    font-weight:bold;
    color:black;
  }
  /** 題名セル */
  div.headline > table td.print_subject {
    width: 15%;
    color: black;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/*------------------------------------------
 * パンくず.
 *-----------------------------------------*/
/** 全体 **/
div.bg_top {
  margin-left: -15px;
  width: 1000px;
  height: 17px;
}

div.breadcrumb {
  font-size: 0.64em;
  margin-top: 2px;
  margin-left: 15px;
}

div.breadcrumb > li {
  display: inline;
  list-style-type: none;
}

div.breadcrumb > li > img {
  margin-left: 5px;
  margin-right: 5px;
  width: 10px;
  height: 10px;
}

/*------------------------------------------
 * 戻るボタン.
 * 背景画像は各OEMのcssにて設定
 *-----------------------------------------*/
a.back {
  height: 17px;
  width:120px;
  background-repeat: no-repeat;
  font-size: 0.64em;
  text-decoration: none;
  text-align: center;
  padding-top: 4px;
  color: #004695;
}

/** ポイント時 */
a.back:hover {
  color: #34a4d0;
}

/*------------------------------------------
 * リンク：先頭へ/閉じる.
 * border設定は各OEMのcssにて設定
 *-----------------------------------------*/
/** 親タグ */
div.pagetop,
div.close {
}

/** アンカー */
div.pagetop > a,
div.close > a {
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.64em;
  background-color: #eeeeee;
  color: #004695;
  position: relative;
}

/** イメージ */
div.pagetop > a > img,
div.close > a > img {
  border: none;
  position:relative;
  top:4px;
}

/** ポイント時 */
div.pagetop > a:hover,
div.close > a:hover {
  color: #34a4d0;
}

/** JQuery-ui sortable ドラッグ時に空いたテーブル側の書式 */
.sortable_placeholder {
  border-right: 1px solid #c0c0c0;
}

/***************************************************************************/
/** 
  * ams.cssより転機
  * 既存画面でのみ使用、今後は使用しないこと
  * 使用されなくなった段階で削除すること */
strong.attention2{
  color:red;
}

div.adminMessage {
  padding:10px;
  margin:20px;
}

col.label {
  width:200px;
}

table.maintable2a {
  width:100%;
  border:1px solid #c0c0c0;
  border-collapse:collapse;
  empty-cells:show;
}

td.contents3c {
  background-color:#fefefe;
  padding:5px;
  font-size:0.8em;
  border-top:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
  text-align:center;
}

td.contents5b {
  background-color:#fefefe;
  padding:5px;
  font-size:0.8em;
  border-top:1px solid #c0c0c0;
  border-left:1px solid #c0c0c0;
}
/***************************************************************************/

/**
 * アクセスログ、システムログでバックスラッシュを円マークとして表示するためフォントを指定する。
 */
textarea#content {
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", sans-serif;
}

/** 縦のみスクロール */
textarea.scroll_height {
    overflow-x:hidden; overflow-y: scroll;
}

/*
 * 英語対応によるCSS変更に伴い折り返さなくなった箇所に個別に適用するスタイル
 * 優先度を上げるため"!important"をつけている。
 * 一覧画面で適用する場合、divタグを使って適用すると詳細画面に飛べなくなる恐れがあるので注意が必要。
 * タグの親子関係に密接に関係しており、divタグを増やすとその関係が崩れるため。
 */
.word-break-wrap {
  word-break:break-all !important;
  word-wrap: break-word !important;
}

/*------------------------------------------
 * locale関係なく読み込むCSS
 * locale固有の設定を行いたい場合は、common_xx.cssというファイルを作成し、
 * head.vm内で読み込むようにする。
 *-----------------------------------------*/
/* サーバ設定画面のヘッダーの改行指定 */
th.serverInfo_white-space {
  white-space: nowrap;
}

/* カテゴリ設定画面の判例の幅 */
div.categoryViewSetting_width2 {
  width:80px
}

/* 優先カテゴリ設定画面の判例の幅 */
div.priCategoryViewSetting_width2 {
  width:80px
}

/* アカウント検索画面の検索条件のテキストボックスの幅 */
input[type="text"].accountSearch_width {
  width:33em;
}

table.border_separate {
border-collapse: separate;
}

/* 上位プロキシ設定の条件テーブルの1列目の幅 */
col.proxyConfigCondition1 {
    width:20%;
}
/* 上位プロキシ設定の条件テーブルの2列目の幅 */
col.proxyConfigCondition2 {
    width:80%;
}

/* 上位プロキシ設定の条件テーブルの1列目の幅(ie11用) */
col.proxyConfigCondition1_ie11 {
    width:18%;
}
/* 上位プロキシ設定の条件テーブルの2列目の幅(ie11用) */
col.proxyConfigCondition2_ie11 {
    width:82%;
}

/* 例外サービス設定のルール詳細のテーブルヘッダー */
table.list_table tr.exsvcheader th {
    font-size: 0.8em;
}

/***************************************************************************/

/*------------------------------------------

 *-----------------------------------------*/

.ui-tabs {
    padding: 0;
    border-width: 0;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
{
    font-size: 0.91em;
}



 .ui-widget-header {
    border: 0;
}

 .ui-tabs-nav {
    border-width: 0;
    padding: 0;
}

 .ui-tabs-panel {
    border-width: 5px;
    padding:4px;
}

.ui-tabs-nav li.ui-tabs-selected {
    border-width: 5px;
    margin-bottom: -5px;
}

.ui-tabs .ui-tabs-panel {
    border-width: 1px;
    padding:0.5em;
}

.ui-widget-header
{
    background:none;
}

.ui-tabs .ui-tabs-nav
{
    padding:0;
}

.click_disabled
{
  pointer-events: none;
}