/* Copyright (C) 1997-2010 Cybozu Inc. All rights reserved.*/

/***************************************************
/*
/* 全般
/*
***************************************************/
/*------------------------------------------------*/
/* 共通
/*------------------------------------------------*/
/* アンカー */
a:link,
a:visited
{
    color: #006bac;
    text-decoration: underline;
}
/* アンカー(hover) */
a:hover,
a:active
{
    color: #eb6100;
    text-decoration: underline;
}
/*------------------------------------------------*/
/* htmlタグ */
body
{
    background-image: ;
    background-color: #f7f7f7; /*::: 必ず指定してください :::*/
    background-position: ;
    background-repeat: ;
    color: #3d3f43;
}
.admin,
.admin_dz
{
    background-image: none;
}

/*------------------------------------------------*/
/* ボタン
/*------------------------------------------------*/
/* 操作メニュー - 強調ボタン */
.menubarTextLink a.vr_hotButton:link,
.menubarTextLink a.vr_hotButton:visited,
.menubarTextLink a.vr_hotButton:hover,
.menubarTextLink a.vr_hotButton:active,
.menuRow a.vr_hotButton:link,
.menuRow a.vr_hotButton:visited,
.menuRow a.vr_hotButton:hover,
.menuRow a.vr_hotButton:active
{
    color: #ffffff;
    text-decoration: none;
}
/***************************************************
/*
/* ベースパーツ
/*
***************************************************/
/*------------------------------------------------*/
/* ヘッダ
/*------------------------------------------------*/
/* ヘッダリンク指定 */

/* ヘッダ画像エリア */
.vr_themeHeader
{
    background-image: ;
    background-repeat: ;
    background-position: ;
    background-color: #eb7171;
    border-top: ;
    border-bottom: ;
    border-right: ;
    border-left: ;
    height: ;
}
/* アプリメニュー 外 の境界帯 */
.vr_themeHeaderOuterDivider
{
    background-image: ;
    background-repeat: ;
    background-position: ;
    background-color: ;
    border-top: ;
    border-bottom: ;
    border-right: ;
    border-left: ;
    height: ;
}
/* アプリメニュー 内 の境界帯 */
.vr_themeHeaderInnerDivider
{
    background-image: ;
    background-repeat: ;
    background-position: ;
    background-color: ;
    border-top: ;
    border-bottom: ;
    border-right: ;
    border-left: ;
    height: ;
}
/*------------------------------------------------*/
/* アプリケーションメニュー
/*------------------------------------------------*/
/* アプリメニュー - 内枠 */
div.vr_naviAppMenu
{
    background-image: ;
    background-color: #fadedb;
    background-position: ;
    background-repeat: ;
}
span.vr_naviAppMenu {
    text-overflow: ellipsis;
}
/* アプリメニュー - アイコンメニュー - 外枠 */
div.vr_naviAppMenu .appMenuItem
{
    background-image: ;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - アイコンメニュー - 外枠 - hover */
div.vr_naviAppMenu .appMenuItem:hover
{
    background-image: ;
    background-position: ;
    background-repeat: ;
}
/*------------------------------------------------*/
/* アプリメニュー - アイコンメニュー - アプリアイコン - トップページ */
.appMenuItem .appMenuAGIndex
{
    background-image: url(../../../image/customtheme/custom_red/toppage32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - 個人フォルダ */
.appMenuItem .appMenuMyFolderIndex
{
    background-image: url(../../../image/customtheme/custom_red/myfolder32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - メール */
.appMenuItem .appMenuMailIndex
{
    background-image: url(../../../image/customtheme/custom_red/mail32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - スケジュール */
.appMenuItem .appMenuScheduleIndex
{
    background-image: url(../../../image/customtheme/custom_red/schedule32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - 施設予約 */
.appMenuItem .appMenuScheduleFacility
{
    background-image: url(../../../image/customtheme/custom_red/facility32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - 電話メモ（在席確認）*/
.appMenuItem .appMenuWhereIndex
{
    background-image: url(../../../image/customtheme/custom_red/where32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - タイムカード */
.appMenuItem .appMenuTimeCardIndex
{
    background-image: url(../../../image/customtheme/custom_red/timecard32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - ToDoリスト */
.appMenuItem .appMenuToDoIndex
{
    background-image: url(../../../image/customtheme/custom_red/todolist32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - 掲示板 */
.appMenuItem .appMenuBulletinIndex
{
    background-image: url(../../../image/customtheme/custom_red/bulletin32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - ファイル管理 */
.appMenuItem .appMenuFileIndex
{
    background-image: url(../../../image/customtheme/custom_red/file32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - アドレス帳 */
.appMenuItem .appMenuAddressIndex
{
    background-image: url(../../../image/customtheme/custom_red/address32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - ユーザー名簿 */
.appMenuItem .appMenuUserListIndex
{
    background-image: url(../../../image/customtheme/custom_red/userlist32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - リンク集 */
.appMenuItem .appMenuLinkIndex
{
    background-image: url(../../../image/customtheme/custom_red/linklist32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - cybozu.net */
.appMenuItem .appMenuBusiness
{
    background-image: url(../../../image/customtheme/custom_red/cybozunet32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - サイボウズLive */
.appMenuItem .appMenuCybozuLive
{
    background-image: ;
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - CybozuTools! */
.appMenuItem .appMenuCybozuTools
{
    background-image: url(../../../image/customtheme/custom_red/cybozutools32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - ワークフロー */
.appMenuItem .appMenuWorkFlowIndex
{
    background-image: url(../../../image/customtheme/custom_red/workflow32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - 報告書 */
.appMenuItem .appMenuReportIndex
{
    background-image: url(../../../image/customtheme/custom_red/report32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - プロジェクト */
.appMenuItem .appMenuProjectIndex
{
    background-image: url(../../../image/customtheme/custom_red/project32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - カスタムアプリ */
.appMenuItem .appMenuDBIndex
{
    background-image: url(../../../image/customtheme/custom_red/dz_db32.png);
}
/* アプリメニュー - アイコンメニュー - アプリアイコン - 連携システム通知 */
.appMenuItem .appMenuNotifyIndex
{
    background-image: url(../../../image/customtheme/custom_red/notify32.png);
}
/*------------------------------------------------*/
/* アプリメニュー - アイコンメニュー - アプリ名 */
div.vr_naviAppMenu span.vr_naviAppMenu
{
    background-color: #fff;
    border-color: #fff; /*::: background-colorと同じ :::*/
    color: #3d3f43;
}
/* アプリメニュー - アイコンメニュー - アプリ名 - hover */
div.vr_naviAppMenu a:hover span.vr_naviAppMenu
{
    background-color: #fff;
    border-color: #fff; /*::: background-colorと同じ :::*/
    color: #eb6100;
}
/* アプリメニュー - アイコンメニュー - 外枠 - 新着アプリ */
div.vr_naviAppMenu .appMenuItemNew
{
    background-image: ;
    color: #3d3f43;
}
/* アプリメニュー - アイコンメニュー - 外枠 - 新着アプリ - hover */
div.vr_naviAppMenu span.appMenuItemNew:hover
{
    background-image: ;
    color: #eb6100;
}
/* アプリメニュー - アイコンメニュー - 新着アプリ - アプリ名 */
span.appMenuItemNew span.vr_naviAppMenu
{
    font-weight: ;
    background-color: #fff0b3;
    border-color: #fff0b3;
    color: #3d3f43; /*::: background-colorと同じ :::*/
}
/* アプリメニュー - アイコンメニュー - 新着アプリ - アプリ名 - hover */
span.appMenuItemNew a:hover span.vr_naviAppMenu
{
    background-color: #fff0b3; /*::: "span.appMenuItemNew span.vr_naviAppMenu" の background-colorと同じ :::*/
    border-color: #fff0b3;  /*::: background-colorと同じ :::*/
    color: #eb6100; /*::: "span.appMenuItemNew span.vr_naviAppMenu" の background-colorと同じ :::*/
}
/* アプリメニュー - アイコンメニュー - アプリ名 (アイコン非表示) */
#appIconMenuFrame div.vr_naviAppMenu span.appMenuItemNoIcon span.vr_naviAppMenu
{
    background-color: #fff; /*::: "div.vr_naviAppMenu span.vr_naviAppMenu" の background-colorがあれば、それと同じ :::*/
    width: 80px;
    margin: 2px 0;
    padding:1px 0;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-border-radius: 3px ; /*::: border-radiusと合わせる :::*/
    -moz-border-radius: 3px ; /*::: border-radiusと合わせる :::*/
    border-radius: 3px ;
}
/* アプリメニュー - アイコンメニュー（hover） - アプリ名(アイコン非表示) */
#appIconMenuFrame div.vr_naviAppMenu span.appMenuItemNoIcon a:hover span.vr_naviAppMenu
{
    background-color: #fff; /*::: "div.vr_naviAppMenu a:hover span.vr_naviAppMenu" の background-colorがあれば、それと同じ :::*/
}
/* アプリメニュー - アイコンメニュー - 新着アプリ名 (アイコン非表示) */
#appIconMenuFrame span.appMenuItemNoIcon span.appMenuItemNew span.vr_naviAppMenu
{
    background-color: #fff0b3; /*::: "span.appMenuItemNew span.vr_naviAppMenu" の background-colorがあれば、それと同じ :::*/
    font-weight: ;
}
/* アプリメニュー - アイコンメニュー（hover） - 新着アプリ名(アイコン非表示) */
#appIconMenuFrame span.appMenuItemNoIcon a:hover span.appMenuItemNew span.vr_naviAppMenu
{
    background-color: #fff0b3; /*::: "span.appMenuItemNew a:hover span.vr_naviAppMenu" の background-colorがあれば、それと同じ :::*/
    font-weight: ;
}
/*------------------------------------------------*/
/* カスタムアプリ一覧 - アイコンメニュー - アプリ名 */
div.dz_marginHalf span.vr_naviAppMenu
{
    background-color: #fff;
    border-color: #fff; /*::: background-colorと同じ :::*/
    color: #3d3f43;
}
/* カスタムアプリ一覧 - アイコンメニュー - アプリ名  - hover */
div.dz_marginHalf a:hover span.vr_naviAppMenu
{
    background-color: #fff;
    border-color: #fff; /*::: background-colorと同じ :::*/
    color: #eb6100;
}
/* カスタムアプリ一覧 - アイコンメニュー - 新着アプリ名  */
div.dz_marginHalf span.appMenuItemNew span.vr_naviAppMenu
{
    background-color: #fff0b3;
    border-color: #fff0b3; /*::: background-colorと同じ :::*/
    color: #3d3f43;
}
/* カスタムアプリ一覧 - アイコンメニュー - 新着アプリ名 - hover */
div.dz_marginHalf span.appMenuItemNew a:hover span.vr_naviAppMenu
{
    background-color: #fff0b3;
    border-color: #fff0b3; /*::: background-colorと同じ :::*/
    color: #eb6100;
}
/*------------------------------------------------*/
/* アプリメニュー - 開閉バー */
#appmenuToggler
{
    background-image:; /*::: 背景画像を指定する場合のファイル名は "vr_appmenu_togglebar.png" :::*/
    background-color:#eb7171;
    background-position:;
    background-repeat:;
    border-top-color:#fadedb;
    border-bottom-color:#f7f7f7;
}
/* アプリメニュー - 開閉バー - hover */
.appmenuToggleOver #appmenuToggler
{
    background-image:;
    background-color:#ee8787;
    background-position:;
    background-repeat:;
}
/* アプリメニュー - 開閉ボタン - 表示するボタン */
#appmenuToggler.appmenuExpand .appmenuToggleButton
{
    background-image:url(../../../image/customtheme/custom_red/vr_appmenu_togglebar_symbol_expand.png);
    background-color:#d61f1f;
    background-position:;
    background-repeat:;
}
/* アプリメニュー - 開閉ボタン - 表示するボタン - hover */
.appmenuToggleOver #appmenuToggler.appmenuExpand .appmenuToggleButton
{
    background-image:url(../../../image/customtheme/custom_red/vr_appmenu_togglebar_symbol_expand_hover.png);
    background-color:#e12d2d;
    background-position:;
    background-repeat:;
}
/* アプリメニュー - 開閉ボタン - 非表示にするボタン */
#appmenuToggler.appmenuCollapse .appmenuToggleButton
{
    background-image:url(../../../image/customtheme/custom_red/vr_appmenu_togglebar_symbol_collapse.png);
    background-color:#d61f1f;
    background-position:;
    background-repeat:;
}
/* アプリメニュー - 開閉ボタン - 非表示にするボタン - hover */
.appmenuToggleOver #appmenuToggler.appmenuCollapse .appmenuToggleButton
{
    background-image:url(../../../image/customtheme/custom_red/vr_appmenu_togglebar_symbol_collapse_hover.png);
    background-color:#e12d2d;
    background-position:;
    background-repeat:;
}
/*------------------------------------------------*/ 
/* コンテンツ
/*------------------------------------------------*/ 
/* コンテンツ - 外枠 - 背景画像 */
.vr_contentArea,
.vr_grouping,
table.vr_topArea
{
  background-image: ;
  background-attachment: ;
  background-position: ;
  background-repeat: ;
}
/*------------------------------------------------*/
/* フッター
/*------------------------------------------------*/
/* フッター */
.footbar
{
    background-image: ;
    background-color: #c6bab9;
    background-position: ;
    background-repeat: ;
}
/* フッター - コピーライト */
.copyright
{
    color: #eeeeee;
}
/* scrollUp */
a.vr_scrollUp
{
    background-color: #c6bab9;
    color: #eeeeee;
}
/*------------------------------------------------*/
/* パンくず
/*------------------------------------------------*/
/* パンくず */
.pathbar,
.pathbarNoMenu
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-bottom: ;
    color: #3d3f43;
}
/* パンくず - アンカー */
.pathbar a,
.pathbarNoMenu a
{
    color: #006bac;
}
/* パンくず - アンカー - hover */
.pathbar a:hover,
.pathbarNoMenu a:hover
{
    color: #eb6100;
}
/***************************************************
/*
/* コンテンツ
/*
***************************************************/
/*------------------------------------------------*/
/* メニューバー
/*------------------------------------------------*/
/* メニューバー */
.menubar,
.menuRow,
td.dz_menuRow,
td.vr_menuRow
{
    background-image: ;
    background-color: #fadedb;
    background-repeat: ;
    background-position: ;
    color: ;
}
/* メニューバー - テキスト */
.menubarText
{
    color: ;
}
/* メニューバー - カスタムアプリ - 編集中 */
.dz_editing
{
    color: ;
}
/* メニューバー - リンク */
.menubarTextLink a,
.menuRow a,
td.dz_menuRow a,
td.vr_menuRow a
{
    color: ;
}
/* メニューバー - リンク - hover */
.menubarTextLink a:hover,
.menuRow a:hover,
td.dz_menuRow a:hover,
td.vr_menuRow a:hover
{
    color: ;
}
/* メニューバー - その他の操作 - リンク */ 
div.submenuitem a
{ 
    color:  #006bac; /* "a:link, a:visited" と同じ */ 
} 
/* メニューバー - その他の操作 - リンク - hover */ 
div.submenuitem a:hover 
{ 
    color: #eb6100; /* a:hover, a:active" と同じ */ 
}
/* メニューバー - その他の操作 - 小見出し */ 
div.submenu .smallcorner
{
    color: #3d3f43; /* "body" と同じ */ 
}
/*------------------------------------------------*/
/* パーツベース
/*------------------------------------------------*/
/* パーツベース - ヘッダ - 共通 */
.portlet .hd
{
    background-image: none; /*::: （必須） :::*/
    background-color: #f5c2bc; /*::: （必須） :::*/
    background-position: ;
    background-repeat: ;
    border-top: 2px solid #d65a51; /*::: （必須） :::*/
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ; /*::: （必須） :::*/
}
/* パーツベース - ヘッダ - アンカー */
.portlet .hd td span a:link,
.portlet .hd td span a:visited
{
    color: ; /*::: （必須） :::*/
    text-decoration: underline;
}
.portlet .hd .portletTextSchedule a:link,
.portlet .hd .portletTextSchedule a:visited,
div.vr_portlet1 .portlet .hd .portletText
{
    color: ; /*::: （必須） :::*/
    text-decoration: underline;
}
/* パーツベース - ヘッダ - hover */
.portlet .hd td span a:hover,
.portlet .hd td span a:active
{
    color: #eb6100;
    text-decoration: underline;
}
.portlet .hd .portletTextSchedule a:hover,
.portlet .hd .portletTextSchedule a:active
{
    color: #eb6100;
    text-decoration: underline;
}
/*------------------------------------------------*/
/* パーツベース - ヘッダ - パーツの列・行毎のデザイン - 画面最上部行（横型週スケジュール） */
.portlet .hd.portletTitleSchedule
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
/* パーツベース - ヘッダ - パーツの列・行毎のデザイン - 中央列 */
.portlet .hd.portletTitleCenter1
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleCenter2
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleCenter3
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleCenter4
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleCenter5
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
/* パーツベース - ヘッダ - パーツの列・行毎のデザイン - 左列 */
.portlet .hd.portletTitleLeft1
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleLeft2
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleLeft3
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleLeft4
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleLeft5
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
/* パーツベース - ヘッダ - パーツの列・行毎のデザイン - 右列 */
.portlet .hd.portletTitleRight1
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleRight2
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleRight3
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleRight4
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
.portlet .hd.portletTitleRight5
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
    border-top: ;
    border-left: ;
    border-right: ;
    border-bottom: ;
    color: ;
}
/*------------------------------------------------*/
/* ナビカラム
/*------------------------------------------------*/
/* ナビカラム - 外枠 */
.naviColumn
{
    background-image: ;
    background-color: transparent;
    background-position: ;
    background-repeat: ;
    border: none;
}
/* ナビカラム - 内枠 */
.vr_naviColumn
{
    border-top: ;
}
/* ナビカラム - 選択カテゴリ - 背景色 */
.activeCategory,
.myfolder,
.fileMarkUp,
.workflowMarkup,
.dz_markup,
.dz_currentRecord,
.dz_accessCurrent,
.fieldRowSelected
{
    background-color: #e0dcd6;
    color: ;
}
/*------------------------------------------------*/
/* 設定系
/*------------------------------------------------*/
/* 設定 - ボタンメニュー */
a.adminButton
{
    color: #006bac;
    text-decoration: underline;
}
/* 設定 - ボタンメニュー（hover） */
a.adminButton:hover
{
    color: #eb6100;
    text-decoration: underline;
}
/*========================================================*/
/*========================================================*/
/*========================================================*/
/* Office9用 デザイン
/*========================================================*/
/*========================================================*/
/*========================================================*/
/*------------------------------------------------*/
/* 共通
/*------------------------------------------------*/
/* アンカー - 仮予定 */
a.kari:link,
a.kari:visited
{
    color: #636ff7; /*::: "a:link"と同系色の薄い色 :::*/
}
/* アンカー - 仮予定(hover) */
a.kari:hover,
a.kari:active
{
    color: #eb6100; /*::: "a:hover" と合わせる :::*/
}
/* アンカー - フォローメニュー */
.hilightLink a:link,
.hilightLink a:visited,
a.hilightLink:link,
a.hilightLink:visited,
.followMenu a:link,
.followMenu a:visited,
.simpleReplyUserCollapse a:link,
.simpleReplyUserCollapse a:visited,
.simpleReplyDialogUserName a:link,
.simpleReplyDialogUserName a:visited
{
    color: #8e8be8; /*::: "a:link"と同系色の薄い色 :::*/
}
.hilightLink a:hover,
.hilightLink a:active,
a.hilightLink:hover,
a.hilightLink:active,
.vr_followSelected a:hover,
.vr_followSelected a:active,
.simpleReplyUserCollapse a:hover,
.simpleReplyUserCollapse a:active,
.simpleReplyDialogUserName a:hover,
.simpleReplyDialogUserName a:active
{
    color: #ff3333; /*::: "a:hover" と合わせる :::*/
}
/*------------------------------------------------*/
/* ボタン
/*------------------------------------------------*/
/* 標準ボタン - ベース */
.vr_stdButton,
.vr_portletButton,
.net_search_button,
.vr_iconButton
{
    background-image: url(../../../image/customtheme/custom_red/vr_stdButton.png);
    background-color: #efefef;
    background-position: top;
    background-repeat: repeat-x;
    border: 1px solid #acacac;
    color: #444444;
}
/* ボタン hover */
.vr_stdButton:hover,
.vr_portletButton:hover,
.net_search_button:hover,
.vr_iconButton:hover
{
    background-image: url(../../../image/customtheme/custom_red/vr_stdButton_hover.png);
    background-color: #e5e5e5;
    background-position: top;
    background-repeat: repeat-x;
    border-color: #999999;
    color: #3d3f43;
}
/* 標準ボタン(disabled) */
.vr_stdButtonDisabled,
.vr_stdButtonDisabled:link,
.vr_stdButtonDisabled:visited,
.vr_stdButtonDisabled:hover,
.vr_stdButtonDisabled:active
{
    background: #dedede;
    border-color: #cccccc;
    color: #999999;
}
/*------------------------------------------------*/
/* パンくず
/*------------------------------------------------*/
/* パンくず - 先頭 */
.vr_pathTop
{
    background-image: ; /*::: 背景画像を指定する場合のファイル名は "pathbar_a.png" :::*/
    background-color: ;
    background-position: ;
    background-repeat: ;
}
/* パンくず - 先頭末尾階以外 */
a.vr_pathMiddle
{
    background-image: ;
    background-color: ;
    background-position: ;
    background-repeat: ;
}
/* パンくず - 末尾 */
.vr_pathCurrent
{
    background-image: url("../../../image/customtheme/custom_red/vr_gt.png"); /*::: パンくず - ">" と異なる背景画像を指定する場合のファイル名は "vr_gtCurrent.png" :::*/
    background-color: ;
    background-position: center center;
    background-repeat: no-repeat;
}
/* パンくず - ">" */
.vr_pathWrap
{
    background-image: url("../../../image/customtheme/custom_red/vr_gt.png");
    background-color: ;
    background-position: center center;
    background-repeat: no-repeat;
}
/*------------------------------------------------*/
/* タブエリア - タブ - 選択中 */
td.tabCenter,
.selectOn
{
    background-image: url(../../../image/customtheme/custom_red/tabCenter.png);
    background-color: #ffffff; /* 変更不可 */
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #cf2715;
    border-bottom: 1px solid #ffffff; /*::: 変更不可 :::*/
    color: ;
}
/* タブエリア - タブ - 非選択 */
td.tabOffCenter,
.selectOff
{
    background-image: url(../../../image/customtheme/custom_red/tabOffCenter.png);
    background-color: #f6b4b8;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #cf2715;
    border-bottom: 1px solid #ebbfb7; /*::: ".vr_contentArea, .vr_grouping" の borderと合わせる :::*/
}
/* タブエリア - タブ - 非選択 - アンカー */
td.tabOffCenter a,
.selectOff a
{
    color: !important; /*::: html側に style直書きになっているので、指定する場合は !importanht　で指定する :::*/
}
/* タブエリア - タブ - 非選択 - アンカー - hover */
td.tabOffCenter a:hover,
.selectOff a:hover
{
    color: #eb6100 !important; /*::: html側に style直書きになっているので、指定する場合は !importanht　で指定する :::*/
}
/* タブエリア（アドレス帳のブック） - エリアの区切り下線 */
.vr_tab
{
    border-bottom: 1px dashed #ffdfd9;
}
/* タブエリア（レコード詳細のコメント、進行状況タブ） - エリアの区切り線 */
td.viewColumn div.contentTab
{
    border-color: #ebbfb7; /*::: ".vr_contentArea, .vr_grouping" の border-colorと合わせる （必須） :::*/
}
/*------------------------------------------------*/
/* ダイアログ
/*------------------------------------------------*/
/* ダイアログ - 外枠 */
div.cb7-dialog .yui-panel
{
    border: 1px solid #ebbfb7; /*::: （必須） :::*/
    color: #3d3f43; /*::: "body"の指定と合わせる  :::*/
}
/* ダイアログ - ヘッダ */
div.cb7-dialog .yui-panel .hd
{
    background-image: none;
    background-color: #eb7171; /*::: ".vr_title"と合わせる  （必須） :::*/
    background-position: ;
    background-repeat: ;
    color: #ffffff;
}
/*------------------------------------------------*/
/* コンテンツ
/*------------------------------------------------*/
/* コンテンツ - 外枠 */
.vr_contentArea,
.vr_grouping
{
    background-color: #ffffff; /* 変更不可 */
    border: 1px solid #ebbfb7;
}
/* 設定 - ボタンメニュー（hover） */
a.adminButton:hover
{
    color: ; /*::: "a:hover, a:active"の color と合わせる :::*/
    text-decoration: ; /*::: "a:hover, a:active"の text-decoration と合わせる :::*/
}
/*------------------------------------------------*/
/* 一覧系
/*------------------------------------------------*/
/* 一覧 - 行 */
table.dataList tr,
table.dz_dataList tr
{
    background-color: #fef8f8;
}
/* 一覧 - 行 - 見出しセル */
table.dataList th,
table.dz_dataList th
{
    background-color: #eb7171;
    border: none;
    color: #ffffff;
}
/* 掲示板 - 最新一覧 - サブ一覧 - 見出しセル */
.vr_dataListHeader
{
    background-color: #eb7171; /*::: "table.dataList th, table.dz_dataList th" の background-colorと合わせる :::*/
    color: #ffffff;
}
/* 掲示板 - 最新一覧 - サブ一覧 - 内容セル */
.vr_dataListRow
{
    background-color: #fef8f8; /*::: "table.dataList tr, table.dz_dataList tr" の background-colorと合わせる :::*/
}
/*------------------------------------------------*/
/* ページタイトル
/*------------------------------------------------*/
/* ページタイトル */
.vr_title
{
    background-color: #eb7171;
    color: #ffffff;
}
/* ページタイトル（メニューあり）  */
.vr_viewTitle
{
    background-color: #ffdfd9;
}
/* ページタイトル（メニューあり） - 背景 */
.vr_viewTitle .marginFull table,
.vr_viewTitle .marginHalf table
{
    background-color: #eb7171; /*::: ".vr_title"と合わせる :::*/
    color: #ffffff; /*::: ".vr_title"と合わせる :::*/
}
/* ページタイトル（メニューあり） - アンカー */
.vr_viewTitle .marginFull table a,
.vr_viewTitle .marginHalf table a,
.vr_title .vr_iconUrlTip a
{
    color: #ffffff; /*::: ".vr_title"と合わせる :::*/
    text-decoration: ;
}
/*------------------------------------------------*/
/* WF - ページタイトル(ステップあり) - サブエリア - ステップ表示エリア */
.vr_stepTitle center
{
    background-color: #ffdfd9; /*::: ".vr_viewTitle"の background-colorと合わせる :::*/
}
/* WF - ページタイトル(ステップあり) - サブエリア - ステップ表示エリア - ステップ */
.vr_stepCell
{
    background-color: #dddddd; /*::: 変更不可 :::*/
    border: 1px solid #efefef; /*::: 変更不可 :::*/
}
/* WF - ページタイトル(ステップあり) - サブエリア - ステップ表示エリア - ステップ - 現在 */
.vr_stepCellActive,
.vr_unsentCel
{
    background-color: #fff3f2;
    border: 1px solid #cf2715;
}
/***************************************************
/*
/* トップページ
/*
***************************************************/
/*------------------------------------------------*/
/* レイアウト
/*------------------------------------------------*/
/* トップページ - 表示エリア - 外枠 */
table.vr_topArea
{
    background-color: #ffffff; /*::: 変更不可 :::*/
    border: 1px solid #ebbfb7; /*::: ".vr_contentArea, .vr_grouping" の borderと合わせる （必須） :::*/
}
/*------------------------------------------------*/
/* トップページでの連絡
/*------------------------------------------------*/
/* トップページでの連絡 - 上左 */
td.vr_topPageInfotl
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfotl.png); /*::: （必須） :::*/
    background-color: ;
    background-position: left top;
    background-repeat: no-repeat;
}
/* トップページでの連絡 - 上中 */
td.vr_topPageInfotc
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfotc.png); /*::: （必須） :::*/
    background-color: ;
    background-position: center top;
    background-repeat: repeat-x;
}
/* トップページでの連絡 - 上中 */
td.vr_topPageInfotr
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfotr.png); /*::: （必須） :::*/
    background-color: ;
    background-position: right top;
    background-repeat: no-repeat;
}
/* トップページでの連絡 - 中左 */
td.vr_topPageInfocl
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfocl.png); /*::: （必須） :::*/
    background-color: #95e6db; /*::: （必須） :::*/
    background-position: left top;
    background-repeat: repeat-y;
}
/* トップページでの連絡 - 中中 */
td.vr_topPageInfocc
{
    background-image: none;
    background-color: #cef2ed; /*::: （必須） :::*/
    background-position: ;
    background-repeat: ;
    border: 1px solid #47baab; /*::: （必須） :::*/
}
/* トップページでの連絡 - 中右 */
td.vr_topPageInfocr
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfocr.png); /*::: （必須） :::*/
    background-color: #95e6db; /*::: （必須） :::*/
    background-position: right top;
    background-repeat: repeat-y;
}
/* トップページでの連絡 - 下左 */
td.vr_topPageInfobl
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfobl.png); /*::: （必須） :::*/
    background-color: ;
    background-position: bottom left;
    background-repeat: no-repeat;
}
/* トップページでの連絡 - 下中 */
td.vr_topPageInfobc
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfobc.png); /*::: （必須） :::*/
    background-color: ;
    background-position: bottom center;
    background-repeat: repeat-x;
}
/* トップページでの連絡 - 下右 */
td.vr_topPageInfobr
{
    background-image: url(../../../image/customtheme/custom_red/vr_topPageInfobr.png); /*::: （必須） :::*/
    background-color: ;
    background-position: right center;
    background-repeat: no-repeat;
}
/*------------------------------------------------*/
/* パーツベース - コンテンツ - 外枠 */
table.vr_pStd
{
    border: 1px solid #ebbfb7; /*::: （必須） :::*/
    border-top: ;
}
/* パーツベース - コンテンツ - 一覧 - 文字サイズ小 */
table.vr_pStd td.vr_pStd table.vr_topDataList td
{
    border-bottom: 1px dotted #cccccc; /*::: 変更不可 :::*/
}
/* パーツベース - コンテンツ - 一覧 - 見出しセル */
table.vr_pStd td.vr_pStd table.dataList th
{
    background-color: #e5e5e5; /*::: 変更不可 :::*/
    border-bottom: 4px solid #ffffff; /*::: 変更不可 :::*/
    color: #3d3f43; /*::: 変更不可 :::*/
}
/*------------------------------------------------*/
/* パーツベース（リンク集、タイムカード） - コンテンツ - 外枠 */
table.vr_portletBd2
{
    background-color: #fff3f2; /*::: （必須） :::*/
}
/*------------------------------------------------*/
/* 最新情報パーツ
/*------------------------------------------------*/
/* 最新情報パーツ - コンテンツ - 外枠 */
table.vr_portletBd3
{
    background-color: #fff3f2; /*::: "table.vr_portletBd2" の background-color と合わせる （必須）:::*/
    border: 5px solid #fff3f2; /*::: "table.vr_portletBd2" の background-color と合わせる （必須）:::*/
}
/* 最新情報パーツ - コンテンツ - 行の破線 */
table.vr_portletBd3 td td
{
    border-bottom: 1px dashed #e8e7e7; /*::: 変更不可 :::*/
}
/* 最新情報パーツ - コンテンツ - 一覧 - 見出しセル */
table.vr_portletBd3 th
{
    background-color: #e5e5e5; /*::: 変更不可 :::*/
}
/* 最新情報パーツ - コンテンツ - お知らせエリア */
td.vr_portletWhatsNewNotice
{
    border-color: #fff3f2;  /*::: "table.vr_portletBd2" の background-color と合わせる :::*/
}
/*------------------------------------------------*/
/* 個人週（縦）パーツ - - 日別コンテンツ - 外枠 */
.portlet table.personWeek td.eventcell
{
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-bottom: ;
}
/*------------------------------------------------*/
/* 個人週（縦）パーツ - - 日付ヘッダ */
.pt_weekday,
.pt_saturday,
.pt_sunday,
.pt_holiday
{
    background-image: url(../../../image/customtheme/custom_red/vr_portletWeekHd.png); /*::: （必須） :::*/
    background-color: #dfe0e2; /*::: （必須） :::*/
    background-position: ;
    background-repeat: repeat-x;
}
/*------------------------------------------------*/
/* 個人週（縦）パーツ - - 先頭日  */
.pt_first
{
    background-color: #ffffff !important; /*::: 目につく注目色 （必須） :::*/
    border-color: #dedede !important; /*::: （必須） :::*/
}
/* 個人週（縦）パーツ - - 先頭日 - 日付ヘッダ */
.pt_first .pt_weekday,
.pt_first .pt_saturday,
.pt_first .pt_sunday,
.pt_first .pt_holiday
{
    background-image: url(../../../image/customtheme/custom_red/vr_portletWeekHdFirst.png); /*::: （必須） :::*/
    background-color: #dfe0e2; /*::: （必須） :::*/
    background-position: ;
    background-repeat: repeat-x;
}
/* 個人週（縦）パーツ - - 先頭日コンテンツ - 予定 - 外枠 */
.pt_first .pt_rowContent
{
    border-top: #efefef;
}
/* 個人週（縦）パーツ - - 先頭日コンテンツ - 予定 - メモ */
.pt_first .pt_rowMemo
{
    border-left: 4px solid #dedede; /*::: （必須） :::*/
    color: #777777; /*::: （必須） :::*/
}
/*------------------------------------------------*/
/* その他のパーツ
/*------------------------------------------------*/
/* 個人ToDoパーツ - 一覧行 */
.portlet table.dataList tr.vr_portletTr1
{
    background-color: #fef8f8; /*::: "table.dataList tr, table.dz_dataList tr" の background-colorと合わせる （必須） :::*/
}
/* 個人ToDoパーツ - 一覧行 - 締切日超え */
.portlet table.dataList tr.vr_portletTr1.vr_LimitDate
{
    background-color: #add6ff; /*::: 目につく注目色 （必須） :::*/
}
/*------------------------------------------------*/
/* カスタムアプリパーツ - コンテンツ - 内枠余白と背景色 */
table.vr_pDB td.vr_pStd
{
    background-color: #fff3f2;  /*::: "table.vr_portletBd2" の background-color と合わせる :::*/
}
/***************************************************
/*
/* カスタムアプリ
/*
***************************************************/
/*------------------------------------------------*/
/* 詳細形式
/*------------------------------------------------*/
/* 詳細形式 */
.dz_viewTypeView
{
    border: 1px solid #ebbfb7; /*::: （必須） :::*/
}
/*------------------------------------------------*/
/* カレンダー形式
/*------------------------------------------------*/
/* カレンダー形式 - 年選択 */
.dz_yearRow
{
    background-color: #eb7171; /*::: （必須） :::*/
    color: #ffffff; /*::: （必須） :::*/
}
/* カレンダー形式 - 月選択 */
.dz_monthRow
{
    background-color: #e5e5e5; /*変更不可*/
}
/*------------------------------------------------*/
/* 進捗カラム
/*------------------------------------------------*/
/* 進捗カラム - 処理者ブロック - グラフ - 大外枠 */
.vr_graphWrapper
{
    background-color: #dedede; /*::: （必須） :::*/
    background-position: top;
    background-repeat: repeat-x;
}
/* 進捗カラム - 処理者ブロック - グラフ - 外枠（フレーム） - 左 */
.vr_graphFrameLeft
{
    background-image: url(../../../image/customtheme/custom_red/vr_statusGraphLeft.png); /*::: ".navicolumn" と ".vr_graphwrapper" の色を考慮する （必須） :::*/
    background-color: ;
    background-position: left top;
    background-repeat: no-repeat;
}
/* 進捗カラム - 処理者ブロック - グラフ - 外枠（フレーム） - 右 */
.vr_graphFrameRight
{
    background-image: url(../../../image/customtheme/custom_red/vr_statusGraphRight.png); /*::: ".navicolumn" と ".vr_graphwrapper" の色を考慮する （必須） :::*/
    background-color: ;
    background-position: right top;
    background-repeat: no-repeat;
}
/* 進捗カラム - 処理者ブロック - グラフ - 外枠（フレーム） - 下地 */
.vr_graphBarGradation
{
    background-image: url(../../../image/customtheme/custom_red/vr_statusGraphGradation.png);
    background-color: ;
    background-position: top;
    background-repeat: repeat-x;
}
/*------------------------------------------------*/
/* ステータス管理アプリのオプション
/*------------------------------------------------*/
/* ナビカラム - ステータス管理 - オプション - アンカー */
.dz_naviColumnOption .dz_taskListOptionButton
{
    background-color: transparent; /*::: （必須） :::*/
    border-color: #cfcfcf; /*::: （必須） :::*/
}
/*------------------------------------------------*/
/* 集計
/*------------------------------------------------*/
/* 集計  - 集計対象1 - ラベル、小計値背景 */
.dz_value-sub-totaling1,
.dz_result-sub-totaling1
{
    background-color: #ffd1e1; /*::: （必須） :::*/
}
/* 集計  - 集計対象2 - ラベル、小計値背景 */
.dz_value-sub-totaling2,
.dz_result-sub-totaling2
{
    background-color: #ffe3ed; /*::: （必須） :::*/
}
/* 集計  - 集計対象3 - ラベル、小計値背景 */
.dz_value-sub-totaling3,
.dz_result-sub-totaling3
{
    background-color: #fff5f8; /*::: （必須） :::*/
}
/* 集計  - 集計対象 - グラフエリア - 背景 */
.dz_graph-sub-totaling1,
.dz_graph-sub-totaling2,
.dz_graph-sub-totaling3
{
    border-left: 1px solid #ffffff; /*::: 変更不可 :::*/
}
/* 集計  - 小計行 */
.dz_value-sub-totaling-total,
.dz_result-sub-totaling-total,
.dz_graph-sub-totaling-total
{
    background-color: #ffd1e1; /*::: ".dz_value-sub-totaling1, .dz_result-sub-totaling1"の background-color と合わせる （必須）  :::*/
}
/*------------------------------------------------*/
/* 集計、関連リンクボックス外枠
/*------------------------------------------------*/
/* 集計、関連リンク - ヘッダ */
.dz_tabTopCenter
{
    background-image: none;
    background-color: #eb7171; /*::: "table.dataList th, table.dz_dataList th" の background-color と合わせる （必須） :::*/
    background-position: ;
    background-repeat: ;
    color: #ffffff; /*::: （必須） :::*/
}
/* 集計、関連リンク - 集計 - 外枠 */
.dz_totalingTable
{
    border: 1px solid #ebbfb7; /*::: "div.cb7-dialog .yui-panel"の borde と合わせる （必須） :::*/
}
/***************************************************
/*
/* カスタムテーマ共通
/*
***************************************************/
/* アンカー */
a:link,
a:visited
{
    text-decoration: none;
}
/* アンカー(hover) */
a:hover,
a:active
{
    text-decoration: underline;
}
/* アンカー - 薄め */
a.kari:link,
a.kari:visited
.hilightLink a:link,
.hilightLink a:visited,
a.hilightLink:link,
a.hilightLink:visited,
.followMenu a:link,
.followMenu a:visited,
.simpleReplyUserCollapse a:link,
.simpleReplyUserCollapse a:visited,
.simpleReplyDialogUserName a:link,
.simpleReplyDialogUserName a:visited
{
    color: #6ab9eb;
}
/* アンカー - 薄め - hover */
a.kari:hover,
a.kari:active
.hilightLink a:hover,
.hilightLink a:active,
a.hilightLink:hover,
a.hilightLink:active,
.vr_followSelected a:hover,
.vr_followSelected a:active,
.simpleReplyUserCollapse a:hover,
.simpleReplyUserCollapse a:active,
.simpleReplyDialogUserName a:hover,
.simpleReplyDialogUserName a:active
{
    color: #eb6100;
}
/* アプリメニュー - 開閉バー */
#appmenuToggler
{
    border-top: none;
    border-bottom: none;
    height: 12px;
}
/* アプリメニュー - 開閉ボタン */
.appmenuToggleButton
{
    height: 12px;
}