@charset "UTF-8";
/* 折り返し制御 */
* {
	word-break:break-all;
	word-wrap: break-word;
}

/*
body {
	font-size:10.5pt;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
*/

/* Header */
header ul.menu{
	position: absolute;
	top: 20px;
	right: 5px;
}
header ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
header ul.menu li{
	float: left;
	position: relative;
	margin: 0;
	padding: 5px;
	min-width: 200px;
	background-color: #0070C0;
	display: block;
}
header ul.child{
	display: none;
	position: absolute;
	margin-left: -5px;
	padding: 0;
}
header ul.child li a{
	padding: 5px 10px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -5px;
	display: block;
	color: #fff;
}
header li a:hover{
	background-color: #00A0F0;
	color:#ed0014;
}

#container {
	table-layout: fixed;
}

/* メニュー */
#sidebar {
	width:185px!important;
}
/* Body */
#contents {
}

/* base.css 拡張 */
input.dateField {
	text-align:center;
}
/* base.css 拡張 */
input.sizeSS {
	width: 2em;
}
input.sizeSSS {
	width: 1.4em;
}
input.sizeFill {
	width:100%;
	min-width:3em;
	box-sizing:border-box;
}
/* base.css 拡張 */
select.event-list {
	width: 22em;
}

/* 入力不可テキスト */
input[type='text'][disabled],
input[type='text'][readonly].disabled,
textarea[disabled] {
	background-color: #A9A9A9;
}

/* ボタン */
input[type="submit"] {
	padding: 2px 4px;
	font-size: 92%;
	line-height: 1.0em;
}
input[type='button'].btn,
input[type='submit'].btn,
button.btn  {
	display:inline-block;
	margin: 0 auto;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	width: auto;
	text-align: center;
	text-decoration: none;
	border-radius:4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
	font-size: inherit;
}
input[type='button'].btn:enabled,
input[type='submit'].btn:enabled,
button.btn:enabled {
	color: #00218C;
	/*背景の指定*/
	background:#CCCCCC;
	/*↓webkit系ベンダープレフィックス（参考のため一応残しています）*/
	background: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
	/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
	background: linear-gradient(#FFFFFF, #CCCCCC);
	cursor: pointer;
}
input[type='button'].btn:enabled:hover,
input[type='submit'].btn:enabled:hover,
button.btn:enabled:hover {
	/*背景の指定*/
	background:#EEE;
	/*↓webkit系ベンダープレフィックス（参考のため一応残しています）*/
	background: -webkit-linear-gradient(top, #CCCCCC, #FFFFFF); 
	/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
	background: linear-gradient(#CCCCCC, #FFFFFF);
	color: #00218C;
}

input[type='button'].btn:disabled,
input[type='submit'].btn:disabled {
	color: #919191;
	/*背景の指定*/
	background:#c6c6c6;
	/*↓webkit系ベンダープレフィックス（参考のため一応残しています）*/
	background: -webkit-linear-gradient(top, #e2e2e2, #c6c6c6);
	/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
	background: linear-gradient(#e2e2e2, #c6c6c6);
}

/*----- インラインボタン-----**/
div.inbox div input[type='button'].btn {
	font-size:82%;
	display:inline-block;
	margin:auto 1.5em;
	
	background:none;
	line-height: 1.4em;

	padding:1px 5px;
	text-decoration:none;
	border:1px solid #CCC;
		border-radius: 2px;        /* CSS3草案 */  
		-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 2px;   /* Firefox用 */  
}
div.inbox div input[type='button'].btn:enabled {
	background:none;
	background-color:#FFFFFF;
	color:#336699;
}

div.inbox div input[type='button'].btn:enabled:hover{
	background:none;
	background-color:#66CCFF;
	color:#FFFFFF;
}

input[type='button'].btn-blue {
	cursor:pointer;
	line-height:1.5em;
	font-size:95%;
	display:inline-block;
	padding:2px 5px;
	text-decoration:none;
	border:1px solid #CCC;
		border-radius: 2px;        /* CSS3草案 */  
		-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 2px;   /* Firefox用 */  
} 
input[type='button'].btn-blue:enabled {
	background-color:#004BA0;
	color:#FFFFFF;
} 
input[type='button'].btn-blue:enabled:hover{
	background-color:#CCC;
	color:#004BA0;
}

div.inbox div input[type='button'].btn:disabled,
input[type='button'].btn-blue:disabled {
	color: #919191;
	/*背景の指定*/
	background:#c6c6c6;
	/*↓webkit系ベンダープレフィックス（参考のため一応残しています）*/
	background: -webkit-linear-gradient(top, #e2e2e2, #c6c6c6);
	/*↓標準型（方向は省略＿デフォルトの to bottom になる）*/
	background: linear-gradient(#e2e2e2, #c6c6c6);
}

/* チェックボックス/ラジオボタンの上下中央寄せ */
td input[type='checkbox'],
td input[type='radio'] {
	vertical-align:-2px;
}

/* 検索条件の表示／非表示 */
p.title-bar span.lbl-open.hide,
p.title-bar span.lbl-close.hide {
	display:none;
}

/* 表示切替可能領域の表示／非表示（交通手配等） */
section h2[class^="title-"] span.lbl-open.hide,
section h2[class^="title-"] span.lbl-close.hide {
	display:none;
}


/*必須マーク
 *************************/
span.required {
	color:red;
}

/*検索子画面：対象選択
 *************************/
.dialog td span.ev-select > u {
	cursor:pointer;
}

/*paging
 *************************/
.paging {
	color:#aaa;
	font-size:9pt;
	padding-left:15px;
}
.paging .ev-change-page-display-num,
.paging .enabled {
	color:#0033FF;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.paging .ev-change-page-display-num:hover,
.paging .enabled:hover {
	background-color:#ddd;
}
.paging .paging-label {
	color:#000000;
	cursor:auto;
}

/* input, textarea IME制御 (初期値が日本語入力モード)
-----------------------------------------------------------*/
input.imeon, textarea.imeon {
	ime-mode:active;
}
/* input, textarea IME制御 (初期値が英数字入力モード)
-----------------------------------------------------------*/
input.imeoffDef, textarea.imeoffDef {
	ime-mode:inactive;
}
/* input, textarea IME制御 (英数字入力モード限定)
-----------------------------------------------------------*/
input.imeoff, textarea.imeoff {
	ime-mode:disabled;
}
/* input, textarea IME制御 (英数字入力モード限定、右寄せ)
-----------------------------------------------------------*/
input.numeric, textarea.numeric {
	ime-mode:disabled;
	text-align:right;
}
 /* 水平方向の揃え方 left（左揃え）
-----------------------------------------------------------*/
.lblLeft
, th.lblLeft
, td.lblLeft
, col.lblLeft
, span.lblLeft {
    text-align:left!important;
}
/* 水平方向の揃え方 center（中央揃え）
-----------------------------------------------------------*/
.lblCenter
, th.lblCenter
, td.lblCenter
, col.lblCenter
, span.lblCenter {
	text-align:center!important;
}
/* 水平方向の揃え方 right（右揃え）
-----------------------------------------------------------*/
.lblRight
, th.lblRight
, td.lblRight
, col.lblRight
, span.lblRight {
	text-align:right!important;
}
/* 垂直方向の揃え方 left（上揃え）
-----------------------------------------------------------*/
.lblTop
, th.lblTop
, td.lblTop
, col.lblTop
, span.lblTop {
	vertical-align:top!important;
}
/* 垂直方向の揃え方 center（中央揃え）
-----------------------------------------------------------*/
.lblMiddle
, th.lblMiddle
, td.lblMiddle
, col.lblMiddle
, span.lblMiddle {
	vertical-align:middle!important;
}
/* 垂直方向の揃え方 right（下揃え）
-----------------------------------------------------------*/
.lblBottom
, th.lblBottom
, td.lblBottom
, col.lblBottom
, span.lblBottom {
	vertical-align:bottom!important;
}

/* jQueryUI*/
.ui-dialog {
	z-index: 1031 !important;
}

.ui-widget {
	font-size:10.5pt;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/*validate
 *************************/
label.error {
	color: red;
}
label.error:before {
	content: "\A";
	white-space: pre;
}

input.error,
select.error {
	border: 1px solid red;
	background-color: #fee;
}

/*validate ツールチップ
 *************************/
.ui-tooltip.invalid, .ui-tooltip.invalid .arrow:after {
	background: black;
	background: #f55;
	opacity: 0.95;
	border: 2px solid white;
}
.ui-tooltip.invalid {
	padding: 10px 20px;
	padding: 5px 8px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	font: bold 12px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
	box-shadow: 0 0 7px red;
}
.ui-tooltip.invalid .arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.ui-tooltip.invalid .arrow.top {
	top: -16px;
	bottom: auto;
}
.ui-tooltip.invalid .arrow.left {
	left: 20%;
}
.ui-tooltip.invalid .arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	box-shadow: 6px 5px 9px -9px red;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.ui-tooltip.invalid .arrow.top:after {
	bottom: -20px;
	top: auto;
}