/* $Id: mypage.css 7832 2013-01-09 12:58:34Z takahashi.ryuichi@ditgroup.jp $ */
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* navbar-fixed-top を使う時は必要
@media (min-width: 980px) {
	body{
		padding-top: 65px;
	}
}
*/

html, body {
	height: 100%;
}

/** {
	margin: 0 auto;
}*/

.mytitle {
	font-size: medium;

	/*margin: 0 0 20px;*/
	padding: 12px 20px;

	color: #ffffff;
	background-color: #396178;
	border-color: #5BA1C9;

	border-bottom-width: 3px;
	border-bottom-style: solid;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
}

.mytitle-xbt {
	/*font-size: medium;*/

	/*margin: 0 0 20px;*/
	padding: 5px 20px 2px 20px;
	margin-top: 3px;
	margin-bottom: 3px;

	color: #ffffff;
	background-color: #396178;
	border-color: #5BA1C9;

	border-bottom-width: 3px;
	border-bottom-style: solid;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
}

.mywell {
	min-height: 20px;
	padding: 5px;
	margin-bottom: 6px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
					border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.mybox {
	min-height: 20px;
	padding: 5px;
	margin-bottom: 6px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
					border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* small padding クラス */
.sm-padding {
	padding: 3px;
}
.sm-padding-left {
	padding-left: 3px;
}
.sm-padding-right {
	padding-right: 3px;
}
/* none margin クラス */
.none-margin-left {
	margin-left: 0;
}
.none-margin-right {
	margin-right: 0;
}
.none-margin-top {
	margin-top: 0;
}
.none-margin-bottom {
	margin-bottom: 0;
}
/* small margin クラス */
.sm-margin {
	margin: 3px;
}
.sm-margin-left {
	margin-left: 3px;
}
.sm-margin-right {
	margin-right: 3px;
}
.sm-margin-top {
	margin-top: 3px;
}
.sm-margin-bottom {
	margin-bottom: 3px;
}
/* medium margin クラス */
.md-margin-left {
	margin-left: 10px;
}
.md-margin-right {
	margin-right: 10px;
}
.md-margin-top {
	margin-top: 10px;
}
.md-margin-bottom {
	margin-bottom: 10px;
}
/* large marginクラス */
.lg-margin-left {
	margin-left: 20px;
}

.lg-margin-right {
	margin-right: 20px;
}

.lg-margin-top {
	margin-top: 20px;
}

.lg-margin-bottom {
	margin-bottom: 20px;
}

/* テキストカラー定義 */
.text-color-red {
	color: red;
}
.text-color-blue {
	color: blue;
}
.text-color-green {
	color: green;
}
.text-color-black {
	color: black;
}
.text-color-white {
	color: white;
}
.text-color-lock {
	color: darkgoldenrod;
}

/* 左右揃えflex */
.flex-left-right-align {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* aタグのhref属性なしにpointerをつける */
a {
	cursor: pointer;
}


/* チェックボックスのデザイン */
.label-checkbox input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	/* チェックボックスにフォーカスが当たらなくなるため、非表示はpositionの位置で表現する */
	/*visibility: hidden;*/
}

.label-checkbox {
	cursor: pointer;
	color: #000;
	margin-bottom: 0;
	font-weight: normal;
}

.label-checkbox .lever:before {
	content: "\f096";
	font-family: "FontAwesome";
	color: #aaa;
	text-align: center;
	font-size: 1.75rem;
	display: inline-block;
	min-width: 2.15rem;
	min-height: 2.15rem;
	line-height: 1.3;
	position: relative;
	top: 0.2rem;
	margin-right: 0.2rem;
}

.label-checkbox input[type="checkbox"]:disabled + .lever:before {
	opacity: 0.4;
}

.label-checkbox input[type="checkbox"]:checked + .lever:before {
	content: "\f046";
	font-family: "FontAwesome";
	color: #009d00;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

.label-checkbox input[type="checkbox"]:focus + .lever:before {
	color: #4788bf;
}

.label-checkbox input[type="checkbox"]:checked:focus + .lever:before {
	color: #008000;
}

/* フォームの.checkbox内に配置されたものは右にずれているため、
   既存のinput[type="checkbox"]と同じように左にずらす。
*/
.checkbox label {
	margin-left: -20px;
}
/* ここまで チェックボックスのデザイン */


.ui-dialog {
	/* jQuery UIのダイアログがBootstrapのナビゲーションバーの下側に回ってしまう対応 */
	z-index: 1060 !important;
	position: fixed;
}


.listbox-table
{
	background-color: #ffffff;
	font-size: small;
}

.fixed-width-table
{
	table-layout:fixed;
}


.role-table
{
	font-size : smaller;
}

.xob-input-params {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
	padding-top: 25px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* .xob-input-params の子要素としてない限りは非表示とする */
.xob-input-params-title {
	display: none;
}

.xob-input-params > .xob-input-params-title {
	display: inline-block;
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #E8EEF4;
	border: 1px solid #ddd;
	color: #396178;
	border-radius: 4px 0 4px 0;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
}

label.error
{
	font-size: small;
	margin-left: 10px;
	width: auto;
	color: Red;
	/*display: inline;*/
}
input.error
{
	border-color: red;
}

.btn-group .btn.active,
.btn-group .btn:active,
.btn[data-toggle="button"].active,
.btn[data-toggle="button"]:active {
	background-color: #afeeee;
}

.site-msg {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
	padding-top: 39px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.site-msg > .site-msg-title {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #E8EEF4;
	border: 1px solid #ddd;
	color: #396178;
	border-radius: 4px 0 4px 0;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
}

/* ナビゲーションバーのドロップダウンリンクの調整 */

/* サイト一覧の「システム管理」の色付け */
.dropdown-menu li > a.admin {
	color: #6c2735;
	font-weight: bold;
}

.dropdown-menu li.active > a.admin {
	color: #fff;
}


/* サイト名部分の階層の色付け */
#masterList .nav .dropdown .site-name-hierarchy-group {
	font-size: 0.85em;
	color: #c1c1c1;
}

#masterList .nav .dropdown .site-name-hierarchy-group:hover {
	color: #fff;
}

#masterList .nav .dropdown.open .site-name-hierarchy-group {
	color: #fff;
}

#masterList .nav .dropdown .site-name-hierarchy .label {
	font-size: small;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #0088CC;
		background-color: transparent;
	}
}

.navbar .nav > li > a {
	color: #ffffff;
	text-shadow: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088CC;
}

.navbar-brand {
  height: 40px;
  font-size: 20px;
  line-height: 20px;
}

.nav-pills > .admin > a {
	color: #6c2735;
}

.nav-pills > .active-admin > a,
.nav-pills > .active-admin > a:hover {
	color: #ffffff;
	background-color: #6c2735;
}

.nav-list > li > a {
	border-radius: 4px;
}

.nav-list > li.active > a,
.nav-list > li.active > a:hover,
.nav-list > li.active > a:focus {
	color: #fff;
	background-color: #337ab7;
}

/* ナビゲーションバーサイト一覧の階層化 */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #337ab7;
}

.dropdown-submenu.active:hover > a:after {
	border-left-color: #f5f5f5;
}

.dropdown-menu > li:hover,
.dropdown-menu > li:focus {
	background-color: #f5f5f5;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

/* ナビゲーションバーの調整 */
.exnavbar {
	margin-bottom: 3px;
}

#siteName {
	font-size: 1.5em;
}

#siteName .label {
	font-size: 0.5em;
}

#siteDescription {
	margin-left: 1.5em;
}

#siteDescriptionText {
	font-size: 1em;
	color: #ffffff;
}

/* グローバルメニューの色変更
*/
.submenu {
	margin-bottom: 5px;
	border-bottom: solid 1px #0088cc;
}

.submenu-admin {
	/*margin-bottom: 5px;*/
	border-bottom: solid 1px #6c2735;
}

/* グローバルメニューの調整 */
.global-menu ul {
	margin-bottom: 10px;
}

.global-menu li > a {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 3px;
}

/* サイドメニューの nav-stacked の高さ調整 */
.exnav-stacked-sm > li > a {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* form-groupのmargin-bottomを狭くする */
.form-horizontal .exslim .form-group {
	margin-bottom: 5px;
}

/* ヘルプボタンがアンカーによってスクロールしちゃうので、
	アンカーを消すとカーソルが変わらないのを対応 */
a.smallipop_tt {
	color: #08c;
	font-size: 2rem;
	cursor: pointer;
}

/* ヘルプボタンが右側に来る場合の margin 調整 */
.help-btn-right {
	margin-left: -25px;
}


/* Tableデザイン */
/* 行毎に色違いのテーブル */
.table-condensed {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}

.table-condensed tbody tr td {
	padding: 3px 5px;
	border: solid 1px #e8eef4;
}

.table-condensed thead tr th,
.table-condensed tfoot tr th{
	padding: 3px 5px;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
	vertical-align: middle;
}

/* コンパクトなテーブル */
table.datatable .compact
{
	font-size: smaller;
}

/* テーブルのデフォルト背景色は白にする */
.table {
	background-color: white;
}

/* テーブルのサイズ調整 */
.extable-slim > tbody > tr > td,
.extable-slim > tbody > tr > th,
.extable-slim > tfoot > tr > td,
.extable-slim > tfoot > tr > th,
.extable-slim > thead > tr > td,
.extable-slim > thead > tr > th {
	padding: 3px 5px;
}

/* datatable のスタイル変更 */
table.dataTable {
	box-sizing:border-box;
	border-collapse: collapse!important;
}

/* ページネーションのボタンをクリックした際に色が押しっぱなしになる現象の対応 */
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #337ab7;
	background-color: #fff;
	border-color: #ddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
	background-color: #ddd;
}

/* ページネーションが無効化されたのがわかりにくいので、少しグレーにする */
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	background-color: #fafafa
}

/* 検索ボックスの大きさ調整 */
div.dataTables_wrapper div.dataTables_filter input.searchInput {
	margin-left: 0;
}

.dataTables_filter {
	margin-top: 2px;
}

/* 表示件数ボックスの調整 */
.dataTables_length {
	margin-top: 2px;
}

/* DataTableの処理中ダイアログ調整 */
.dataTables_processing {
	z-index: 2;
}

/* fancytreeのメニュー名が長い場合、リストからはみ出してしまう問題の対応 */
ul.fancytree-container {
	overflow: auto;
}

/* fancytreeのメニューアイコンが「サイト管理者のみ」のときに変わらないので対応 */
.fancytree-ico-e.limited span.fancytree-icon, /* Limited Page icon */
.fancytree-ico-e.limited span.fancytree-icon:hover
{
	background-position: -16px -112px;
}

/* sort を無効にすると、ヘッダが白になるのを調整 */
table.dataTable > thead > tr > th.sorting,
table.dataTable > thead > tr > th.sorting_disabled,
table.dataTable > thead > tr > th.sorting_asc,
table.dataTable > thead > tr > th.sorting_desc,
table.dataTable > thead > tr > th.sorting_asc_disabled,
table.dataTable > thead > tr > th.sorting_desc_disabled {
	background-color: #e8eef4;
	padding-right: 15px;
}

/* ソートアイコンのないところはpaddingをleftと合わせる */
table.dataTable > thead > tr > th.sorting_disabled {
	padding-right: 5px;
}

/* １列目にチェックボックスを表示するとヘッダとデータで位置がずれるので */
table.dataTable.table-condensed > thead > tr > th {
	padding-right: 5px!important;
}

/* ----------sort アイコンスタイル----------（イマイチだったのでデフォルトに戻した） */
/* sort アイコンを Font-Awesome にするために、既存を消す */
/*table.dataTable > thead > tr > th {
	position: relative;
	background-image: none;
}*/

/* sort アイコンを Font-Awesome にする */
/*table.dataTable > thead > tr > th.sorting:after,
table.dataTable > thead > tr > th.sorting_asc:after,
table.dataTable > thead > tr > th.sorting_asc_disabled:after,
table.dataTable > thead > tr > th.sorting_desc:after,
table.dataTable > thead > tr > th.sorting_desc_disabled:after {
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	font-family: FontAwesome;
}*/

/* sort アイコンの Opacity 設定 */
/*table.dataTable > thead > tr > th.sorting_asc:after,
table.dataTable > thead > tr > th.sorting_desc:after {
	opacity: 1;
}

table.dataTable > thead > tr > th.sorting:after,
table.dataTable > thead > tr > th.sorting_asc_disabled:after,
table.dataTable > thead > tr > th.sorting_desc_disabled:after {
	opacity: 0.6;
}*/

/* sort アイコンを Font-Awesome の適切なアイコンにする */
/*table.dataTable > thead > tr > th.sorting:after {
	content: "\f0dc";
	color: gray;
	font-size: 1em;
	padding-top: 0.12em;
}

table.dataTable > thead > tr > th.sorting_asc:after {
	content: "\f0de";
	color: #337ab7;
}

table.dataTable > thead > tr > th.sorting_asc_disabled:after {
	content: "\f0de";
	color: #999;
}

table.dataTable > thead > tr > th.sorting_desc:after {
	content: "\f0dd";
	color: #337ab7;
}

table.dataTable > thead > tr > th.sorting_desc_disabled:after {
	content: "\f0dd";
	color: #999;
}*/
/* ----------sort アイコンスタイル---------- */

/* スクロールを有効にした場合、TableBodyの1行目にソートアイコンが出る問題の対応 */
div.dataTables_scrollBody > table.dataTable > thead > tr > th.sorting:after,
div.dataTables_scrollBody > table.dataTable > thead > tr > th.sorting_asc:after,
div.dataTables_scrollBody > table.dataTable > thead > tr > th.sorting_desc:after {
	display: none;
}
/* Tableデザインここまで */

/* 選択したユーザーを管理者に追加 ボタンのデザイン */
#btnUserAdd {
	border-radius: 5px;
}

/* 暗めのダイアログ背景 */
.ui-widget-overlay {
	opacity: .20;
	filter: Alpha(Opacity=20);
}

/* dialog shadow */
.dialogWithDropShadow
{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	font-size: smaller;
}

/* for responsive table */
@media only screen and (max-width: 540px) {
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }

	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }

	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }


	/* sort out borders */

	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}

.form-horizontal .control-group
{
	margin-bottom:5px;
}

.textareafont
{
	font:11pt'Courier'
}

.input-validation-error
{
	background-color: #ffcccc;
	border-color: #ff0000;
}

.field-validation-error
{
	color: #ff0000;
}

.keywordTable {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #3f7f00;

	-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;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.keywordTable table{
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.keywordTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.keywordTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.keywordTable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.keywordTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
/* .keywordTable tr:hover td{

}*/
.keywordTable tr:nth-child(odd) { background-color:#d4ffaa; }
.keywordTable tr:nth-child(even) { background-color:#ffffff; }.keywordTable td{
	vertical-align:middle;


	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-weight:normal;
	color:#000000;
}.keywordTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.keywordTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.keywordTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.keywordTable tr:first-child td{
		background:-o-linear-gradient(bottom, #5fbf00 5%, #5fbf00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #5fbf00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #5fbf00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#5fbf00");	background: -o-linear-gradient(top,#5fbf00,#5fbf00);

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
.keywordTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #5fbf00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #5fbf00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #5fbf00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#5fbf00");	background: -o-linear-gradient(top,#5fbf00,#5fbf00);

	background-color:#5fbf00;
}
.keywordTable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.keywordTable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}


/* 実行中のダイアログのスタイル
   タイトルバーを消し、背景色を設定（IE以外） */
.no-close .ui-dialog-titlebar-close
{
	display: none
}
.no-close .ui-dialog-titlebar
{
	display: none
}
.no-close.ui-widget-content  {
	border: 0px;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	padding-top : 16px;
}

/* テーブル列の書式 */
.col_alignCenter { text-align: center; }
.col_alignRight  { text-align: right; }
.col_invisible   { display: none; }

/* メッセージボックスのメッセージのセンタリング */
.dlgmsgcenter {
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

/* Custom MessageBox */
.mymsgbox_overlay {
	background-color    : rgba(53, 87, 116, 0.20);
	z-index: 9999;
}
.mymsgbox {
	background-color    : white;
	border              : 1px solid #1F2850;
	border-radius       : 5px;
}
.mymsgbox .messagebox_title {
	background-color    : #1F2850;
	color: white;
}
.mymsgbox .messagebox_buttons {
	background-color    : white;
}
.mymsgbox .messagebox_buttons button {
	background-color    : #0078ae;
	border-radius       : 5px;
	color: white;
	background-image: initial;
	border: 1px solid silver;
}
.mymsgbox .messagebox_content {
	padding: 20px;
	font-size : large;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.aboutbox {
	background-color    : white;
	border              : 1px solid #1F2850;
	border-radius       : 5px;
}
.aboutbox .messagebox_title {
	background-color    : #1F2850;
	color: white;
}
.aboutbox .messagebox_buttons {
	background-color    : white;
}
.aboutbox .messagebox_buttons button {
	background-color    : #0078ae;
	border-radius       : 5px;
	color: white;
	background-image: initial;
	border: 1px solid silver;
}
.aboutbox .messagebox_content {
	padding: 20px;
	font-size : small;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}

.passwdbox {
	background-color    : white;
	border              : 1px solid #1F2850;
	border-radius       : 5px;
}
.passwdbox .messagebox_title {
	background-color    : #1F2850;
	color: white;
}
.passwdbox .messagebox_buttons {
	background-color    : white;
}
.passwdbox .messagebox_buttons button {
	background-color    : #0078ae;
	border-radius       : 5px;
	color: white;
	background-image: initial;
	border: 1px solid silver;
}
.passwdbox .messagebox_content {
	padding: 20px;
	font-size : medium;
	vertical-align: middle;
	text-align: left;
	display: table-cell;
}
.passwdbox .messagebox_content_error {
	font-size : small;
}

.warn_button {
	color               : #ffffff;
	background-color    : #ff6a00!important;
}
.warn_button:hover {
	color               : #ffffff;
	background-color    : #ff6a00!important;
}
.warn_button:active {
	color               : #ffffff;
	background-color    : #ff6a00!important;
	box-shadow          : none;
}

.cancel_button {
	color               : Initial!important;
	background-color    : Initial!important;
}
.cancel_button:hover {
	color               : Initial!important;
	background-color    : Initial!important;
}
.cancel_button:active {
	color               : Initial!important;
	background-color    : Initial!important;
	box-shadow          : none;
}

.field-icon {
	float				: right;
	margin-right		: 15px;
	margin-top			: -21px;
	position			: relative;
}
.field-icon-normal {
	color				: darkgray;
}
.field-icon-active {
	color				: #00A7E3;
}

/*
.mymsgbox_overlay {
	background-color: rgba(255,255,255,.6)
}

.mymsgbox_overlay :focus {
	outline: 0
}

.mymsgbox {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	color: #303030;
	background-color: #fcfcfc;
	border: 1px solid #c8c8c8;
	box-shadow: 0 2px 4px #a0a0a0;
	max-height: 90%;
	max-width: 90%;
	min-width: 300px
}

.mymsgbox_title {
	background-color: #f5f5f5;
	border-bottom: 1px solid #c8c8c8;
	padding: 5px;
	text-align: center;
	font-weight: 700
}

.mymsgbox_content {
	padding: 20px;
	font-size : large;
}

.mymsgbox_content_label {
	width: 100%;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: -5px
}

.mymsgbox_content_input {
	width: 100%;
	margin-top: 10px;
	padding: 3px;
	color: #303030;
	border: 1px solid #909090;
	font-family: inherit;
	font-size: inherit;
	font-style: normal;
	font-weight: inherit;
	text-align: left
}

.mymsgbox_content_input:hover {
	border-color: #707070
}

.mymsgbox_content_input:focus {
	border-color: #707070;
	box-shadow: inset 0 0 3px #ffd540
}

.mymsgbox_content_input_selectplaceholder {
	color: #909090
}

.mymsgbox_content_input_textarea {
	overflow-y: auto
}

.mymsgbox_content_caption {
	width: 100%;
	margin-top: 15px;
	padding: 5px 0
}

.mymsgbox_content_checkbox_wrapper {
	width: 100%;
	margin-top: 10px
}

.mymsgbox_content_checkbox {
	margin-right: 5px;
	vertical-align: -2px
}

.mymsgbox_content_error {
	background-color: #fad0d5;
	color: #a02020;
	margin-top: 15px;
	margin-bottom: -10px;
	padding: 4px 6px;
	border-radius: 2px
}

.mymsgbox_buttons {
	background-color: #f5f5f5;
	border-top: 1px solid #c8c8c8;
	padding: 10px 20px 0 20px;
	text-align: center
}

.mymsgbox_buttons_button {
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	text-align: center;
	min-width: 75px;
	margin: 0 4px 10px 4px;
	padding: 5px 10px;
	cursor: pointer;
	color: #404040;
	background-color: #e9e9e9;
	background-image: linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 51%,rgba(255,255,255,0) 100%);
	border: 1px solid silver;
	border-radius: 2px
}

.mymsgbox_buttons_button:hover {
	color: #202020;
	background-color: #f0f0f0
}

.mymsgbox_buttons_button:active {
	background-color: #e6e6e6;
	border: 1px solid #a0a0a0;
	box-shadow: inset 0 0 6px #d0d0d0
}

.mymsgbox_buttons_button::-moz-focus-inner {
	padding: 0;
	border: 0
}
*/

/* アップロードエリアの表現 */
.dropzone.hover {
	background: #a0d8ef;
}

.dropzone.fade {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 1;
}

/* ElFinderで不要なボタンの非表示 */
.elfinder-confirm-extbtn1 {
	display: none;
}