/***********************************
画面共通スタイル
************************************/
/***********************************
全体レイアウトなど
************************************/
/* ボディ全体 */
body {
    margin: 0px;
    font-family: Meiryo, sans-serif;
    font-size: 14pt;
    height: 100%;
    background-color: #B8C7DE;
}

/* 全ての要素 */
* {
    -webkit-user-select: none;
}

/* リストのマーク非表示 */
li {
    list-style:none;
}

/* 上下マージン用DIV */
.marginDiv {
    width: 100%;
    height: 5px;
}

/* 上下マージン用DIV内SPAN */
.marginDiv span {
    display: none;
}

/* 横マージン用DIV */
.besideMarginDiv {
    width: 20px;
    float: left;
}

/* 画面ヘッダ部 */
.headerArea {
    height: 70px;
    min-width: 1004px;
}

/* 画面ヘッダ部内DIV */
.headerArea div {
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

/* 画面ヘッダ部 */
.headerArea span {
    color: #FFFFFF
}

/* ボディエリア */
.bodyArea {
    position   : absolute;
    z-index: 2;
}

/* ボディエリア背景 */
.bodyBack {
    width: 100%;
    background-color: #B8C7DE;
    filter:alpha(opacity=90);
    position   : absolute;
    z-index: 1;
}

/* ボタンエリア */
.buttonArea {
    margin-left: 20px;
    height: 30px;
    text-align: right;
}

/* 検索条件入力エリア */
.searchConditionArea {
    margin-left: 20px;
    background-color: #eeeeee;
    border: solid 3px #0074eb;
}

/* 検索結果一覧エリア */
.contentsArea {
    margin-left: 20px;
}

/* リストテーブル */
.listTable {
    text-align: center;
}

/* リストヘッダ */
.listHeader {
    text-align: center;
}

/* リストヘッダ行 */
.listHeader tr {
    float:left;/*この設定によりセル幅が固定化される*/
}

/* リストヘッダ */
.listHeader th {
    background-color: #2c77bb;
    color: #ffffff;
    border: solid 1px #ffffff;
}

/* リストヘッダ */
.listHeader td {
    background-color: #8fdbb5;
    border: solid 1px #0074eb;
}

/* リストボディ */
.listTable > tbody {
    float: left;/*この設定によりoverflowが有効となる*/
    overflow-y: auto;
    overflow-x: hidden;
}

/* リスト 行 */
.listBody tr {
    float:left;/*この設定によりセル幅が固定化される*/
    margin-top: -1px;
    background-color: #ffffff;
}

/* リスト背景交互 */
.listBody tr:nth-child(2n) {
    background-color: #e0eff3;
}

/* リスト列 */
.listTable td {
    border: solid 1px #0074eb;
    word-break:break-all;
}

/* テーブル共通 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* リスト背景交互 */
.tableBody tr:nth-child(2n) {
    background-color: #e0eff3;
}

/* リスト背景交互 */
.listTableBody tr:nth-child(2n) {
    background-color: #e0eff3;
}

/***********************************
メニュー系スタイル
************************************/
/* メニューの線 */
.borderMenu {
    border-Top: solid 3px #9D9D9D;
    width: 280px;
}

/* メニューの線 */
.otherBorderMenu {
    border-Top: solid 3px #9D9D9D;
    width: 280px;
    margin-left: 20px;
}

/* ボタン マスタメニュー */
.buttonTypeMasterMenu {
    box-shadow: 2px 2px 0px 0px #5E92A7;
    color: #FFFFFF;
    border: solid 2px #FFFFFF;
    background-color: #7d9AAE;
    font-size: 14pt;
}

/* ボタンオンマウス マスタメニュー */
.buttonTypeMasterMenu:hover {
    color: #FFFFFF;
    background-color: #7d9AAE;
}

/* ボタンマウスクリック マスタメニュー */
.buttonTypeMasterMenu:active {
    color: #FFFFFF;
    background-color: #7d9AAE;
}

/* ボタン カテゴリメニュー */
.buttonTypeCategoryMenu {
    box-shadow: 2px 2px 0px 0px #5E92A7;
    color: #FFFFFF;
    border: solid 2px #FFFFFF;
    background-color: #83C1CE;
    font-size: 14pt;
}

/* ボタンオンマウス カテゴリメニュー */
.buttonTypeCategoryMenu:hover {
    color: #FFFFFF;
    background-color: #83C1CE;
}

/* ボタンマウスクリック カテゴリメニュー */
.buttonTypeCategoryMenu:active {
    color: #FFFFFF;
    background-color: #83C1CE;
}

/* ボタン カテゴリメニュー 非活性 */
.buttonTypeCategoryMenuDisabled {
    box-shadow: 2px 2px 0px 0px #5E92A7;
    color: #FFFFFF;
    border: solid 2px #FFFFFF;
    background-color: #AAAAAA;
    font-size: 14pt;
}


/***********************************
INPUT系スタイル
************************************/
/* テキストボックス上の×ボタン非表示 */
input::-ms-clear {
    display:none;
}

/* テキストボックス */
[type=text] {
    height: 27px;
    font-size: 14pt;
    font-family: Meiryo, sans-serif;
    box-sizing: border-box;
}

/* テキストボックス(パスワード) */
[type=password] {
    height: 27px;
    font-size: 14pt;
    font-family: Meiryo, sans-serif;
    box-sizing: border-box;
}

/* テキストボックス（ファイル選択） */
[type=file] {
    height: 27px;
    font-size: 14pt;
    font-family: Meiryo, sans-serif;
    border-style: none;
}

input::-ms-clear { display:none; }

/* 入力桁による幅指定(1文字) */
input[maxlength="1"] {
    width: 12px;
}

/* テキストエリア */
textarea {
    font-size: 14pt;
    font-family: Meiryo, sans-serif;
}

/* セレクトボックス */
select {
    font-family: Meiryo, sans-serif;
    height: 27px;
    font-size: 14pt;
    font-size: 14pt;
}

/* ボタン 共通 */
[type=button] {
    font-family: Meiryo, sans-serif;
    font-size: 14pt;
}

/* ボタンオンマウス 共通 */
[type=button]:hover {
    cursor: pointer;
}

/* ボタンサイズ 大 */
.buttonLarge {
    border-radius: 6px;
    width: 150px;
    height: 30px;
    font-size: 15pt;
}

/* ボタンマウスクリック 大 */
.buttonLarge:active {
/*
    box-shadow: 0px 0px;
    margin-top: 2px;
    margin-left: 2px;
*/
}

/* ボタンサイズ 中 */
.buttonMedium {
    border-radius: 6px;
    width: 90px;
    height: 30px;
    font-size: 11pt;
}

/* ボタンマウスクリック 中 */
.buttonMedium:active {
/*
    box-shadow: 0px 0px;
    margin-top: 2px;
    margin-left: 2px;
*/
}

/* ボタンサイズ 小 */
.buttonSmall {
    border-radius: 4px;
    width: 70px;
    height: 30px;
    font-size: 10pt;
}

/* ボタンマウスクリック 小 */
.buttonSmall:active {
/*
    box-shadow: 0px 0px;
    margin-top: 2px;
    margin-left: 3px;
*/
}

/* ボタン タイプ1 */
.buttonType1 {
    box-shadow: 2px 2px 0px 0px #63A2D8;
    color: #FFFFFF;
    border: solid 2px #E0E4EB;
    background-color: #7CA1D5;
    font-size: 14pt;
}

/* ボタンオンマウス タイプ1 */
.buttonType1:hover {
    color: #FFFFFF;
    background-color: #97C1E6;
}

/* ボタンマウスクリック タイプ1 */
.buttonType1:active {
    color: #FFFFFF;
    background-color: #97C1E6;
}

/* ボタン タイプ2 */
.buttonType2 {
    box-shadow: 2px 2px 0px 0px #5E92A7;
    color: #FFFFFF;
    border: solid 2px #FFFFFF;
    background-color: #81C1CE;
    font-size: 14pt;
}

/* ボタンオンマウス タイプ2 */
.buttonType2:hover {
    box-shadow: 2px 2px 0px 0px #5E92A7;
    color: #ECF6F8;
    background-color: #A9D3DD;
    border: solid 2px #DAECF0;
}

/* ボタンマウスクリック タイプ2 */
.buttonType2:active {
    color: #ECF6F8;
    background-color: #A9D3DD;
    border: solid 2px #DAECF0;
}

/* ボタン タイプ3 */
.buttonType3 {
    box-shadow: 2px 2px 0px 0px #55C5D0;
    color: #84C8D4;
    border: solid 2px #83C1CE;
    background-color: #FFFFFF;
    font-size: 14pt;
}

/* ボタンオンマウス タイプ3 */
.buttonType3:hover {
    box-shadow: 2px 2px 0px 0px #55C5D0;
    color: #84C8D4;
    border: solid 2px #83C1CE;
    background-color: #DAECF0;
}

/* ボタンマウスクリック タイプ3 */
.buttonType3:active {
    color: #84C8D4;
    border: solid 2px #83C1CE;
    background-color: #DAECF0;
}

/***********************************
共通スタイル
************************************/
/* ローディング定義 */
#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #EEEEEE;
    opacity: 0.7;
    filter: alpha(opacity=70);  /*IE8以下*/
    top: 0px;
    left: 0px;
    z-index:9000;
}
#innerLoading {
    width: 300px;
    height: 50px;
    position: fixed;
    color: #FFFFFF;
    background-color: #888888;
    left: 50%;
    top:  50%;
    margin-left: -170px;
    margin-top:  -30px;
    padding-left: 50px;
    padding-top:  15px;
    border: 2px solid #0f164b;  /* 線の色 */
    z-index:9001;
}

/* エラー項目 */
.error {
    background-color: #FFB6C1;
}

/*************************************
 子画面用
*************************************/
/* 背景 */
#backScreen {
    width: 100%;
    height: 100%;
    background-color: #aaaaaa;
    opacity: 0.6;
    position: absolute;
    z-index: 9998;
}

/* 本体(共通) */
.windowArea {
    position: absolute;
    border-radius: 5px;
    background-color: #d1e8ff;
    border: 2px solid #e02e2e;
    z-index: 9999;
}

/* タイトルエリア(共通) */
#winTitleArea {
    height: 25px;
    padding: 5px;
    color: #ffffff;
    background-color: #e02e2e;
}

/* タイトルエリアオンマウス(共通) */
#winTitleArea :hover {
    cursor: move;
}

/* タイトルスタイル(共通) */
#winTitle {
    float: left;
}

/* クローズボタン(共通) */
#winClose {
    padding-right: 5px;
    text-align: right;
}

/* クローズボタンオンマウス(共通) */
#winTitleArea img:hover {
    cursor: pointer;
}

/* 本体(選択子画面用) */
.selWindowArea {
    width: 510px;
    height: 420px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -225px;
}

/* 検索条件エリア(選択子画面用) */
#winSearchCondition {
    margin-top: 2px;
    margin-left: 2px;
    margin-bottom: 4px;
}

/* リストヘッダ(選択子画面用) */
.itemHeader {
    margin-top: -2px;
    margin-left: 3px;
    border-collapse:collapse;
}

/* リストヘッダ 列(選択子画面用) */
.itemHeader td {
    padding-left: 5px;
    border: 2px solid #dddddd;
    font-size: 14pt;
}

/* リスト本体（親DIV）(選択子画面用) */
#winDetail {
    width: 493px;
    height: 264px;
    overflow-y: auto;
}

/* リスト本体(選択子画面用) */
.itemDetail {
    margin-top: -2px;
    margin-left: 3px;
    border-collapse:collapse;
    background-color: #ffffff;
}

/* リスト本体(選択子画面用) */
.itemDetail {
    margin-top: -2px;
    margin-left: 3px;
    border-collapse:collapse;
    background-color: #ffffff;
}

/* リスト背景 交互(選択子画面用) */
.itemDetail tr:nth-of-type(2n) {
    background-color: #ffffcc;
}

/* リストオンマウス背景(選択子画面用) */
.itemDetail tr:hover {
    background-color: #ff9999;
}

/* リスト本体 列(選択子画面用) */
.itemDetail td {
    padding-left: 5px;
    border: 2px solid #dddddd;
    font-size: 14pt;
}

/* リスト背景 選択行(選択子画面用) */
.selectedItem {
    background-color: #ffa2c7 !important;
}


/* リスト 選択ボタンエリア(選択子画面用) */
#selectButtonArea {
    text-align: center;
    margin-top: 5px;
}

/* フッタ(詳細画面用) */
.detailWinFotter {
    text-align: right;
    margin-right: 30px;
}

/***********************************
登録系画面の入力レイアウトスタイル
************************************/
/* 最上行の最初のtd */
.registerTable tr:first-child td:nth-of-type(1)  {
    border-top-left-radius: 6px;
}

/* 最上行の2つめのtd */
.registerTable tr:first-child td:nth-of-type(2)  {
    border-top-right-radius: 6px;
}

/* 最下行の1つ目のtd */
.registerTable tr:last-child td:nth-of-type(1)  {
    border-bottom-left-radius: 6px;
}

/* 最下行の２つめのtd */
.registerTable tr:last-child td:nth-of-type(2)  {
    border-bottom-right-radius: 6px;
}

/* 奇数行の背景は白 */
.registerTable tr:nth-child(odd) td:nth-of-type(2)  {
    background: #FFFFFF;
}

/* 奇数行の背景は水色 */
.registerTable tr:nth-child(even) td:nth-of-type(2)  {
    background: #E0E5F3;
}

/* 1列目は青色 */
.registerTable td:nth-of-type(1)  {
    background: #4B70B5;
    color: white;
}

/***********************************
テーブルソートスタイル
************************************/
table.tablesorter thead tr .header {
    background-image: url("../images/bg.gif");
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url("../images/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
    background-image: url("../images/desc.gif");
}