@charset "utf-8";
/* ------------------------------------------- */
/* ヘッダ */
head {

	background-color: #1a1a1a;
	color: #000000;
    font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

/* ボディ */
body {

	background-color: #1a1a1a;
	color: #000000;
    font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

#loginImgSpan {

	left: 50%;
	top: 20%;

	height: 182px;
	width: 711px;
	margin-left: -370px;
	position: absolute;
	background-image: url('../images/login.png');
	background-repeat: no-repeat;
	-moz-background-size:cover;
	background-size:cover;
 	text-align: center;
}

/* ベースコンテンツ(ログイン用) */
#baseContent{

	height: 170px;
	width: 430px;
	position : absolute;
	left: 50%;
	top: 40%;
	margin-top: 0px;
	margin-left: -215px;

    background: #333333;
	color: #FFFFFF;

}

/* ベースコンテンツ(お知らせ掲載用) */
#msgContent{

	height: 220px;
	width: 750px;
	position : absolute;
	left: 41%;
	top: 64%;
	margin-top: 0px;
	margin-left: -215px;
    background: #333333;
	color: #FFFFFF;
	overflow-y:scroll;
	font-size:15px;
}

/* ------------------------------------------- */
/* ラベルテキストスタイル */

/* 見出しコンテンツ */
div.midashiContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 160px;
	height: 30px;
	background: #1a1a1a;
	border-radius: 5px;
}

/* ラベルコンテンツ */
div.labelContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 160px;
	height: 30px;
	background: #cccccc;
	border-radius: 5px;
}

/* 選択コンテンツ */
div.selectContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 160px;
	height: 30px;
	background: #ffffff;
}

/* 選択後コンテンツ */
div.selectAfterContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 160px;
	height: 30px;
	background: #4169E1;
}

/* 選択不可コンテンツ */
div.noSelectContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 160px;
	height: 30px;
	background: #A9A9A9;
}

/* 地図上背景コンテンツ */
div.mapContent{

	position : absolute;
	padding: 0;
	margin : 0;

	color:#FFFFFF;
	background: #1a1a1a;
	border-radius: 5px;

	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.mapContentNoOpacity{

	position : absolute;
	padding: 0;
	margin : 0;

	color:#FFFFFF;
	background: #1a1a1a;
	border-radius: 5px;
}

/* ------------------------------------------- */
/* ラベルテキストスタイル */

/* 通常テキスト(太字) */
h3.nomalBoldText {

	padding: 0;
	margin : 0;

	color: #FFFFFF;
	font-weight: bold;
}

/* 通常テキスト */
p.nomalText {

	padding: 0;
	margin : 0;

	color: #FFFFFF;
}

/* 通常テキスト */
label.nomalText {

	padding: 0;
	margin : 0;

	color: #FFFFFF;
}

/* 通常テキスト(太字) */
p.nomalBoldText {

	padding: 0;
	margin : 0;

	color: #FFFFFF;
	font-weight: bold;
}

/* ラベルテキスト */
p.labelText {

	padding: 0;
	margin : 0;

	color: #000000;
}

/* ラベルテキスト（太字） */
p.labelBoldText {

	padding: 0;
	margin : 0;

	color: #000000;
	font-weight: bold;
}

/* 選択テキスト */
p.selectText {

	padding: 0;
	margin : 0;

	color: #FFFFFF;
}

/* エラーテキスト */
p.errorText {

	padding: 0;
	margin : 0;

	color: #FF0000;
	font-weight: bold;
}

/* 画像リサイズ(中央、サイズ最大) */
p.resizeimage img {

	max-width: 100%;
	max-height: 100%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

/* 画像リサイズ(中央) */
p.centerImg img {

	text-align:center;
}

/* ------------------------------------------- */
/* テーブルスタイル */

/* テーブルテキスト */
table.nomalText {

	color: #000000;
	background-color: #f0f8ff;

	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #1a1a1a solid; /* テーブル全体の枠線（太さ・色・スタイル） */

	table-layout: fixed;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-size: 14px;
}

table.nomalText TD {

	border: 1px #1a1a1a solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 4px;
	table-layout: fixed;
	white-space: nowrap;
}

table.nomalTextRtnAuto {

	color: #000000;
	background-color: #f0f8ff;

	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #1a1a1a solid; /* テーブル全体の枠線（太さ・色・スタイル） */

	table-layout: fixed;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-size: 14px;
}

table.nomalTextRtnAuto TD {

	border: 1px #1a1a1a solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 4px;
	table-layout: fixed;
	word-break: break-all;
}

.graphText {

	border-style:none;
	padding: 0px;
	table-layout: fixed;
	white-space: nowrap;
}

.listMidashiText {

	color: #FFFFFF;
	background-color: #000000;

	border: 1px #FFFFFF solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 4px;
	table-layout: fixed;
	white-space: nowrap;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-size: 14px;
}

.selectrow {

	color: #FFFFFF;
	background-color: #0000ff;

	border: 1px #FFFFFF solid; /* セルの枠線（太さ・色・スタイル） */

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-size: 14px;
}

.selectrowOnlyOne {

	color: #FFFFFF;
	/* 2016/04/21 GBC)村上 DPN温度管理システムNexTR対応 MOD START */
	/* background-color: #0000ff; */
	background-color: #3388ff !important;
	/* 2016/04/21 GBC)村上 DPN温度管理システムNexTR対応 MOD END */

	border: 1px #FFFFFF solid; /* セルの枠線（太さ・色・スタイル） */

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-size: 14px;
}

/* ------------------------------------------- */
/* 入力テキストスタイル */

/* 通常テキスト */
input.nomalInputText {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #f0f8ff;
	border-radius: 5px;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;

	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD START */
	/* font-size: 20px; */
	font-size: 16px;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD END */

	width:160px;
	height: 25px;
}

/* 通常テキスト(サイズ未指定) */
input.nomalInputTextNoSize {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #f0f8ff;
	border-radius: 5px;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD START */
	/* font-size: 20px; */
	font-size: 16px;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD END */
}

/* 2017/03/14 TCS)Kawaguchi Add Start */
/* 非活性スタイル */
input.nomalInputTextNoSize:disabled,select.nomalInputSelect:disabled {

	color: #666666;
	background-color: #cccccc;

}
/* 2017/03/14 TCS)Kawaguchi Add End */

/* エラーテキスト */
input.errorInputText {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #FF0000;
	border-radius: 5px;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD START */
	/* font-size: 20px; */
	font-size: 16px;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD END */

	width:160px;
	height: 25px;
}

/* ------------------------------------------- */
/* 通常セレクト */
select.nomalInputSelect {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #f0f8ff;
	border-radius: 5px;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD START */
	/* font-size: 20px; */
	font-size: 16px;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD END */
}

/* ------------------------------------------- */
/* 通常テキストエリア */
textarea.nomalInputTextArea {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #f0f8ff;
	border-radius: 5px;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD START */
	/* font-size: 20px; */
	font-size: 16px;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD END */
}


/* ------------------------------------------- */
/* 通常チェック */
checkbox.nomalInputCheck {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #DCDCDC;

	font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD START */
	/* font-size: 20px; */
	font-size: 16px;
	/* 2016/03/13 TCS)小西 新デジタルタコグラフ(TTI社製)対応の製品開発とSaaS化 MOD END */
}

/* ------------------------------------------- */
/* 通常ラジオ */
radio.nomalInputRadio {

	padding: 0;
	margin : 0;

	color: #000000;
	background-color: #DCDCDC;
}

/* ------------------------------------------- */
/* リスト */
ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol {
	list-style-type: none;
}
li {
	margin:5px;
	background:#333333;
	position: relative;
}

li a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding:10px;
}
li a:hover{
	background: #1a1a1a;
	color:#FFFFFF;
}

/* サブリスト */
ul.sublist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.sublist li {
	margin:5px;
	background:#333333;
	position: relative;
}

ul.sublist li a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding:5px;
}
ul.sublist li a:hover{
	background: #1a1a1a;
	color:#FFFFFF;
}

/* サブリスト */
ul.sublist2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.sublist2 li {
	margin:5px 0px 0px 50px;
	background:#333333;
	position: relative;
}

ul.sublist2 li a{
	display: block;
	text-decoration: underline;
	color:#87CEFA;
	padding:5px;
}
ul.sublist2 li a:hover{
	color:#87CEFA;
}

/* 通知一覧用リスト */
ul.tsuchiList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.tsuchiList li {
	margin:0px 0px 0px 0px;
	background:#333333;
	position: relative;
/*	border-bottom:1px dashed #CCCCCC;/*下線*/
}

ul.tsuchiList li a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding:5px;
}
ul.tsuchiList li a:hover{
	color:#87CEFA;
}

/* 通知詳細用リスト */
ul.tsuchiList2 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.tsuchiList2 li {
	margin:0px 0px 0px 20px;
	background:#333333;
	position: relative;
	border-bottom:1px dashed #CCCCCC;/*下線 */
}

ul.tsuchiList2 li a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding:5px;
}
ul.tsuchiList2 li a:hover{
	color:#87CEFA;
}

/* ------------------------------------------- */
/* リンク */
a{
	display: block;
	color: #FFFFFF;
}
a:hover{
	color:#FFFFFF;
}

a.noFilter{
	display: block;
	color: #FFFFFF;
}

a.existFilter{
	display: block;
	color: #1E90FF;
}

a.filterRunning{
	display: block;
	color: #FFD700;
}

a.nomalText{
	display: block;
	color: #000000;
}

a.commentText{
	display: block;
	color: #B8860B;
	font-weight: bold;
}

a.noDecoration{
	display: block;
	text-decoration: none;
	color: #000000;
}
/* ------------------------------------------- */
/* ヘッダコンテンツ */
div.headContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 100%;
	height: 40px;

	top: 0px;
	left: 0px;

	/* background: #0000FF; */
	background: #1a1a1a;
}

/* メインサブコンテンツ */
div.mainSubContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 0px;

	top: 40px;
	left: 5px;

	/* background: #FF00FF; */
	background: #333333;
}

/* メインサブコンテンツヘッダ */
div.mainSubContentHead{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 95%;
	height: 0px;

	top: 5px;
	left: 5px;

	color: #FFFFFF;
    font-size: 14px;

	/* background: #0000FF; */
	background: #1a1a1a;
}

/* メインサブコンテンツ内 */
div.mainSubContentIn{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 95%;
	height: 0px;

	top: 0px;
	left: 0px;

	overflow: auto;   /* スクロール自動表示 */

	/* background: #FF0000; */
	background: #1a1a1a;
}

/* メインコンテンツ */
div.mainContent{

	position : absolute !important;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 0px;

	top: 0px;
	left: 0px;

	color: #FFFFFF;

	/* background: #00FF00; */
	background: #333333;

	overflow: auto;   /* スクロール自動表示 */
}

/* ファンクションコンテンツ */
div.functionContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 0px;

	top: 0px;
	left: 0px;

	/* background: #0F0000; */
	background: #333333;
}

/* インフォコンテンツ(無し) */
div.infoContent{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 0px;

	top: 0px;
	left: 0px;

	color: #000000;

	/* background: #F0F000; */
	background: #333333;
}

/* インフォコンテンツ(正常) */
div.infoContent0{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 40px;

	top: 0px;
	left: 0px;

	color: #000000;

	/* background: #F0F000; */
	background: #333333;
}

/* インフォコンテンツ(警告) */
div.infoContent1{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 40px;

	top: 0px;
	left: 0px;

	color: #FFA500;

	/* background: #F0F000; */
	background: #333333;
}

/* インフォコンテンツ(異常) */
div.infoContent2{

	position : absolute;
	padding: 0;
	margin : 0;

	width: 0px;
	height: 40px;

	top: 0px;
	left: 0px;

	color: #000000;

	/* background: #FF0000; */
	background: #333333;
}

/* ------------------------------------------- */
/* センターコンポーネント */
div.centerComp{

	padding: 0;
	margin : 0;

	text-align: center;
}

/* レフトコンポーネント */
div.leftComp{

	padding: 0;
	margin : 0;

	text-align: left;
}

/* ライトコンポーネント */
div.rightComp{

	padding: 0;
	margin : 0;

	text-align: right;
}

/* ------------------------------------------- */
/* QRコード関連 */
div.QRBasic {

	position: relative; /* 相対位置 */
	padding-top: 0px;  /*  tableIn の開始位置 */
	width: 0px; /* listの横幅(列幅の合計＋セル間の幅(2px)の合計＋20px) */
	border: 1px solid #FFFFFF;  /* 外枠 */
	background-color: #FFFFFF;
	-webkit-overflow-scrolling: touch;
}

/* ------------------------------------------- */
/* テーブル関連 */

div.tableOut { /* 全体の枠。ここにヘッダを格納 */

	position: relative; /* 相対位置 */
	padding-top: 0px;  /*  tableIn の開始位置 */
	width: 0px; /* listの横幅(列幅の合計＋セル間の幅(2px)の合計＋20px) */
	border: 1px solid #FFFFFF;  /* 外枠 */
	background-color: #1a1a1a;
	-webkit-overflow-scrolling: touch;
}

div.tableIn {

	overflow: auto; /* スクロールバー*/
	height: 0px; /* listを表示する高さ */
	-webkit-overflow-scrolling: touch;
}

/**********************************************************************************/
/* 2017/09/01 ESS東     次世代TMS構築プロジェクト
/*--------------------------------- Start ----------------------------------------*/
.tableIn::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 20px;
	background: #9aadfc;
}
.tableIn::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 20px;
	background: #9aadfc;
}
/*
.tableIn::-webkit-scrollbar{
	width: 5px;
	background: #9aadfc;
}
.tableIn::-webkit-scrollbar:horizontal{
	width: 5px;
	background: #9aadfc;
}
/*--------------------------------- End   ----------------------------------------*/
.tableIn::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
.tableIn::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
.tableIn::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #9aadfc;
}
.tableIn::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #a3d2a0;
}
.tableIn::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}

/* ------------------------------------------- */
/* 処理中画像 */

#loading{
    border:0px;
    padding:0px;
    position: fixed;
    top:50%;
    left:50%;
    background-color:transparent;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}

#loading .loadingMsg{
	color: #4169E1;
	text-align:center;
    padding-top:100px;
    width:100px;
    background-image:url('../images/loopWait5.gif');
	background-position: center top;
    background-repeat: no-repeat;
    background-color:transparent;
    font-family: "メイリオ"!important;
}

#loading .loadingMsg2{
	color: #4169E1;
	text-align:center;
    padding-top:100px;
    width:100px;
    background-image:url('../images/loopWait5.gif');
	background-position: center top;
    background-repeat: no-repeat;
    background-color:transparent;
    font-family: "メイリオ"!important;
}

#loadingMap{
    border:0px;
    padding:0px;
    position: fixed;
    top:50%;
    left:50%;
    background-color:transparent;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

#loadingMap .loadingMapMsg{
	color: #c71585;
	text-align:center;
    padding-top:40px;
    width:140px;
    background-image:url('../images/loopWait6.gif');
	background-position: center top;
    background-repeat: no-repeat;
    background-color:transparent;
    font-family: "メイリオ"!important;
    font-size: 18px;
}

a.btnBlue {
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #4068E1,#9696fa);;
   padding: 0.0rem;
   border: 1px solid #E6E6FA ;
   border-radius: 7px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
   vertical-align: middle;
}

a.btnBlueSquare {
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #4068E1,#9696fa);;
   padding: 0.0rem;
   border: 1px solid #E6E6FA ;
   border-radius: 0px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
   vertical-align: middle;
}

a.btnBlueSquare2 {
   text-decoration: none;
   display: inline;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #4068E1,#9696fa);
   padding: 6px 8px 6px 8px;
   border: 1px solid #E6E6FA ;
   border-radius: 0px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
   vertical-align: middle;
}

a.btnGreen {
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #228b22,#6bb36b);
   padding: 0.0rem;
   border: 1px solid #E6E6FA ;
   border-radius: 7px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

a.btnOrenge {
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #ffaa00,#ffbb33);
   padding: 0.0rem;
   border: 1px solid #E6E6FA ;
   border-radius: 7px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

a.btnBlack{
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #000000,#4d4d4d);
   padding: 0.0rem;
   border: 1px solid #E6E6FA ;
   border-radius: 7px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

a.btnNavy{
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #99aaff,#323232);
   padding: 0.0rem;
   border: 1px solid #E6E6FA ;
   border-radius: 7px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}
a.btnBlackSquare{
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #000000,#4d4d4d);
   border: 1px solid #E6E6FA ;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

a.btnBlackShortSquare{
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #000000,#4d4d4d);
   padding: 0.0rem;
   border: 1px solid #1a40ff ;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

a.btnBlackShortSquareYellow{
   text-decoration: none;
   display: block;
   color: #FFFF00;
   background: linear-gradient(to bottom, #000000,#4d4d4d);
   padding: 0.0rem;
   border: 1px solid #1a40ff ;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
   font-family:"游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}

.ui-autocomplete {
     max-height: 500px;
     overflow-y: auto;
     overflow-x: hidden;
     padding-right: 20px;
}
#jquery-ui-autocomplete label {
     float: left;
     margin-right: 0.5em;
     color: black;
     font-size: 15px;
}

/**********************************************************************************/
/* 2017/09/01 ESS東     次世代TMS構築プロジェクト
/*--------------------------------- Start ----------------------------------------*/
a.btnLs {
   text-decoration: none;
   display: block;
   color: #FFFFFF;
   background: linear-gradient(to bottom, #000000,#000000);
   padding: 0.0rem;
   border: 1px solid #FFFFFF ;
   border-radius: 0px;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
   text-align:center;
   font-size: 12px;
	font-family:"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
/*	font-family:"ＭＳ ゴシック",sans-serif; */
   vertical-align: middle;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4068E1', endColorstr='#9696fa', GradientType=0); /* IE7,8,9 */
}

a.btnLs:hover{
   background: linear-gradient(to bottom, #000000,#000000);
}

.hideItem {
	display: none;
}
.showItem {
	display: block;
}
/*--------------------------------- End   ----------------------------------------*/