@charset "utf-8";

@import "pb_button.css";

/* ----------------------------------------------------- */
/*   PriBiz （将来的には）メインスタイル                 */
/* ----------------------------------------------------- */

/* クリアフィックス
-------------------------------------------------------- */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* body のCSS矯正
------------------------------------------------------ */
body {
	text-align: left;
}

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

/* ウインドウサイズに追従
------------------------------------------------------ */
.fluid {
	width: 100% !important;
	min-width: 1000px;
}

/* パンくず
--------------------------------------------------------- */
.breadcrumb {
	width: 100%;
	background: #f6f6f6;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: left;
	padding-top:6px;
}

.breadcrumb ul {
	width: 950px;
	margin: 0px auto;
	padding: 5px 0px;
	overflow: hidden;
}

.breadcrumb ul li {
	margin: 0px;
	margin-right: 5px;
	padding: 0px;
	background: none;
	float: left;
}

.breadcrumb ul li a {
	text-decoration: none;
}

.breadcrumb ul li:after {
	color: #aaa;
	content: " > ";
	font-weight: bold;
}

.breadcrumb .first {
	text-indent: 20px;
}

.breadcrumb .active {
	
}

/* > が消えちゃう
.breadcrumb .active:after {
  content: " ";
}
*/

/* メインブロック
--------------------------------------------------------- */
.mainBlock {
	width: 950px;
	margin: 10px auto;
	padding: 0px;
}

/* 画面タイトルエリア
--------------------------------------------------------- */
.titleArea {
	height: 40px;
	margin-bottom: 10px;
	padding: 0px 20px;
	position: relative;
	text-align: left;
}

.titleArea img {
	margin: 0px 10px 0px 0px;
	float: left;
}

.titleArea h2 {
	font-size: 18px;
	float: left;
	line-height: 40px;
}

.titleArea .tabs {
	height: 40px;
	position: absolute;
	top: 0px;
	left: 240px;
	vertical-align: middle;
}

.titleArea .buttons {
	height: 40px;
	position: absolute;
	top: 2px;
	right: 20px;
	vertical-align: middle;
}

/* 検索パネル
--------------------------------------------------------- */
.searchPanel {
	margin: 0px 20px;
	padding: 10px 20px;
	background: #F6F6F6;
	border-top: 1px solid #dadada;
	text-align: left;
}

.textSearch {
	padding: 5px !important;
	width: 300px;
}

.searchPanel .search {
	margin: 10px 0px;
	float: left;
}

.searchPanel .search img {
	vertical-align: middle;
}

.searchPanel .buttons {
	margin: 5px 0px 0px 20px;
	float: left;
}

.searchPanel .buttons .right {
	float: right;
}

/* JTable 領域
--------------------------------------------------------- */
.jtablearea {
	margin: 0px 20px;
	color: #333 !important;
}

.jtablearea.blue {
	border-top: solid 4px #529af3;
}

.jtablearea.green {
	border-top: solid 4px #53cb53;
}

.jtable-column-header-text {
	width: calc(100% - 1px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.jtable-column-header-text {
	text-align: center;
}

.jtable-input-label {
	padding: 4px;
	margin: 0;
	font-weight: normal;
	color: #222;
	background: #EEE;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
}

.jtable-input {
	padding: 4px;
	margin: 0;
	color: #222;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
}

.jtable-create-form-table, .jtable-edit-form-table {
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

.jtable-child-table-container {
	padding: 0 10px 10px 10px;
}

/* JQueryUI CSS Over write
-------------------------------------------------------- */
/* 2016.05.11 ダイアログのボタン調整 */
.ui-dialog-buttonset .ui-state-default, .ui-dialog-buttonset .ui-widget-content .ui-state-default,
	.ui-dialog-buttonset .ui-widget-header .ui-state-default, .btn-center .ui-state-default,
	.btn-center .ui-widget-content .ui-state-default, .btn-center .ui-widget-header .ui-state-default
	{
	border: 1px solid #444b52;
	background: #444b52;
	font-weight: normal;
	color: #ffffff;
}

.ui-dialog-buttonset .ui-state-default a, .ui-dialog-buttonset .ui-state-default a:link,
	.ui-dialog-buttonset .ui-state-default a:visited, .btn-center .ui-state-default a,
	.btn-center .ui-state-default a:link, .btn-center .ui-state-default a:visited
	{
	color: #ffffff;
	text-decoration: none;
}

.ui-dialog-buttonset .ui-state-hover, .ui-dialog-buttonset .ui-widget-content .ui-state-hover,
	.ui-dialog-buttonset .ui-widget-header .ui-state-hover,
	.ui-dialog-buttonset .ui-state-focus, .ui-dialog-buttonset .ui-widget-content .ui-state-focus,
	.ui-dialog-buttonset .ui-widget-header .ui-state-focus, .btn-center .ui-state-hover,
	.btn-center .ui-widget-content .ui-state-hover, .btn-center .ui-widget-header .ui-state-hover,
	.btn-center .ui-state-focus, .btn-center .ui-widget-content .ui-state-focus,
	.btn-center .ui-widget-header .ui-state-focus {
	border: 1px solid #7c8186;
	background: #7c8186;
	font-weight: normal;
	color: #ffffff;
}

.ui-dialog-buttonset .ui-state-hover a, .ui-dialog-buttonset .ui-state-hover a:hover,
	.ui-dialog-buttonset .ui-state-hover a:link, .ui-dialog-buttonset .ui-state-hover a:visited,
	.btn-center . ui-state-hover a, .btn-center .ui-state-hover a:hover,
	.btn-center .ui-state-hover a:link, .btn-center .ui-state-hover a:visited
	{
	color: #ffffff;
	text-decoration: none;
}

.ui-dialog-buttonset .ui-state-active, .ui-dialog-buttonset .ui-widget-content .ui-state-active,
	.ui-dialog-buttonset .ui-widget-header .ui-state-active, .btn-center .ui-state-active,
	.btn-center .ui-widget-content .ui-state-active, .btn-center .ui-widget-header .ui-state-active
	{
	border: 1px solid #7c8186;
	background: #7c8186;
	font-weight: normal;
	color: #ffffff;
}

.ui-dialog-buttonset .ui-state-active a, .ui-dialog-buttonset .ui-state-active a:link,
	.ui-dialog-buttonset .ui-state-active a:visited, .btn-center .ui-state-active a,
	.btn-center .ui-state-active a:link, .btn-center .ui-state-active a:visited
	{
	color: #ffffff;
	text-decoration: none;
}

/* ダイアログのタイトルバー*/
/* ボタン */
.ui-dialog-titlebar .ui-state-default {
	border: 1px solid #ffffff;
	background: #ffffff
		url(custom-theme/images/ui-bg_flat_70_ffffff_40x100.png) 50% 50%
		repeat-x;
	font-weight: normal;
	color: #222222;
}

/* ボタンアイコン */
.ui-dialog-titlebar .ui-state-default .ui-icon {
	background-image: url(custom-theme/images/ui-icons_ef8c08_256x240.png);
}

/* タイトル文字 */
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
}

/* ログイン画面メッセージ
--------------------------------------------------------- */
.login-message {
    margin: 80px auto;
    text-align: center;
}
.login-message h2 {
    margin-bottom: 20px;
}
.login-message p {
    font-size: 14px;
    line-height: 26px;
}