@charset "UTF-8";
/*************************************************************/
/*  全体の基本設定をしています。                             */
/*************************************************************/
/*---------------------------------------------*/
/*- 警告の色フォントの設定をしています。      -*/
/*---------------------------------------------*/
.span-font-warning {
    color: #FF0000; 
}
/*---------------------------------------------*/
/*- ガイダンスの色フォントの設定をしています。-*/
/*---------------------------------------------*/
.span-font-guide {
    color: #336699; 
}
/*---------------------------------------------*/
/*- 必須色フォントの設定をしています。        -*/
/*---------------------------------------------*/
.span-font-hissu {
    color: #FF6600; 
}
/*---------------------------------------------*/
/*- 緊急色フォントの設定をしています。        -*/
/*---------------------------------------------*/
.span-font-urgent {
    color: #FF0000; 
}
/*---------------------------------------------*/
/*- 重要色フォントの設定をしています。        -*/
/*---------------------------------------------*/
.span-font-high {
    color: #FF0000; 
}
/*---------------------------------------------*/
/*- 入力不可フォントの設定をしています。      -*/
/*---------------------------------------------*/
.span-font-disable {
    color: #CCCCCC; 
}

/*---------------------------------------------*/
/*- 該当なしメッセージの設定をしています。    -*/
/*---------------------------------------------*/
.message-no-item {
    padding: 4px;
    font-size : 12px;
    _font-size : x-small;
}

/*---------------------------------------------*/
/*- safari用のリンクカーソル設定をしています。-*/
/*---------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0){
a[href] {
    cursor : pointer ! important;
}
}

/*************************************************************/
/*  ダイアログにかかわる基本設定をしています。               */
/*************************************************************/
.ui-dialog {
    background-color : rgb(255, 255, 255);
}

/*---- START DNDB700_0053 */
body.tags-pop-up .ui-dialog {
    height: 120px ! important;
}
/*---- END DNDB700_0053 */

.ui-dialog .ui-dialog-titlebar {
    background-repeat: repeat-x;
    height: 22px;
}

.ui-dialog .ui-dialog-title {
    float : left;
    margin : 5px;
    height: 12px;
    font-size : 12px;
    _font-size : x-small;
    font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
    display : block;
    float : right;
    margin : 6px 4px 6px -14px;
    width : 9px;
    height : 9px;
    background-repeat: no-repeat;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display : none;
}

.ui-dialog .ui-dialog-content {
    margin: 8px;
    overflow: hidden;
}

/*---- START DVP700_0027
.ui-dialog-overlay { 
*/
.ui-dialog-overlay, .ui-widget-overlay {
    position:absolute;
    left:0px;
    top:0px;
/*---- END DVP700_0027 */
    background-color: rgb(204, 204, 204);
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity=50);
}

.ui-dialog .ui-dialog-buttonpane {
    bottom : 8px;
    position : absolute;
    text-align : center;
    width : 100%;
}

/*---- START DVP700_0027 */
* html .ui-widget .ui-dialog-buttonpane {
    position : static;
    margin-top: 80px;
}
/*---- END DVP700_0027 */

.ui-dialog .ui-dialog-buttonpane button {
    margin : auto 4px;
    width : 80px;
}

.ui-dialog .ui-widget-content {
	margin-bottom: 40px;
}
/*---------------------------------------------*/
/*- 確認、警告ダイアログの設定をしています。  -*/
/*---------------------------------------------*/
.dialog-confirm {
    border: 1px solid rgb(255, 153, 153);
}

.dialog-confirm .ui-dialog-title {
    color: rgb(255, 102, 0);
}

.dialog-confirm .ui-dialog-titlebar {
    background-color: rgb(255, 216, 136);
    background-image: url("orange/images/title_bar_background.jpg");
    border-bottom: 1px solid rgb(255, 153, 153);
}

.dialog-confirm .ui-dialog-titlebar-close {
    background-image: url("orange/images/portal/ic_close.gif");
}

.dialog-confirm .confirm-message {
    margin-top : 10px;
    text-align : center;
    font-size : 12px;
    _font-size : x-small;
    overflow : auto;
}

/* DNB700_0083 */
/*---------------------------------------------*/
/*- ポップアップダイアログの設定をしています。-*/
/*---------------------------------------------*/
.dialog-popup {
    border: 1px solid rgb(255, 153, 153);
}

.dialog-popup .ui-dialog-title {
    color: rgb(255, 102, 0);
}

.dialog-popup .ui-dialog-titlebar {
    background-color: rgb(255, 216, 136);
    background-image: url("orange/images/title_bar_background.jpg");
    border-bottom: 1px solid rgb(255, 153, 153);
}

.dialog-popup .ui-dialog-titlebar-close {
    background-image: url("orange/images/portal/ic_close.gif");
}

.dialog-popup .ui-dialog-content {
    margin : 0px;
    overflow : auto;
}

/*---------------------------------------------*/
/*- エラーダイアログの設定をしています。      -*/
/*---------------------------------------------*/
.dialog-error-error {
    border: 1px solid rgb(204, 51, 51);
}

.dialog-error-error .ui-dialog-titlebar {
    background-color: rgb(255, 112, 112);
    background-image: url("red/images/title_bar_background.jpg");
    border-bottom: 1px solid rgb(204, 51, 51);
}

.dialog-error-error .ui-dialog-title {
    color: rgb(255, 255, 255);
}

.dialog-error-error .ui-dialog-titlebar-close {
    background-image: url("images/portal/ic_close.gif");
}

.dialog-error-warn {
    border: 1px solid rgb(255, 102, 51);
}

.dialog-error-warn .ui-dialog-titlebar {
    background-color: rgb(255, 216, 136);
    background-image: url("orange/images/title_bar_background.jpg");
    border-bottom: 1px solid rgb(255, 102, 51);
}

.dialog-error-warn .ui-dialog-titlebar-close {
    background-image: url("orange/images/portal/ic_close.gif");
}

.dialog-error .error-messages {
    margin-top : 10px;
    height : 120px;
    overflow : auto;
}

.dialog-error .error-messages div {
    margin-bottom : .5em;
    text-align : center;
    font-size : 12px;
    _font-size : x-small;
}

/*************************************************************/
/*  ヘッダー部にかかわる基本設定をしています。               */
/*************************************************************/
/*---------------------------------------------*/
/*- ヘッダーブロックの設定をしています。      -*/
/*---------------------------------------------*/
#page-header
, #page-header td
, #page-header th {
    font-size: 12px;
    _font-size : x-small;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#page-header .span-font-warning{
    white-space: nowrap;
}
/*---------------------------------------------*/
/*- 会社名、検索部の設定をしています。        -*/
/*---------------------------------------------*/
.header-top th{
    color: #FFFFFF; 
    font-size: 12px;
    _font-size : x-small;
    text-align: left;
    padding: 3px;
    height: 32px;
}

.header-top td{
    padding-right: 3px;
}

.header-top input[type='text'] {
    width : 120px;
    white-space : nowrap;
}

.header-top select {
    width : 130px;
    margin : 0px 2px;
}

.header-top input[type='submit'] {
    width : 40px;
    white-space : nowrap;
}

/*---------------------------------------------*/
/*- 日時部の設定をしています。              　-*/
/*---------------------------------------------*/
#header-btn-bar {
    background-image: url("images/header/btnbar_background.jpg");
    background-repeat: repeat-x;
}
#header-btn-bar th{
    color: #666666; 
    font-size: 12px;
    _font-size : x-small;
    text-align: left;
    padding: 3px;
    font-weight: normal;
}
#header-btn-bar td{
    padding: 3px;
}
/*---------------------------------------------*/
/*- 通知アイコン部の設定をしています。      　-*/
/*---------------------------------------------*/
#header-icon-bar {
    background-color: #FFFFFF;
}
/*---------------------------------------------*/
/*- タブメニューの設定をしています。          -*/
/*---------------------------------------------*/
.tab-menu {
}

.tab-menu td{
    text-align: center;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    background-color: #FFFFFF;
}
.tab-menu th{
    text-align: center;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    background-color: #CCCCCC;
}

/*---------------------------------------------*/
/*- 各機能のショートカットアイコンの          -*/
/*- イメージ設定をしています。                -*/
/*---------------------------------------------*/
#img-icon-memo-off {
    background-image: url("images/header/ind_memo.gif");
    background-repeat: no-repeat;
}
#img-icon-forum-off {
    background-image: url("images/header/ind_forum.gif");
    background-repeat: no-repeat;
}
#img-icon-circle-off {
    background-image: url("images/header/ind_circle.gif");
    background-repeat: no-repeat;
}
#img-icon-todo-off {
    background-image: url("images/header/ind_todo.gif");
    background-repeat: no-repeat;
}
#img-icon-work-off {
    background-image: url("images/header/ind_work.gif");
    background-repeat: no-repeat;
}
#img-icon-enquete-off {
    background-image: url("images/header/ind_enquete.gif");
    background-repeat: no-repeat;
}
#img-icon-mail-off {
    background-image: url("images/header/ind_mail.gif");
    background-repeat: no-repeat;
}
#img-icon-mail-ng {
    background-image: url("images/header/ind_mail_ng.gif");
    background-repeat: no-repeat;
}

/*---------------------------------------------*/
/*- 読み込み中メッセージ設定をしています。    -*/
/*---------------------------------------------*/
.now-loading{
    visibility:hidden;
}
// Ajax,Flashのボタンを表示するため
#header-btn-bar .now-loading img{
    visibility:hidden;
}
/*************************************************************/
/*  ヘッダー部にかかわる基本設定をしています。               */
/*************************************************************/
#page-footer {
    clear : both;
}

/*************************************************************/
/*  ポータルページのタブにかかわる基本設定をしています。     */
/*************************************************************/
#page-main 
, #page-main td
, #page-main th {
    font-size: 12px;
    _font-size : x-small;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*---------------------------------------------*/
/*- 前に戻るリンクの設定                      -*/
/*---------------------------------------------*/
#page-main .back-link{
    padding: 2px;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
}

/*---------------------------------------------*/
/*- ポータルメニューのタブの設定をしています。-*/
/*---------------------------------------------*/
.portal-main-tab table {
    width : 100%;
}

.portal-main-tab .tab-on, .portal-main-tab .tab-off{
    text-align: center;
    width : 120px;
    white-space : normal;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
}

* html .portal-main-tab .tab-on, * html .portal-main-tab .tab-off {
    position : relative;
}

* html .portal-main-tab td .title {
    margin : 0px 10px;
    width : 100px;
}

* html .portal-main-tab .title .tab-del { 
    position : absolute;
    top : 4px;
    right : 4px;
    width : 9px;
}

.portal-main-tab:first-child td .title {
    display : table-row;
}

.portal-main-tab:first-child td .title .portal-tab-disp {
    display : table-cell;
    margin: 0px;
    padding: 0px;
    width : 120px;
    text-align : center;
    vertical-align: middle;
}

.portal-main-tab:first-child td .title .tab-del ~ .portal-tab-disp {
    width : 106px;
}

.portal-main-tab:first-child td .title .tab-del {
    display : table-cell;
    margin : 0px;
    padding : 0px;
    width  : 14px;
    vertical-align : middle;
}

.portal-main-tab .tab-off{
    border-bottom: 1px solid #999999;
    background-color: #DCDCDC;
}
.portal-main-tab .tab-left-blank{
    width: 15px;
    border-bottom: 1px solid #999999;
}
.portal-main-tab .tab-blank{
    width: 100%;
    border-bottom: 1px solid #999999;
}
.portal-main-tab .tab-add{
    border-bottom: 1px solid #999999;
}

/*---------------------------------------------*/
/*- タブの追加(javascript版)                  -*/
/*---------------------------------------------*/
/* 構造 */
ul.jd_menu, ul.jd_menu_vertical {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.jd_menu ul, ul.jd_menu_vertical ul {
    display: none;
}
ul.jd_menu li {
    float: left;
}

ul.jd_menu_vertical {
    width: 300px;
}

ul.jd_menu_vertical li {
    float: none;
}

ul.jd_menu ul,
ul.jd_menu_vertical ul {
    position: absolute;
    display: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
    float: none;
    margin: 0px;
}

/* デザイン */
ul.jd_menu ul, ul.jd_menu_vertical ul {
    background-color: rgb( 255, 255, 255);
    border: 1px solid rgb( 153, 153, 153);
    height: 20px;
}

ul.jd_menu_vertical {
    height: auto;
}

ul.jd_menu ul {
    height: auto;
}

* html ul.jd_menu ul {
    width: 1%;
}

ul.jd_menu li {
    margin: 0px;
    padding: 4px 7px 3px 7px;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

ul.jd_menu li li {
    width: 120px;
}
/*---------------------------------------------*/
/*- テーブルのタイトルおよび列のスタイル      -*/
/*- ドラッグドロップ有りのテーブルに設定      -*/
/*---------------------------------------------*/
#dn-checklist tr{
  width             : 100     ;
  height            : 6px     ;
  padding           : 6px     ;
  margin            : 0px     ;
  margin            : 2px     ;
  list-style        : none    ;
  cursor            : move    ;
}

#dn-checklist th{ 
  cursor            : auto    ;
  font-weight       : normal  ;
}

#dn-checklist tr.dn-checklist-drag{
  background-color  : #CCFFCC ;
}

#dn-checklist tr.nodrag{
  cursor            : auto    ;
}

#dn-checklist input.dn-checklist-chkbox{
  cursor            : auto    ;
}