@charset "UTF-8";
/*
//@@ <<修正履歴>>
//@@ 修正日付   BugNo   修正者     Version     内容
//@@ ---------- ------- ---------- ----------- --------------------------------
//@@ 2014/10/22 #35286  tanaashi_m VER70000400 IE9/10 ネガティブマージンによるレイアウト崩れの修正
*/

.cpnygrid-resize-helper img {
    height: 100%;
    width: 100%;
}

/* cpnyGrid */
.cpnyGrid {
    background: transparent;
    display: block;
    position: relative;
    text-align: left;
    cursor: default;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
}

.cpnyGrid div {
    margin: -1px -2px -1px 0; /* margin-left対応 */
    padding: 0;
}

/* カラムタイトル */
.cpnyGrid thead tr th {
    /* cpnyではURL指定はJSで行うのでコメントアウト */
    /*background: #fafafa url(images/cpnyGrid/grid_header_bg.gif) repeat-x bottom;*/
    /*background: #0070A3 repeat-x bottom;*/
    padding-left: 3px;
    padding-right: 3px;
    overflow: hidden;
    font-weight:normal;
    vertical-align: middle;
    /*background: none repeat scroll 0 0 SteelBlue;*/
    /*color: #FFFFFF;*/
}

.cpnyGrid thead tr th.vertical_header {
    vertical-align: top;
    text-align: center;
}

.cpnyGrid thead tr th.resizing {
    background: none repeat scroll 0 0 #E6E6FA;
    color: #FFFFFF;
    /* 下３つはテキスト消去 */
    text-indent:120%;
    white-space:nowrap;
    overflow:hidden;
}

.cpnyGrid thead tr th.fixed-col-head {
    /* cpnyではURL指定はJSで行うのでコメントアウト */
    /*background: #fafafa url(images/cpnyGrid/grid_header_bg_fix.gif) repeat-x bottom;*/
    background: #fafafa repeat-x bottom;
}

.cpnyGrid thead tr th div{
    margin-top: 5px;
    white-space: pre;
}

.cpnyGrid tbody tr td div{
    white-space: pre;
}

.cpnyGrid thead tr.cg_added_head th div{
    /* カラム長はメインヘッダー従属 */
    width: 0px;
}

/* カラム内容 */
.cpnyGrid tr th {
    background: #fafafa repeat-x bottom;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    /* IEで親のtext-alignが継承されないバグの対応 */
    text-align: inherit;
}

.cpnyGrid tr td {
    background: transparent;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
}

/* カラム編集 */
.cpnyGrid tr td div div input {
    background: #FFDAB9 !important;
    margin: 0 -3px;
}

/* 通常モードの行高 */
.cpnyGrid tr th {
    height: 30px;
}

.cpnyGrid tr td {
    height: 26px;
}

/* 通常モードの罫線 */
.cpnyGrid.gridMode table {
    border-top: 1px solid #ccccdd;
    border-right: 1px solid #ccccdd;
}

.cpnyGrid.gridMode tr>th,
.cpnyGrid.gridMode tr>td {
    border-bottom: 1px solid #ccccdd;
}

.cpnyGrid.gridMode tr>th.cpny-mltlang,
.cpnyGrid.gridMode tr>td.cpny-mltlang {
    border-left: 1px solid purple;
}

.cpnyGrid.gridMode tr>th,
.cpnyGrid.gridMode tr>td {
    border-left: 1px solid #ccccdd;
}

/* リストモードの行高 */
.cpnyGrid.listMode tr th {
    height: 22px;
}

.cpnyGrid.listMode tr td {
    height: 20px;
}

/* リストモードの罫線 */
.cpnyGrid.listMode table {
    border-top: 1px solid #ccccdd;
    border-right: 1px solid #ccccdd;
    border-bottom: 1px solid #ccccdd;
}

.fixed-col-head {
    border-top: 1px solid #ccccdd;
    border-right: 1px solid #ccccdd;
    border-bottom: 1px solid #ccccdd;
}

.cpnyGrid.listMode.listModeWithBorder tr>th,
.cpnyGrid.listMode.listModeWithBorder tr>td{
    border-bottom: 1px solid #ccccdd;
}

.cpnyGrid.listMode tr>th,
.cpnyGrid.listMode tr>td {
    border-left: 1px solid #ccccdd;
}

.cpnyGrid.listMode tr>th.cpny-mltlang ,
.cpnyGrid.listMode tr>td.cpny-mltlang  {
    border-left: 1px solid purple;
}

/* リストモードのマージモードの行高 */
.cpnyGrid.listMode.mergeMode tr td {
    height: 17px;
}

/* リストモードのマージモードの羅線 */
.cpnyGrid.listMode.mergeMode tr>th,
.cpnyGrid.listMode.mergeMode tr>td {
    border-bottom: 1px solid #ccccdd;
}

.cpnyGrid.listMode.mergeMode tr>th,
.cpnyGrid.listMode.mergeMode tr>td {
    border-left: 1px solid #ccccdd;
}

.cpnyGrid.listMode.mergeMode tr>th.cpny-mltlang,
.cpnyGrid.listMode.mergeMode tr>td.cpny-mltlang {
    border-left: 1px solid purple;
}

/* 奇数行 */
.cpnyGrid tr td {
    background: #ffffff;
}

/* 偶数行 */
.cpnyGrid tr td.evenRow {
    background: #CFE6FF;
}

.cpnyGrid.readOnlyStyle tr td {
    background: #d3d3d3;
}

.cpnyGrid.readOnlyStyle tr td.evenRow {
    background: #a9a9a9;
}

.cpnyGrid tr td.fixed-col-color {
    background: #E6E6FA;
}

.cpnyGrid tr td.fixed-col-color.evenRow {
    background: #B0C4DE;
}

/* レコードhover時 */
.cpnyGrid tr:hover td.fixed-col-color,
.cpnyGrid tr:hover td {
    background: Gainsboro;
}

.cpnyGrid.cellMode tr td:hover {
    background: Silver;
    /*color: #ffffff;*/
}

/* 複数行選択用 */
.cpnyGrid:focus tr.selected td.fixed-col-color,
.cpnyGrid:focus tr.selected td {
    background: #205dac;
    color: #ffffff;
}

/* グリッドフォーカス かつ 選択行  かつ 編集可列 */
.cpnyGrid:focus tr.selected td:not(.viewOnly) {
    background: #5c99e8;
    color: #ffffff;
}

.cpnyGrid.cellMode:focus table tbody tr td.selected {
    background: #1E90FF;
    color: #ffffff;
}

/*　グリッドがフォーカスない時　*/
.cpnyGrid tr.selected td.fixed-col-color,
.cpnyGrid tr.selected td{
    background: DarkGray;
    color: #ffffff;
}

/*　グリッドがフォーカスない時　*/
.cpnyGrid.cellMode tr.selected td.selected{
    background: DimGray;
    color: #ffffff;
}

/* ViewOnly列 */
.cpnyGrid td.viewOnly {
    background: #d0d0d0;
}

/* ViewOnly列 レコードhover*/
.cpnyGrid tr:hover td.viewOnly {
    background: #c0c0c0;
}

/* ViewOnly列 選択行*/
.cpnyGrid tr.selected td.viewOnly {
    background: #b0b0b0;
}

/* listMode 選択行*/
.cpnyGrid.listMode:focus table tbody tr.selected td {
    background: #205dac;
    color: #ffffff;
}
/* グリッドフォーカス かつ 選択行  かつ 編集可列 */
.cpnyGrid.listMode:focus table tbody tr.selected td:not(.viewOnly) {
    background: #5c99e8;
    color: #ffffff;
}

.cpnyGrid.listMode:not(.cellMode):focus table tbody tr.selected td{
    background: #205dac;
    color: #ffffff;
}

.cpnyGrid.listMode.cellMode:focus table tbody tr td.selected {
    background: #1E90FF;
    color: #ffffff;
}

.cpnyGrid tr td>div>img{
    margin: 0 3px 0 0;
}

.cpnyGrid tr td.mergeHidden,
.cpnyGrid tr th.hideCol,
.cpnyGrid tr td.hideCol,
.cpnyGrid tr.notCurrentPage,
.cpnyGrid tr.notCurrentPage,
.cpnyGrid tbody tr.hideRow {
    display: none;
}

.cpnyGrid tr th span.headFilter {
    display: block;
    overflow: hidden;
    height: 16px;
    width: 16px;
    position: absolute;
    /*float: right;*/
    cursor: pointer;
    right:5px;
    top:-3px;
    /*margin-top: -3px;*/
    /*margin-left: 3px;*/
    /*margin-right: 3px;*/
    /*z-index: 9999;*/
}

/* cpnyではURL指定はJSで行うのでコメントアウト */
/* autoFilter */
/*.cpnyGrid  tr th span.filterIconUpDown {*/
    /*background-image:url("images/cpnyGrid/cg_af_ud.png");*/
/*}*/

/*.cpnyGrid  tr th span.filterIconDown {*/
    /*background-image:url("images/cpnyGrid/cg_af_d.png");*/
/*}*/

/*.cpnyGrid  tr th span.filterIconUp {*/
    /*background-image:url("images/cpnyGrid/cg_af_u.png");*/
/*}*/

/*.cpnyGrid  tr th span.filterIconUpDown.autoFilterActive {*/
    /*background-image:url("images/cpnyGrid/cg_af_ud_a.png");*/
/*}*/

/*.cpnyGrid  tr th span.filterIconDown.autoFilterActive {*/
    /*background-image:url("images/cpnyGrid/cg_af_d_a.png");*/
/*}*/

/*.cpnyGrid  tr th span.filterIconUp.autoFilterActive {*/
    /*background-image:url("images/cpnyGrid/cg_af_u_a.png");*/
/*}*/

.cpnyGrid tr th.fixed-col-head,
.cpnyGrid tr td.fixed-col-body {
    position: absolute;
}

.cpnyGrid tr td.fixed-col-body div {
    padding-top: 10px;
}

.cpnyGrid.listMode tr td.fixed-col-body div {
    padding-top: 5px;
}

.cpnyGrid tr th.fixed-col-head {
    z-index: 1;
    top: 0;
}

.cpnyGrid tr th.fixed-col-head div{
    top: 7px;
    padding-top: 0px;
}

.cpnyGrid.listMode tr th.fixed-col-head div{
    top: 3px;
    padding-top: 0px;
}

/* さらにレコードがある場合の最終行  */
.cpnyGrid div.hasMoreRowsAnchor{
    margin: 10px;
    padding: 1.1em;
}
.cpnyGrid div.hasMoreRowsAnchor>p{
    text-overflow: ellipsis;
    overflow: hidden;
}
.cpnyGrid div.hasMoreRowsAnchor>p>span {
    float: left;
    margin-top: -0.1em;
    margin-right: 0.3em;
    /* cpnyではURL指定はJSで行うのでコメントアウト */
    /*background-image:url("../ui/default/images/ui-icons_2e83ff_256x240.png");*/
}

/* IE8, IE9, IE10でカラム幅調整がきかなくなる不具合対応 */
.cpnyGridResizeHandle {
    background: #ffffff;
    opacity: 0; /* IE9, IE10, IE11, Firefox用透過 */
    -ms-filter: "alpha(opacity=0)"; /* IE8用透過 */
}

.cpny-custom {
    background: #ffffff !important;
    color: #000000 !important;
}

.cpnyGrid table.makingGridEdit {
    border: 0px;
}

.cpnyGrid.settingFocusToGrid {
    position: fixed;
}