@charset 'utf-8';

/*------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
    font: 15px/1.231 "ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Sans Unicode",Osaka,sans-serif;
    *font-size: small; /* for IE */
    *font: x-small; /* for IE in quirks mode */
}

select, input, button {
    font: 12px "ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Sans Unicode",Osaka,sans-serif;
}

textarea {
    font: 99% monospace;
}
.ie textarea  {
    font: 99% "ＭＳ ゴシック","MS Gothic",monospace;
}

/**
 * To help tables remember to inherit
 */
table {
    font-size: inherit;
    font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}
.ie code,
.ie kbd,
.ie samp,
.ie tt {
    font-family: "ＭＳ ゴシック","MS Gothic", monospace;
}

pre {
  font-family: sans-serif;
  font: 13px/1.231 "メイリオ",arial,helvetica,clean,"ヒラギノ丸ゴ Pro W4",HiraMaruPro-W4,"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,sans-serif;
    *font-size: small; /* for IE */
    *font: x-small; /* for IE in quirks mode */
}

/**
 * Font sizes
 */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/*------------------------------------------------*/

/***************************************************
/*
/* 全般
/*
***************************************************/
/*------------------------------------------------*/
/* 共通
/*------------------------------------------------*/
body
{
    margin: 0;
    padding: 0;
    padding-bottom: 1em;
}
img
{
    border: 0;
    vertical-align: middle;
}
hr
{
    border-width: 0;
    height: 1px;
    background: transparent url(../../image/bg_hr.png) top left repeat-x;
}
table
{
    border-collapse: collapse;
    border-color: #999999;
}
th
{
    border-color: #888888;
    background: #CCCCCC;
    font-weight: normal;
    text-align: left;
}
td
{
    border-color: #888888;
}
form
{
    margin: 0;
    display: inline;
}
.inputSubmit,
.inputRadio,
.inputFile,
.inputCheckBox,
.inputButton
{
    cursor: pointer;
    vertical-align: middle;
}
/*------------------------------------------------*/
/* アンカー */
a:link,
a:active,
a:visited
{
    color: #006EA5;
    text-decoration: none;
}
/* アンカー(hover) */
a:hover
{
    color: #052E6C;
    text-decoration: none;
}
/*------------------------------------------------*/
/* ボタン(基本スタイル) */
a.button-standard
{
    color: #333;
    text-decoration: none;
}
span.button-standard,
a.button-standard:link,
a.button-standard:visited
{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 3px 7px;
    font-size: 13px;
    color: #333;
    background: url(../../image/bg_button.png) #F4F4F4 top left repeat-x;
    border: solid 1px #ACACAC;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-right: 5px;
}
/* ボタン(hover) */
a.button-standard:hover
{
    border: solid 1px #999;
    background-image: url(../../image/bg_button_hover.png);
    background-color: #E5E5E5;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:         0 1px 2px rgba(0, 0, 0, 0.1);
    /*-webkit-transition: all 0.1s linear;
    -moz-transition:    all 0.1s linear;
    -o-transition:      all 0.1s linear;
    transition:         all 0.1s linear;*/
    color: #000;
}
/* ボタン(mouse down) */
a.button-standard:active
{
    border: solid 1px #999;
    background-image: none;
    background-color: #EFEFEF;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2)
    color: #000;
}
/* ボタン(disable) */
.button-standard.button-disable
{
    border-color: #CCC;
    background: #DEDEDE;
    color: #BBB;
}
/* ボタンアイコン(基本スタイル) */
.button-image-left,
.button-image-right
{
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.button-image-left
{
    padding: 0 0 2px 2px;
}
.button-image-right
{
    padding: 0 2px 2px 0;
}
/* ボタンアイコン(hover) */
a.button-standard:hover img
{
    -moz-opacity: 1;
    opacity: 1;
    /*-webkit-transition: opacity 0.1s linear;
    -moz-transition:    opacity 0.1s linear;
    -o-transition:      opacity 0.1s linear;
    transition:         opacity 0.1s linear;*/
}
/* ボタンアイコン(disable) */
.button-disabled img
{
    -moz-opacity: 0.3;
    opacity: 0.3;
}
/*------------------------------------------------*/
/* input, button(基本スタイル) */
.inputSubmit,
.inputButton
{
    display: inline-block;
    padding: 3px 7px;
    font-size: 13px;
    color: #333;
    background: url(../../image/bg_button.png) #F4F4F4 top left repeat-x;
    border: solid 1px #ACACAC;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 2px 5px 2px 2px;

    /* for IE 7 under */
    *padding: 0px;
}
/* for FF */
.inputSubmit::-moz-focus-inner,
.inputButton::-moz-focus-inner
{
    padding: 0;
    border: 0;
}
/* input, button(hover) */
.inputSubmit:hover,
.inputButton:hover
{
    border: solid 1px #999;
    background-image: url(../../image/bg_button_hover.png);
    background-color: #E5E5E5;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:         0 1px 2px rgba(0, 0, 0, 0.1);
    /*-webkit-transition: all 0.1s linear;
    -moz-transition:    all 0.1s linear;
    -o-transition:      all 0.1s linear;
    transition:         all 0.1s linear;*/
    color: #000;
}
/* input, button(mouse down) */
.inputSubmit:active,
.inputButton:active
{
    border: solid 1px #999;
    background-image: none;
    background-color: #EFEFEF;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2)
    color: #000;
}
/* アイコン */
.icontext
{
    vertical-align: middle;
}
.icontext-icon,
.icontext img
{
    margin-right: 5px;
}
/* input, button アイコン(基本スタイル) */
.inputButton-image
{
    -moz-opacity: 0.7;
    opacity: 0.7;
    padding: 0 2px 3px 0;
}
/* input, button アイコン(mouse over) */
.inputButton:hover .inputButton-image
{
    /*-moz-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition:    opacity 0.1s linear;
    -o-transition:      opacity 0.1s linear;
    transition:         opacity 0.1s linear;*/
}
/* ファイル選択ボックス */
select.attachment
{
    width: 400px;
}
/*------------------------------------------------*/
/* フォント - 小 */
.fontSmall
{
    font-size: 80%;
}
/* フォント - 中 */
.fontHalfSmall
{
    font-size: 90%;
}
/* フォント - 標準 */
.fontNormal
{
    font-size: 100%;
    font-weight: normal;
}
/* フォント - 大 */
.fontBig
{
    font-size: 120%;
}
/* フォント - グレーアウト */
.fontGrayOut
{
    color: #888;
}
/* フォント - 強調 */
.fontStress
{
    color: #F00;
    font-weight: bold;
}
/* フォント - 必須 */
.fontNecessary
{
    color: #F00;
}
/* フォント - 数値 */
.fontNumber
{
    color: #00F;
}
/* フォント - Notice */
.fontNotice
{
    font-size: 80%;
    color: #008800;
}
/* フォント - 太字 */
.fontBold
{
    font-weight: bold;
}
/* フォント - 警告 */
.fontWarning
{
    color: #F00;
}
/* clearfix (Exclude MacIE, NetScape) */
.clearfix:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* clearfix (for IE6,7) */
.clearfix
{
    /zoom: 1;
}
/* 要素 - 非表示 */
.displayNone
{
    display: none;
}
/*------------------------------------------------*/
/* ドロップシャドウ - 下から上へグラデ */
.shadowTop
{
    padding-top: 3px; /* 背景画像分の高さ */
    background: #F0F0F0 url(../../image/shadow_top.png) repeat-x left bottom;
}
/* ドロップシャドウ - 上から下へグラデ */
.shadowBottom
{
    padding-bottom: 3px; /* 背景画像分の高さ */
    background: #F0F0F0 url(../../image/shadow_bottom.png) repeat-x left bottom;
}
/*------------------------------------------------*/
/* ライセンス警告、ディスク逼迫警告など */
.warning
{
    font-size: 13px;
    padding: 3px 8px;
    background: #FFFFCC;
}
/*------------------------------------------------*/
/***************************************************
/*
/* レイアウト
/*
***************************************************/
/*------------------------------------------------*/
/* 操作部 - 上部 */
#commonColumnTop
{
    padding: 0 0 5px 0;
}
/* 操作部 - 下部 */
#commonColumnBottom
{
    padding: 5px 0 1em 0;
}
/* メインコンテンツ */
#contentColumn
{
    width: 100%;
}
/* サイドエリア */
#sideColumn
{
    padding-right: 3px; /* 背景画像分の高さ */
    background: #F0F0F0 url(../../image/shadow_left.png) repeat-y right top;
}
/*------------------------------------------------*/
/* メインメニュー - 大枠 */
.menuColumn
{
    border: 0;
    border-collapse: collapse;
    margin: 5px 8px 0 8px;
}
/*------------------------------------------------*/
/* 第2レベルのメニュー - メインペイン */
.data-operation
{
    padding: 8px 3px;
}
/* 第2レベルのメニュー - サブペイン */
.sidemenu-operation
{
    padding: 8px 8px 0 8px;
}
/*------------------------------------------------*/
/* レイアウト - 一覧 */
.layoutListTable
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
.layoutListTR
{
    border-bottom: 1px solid #C0C0C0
}
.layoutListTD
{
    padding: 0;
}
/*------------------------------------------------*/
/* レイアウト - 詳細、編集 */
.layoutViewTable
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
.layoutViewTD
{
    padding: 0;
}
/*------------------------------------------------*/
/* レイアウト - メッセージ */
.layoutMsgTable
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
.layoutMsgTD
{
    padding: 10px 8px;
}
/*------------------------------------------------*/
/* 一覧 - テーブル*/
.dataList
{
    margin: 0;
    border-collapse: separate;
    background: #FFF;
}
.dataList td
{
    font-size: 13px;
}
/* 一覧 - テーブルヘッダー */
.dataList tr.table-header
{
    height: 30px;
    background: #000 url(../../image/tablehead_bg.png) repeat-x scroll 0 0;
}
.dataList tr.table-header > td
{
    border-left: 1px solid #666;
    border-right: 1px solid #333;
    color: #C1C1C1;
    padding: 2px 5px;
    font-size: 13px;
}
/* 古い画面のスタイル */
.title
{
    background: #CCC;
    border-color: #888888;
}
.header
{
    background: #CCC;
}
.header th
{
    text-align: center;
    font-weight: bold;
}
/*------------------------------------------------*/
/* 編集 - テーブル */
.formTable
{
    width: 100%;
    border-collapse: collapse;
    border: 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #FFF;
}
/* 編集 - テーブル見出し */
.formTable caption
{
    text-align: left;
    padding: 3px 8px 2px 8px;
    background: #F0F0F0; /* active */
}
.formTable caption .caption-text
{
    font-weight: bold;
}
/* 編集 - セル見出し、セル */
.formTable > tr > th,
.formTable > tr > td,
.formTable > tbody > tr > th,
.formTable > tbody > tr > td
{
    padding: 7px;
    border-top: 1px solid #CCC;
}
.formTable > tr > td,
.formTable > tbody > tr > td
{
    border-left: 1px solid #CCC;
}
.formTable > tr > th,
.formTable > tbody > tr > th
{
    width: 100px;
    text-align: left;
    font-weight: normal;
    border-right: 1px solid #CCC;
    background-color: #E6E6E6;
    vertical-align: top;
}
/* 編集 - セル内の input text */
.formTable .formText
{
    width: 95%;
}
/*------------------------------------------------*/
/* 詳細 - テーブル */
.dataView
{
    border-collapse: collapse;
    border: 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #FFF;
}
.dataView caption
{
    text-align: left;
    padding: 5px 8px 3px;
    background: #F0F0F0; /* active */
}
.dataView caption .caption-text
{
    font-weight: bold;
    margin-right: 15px;
}
/* 詳細 - セル見出し、セル */
.dataView > tr > th,
.dataView > tr > td,
.dataView > tbody > tr > th,
.dataView > tbody > tr > td
{
    padding: 7px;
    border-top: 1px solid #CCC;
}
.dataView > tr > th,
.dataView > tbody > tr > th
{
    width: 100px;
    text-align: left;
    font-weight: normal;
    border-right: 1px solid #CCC;
    background-color: #E6E6E6;
    vertical-align: top;
}
/* メール詳細 - 緊急度、担当者 */
.dataView > tr > th.urgency,
.dataView > tbody > tr > th.urgency,
.dataView > tr > th.owner,
.dataView > tbody > tr > th.owner
{
    border-left: 1px solid #CCC;
}
/*------------------------------------------------*/
/* タブ - 大枠 */
#tabColumn
{
    margin-top: 5px;
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
#tabColumn td
{
    padding: 0;
}
/* タブ - アンカー */
#tabColumn td a
{
    text-decoration: none;
}
/* タブ - 区切り */
#tabColumn td.separator
{
    width: 10px;
    border-bottom: 1px solid #AAA; /* tab border */
}
/* タブ - 選択中 */
#tabColumn td.tabActive
{
    border-bottom: 1px solid #F0F0F0; /* tab active */
}
#tabColumn td.tabActive .tsTab
{
    background: #F0F0F0; /* tab active */
}
/* タブ - 非選択 */
#tabColumn td.tabPassive
{
    border-bottom: 1px solid #AAA;  /* tab border */
}
#tabColumn td.tabPassive .tsTab
{
    background: #FFF;
}
/* タブ - 耳 */
#tabColumn .tsTab
{
    padding: 10px 25px;
    border-top: 1px solid #AAA; /* tab border */
    border-left: 1px solid #AAA; /* tab border */
    border-right: 1px solid #AAA; /* tab border */
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/*------------------------------------------------*/
/* ナビゲーション - 大枠 */
.naviColumn
{
    position: relative;
    display: block;
    height: 48px;
}
/* ナビゲーション */
.navigation
{
    position: absolute;
    top: 4px;
    right: 0;
}
.navigation a.button-standard,
.navigation span.button-standard
{
    width: 20px;
    line-height: 20px;
    padding: 3px 20px;
    margin: 6px 1px;
}

.navigation a.navigation-first,
.navigation span.navigation-first
{
    width: 15px;
    padding: 3px 10px 3px 10px;
    margin: 6px 5px;
}
/*------------------------------------------------*/
/* コメント - テーブル */
.commentTable
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
    background-color: #FFF;
}
.commentTD
{
    padding: 0;
}
.comment-block,
.mycomment-block
{
    padding: 2px 4px 0 16px;
}
.comment-block
{
    background: url(../../image/comment13.png) no-repeat 0 3px;
}
.mycomment-block
{
    background: url(../../image/comment-l13.png) no-repeat 0 3px;
}
.comment-inline,
.mycomment-inline
{
    padding: 0 4px 0 16px;
    line-height: 16px;
}
.comment-inline
{
    background: url(../../image/comment13.png) no-repeat 0 50%;
}
.mycomment-inline
{
    background: url(../../image/comment-l13.png) no-repeat 0 50%;
}
/* コメント - 書き込み者 */
.commentUserName
{
    vertical-align: top;
    padding: 5px;
    padding-right: 7px;
    color: #6C6C6C;
}
/* コメント - 本文 */
.commentBody
{
    padding: 5px;
    padding-right: 7px;
    word-break: break-all;
    word-wrap: break-word;
}
/* コメント - 日時 */
.commentTS
{
    color: #6C6C6C;
}
.commentUserName,
.commentBody,
.commentTS
{
    font-size: 13px;
    border-bottom: 1px solid #E6E6E6;
}
/*------------------------------------------------*/
/* その他の操作 - 大枠 */
.submenu
{
    position: absolute;
    z-index: 101;
    padding: 6px 0 5px;
    background-color: #F0F0F0;
    background-image: -webkit-gradient( radial, center top, 0, center top, 80, from(rgba(255,255,255,1.0)), to(rgba(255,255,255,0)));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6),0px 2px 3px rgba(0,0,0,0.1);
    border: solid 1px #ACACAC;
    border-top-color: #CCC;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
/* その他の操作 - アンカー */
.submenu a.submenu-item-label
{
    color: #333;
    display: block;
    padding: 3px 10px 2px 10px;
    text-shadow: 0 1px 0 #FFF;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
/* その他の操作 - アンカー(hover) */
.submenu a.submenu-item-label:hover
{
    background-color: #CCE4F1;
    color: #333;
    text-shadow:0 0 0 #333;
}
/*------------------------------------------------*/
/* 共通スタイル
/*------------------------------------------------*/
/* ラベル */
.label
{
    font-size: 12px;
    /*font-weight: bold;*/
    margin: 0 2px;
    padding: 2px 10px;
    text-align: center;
    vertical-align: middle;

    background: #999;
    color: #FFF;

    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}
/* ラベル - 処理状況 */
.label.color1
{
    background: #777;
}
.label.color2
{
    background: #AAA;
}
.label.color3
{
    background: #71A7D9;
}
.label.color4
{
    background: #68A96D;
}
.label.color5
{
    background: #D98282;
}
.label.color6
{
    background: #8BD1D4;
}
.label.color7
{
    background: #A692E0;
}
.label.color8
{
    background: #C8CC3D;
}
.label.color9
{
    background: #C1A694;
}
.label.color10
{
    background: #A6D17F;
}
.label.color11
{
    background: #EDA739;
}
.label.color12
{
    background: #EFACD0;
}
.label.color1,
.label.color2,
.label.color3,
.label.color4,
.label.color5,
.label.color6,
.label.color7,
.label.color8,
.label.color9,
.label.color10,
.label.color11,
.label.color12
{
    min-width: 60px;
}
.editor.color1,
.nextuser.color1
{
    color: #777;
}
.editor.color2,
.nextuser.color2
{
    color: #AAA;
}
.editor.color3,
.nextuser.color3
{
    color: #71A7D9;
}
.editor.color4,
.nextuser.color4
{
    color: #68A96D;
}
.editor.color5,
.nextuser.color5
{
    color: #D98282;
}
.editor.color6,
.nextuser.color6
{
    color: #8BD1D4;
}
.editor.color7,
.nextuser.color7
{
    color: #A692E0;
}
.editor.color8,
.nextuser.color8
{
    color: #C8CC3D;
}
.editor.color9,
.nextuser.color9
{
    color: #C1A694;
}
.editor.color10,
.nextuser.color10
{
    color: #A6D17F;
}
.editor.color11,
.nextuser.color11
{
    color: #EDA739;
}
.editor.color12,
.nextuser.color12
{
    color: #EFACD0;
}
/* ラベル - 添え字 */
.label.subtext
{
    background: #3090BF;
    color: #FFF;

    font-size: 12px;
    font-weight: bold;
    margin: 0 5px;
    padding: 0 5px;
    vertical-align: middle;
}
/* ラベル - 至急 */
.label.hurry
{
    border: 1px solid #C33;
    background: #FFF;
    color: #FF4040;
}
/* ラベル - 大至急 */
.label.urgent
{
    border: 1px solid #C33;
    background: #FF4040;
}
/*------------------------------------------------*/
/* メニュー区切り */
.menusep
{
    margin: 0 3px 0 5px;
}
/*------------------------------------------------*/
/* 検索 - 顧客検索、テンプレート検索 */
.search
{
    background: #FFF;
    display: inline;
    border: 1px solid #AAA;
    position: relative;
    padding: 0;

    /* for IE 7 under */
    *zoom: 1;
}
.searchText
{
    border: 0 none;
    padding: 0 2px;
    height: 20px;
    width: 150px;

    /* for IE 7 under */
    *font-size: 15px;
}
.searchText:focus
{
    outline: none;
}
.searchButton
{
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 20px;
    border: 0 none;
    background: #FFF url(../../image/btn_search20.png) no-repeat 50% 50%;
    cursor: pointer;
}
/*------------------------------------------------*/
/* 画面文言 */
.desc
{
    width: 100%;
    padding: 8px;
}
/*------------------------------------------------*/
/* コミットボタン */
p.formCommit
{
    margin: 0;
    padding: 5px 0;
}
/*------------------------------------------------*/
/* 一覧画面の共通スタイル
/*------------------------------------------------*/
/* 一覧 - 直前まで閲覧していたデータ */
.currentRow
{
    background-color: #D1EAF6;
}
/* 一覧 - 奇数行 */
.oddRow
{
    background-color: #FFF;
}
/* 一覧 - 偶数行 */
.evenRow
{
    background-color: #F5F5F5;
}
.underline td
{
    border-bottom: 1px solid #E6E6E6;
}
.overline td
{
    border-top: 1px solid #E6E6E6;
}
/* 一覧 - 2行目 */
.secondRow td
{
    padding: 0 7px 5px 7px;
}
/* 一覧 - コメント */
.comment
{
    background: #E7F0F2;
    padding: 4px 10px;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}
.currentRow .comment
{
    background: #E5F0F6;
}
/* 区切り線 */
.divider
{
    height: 28px;
    font-size: 90%;
}
.divider td
{
    padding: 0;
}
.dividerBegin,
.dividerEnd
{
    position: relative;
    display: block;
    height: 28px;
}
/* 区切り線 - 頭 */
.dividerBegin img
{
    position: absolute;
    display: block;
    top: 0;
    left: -4px;
    height: 30px;
}
/* 区切り線 - 尻尾 */
.dividerEnd img
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 28px;
}
/* 区切り線 - お腹 */
.dividerInner1
{
    color: #003461;
    background: transparent url(../../image/divider_bg1.png) repeat-x;
}
.dividerInner2
{
    color: #143800;
    background: transparent url(../../image/divider_bg2.png) repeat-x;
}
.dividerInner3
{
    color: #6B1000;
    background: transparent url(../../image/divider_bg3.png) repeat-x;
}
.dividerInner4
{
    color: #532100;
    background: transparent url(../../image/divider_bg4.png) repeat-x;
}
.dividerInner5
{
    color: #303030;
    background: transparent url(../../image/divider_bg5.png) repeat-x;
}
/*------------------------------------------------*/
/* お知らせ
/*------------------------------------------------*/
/* お知らせ - 大枠 */
.info-container
{
    margin: 5px 0px;
    padding: 5px 10px;
    border: 1px solid #CFE1E5;
    background-color: #E7F0F2;
    margin: 0 8px;
}
/* お知らせ - 開く */
#showInfo
{
    padding-left: 20px;
    background: url(../../image/info_open.png) no-repeat 0 50%;
}
/* お知らせ - 閉じる */
#hideInfo
{
    padding-left: 20px;
    background: url(../../image/info_close.png) no-repeat 0 50%;
}
.info-icon
{
    float: left;
    width: 20px;
    height: 20px;
}
.info-data
{
    float: left;
}
/* お知らせ - 概略(開閉操作部) */
.info-summary
{
    position: relative;
    width: auto;
    color: #0B5A95;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    height: 20px;
}
.info-summary:hover
{
    color: #052E6C;
}
.info-title,
.info-mdatetime,
.info-modifier
{
    color: #73AFCB;
    margin-right: 7px;
}
.info-title
{
    color: #006EA5;
    margin-right: 30px;
}
.info-mtime
{
}
/* お知らせ - 詳細部 */
#info-detail
{
    margin: 2px 8px 8px 8px;
}
.info-detailTable
{
    width: 100%;
    border-collapse: collapse;
    border: 0;
}
/* お知らせ - 本文 */
.info-text
{
    padding: 5px;
    background-color: #FFF;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    
}
/* お知らせ - 書き込むボタン */
.info-write
{
    padding: 0 0 0 10px;
    text-align: left;
    vertical-align: bottom;
}
/*------------------------------------------------*/
/***************************************************
/*
/* アプリケーションメニュー
/*
***************************************************/
/* アプリケーションメニュー - 大枠 */
#appmenu-wrapper
{
    background: #F0F0F0 url(../../image/shadow_top.png) repeat-x left bottom;
    /* padding-bottom: 3px;  背景画像分の高さ */
}
/* アプリケーションメニュー - アンカー */
#appmenu-wrapper a
{
    color: #000;
    text-decoration: none;
}

#appmenu-wrapper a:hover
{
    color: #F17900;
}

/* アプリケーションメニュー - 内側 */
.appmenuTable
{
    border: 0;
    border-collapse: collapse;
    vertical-align: bottom;
    width: 100%;
    background: #F0F0F0 url(../../image/bg_appmenu.png) repeat-x left bottom;
}
.appmenuInnerTable
{
    margin: 0 4px;
}
/* アプリケーションメニュー - アプリエリア */
.appmenuTD
{
    padding: 5px 0 5px 0;
    width: 96px;
    text-align: center;
    vertical-align: top;
}

.appmenuTD a
{
    display: inline-block;
    text-align: center;
    width: 96px;
    white-space: normal;
}

/* アプリケーションメニュー - 画像非表示時 */
.appmenuTable.hideIcon tr
{
}
/* アプリメニュー - 開閉バー */
#appmenuToggler
{
    background-image: url(../../image/mw_appmenu_togglebar.png);
    background-color: #e1e8eb;
    background-position: ;
    background-repeat: repeat-x;
    border-top: 1px #e3eaed solid;
    border-bottom: 1px #c9d1d4 solid;
    cursor: pointer;
    height: 10px;
    overflow: hidden;
    text-align: center;
    line-height: 10px;
}
/* アプリメニュー - 開閉バー - hover */
.appmenuToggleOver #appmenuToggler
{
    background-image: none;
    background-color: #dce0e3;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 表示するボタン */
#appmenuToggler.appmenuExpand .appmenuToggleButton
{
    background-image: url(../../image/mw_appmenu_togglebar_symbol_expand.png);
    background-color: #3282c2;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 表示するボタン - hover */
.appmenuToggleOver #appmenuToggler.appmenuExpand .appmenuToggleButton
{
    background-image: url(../../image/mw_appmenu_togglebar_symbol_expand_hover.png);
    background-color: ;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 非表示にするボタン */
#appmenuToggler.appmenuCollapse .appmenuToggleButton
{
    background-image: url(../../image/mw_appmenu_togglebar_symbol_collapse.png);
    background-color: #3282c2;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン - 非表示にするボタン - hover */
.appmenuToggleOver #appmenuToggler.appmenuCollapse .appmenuToggleButton
{
    background-image: url(../../image/mw_appmenu_togglebar_symbol_collapse_hover.png);
    background-color: ;
    background-position: ;
    background-repeat: ;
}
/* アプリメニュー - 開閉ボタン */
.appmenuToggleButton
{
    display: inline-block;
    width: 100px;
    height: 10px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* パンくずリスト
/*
***************************************************/
/* パンくず - 大枠 */
#pathbar
{
    padding: 5px 8px;
}
ul.pathbar-list
{
    list-style:none;
}
ul.pathbar-list,
li.pathbar-item
{
    margin: 0;
    padding: 0;
    outline: 0;
    line-height: 1.5;
}
.pathbar-item
{
    padding-right: 5px;
    float: left;
    max-width: 180px;
    white-space: nowrap;
}
.pathbar-item-label,
.pathbar-separator
{
    float: left;
}
.pathbar-item-label
{
    padding-right: 5px;
}
/* パンくず - アンカー */
a.pathbar-item-label
{
    display: block;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;

    /* for IE 6 under */
    _line-height: auto;
    _display: inline;
    _zoom: 1;
}
/* パンくず - 現在地 */
span.pathbar-item-label
{
}
/* パンくず - 区切り */
.pathbar-separator
{
    margin-right: 5px;
    background: url(../../image/pathbar_sep.png) no-repeat 0 50%;
    display: block;
    width: 10px;
    height: 20px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* フッター
/*
***************************************************/
/* フッター - 大枠 */
#footer-wrapper
{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    background: transparent url(../../image/shadow_top.png) repeat-x left top;
    padding-top: 3px;
}
/* フッター - 内側 */
#footer
{
    border: 0;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    height: 35px;
    border-top: 1px solid #AAA;
    background: #fff;
}
#footer td
{
    padding: 0px;
}
/* フッター - バックリンク */
#footer td.backlink
{
    padding-left: 10px;
    vertical-align: top;
}
/* フッター - ページ先頭へ */
#footer td.scrollTop
{
    padding-right: 10px;
    vertical-align: top;
}
/* フッター - ボタン */
.button-footer
{
    display: inline-block;
    font-size: 13px;
    height: 25px;
    line-height: 20px;
    color: #333;
    padding: 3px 7px;
    background: url(../../image/bg_button.png) #F4F4F4 top left repeat-x;
    text-align: center;
    border: solid 1px #ACACAC;
    border-top: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
a.button-footer
{
    color: #333;
    text-decoration: none;
}
/* フッター - ボタン(hover) */
a.button-footer:hover
{
    border: solid 1px #999;
    border-top: 0;
    background-image: url(../../image/bg_button_hover.png);
    background-color: #E5E5E5;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow:         0 1px 2px rgba(0, 0, 0, 0.1);
    /*-webkit-transition: all 0.1s linear;
    -moz-transition:    all 0.1s linear;
    -o-transition:      all 0.1s linear;
    transition:         all 0.1s linear;*/
    color: #000;
}
/* フッター - ボタン(mouse down) */
a.button-footer:active
{
    border: solid 1px #999;
    border-top: 0;
    background-image: none;
    background-color: #EFEFEF;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2)
    color: #000;
}
/* フッター - ボタンアイコン(基本スタイル) */
a.button-footer img
{
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/* フッター - ボタンアイコン(hover) */
a.button-footer:hover img
{
    -moz-opacity: 1;
    opacity: 1;
    /*-webkit-transition: opacity 0.1s linear;
    -moz-transition:    opacity 0.1s linear;
    -o-transition:      opacity 0.1s linear;
    transition:         opacity 0.1s linear;*/
}
/* コピーライト */
.copyright
{
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -220px;
    margin-bottom: 8px;
    z-index: 100;
    color: #555;
    font-size: 70%;

    /* for IE 6 under */
    _position: static;
    _left: 0;
    _margin-left: 0;
    _margin-bottom: 0;
    _z-index: auto;
    _text-align: center;
}
.cloud.copyright
{
    margin-left: -150px;

    /* for IE 6 under */
    _margin-left: 0;
}
/*------------------------------------------------*/
/***************************************************
/*
/* サイドメニュー
/*
***************************************************/
/* フォルダツリー */
.category
{
    border: 0;
    border-collapse: collapse;
    background: #F0F0F0;
    width: 100%;
}
.category > tbody > tr > td,
.category > tr > td
{
    padding: 0;
}
.category .category-item,
.category .category-item-disable
{
    padding: 2px 8px;
    margin-right: -1px;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}
.category .category-item
{
    cursor: pointer;
}
.category .category-item:hover
{
    background: #E6E6E6;
}
.category hr
{
    margin-left: -10px;
    margin-right: -2px;
}
/*------------------------------------------------*/
/* クリック検索 - 開閉部 */
.clicksearch-toggle-button
{
    padding: 8px 13px 0 6px;
}
/* クリック検索 - 開閉部アイコン */
.clicksearch-toggle-button img
{
    margin-bottom: 5px;
}
/* クリック検索 - 選択文字表示部 */
.clicksearch-function
{
    padding: 3px 13px 3px 8px;
}
/* クリック検索 - 選択文字 */
.clicksearch-text
{
    display: inline-block;
    background: #F0F0F0;
    border: 1px solid #CCC;
    min-width: 110px;
    height: 22px;
    padding: 3px 13px 3px 8px;
    margin-left: 3px;
    font-size: 12pt;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
/* クリック検索 - 50音ボタン - 大枠 */
.clicksearch
{
    padding: 3px 13px 3px 8px;
}
/* クリック検索 - 50音ボタン - 内側 */
.clicksearch-table
{
    border: 0;
    border-collapse: collapse;
    width: 100%;
    font-size: 10pt;
}
.clicksearch-table > tbody > tr > td,
.clicksearch-table > tr > td
{
    padding: 2px;
}
/* クリック検索 - 50音ボタン */
.clicksearch-table a.clicksearch-button
{
    margin-right: 2px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール一覧
/*
***************************************************/
/* メッセージ - 大枠 */
#message-wrapper
{
    margin: 10px 8px 0;
}
/* メッセージ - システム系メッセージ */
.systemInfomation
{
    width: 100%;
    padding: 2px;
    background-color: #FFCCCC;
}
/* メッセージ - 伝達系メッセージ */
.notice
{
    width: 100%;
    padding: 2px;
}
/* メール一覧 - 受信ボタン */
.receive
{
    text-align: center;
}
/* メール一覧 - 最終受信時刻 */
.receiveTime
{
    color: #555;
    padding-right: 10px;
    line-height: 1.1em;
    font-size: 12px;
}
/* メール一覧 - 作業者 */
.nextuser
{
    vertical-align: middle;
}
/* メール一覧 - 編集中マーク */
.editor
{
    font-size: 13px; /* fontSmall */
}
/* メール一覧 - 表題 - 状況/作業者 */
select.status
{
    width: 10em;

    /* for IE 8 under */
    width: auto\9;
}
/* メール一覧 - 表題 - 担当者 */
select.owner
{
    width: 10em;

    /* for IE 8 under */
    width: auto\9;
}
/* メール一覧 - チェック時の操作対象を指す */
.pointing
{
    padding: 2px 5px;
}
/* 行番号 */
.linenumber a:link,
.linenumber a:active,
.linenumber a:visited
{
    color: #262626;
}
.linenumber a:hover
{
    color: #052E6C;
}
.mailTime a:link,
.mailTime a:active,
.mailTime a:visited
{
    color: #6C6C6C;
}
.mailTime a:hover
{
    color: #052E6C;
}
/* メール一覧 - 日時、警告日時 */
.mailTime
{
    color: #6C6C6C;
}
/* メール一覧 - フォルダ関連行 */
.folder-function-container
{
    background: #F0F0F0; /* active */
    padding: 2px 5px 6px 5px;
}
/* メール一覧 - フォルダの開閉 */
.folder-function
{
    cursor: pointer;
    margin-right: 5px;
}
/* メール一覧 - フォルダタイトル */
.folder-title
{
}
.mailindex-separator
{
    padding: 5px 15px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール履歴
/*
***************************************************/
/*------------------------------------------------*/
/* メール履歴 - 種別絞込 */
select.AID
{
    width: 10em;

    /* for IE 8 under */
    width: auto\9;
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール送信
/*
***************************************************/
/*------------------------------------------------*/
/* メール送信 - グループ切り替え */
select.statusGID
{
    width: 10em;

    /* for IE 8 under */
    width: auto\9;
}
/* メール送信 - フォルダ */
select.folderID
{
    width: 7em;

    /* for IE 8 under */
    width: auto\9;
}
/* メール送信 - メール情報操作部 - 大枠 */
.mailsend-selectStatus
{
    background: #F0F0F0; /* active */
    padding: 2px 8px;
}
.mailsend-selectStatus-label
{
    margin-left: 7px;
    margin-right: 5px;
}
.mailsend-selectNext-label
{
    margin-left: 10px;
    margin-right: 5px;
}
.mailsend-selectAnd-label
{
    margin-left: 5px;
    margin-right: 10px;
}
.mailsend-formTable caption
{
    padding-top: 5px;
}
.mailsend-formTable .inputText,
.postset-formTable .inputText
{
    width: 445px;
}
.mailsend-formTable .inputButton,
.postset-formTable .inputButton,
.templateset-formTable .inputButton
{
    margin-left: 5px;
    width: 150px;
}
.mailsend-signature-select,
.postset-signature-select
{
    margin-bottom: 5px;
}
.mailsend-signature,
.postset-signature,
.postset-comment
{
    width: 600px;
}
.mailsend-formTable select.attachment,
.postset-formTable select.attachment
{
    width: 445px;
}
.templateset-formTable select.attachment
{
    width: 420px;
}
.mailsend-formTable #up,
.mailsend-formTable #max
{
    margin-left: 15px;
}
#mailsend_data,
#postset_data,
#template_data
{
}
/*------------------------------------------------*/
/***************************************************
/*
/* メール詳細
/*
***************************************************/
/*------------------------------------------------*/
/* メール詳細 - 関連情報表示 */
.toggleview
{
    color: #474747;
    font-size: 85%;
}
.toggleview-desc
{
    margin-right: 3px;
}
.toggleview-detail,
.toggleview-customer,
.toggleview-thread,
.toggleview-mailheader
{
    color: #474747;
    margin-right: 15px;
}
/* メール詳細 - メール情報 - 前回の担当者 */
.lastuser
{
    color: #888;
    margin-left: 7px;
}
/* メール詳細 - 大枠 */
.mailContentTable
{
    width: 100%;
    border: 0;
    border-collapse: collapse;
    background: #F0F0F0; /* active */
}
.mailContentTable > tr > td,
.mailContentTable > tbody > tr > td
{
    padding: 5px;
    vertical-align: middle;
}
/* メール詳細 - メール番号、日時 - 大枠 */
.mailContentInfo
{
    width: 120px;
    text-align: center;
    padding: 5px 10px;
    margin: 0 5px;
}
/* メール詳細 - メール番号 */
.mailContentInfo .mailContentNumber
{
    font-size: 100%;
    font-weight: bold;
    margin: 0 2px;
    padding: 5px 10px;
    text-align: center;
    background: #808080;
    color: #F0F0F0;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    white-space-nowrap;
}
.mailContentDate
{
    width: 180px;
}
.mailContentDateTime
{
    padding: 3px;
    line-height: 1.4em;
    font-size: 90%;
    color: #646464;
}
/* メール詳細 - 日時 */
.mailContentHeader
{
    border-left: 1px solid #CCC;
}
/* メール詳細 - メールヘッダー - 大枠 */
.mailContentDiv
{
    padding: 0 5px;
    line-height: 1.6em;
}
.mailContentDiv div
{
    display: inline-block;
}
/* メール詳細 - メールヘッダー - 見出し部 */
.mailContentDiv .mailContentHead
{
    width: 60px;
}
/* メール詳細 - メール本文、添付ファイル */
.mailBody
{
    background: #FFF;
    padding: 10px 15px;
}
.mailBody > hr
{
    margin: 7px -15px;
}
.mailview-editing
{
    margin-right: 15px;
}
.mailview-mailinfo-label
{
    margin-right: 15px;
    margin-left: 15px;
}
.mailview-customer-item
{
    margin-right: 15px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* 一斉配信
/*
***************************************************/
/*------------------------------------------------*/
/* 配信メール作成 - ステップ表示 - 大枠 */
.stepTable
{
    border: 0;
    border-collapse: collapse;
    font-size: 15px;
    margin: 10px 0;
}
.stepTable > tr > td
.stepTable > tbody > tr > td
{
    padding: 2px;
}
/* 配信メール作成 - ステップ(基本) */
.stepTable .normal
{
    background: #EEE;
    font-weight: normal;
}
/* 配信メール作成 - ステップ(現在地) */
.stepTable .current
{
    background: #BBB;
    font-weight: bold;
}
/*------------------------------------------------*/
/***************************************************
/*
/* 履歴アプリ
/*
***************************************************/
/*------------------------------------------------*/
/* 履歴作成 - 顧客の選択、検索ブロック */
.personSelect, .personSearch
{
    margin-bottom: 10px;
}
.personSearch select
{
    margin-left: 6px;
}
/*------------------------------------------------*/
table.mw_borderTable
{
    border-collapse:collapse;
    border-color:#999999;
    background:#ffffff;
}
table.mw_borderTable th
{
    border:1px solid #999999;
    padding:2px;
    background:#cccccc;
}
table.mw_borderTable td
{
    border:1px solid #999999;
    padding:2px;
}
.mw_menuRow
{
    background: #eeeedd;
}
.mw_button
{
    border: 0;
    background: none;

}
/*------------------------------------------------*/
/***************************************************
/*
/* アドレス帳
/*
***************************************************/
/*------------------------------------------------*/
.address-filter {
    margin-left: 15px;
    margin-right: 5px;
}
.customerTR td
{
    border-bottom: 1px solid #E6E6E6;
    white-space: nowrap;
}
.customerview-sidemenu-operation
{
    background: #D9D9D9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
}
.customerview-modifier 
{
    border-bottom: 1px solid #A6A6A6;
}
/*------------------------------------------------*/
/***************************************************
/*
/* 個人設定
/*
***************************************************/
/*------------------------------------------------*/
.userview-design-row {
    position: relative;
}
.userview-design-col {
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    width: 120px;
    height: 20px;
    padding: 4px 4px;
    margin: 2px;
    border: 1px solid #A6A6A6;
    vertical-align: baseline;
}
.userview-design-col .inputRadio {
    vertical-align: baseline;
}
.userview-design-standard {
    background-color: #F0F0F0;
    color: #3090BF;
}
.userview-design-red {
    background-color: #F2DBDB;
    color: #C25E5E;
}
.userview-design-yellow {
    background-color: #F9F5E0;
    color: #A38255;
}
.userview-design-green {
    background-color: #E7F2DB;
    color: #8BA35A;
}
.userview-design-emerald {
    background-color: #DBF2EE;
    color: #5AA397;
}
.userview-design-blue {
    background-color: #DBE7F2;
    color: #5E90C2;
}
.userview-design-purple {
    background-color: #E7E1F2;
    color: #8F70CC;
}
/*------------------------------------------------*/
/***************************************************
/*
/* 運用管理
/*
***************************************************/
/*------------------------------------------------*/
.manageadmin-menu img {
    margin-right: 5px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* システム設定
/*
***************************************************/
/*------------------------------------------------*/
.systemadmin-menu img {
    margin-right: 5px;
}
.mailserver-set-text,
.mailaccount-text {
    width: 300px;
}
.mailserver-set-candidate {
    margin-left: 5px;
}
/*------------------------------------------------*/
/***************************************************
/*
/* HTML メール
/*
***************************************************/
/*------------------------------------------------*/
.re-content {
}
.re-content p {margin : 0; padding: 0;}

.re-content pre {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 14px;
}

.re-content blockquote {
    display: block;
    border-left: 4px solid gainsboro;
    margin: 10px 0px 10px 10px;
    padding-left: 15px;
}

.re-content ul {
    display: block;
    list-style: circle outside none;
    margin: 1em 0 1em 0;
    padding: 0 0 0 40px;
}

.re-content ol {
    display: block;
    list-style: decimal outside none;
    margin: 1em 0 1em 0;
    padding: 0 0 0 40px;
}