@charset "utf-8";

/*************************
  タグ
*************************/

html {
	height:100%

}

body {
	font-size:70%;
	font-family:Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color:#000000;
	margin:0px;
	height:100%;
	-webkit-text-size-adjust: none
}

h1 {
	font-size:130%;background:#4C6CB3;
	text-align:center;
	padding:5px;
	color:#ffffff;
	vertical-align:50%;
	white-space: nowrap;
}

p {
	padding-left:10px;
	margin:10px 0px 10px 0px;
	font-weight:bold;
}

td {
	vertical-align:middle;
}

img {
	vertical-align:middle;
}

span {
	font-size:90%;
	vertical-align:-1px;
	margin-left:2px;
}

button {
	cursor:pointer;
	padding:2px;
	vertical-align:middle;
}

a:link { 
	color:#00499c;
	text-decoration:none;
}

a:visited {
	color:#00499c;
	text-decoration:none;
}

a:hover {
	color:#ff0000;
	text-decoration:underline;
}

/* マニュアル一覧リンク */
.manual a:link { 
	color:#00499c;
	text-decoration:underline;
}

.manual a:visited {
	color:#00499c;
	text-decoration:underline;
}

.manual a:hover {
	color:#ff0000;
	text-decoration:underline;
}
/* パンくずリスト */
ol#topic_path {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}

ol#topic_path li {
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	
}

ol#topic_path li a:link,
ol#topic_path li a:visited {
	color:#00499c;
	text-decoration:underline;
}

ol#topic_path li a:hover{
	color:#ff0000;
	text-decoration:underline;
}
ol#topic_path li a:active {
	color:#00499c;
	text-decoration: underline;
}



/*************************
  テキストボックス
*************************/
/*各画面のテキスト*/
.jgs-input_txt {
	width:16em;
	ime-mode:disabled;
}
/*各画面のユーザIDに適応*/
.jgs-input_txt-user_id {
	width:16em;
	ime-mode:disabled;
}

/*各画面のパスワードに適応*/
.jgs-input_txt-password {
	width:16em;
	ime-mode:disabled;
}

/*IMEIに適応*/
.jgs-input_txt-imei {
	width:20em;
	ime-mode:inactive;
}

/* マウントポイントに適用 */
.jgs-input_txt-mount_point {
	text-align:right;
	width:5em;
	ime-mode:disabled;
}
/*メールアドレス設定・ユーザ新規作成画面のメールアドレスに適応*/
.jgs-input_txt-email {
	width:25em;
	ime-mode:inactive;
}

/*システムID選択画面のシステムIDに適応*/
.jgs-input_txt-system_id {
	width:18em;
	ime-mode:disabled;
}

/*VPN設定情報画面の契約社名に適応*/
.jgs-input_txt-vpn_name {
	width:20em;
	ime-mode:active;
}

/*VPN設定情報画面のドメイン名に適応*/
.jgs-input_txt-domain_name {
	width:20em;
	ime-mode:disabled;
}

/*VPN設定情報画面のグループ情報の表示内容に適応*/
.jgs-input_txt-group_name {
	width:23em;
	ime-mode:active;
}

/*VPN設定情報画面のシングルサインオン情報の表示内容に適応*/
.jgs-input_txt-sso_name {
	width:15em;
	ime-mode:active;
}

/*VPN設定情報画面のシングルサインオン情報の表示名称に適応*/
.jgs-input_txt-fld_name {
	width:10em;
	ime-mode:active;
}

/* パスワード有効期限警告メール設定画面のメール送信残日数に適用 */
.jgs-input_txt-warn_mail_expire {
	text-align:right;
	width:5em;
	ime-mode:disabled;
}

/* パスワード有効期限警告メール設定画面の件名に適用 */
.jgs-input_txt-subject {
	width:25em;
	ime-mode:active;
}

/* パスワード有効期限警告メール設定画面の本文に適用 */
.jgs-input_txt-body {
	width:25em;
	height:11em;
	ime-mode:active;
	font-size:110%;
}

/* パスワード有効期限警告メール設定画面の差出人メールアドレスに適用 */
.jgs-input_txt-address {
	width:25em;
	ime-mode:disabled;
}

/* 一括処理画面のCSVファイルに適用 */
.jgs-input_txt-file {
	width:20em;
	ime-mode:active;
}
.jgs-input_file {
	width:20em;
}

/*************************
  全体のコンテンツ
*************************/

/*全体のコンテンツを囲うdivタグに適応*/
#jgs-entire {
	width:100%;
	position:relative;
	height:100%;
	min-height:100%;
}

/*コンテンツとフッターが重ならないように設定(IE 未対応)*/
body > #jgs-entire {
	height:auto;
}

/*フッター以外のコンテンツを囲うdivタグに適応*/
.jgs-contents {
	padding-bottom: 50px;
}


/*************************
  ヘッダー
*************************/

/* ヘッダー全体に適応*/
#jgs-header {
	width:100%;
	min-width:87em;
	width:expression(document.documentElement.clientWidth < document.body.scrollWidth? document.body.scrollWidth : "100%");

}

/*ヘッダー内のtdタグに適応*/
#jgs-header td {
	padding:0px;
}

/* ヘッダーの画像に適応*/
#jgs-header img { 
	vertical-align:text-bottom;
	border:0px;
}


/*************************
  メインコンテンツ
*************************/

/*メインコンテンツの囲み線*/
.jgs-contents-borderline {
	border:solid 1px #4C6CB3;
	width:98%;
	text-align:center;
	margin:0px auto 0px auto;
	min-width:87em;
}

/*メインコンテンツ全体に適応*/
.jgs-main-contents {
	text-align:center;
	padding:20px 0px 18px 0px;
	margin-left:auto;
	margin-right:auto;
}

/*
メインコンテンツの一部のボタンに適応
(ボタン → アプリメニューへ戻る、ユーザ一覧画面へ戻る、管理者メニューへ戻る、ユーザ新規作成
        VPN設定情報 登録、GW_ID選択へ戻る、VPN設定情報 保存、設定画面へ戻る)
*/
.jgs-main-contents-btn_long {
	width:12.5em;
	white-space: nowrap;
}

/*
メインコンテンツ内の一部のボタンに適応
(ボタン → VPN設定情報、管理者メニューへ)
*/
.jgs-main-contents-btn_short {
	width:11em;
	white-space: nowrap;
}

/*管理者メニュー内のコンテンツに適応*/
.jgs-admin-contents {
	padding:5px;
	margin:12px auto;
	text-align:center;
}

/*管理者メニュー内のbuttonタグに適応*/
.jgs-admin-contents button {
	width:15em;
	text-align:left;
	padding-left:10px;
}

/* 管理メニューのタブ */
.menu-tab-show {
	float:left;
	padding:5px;
	border: solid 1px #eeeeee;
	background-color:#eeeeee;
	border-bottom: solid 1px #eeeeee;

}
.menu-tab-hidden {
	float:left;
	padding:5px;
	border: solid 1px #cccccc;
	background-color:#cccccc;
	cursor: pointer;
}
.menu-tab-div-show {
	border: solid 1px #eeeeee;
	background-color:#eeeeee;
	display:;
}
.menu-tab-div-hidden{
	border: solid 1px #eeeeee;
	background-color:#eeeeee;
	display:none;
}
/*h1タグ内のspanタグに適応*/
.jgs-contents-subtitle {
	vertical-align:0px;
	font-size:80%;
}

/*デバッグ情報に適応*/
.jgs-contents-debug {
	border:solid 1px #4C6CB3;
	width:98%;
	text-align:left;
	margin:0px auto 0px auto;
}

/*注釈部分に適応*/
.jgs-contents-note {
	text-align:left;
	margin-bottom:13px;
}

/*システムID表示部分に適応*/
.jgs-contents-system_info {
	text-align:left;
	margin:5px 0px;
	font-weight:bold;
	letter-spacing:1px;
	font-size:120%;
	z-index:1;
	float:left;
	position:relative;
}

/*操作領域に適応*/
.jgs-contents-operate {
	padding:3px 0px;
}

/*ユーザ検索部分に適応*/
.jgs-contents-ex {
	padding:5px 10px 5px 5px;
	background-color:#ffebd7;
	margin:0px auto 5px auto;
	font-weight:bold;
	text-align:left;
	border-width:0px !important;
}

/*操作領域内のtdタグに適応*/
.jgs-contents-ex td {
	padding:4px 5px;
}

/*ユーザ検索部分内のinputタグに適応*/
.jgs-contents-ex input {
	vertical-align:middle;
}

/*ユーザ検索部分内のlabelタグに適応*/
.jgs-contents-ex label {
	vertical-align:middle;
	font-size:110%;
}

/*ユーザ検索部分内のselectタグに適応*/
.jgs-contents-ex select {
	vertical-align:middle;
	font-size:110%;
}
/*ユーザ検索部分内のDIVタグに適応*/
.jgs-contents-ex div {
	float:left;
	margin-bottom:2px;
	white-space: nowrap;

}
/*検索部分内のbuttonタグに適応*/
.jgs-contents-ex button {
	margin-left:5px;
}
/*検索部分内のbuttonタグに適応*/
.jgs-contents-ex button submit{
	width:5.5em;
	margin-left:5px;
}

/*ページ設定部分に適応*/
.jgs-contents-operate-page {
	text-align:right;
	z-index:2;
	padding-right:10px;
	padding-bottom:3px;
}

/*ページ設定部分内のaタグに適応*/
.jgs-contents-operate-page a:link { 
	color:#00499c;
	text-decoration:underline;
}

.jgs-contents-operate-page a:visited {
	color:#00499c;
	text-decoration:underline;
}

.jgs-contents-operate-page a:hover {
	color:#ff0000;
	text-decoration:underline;
}

/*ページ設定部分の画像に適応*/
.jgs-contents-operate-page img {
	border:0px;
	letter-spacing:0px;
}

/*確認部分に適応*/
.jgs-contents-conf {
	border:solid 1px #6B0000; 
	padding:20px 5px;
	text-align:left;
	margin-bottom:13px;
}

/*エラーメッセージ表示部分に適応*/
.jgs-err_messege {
	font-weight:bold;
	color:#ff0000;
	text-align:left;
	border:0px;
	padding:4px;
}

/*テーブルに適応*/
.jgs-main-contents table {
	border:solid 2px #cccccc;
	width:100%;
	text-align:left;
	border-collapse:collapse;
}

/*thタグに適応*/
.jgs-main-contents table th {
	padding:4px;
	border:solid 1.4px #cccccc;
}

/*一覧画面のthタグに適応*/
.jgs-list-th {
	text-align: center;
	border:solid 1px #cccccc;
}

/*MNP転出案内用のthタグに適用*/
.jgs-list-th-mnp {
        text-align: center;
        border:solid 1px #cccccc;
	background-color: #e0ffff;
}

/*一覧画面の詳細用thタグに適応*/
.jgs-list-in-th {
	text-align: center;
	border:solid 1px #cccccc;
	background-color:#dddddd;
}

/*一覧画面の詳細ボタンに適応*/
.jgs-list-btn {
	text-align: center;
	width:5em;
	white-space: nowrap;
}

/*編集画面のthタグに適応*/
.jgs-edit-th {
	text-align:left;
	border:solid 1px #cccccc;
}

/*編集画面のtdタグに適応*/
.jgs-edit-td {
	padding:4px;
	border:solid 1.4px #cccccc;
	word-break: break-all;
}

/*編集画面のtdタグに適応*/
.jgs-edit-td_double {
	padding:4px;
	border-style:solid solid solid double;
	border-color: #cccccc;
	border-width: 1.4px 1.4px 1.4px  4px;
}

/*編集画面のtdタグ内の挿入の箇所に適応*/
.jgs-edit-td_insert {
	padding:4px;
	border:solid 1.4px #cccccc;
	vertical-align:top;
	border-left-color:#ffffff;
}

/*挿入ボタンを押下後、表示するdivタグに適応*/
#OpenConts {
	display:none;
	position:relative;
}

/*所属グループ内のdivタグに適応*/
.jgs-main-contents-group {
	visibility:hidden;
	position: absolute;
	background-color:#EBEBEB;
	width:20em;
	padding:5px;
	font-size:110%;
	font-weight:bold;
}

/*編集画面のtableタグ内のボタンに適応*/
.jgs-main-contents-edit-btn {
	text-align:left;
	padding-left:10px;
	margin:2px;
	width:15em;
}
/*編集画面のtableタグ内のボタンに適応*/
.jgs-main-contents-edit-btn-short{
	text-align:center;
	padding-left:5px;
	width:9em;
	height:3.2em;
	/*white-space: nowrap;*/
	margin-bottom:2px;
}
.jgs-main-contents-edit-btn-short button{
	white-space: nowrap;
}

/*操作ボタン領域に適応*/
.jgs-operate {
	padding-top:15px;
}

/*操作ボタン領域内のボタンに適応*/
.jgs-operate button {
	margin:0px 5px;
}

/*編集画面の注釈用リストの設定*/
.jgs-main-contents-ol {
	text-align:left;
	margin: 0px 0px 15px 25px;
}
.jgs-main-contents-ol ul {
	text-align:left;
	margin: 0px 0px 8px 15px;
	list-style-type: disc;
}

/*通信量表示用*/
#packet_chart{
	width:100% !important;
	height:300px !important;
}
#chart_view{
	width:630px;
	margin:10px;
}
#chart_total{
	width:350px;
	margin:10px;
}
#chart_add{
	width:630px;
	margin:10px;
}

/*モバイルフォルダ用リンク*/
.mf_link {
	text-align:right;
	margin: 0px 5px 8px 15px;
	font-weight:bold;

}
.mf_link a:link { 
	color:#00499c;
	text-decoration:underline;
}

.mf_link a:visited {
	color:#00499c;
	text-decoration:underline;
}

.mf_link a:hover {
	color:#ff0000;
	text-decoration:underline;
}
/*************************
  フッター
*************************/

/* フッター全体に適応*/
#jgs-footer {
	width:100%;
	position:absolute;
	bottom:20px;
	min-width:87em;
	width:expression(document.documentElement.clientWidth < document.body.scrollWidth? document.body.scrollWidth : "100%");

}

/*フッター内のtdタグに適応*/
#jgs-footer td {
	font-size:110%;
	padding:0px;

}
/*--------------------------
 *   検索用(画面ロック)
 *   --------------------------*/
/*検索部分に適応*/
#screen_lock {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 2;		/*system_idが浮かび上がるので、z-indexに2を指定する*/
	background-color:white;
	opacity:0.8;
	filter:alpha(opacity=85);
}
#screen_lock div {
	position:absolute;
	top:40%;
	left:40%;
	width:20%;
	height:20%;
	min-width:200px;
	min-height:80px;
	vertical-align:middle;
	padding-top:30px;
}
#screen_lock p{
	font-size: 150% ;
	font-weight:bold;
	color:#0000ff;
	text-align: center;
	white-space: nowrap;
}