@charset 'utf-8';

/*------------------------------------------------*/
/* 基本 */
body
{
    background: #FFF;
    color: #262626;
}
hr
{
    border-width: 0;
    height: 1px;
    background: transparent url(../../image/bg_hr.png) top left repeat-x;
}
th
{
    background-color: #E7E1F2;
}
.active
{
    background: #F3F0F9;
}
.selected
{
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #C1C1C1;
    background: #FFF;
}
/*------------------------------------------------*/
/* アンカー */
a:link,
a:active,
a:visited
{
    color: #704BBA;
    text-decoration: none;
}
/* アンカー(hover) */
a:hover
{
    color: #503585;
    text-decoration: none;
}
/*------------------------------------------------*/
/* ボタン(基本スタイル) */
a.button-standard
{
    color: #333;
    text-decoration: none;
}
span.button-standard,
a.button-standard:link,
a.button-standard:visited
{
    color: #333;
    border: solid 1px #ACACAC;
    background-image: url(../../image/bg_button.png);
    background-color: #F4F4F4;
}
/* ボタン(hover) */
a.button-standard:hover
{
    color: #000;
    border: solid 1px #999;
    background-image: url(../../image/bg_button_hover.png);
    background-color: #E5E5E5;
}
/* ボタン(mouse down) */
a.button-standard:active
{
    color: #000;
    border: solid 1px #999;
    background-image: none;
    background-color: #EFEFEF;
}
/* ボタン(disable) */
.button-standard.button-disable
{
    color: #BBB;
    border-color: #CCC;
    background: #F0F0F0;
}
/*------------------------------------------------*/
/* input, button(基本スタイル) */
.inputSubmit,
.inputButton
{
    color: #333;
    border: solid 1px #ACACAC;
    background-image: url(../../image/bg_button.png);
    background-color: #F4F4F4;
}
/* input, button(hover) */
.inputSubmit:hover,
.inputButton:hover
{
    color: #000;
    border: solid 1px #999;
    background-image: url(../../image/bg_button_hover.png);
    background-color: #E5E5E5;
}
/* input, button(mouse down) */
.inputSubmit:active,
.inputButton:active
{
    color: #000;
    border: solid 1px #999;
    background-image: none;
    background-color: #EFEFEF;
}
/*------------------------------------------------*/
/* ドロップシャドウ - 下から上へグラデ */
.shadowTop
{
    background-color: #F0F0F0;
}
/* ドロップシャドウ - 上から下へグラデ */
.shadowBottom
{
    background-color: #F0F0F0;
}
/*------------------------------------------------*/
/***************************************************
/*
/* レイアウト
/*
***************************************************/
/*------------------------------------------------*/
/* サイドエリア */
#sideColumn
{
    background-color: #F3F0F9; /* sideColumn, category */
}
/*------------------------------------------------*/
/* 一覧 - テーブルヘッダー */
.dataList tr.table-header
{
    background-color: #503585;
    background-image: url(../../image/theme/purple/tablehead_bg.png);
}
.dataList tr.table-header > td
{
    color: #C1C1C1;
    border-left: 1px solid #8F70CC;
    border-right: 1px solid #38255F;
}
/*------------------------------------------------*/
/* 編集 - テーブル */
.formTable
{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
/* 編集 - テーブル見出し */
.formTable caption
{
    background: #F3F0F9; /* active */
}
/* 編集 - セル見出し、セル */
.formTable > tr > th,
.formTable > tr > td,
.formTable > tbody > tr > th,
.formTable > tbody > tr > td
{
    border-top: 1px solid #CCC;
}
.formTable > tr > td,
.formTable > tbody > tr > td
{
    border-left: 1px solid #CCC;
}
.formTable > tr > th,
.formTable > tbody > tr > th
{
    border-right: 1px solid #CCC;
    background-color: #F8F6FB;
}
/*------------------------------------------------*/
/* 詳細 - テーブル */
.dataView
{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.dataView caption
{
    background: #F3F0F9; /* active */
}
/* 詳細 - セル見出し、セル */
.dataView > tr > th,
.dataView > tr > td,
.dataView > tbody > tr > th,
.dataView > tbody > tr > td
{
    border-top: 1px solid #CCC;
}
.dataView > tr > th,
.dataView > tbody > tr > th
{
    border-right: 1px solid #CCC;
    background-color: #F8F6FB;
}
/* メール詳細 - 最初でないヘッダ */
.dataView > tr > th.notFirst,
.dataView > tbody > tr > th.notFirst
{
    border-left: 1px solid #CCC;
}
/*------------------------------------------------*/
/* タブ - 区切り */
#tabColumn td.separator
{
    border-color: #AAA; /* Tab border color */
}
/* タブ - 選択中 */
#tabColumn td.tabActive
{
    border-bottom: 1px solid #F3F0F9; /* tab active */
}
#tabColumn td.tabActive .tsTab
{
    background: #F3F0F9; /* tab active */
}
/* タブ - 非選択 */
#tabColumn td.tabPassive
{
    border-bottom: 1px solid #AAA;  /* tab border */
}
#tabColumn td.tabPassive .tsTab
{
    background: #FFF;
}
/* タブ - 耳 */
#tabColumn .tsTab
{
    border-color: #AAA; /* Tab border color */
}
/*------------------------------------------------*/
/* その他の操作 - 大枠 */
.submenu
{
    background-color: #F0F0F0;
    border: solid 1px #ACACAC;
    border-top-color: #CCC;
}
/* その他の操作 - アンカー */
.submenu a.submenu-item-label
{
    color: #333;
    text-shadow: 0 1px 0 #FFF;
}
/* その他の操作 - アンカー(hover) */
.submenu a.submenu-item-label:hover
{
    background-color: #CCE4F1;
    color: #333;
    text-shadow:0 0 0 #333;
}
/*------------------------------------------------*/
/* 共通スタイル
/*------------------------------------------------*/
/* ラベル */
.label
{
    background: #999;
    color: #FFF;
}
/* ラベル - 添え字 */
.label.subtext
{
    background: #8F70CC;
    color: #FFF;
}
/*------------------------------------------------*/
/* 検索 - 顧客検索、テンプレート検索 */
.search
{
    border: 1px solid #AAA;
}
/*------------------------------------------------*/
/* 一覧画面の共通スタイル
/*------------------------------------------------*/
/* 一覧 - 直前まで閲覧していたデータ */
.currentRow
{
    background-color: #E7E1F2;
}
/* 一覧 - 奇数行 */
.oddRow
{
    background-color: #FFF;
}
/* 一覧 - 偶数行 */
.evenRow
{
    background-color: #F5F5F5;
}
/* 一覧 - コメント */
.comment
{
    background: #F8F6FB;
}
.currentRow .comment
{
    background: #E9EDED;
}
/*------------------------------------------------*/
/* お知らせ
/*------------------------------------------------*/
/* お知らせ - 大枠 */
.info-container
{
    border: 1px solid #E7E1F2;
    background-color: #F3F0F9;
}
/* お知らせ - 開く */
#showInfo
{
    padding-left: 20px;
    background-image: url(../../image/theme/purple/info_open.png);
}
/* お知らせ - 閉じる */
#hideInfo
{
    padding-left: 20px;
    background-image: url(../../image/theme/purple/info_close.png);
}
/* お知らせ - 概略(開閉操作部) */
.info-summary
{
    color: #0B5A95;
}
.info-summary:hover
{
    color: #704BBA;
}
.info-title,
.info-mdatetime,
.info-modifier
{
    color: #A48BD6;
    margin-right: 7px;
}
.info-title
{
    color: #704BBA;
    margin-right: 30px;
}
.info-mtime
{
}
/* お知らせ - 本文 */
.info-text
{
    background-color: #FFF;
}
/*------------------------------------------------*/
/***************************************************
/*
/* アプリケーションメニュー
/*
***************************************************/
/* アプリケーションメニュー - 大枠 */
#appmenu-wrapper
{
    background: #F0F0F0 url(../../image/shadow_top.png) repeat-x left bottom;
}
/* アプリケーションメニュー - アンカー */
#appmenu-wrapper a
{
    color: #000;
    text-decoration: none;
}
/* アプリケーションメニュー - 内側 */
.appmenuTable
{
    background: #E7E1F2 url(../../image/theme/purple/bg_appmenu.png) repeat-x left bottom;
}
/* アプリケーションメニュー - 画像非表示時 */
.appmenuTable.hideIcon tr
{
}
/* アプリメニュー - 開閉バー */
#appmenuToggler
{
    background-image: url(../../image/theme/purple/mw_appmenu_togglebar.png);
    background-color: #CFC3E6;
    background-position: ;
    background-repeat: repeat-x;
    border-top: 0 #E7E1F2 solid;
    border-bottom: 1px #734DBF solid;
}
/* アプリメニュー - 開閉バー - hover */
.appmenuToggleOver #appmenuToggler
{
    background-image: url(../../image/theme/purple/mw_appmenu_togglebar.png);
    background-color: #E7E1F2;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 表示するボタン */
#appmenuToggler.appmenuExpand .appmenuToggleButton
{
    background-image: url(../../image/theme/purple/mw_appmenu_togglebar_symbol_expand.png);
    background-color: #8F70CC;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 表示するボタン - hover */
.appmenuToggleOver #appmenuToggler.appmenuExpand .appmenuToggleButton
{
    background-image: url(../../image/theme/purple/mw_appmenu_togglebar_symbol_expand_hover.png);
    background-color: ;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 非表示にするボタン */
#appmenuToggler.appmenuCollapse .appmenuToggleButton
{
    background-image: url(../../image/theme/purple/mw_appmenu_togglebar_symbol_collapse.png);
    background-color: #8F70CC;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 非表示にするボタン - hover */
.appmenuToggleOver #appmenuToggler.appmenuCollapse .appmenuToggleButton
{
    background-image: url(../../image/theme/purple/mw_appmenu_togglebar_symbol_collapse_hover.png);
    background-color: ;
    background-position: ;
    background-repeat: ;
}
/*------------------------------------------------*/
/***************************************************
/*
/* パンくずリスト
/*
***************************************************/
/* パンくず - 大枠 */
#pathbar
{
}
/* パンくず - アンカー */
a.pathbar-item-label
{
}
/* パンくず - 現在地 */
span.pathbar-item-label
{
}
/* パンくず - 区切り */
.pathbar-separator
{
    background-image: url(../../image/pathbar_sep.png);
}
/*------------------------------------------------*/
/***************************************************
/*
/* サイドメニュー
/*
***************************************************/
/* フォルダツリー */
.category
{
    background: #F3F0F9; /* sideColumn, category */
}
.category .category-item,
.category .category-item-disable
{
    border-top: 1px solid #F3F0F9;
    border-bottom: 1px solid #F3F0F9;
}
.category .category-item:hover
{
    background: #CFC3E6;
}
/*------------------------------------------------*/
/* クリック検索 - 選択文字 */
.clicksearch-text
{
    background: #F0F0F0; /* sideColumn, category */
    border: 1px solid #CCC;
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール一覧
/*
***************************************************/
/* メール一覧 - 最終受信時刻 */
.receiveTime
{
    color: #555;
}
/* メール一覧 - フォルダ関連行 */
.folder-function-container
{
    background: #F3F0F9; /* active */
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール送信
/*
***************************************************/
/*------------------------------------------------*/
/* メール送信 - メール情報操作部 - 大枠 */
.mailsend-selectStatus
{
    background: #F3F0F9; /* active */
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール詳細
/*
***************************************************/
/*------------------------------------------------*/
/* メール詳細 - 関連情報表示 */
.toggleview
{
    color: #474747;
}
/* メール詳細 - メール情報 - 前回の担当者 */
.lastuser
{
    color: #888;
}
/* メール詳細 - 大枠 */
.mailContentTable
{
    background: #F3F0F9; /* mailContentTable, mailContentBottom */
}
/* メール詳細 - メール番号、日時 - 大枠 */
.mailContentInfo
{
}
/* メール詳細 - メール番号 */
.mailContentInfo .mailContentNumber
{
    background: #808080;
    color: #F0F0F0;
}
/* メール詳細 - 日時 */
.mailContentInfo .mailContentTime
{
    color: #646464;
}
/* メール詳細 - メール本文、添付ファイル */
.mailBody
{
    background: #FFF;
}
/* メール詳細 - 下の囲い */
.mailContentBottom
{
    background: #F0F0F0; /* mailContentTable, mailContentBottom */
    padding: 2px;
}
.customerview-sidemenu-operation
{
    background: #E7E1F2;
}
/***************************************************
/*
/* jQuery-UI
/*
***************************************************/
.ui-widget-header {
    background: url("../../image/theme/purple/tablehead_bg.png") repeat-x scroll 50% 50% #CCCCCC;
    color: #C1C1C1;
}