﻿/* ==
  基準用CSS STYLES FOR i-SITE PORTAL 
== */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html
{
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body
{
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary
{
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio, canvas, progress, video
{
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls])
{
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden], template
{
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a
{
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active, a:hover
{
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title]
{
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b, strong
{
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn
{
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1
{
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark
{
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small
{
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img
{
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root)
{
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure
{
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr
{
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre
{
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code, kbd, pre, samp
{
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button, input, optgroup, select, textarea
{
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button
{
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button, select
{
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"], input[type="image"]
{
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    margin: 2px;
}

input[type="image"]
{
    margin: 0px;
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled], html input[disabled]
{
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner, input::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input
{
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"], input[type="radio"]
{
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
{
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"]
{
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend
{
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea
{
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup
{
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

td, th
{
    padding: 0;
}

/*normalize.cssここまで*/

body
{
    font-size: small;
    padding: 0px;
    line-height: 1.2;
}

#SystemMenu td, #SystemMenu th
{
    padding: 2px;
}

/*normal table citizen voice*/
.Item_normal td, .Item_normal th
{
    padding: 3px;
}

/* IEのバグ対策につき不用意に変更してはいけません。 */
/* ↓↓ ここから ↓↓ */
/* IE Win & Mac Dumy \*/
table
{
    /*    height: 0px;　テーブルウィザードのキャンセルボタンが出ない*/
}


* html .BodyDef
{
    height: 1%;
}
/* IE Win & Mac Dumy */
/* ↑↑ ここまで ↑↑ */

#BaseTable, #SystemMenu, #HeaderPane, #LeftPane, #CRPaneTd, #ContentPane, #RightPane, #FooterPane
{
    border: none 0px transparent;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

/*** 一般、システム共用定義 ***/
#BaseTable
{
    position: relative;
}

/* システムメニュー */
#SystemMenu
{
    display: none;
    position: fixed;
    top: 0;
    left: 0; /*background-color: #2c78b1;*/
    background-color: #1a1a1a;
    font-size: 88%;
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif !important;
    line-height: 1.4;
    color: white; /*    text-align: right;*/
    z-index: 30090;
    opacity: 0;
    min-width: 730px !important;
    width: 100% !important;
    float: left;
    border-bottom: 1px solid #888;
}

#SystemMenu .NotesText
{
    font-size: 88%; /* x-small;*/
}

/*--調整中ここから--*/
.i_StatusMark
{
    vertical-align: middle;
    border-width: 0;
    color: blue;
}

.ui-dialog
{
    z-index: 40000 !important;
}

.RadCalendarPopup
{
    z-index: 40010 !important;
}

.RadCalendarFastNavPopup
{
    z-index: 40020 !important;
}

.RadCalendar .rcTitlebar .rcTitle
{
    font-size: 14px !important;
}

.reConfirmCancelButtonsTbl button
{
    width: 100px; /*テーブルウィザードのキャンセルボタン*/
}


button, checkbox, file, password, radio, reset, submit, text, textarea, A, select, option
{
    /*バックススラッシュ対策で日本語フォントを前にする*/
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif !important;
}

select, option
{
    line-height: 1;
    padding: 1px;
}

.ui-state-default.EditTitle
{
    border: 1px solid #666;
    background-color: #555;
    background-image: none;
    font-weight: bold;
    margin: 5px 0px;
    padding: 5px 5px 2px 5px;
}

.ui-state-default.EditTitle h3
{
    color: #EEE;
    display: inline-block;
    margin: 3px;
    padding: 0px;
    vertical-align: top;
}

.ui-state-default.EditTitle img
{
    padding: 5px;
}

input#DispItem
{
    margin: 0 5px;
}

/*.reToolIcon::before
{
    content:"" !important;
    content:url(../common/linkcheck.gif);
,
.reTool.reStripAll_No_Brakes,
.reTool.reStripPlatform,
.reTool.reStripTable,
.reTool.reStripTableStyle,
.reTool.reStripWord_All

}*/

.reTool.reLinkCheck::before, .reTool.reRetrieveFiles::before, .reTool.reStrip8341::before, .reTool.reWCAGEvaluator::before
{
    content: "";
}

.reTool.reLinkCheck, .reTool.reRetrieveFiles, .reTool.reStrip8341, .reTool.reWCAGEvaluator
{
    background-image: url(cm/isite_parts-list_toolbar.png?20160107) !important;
}

.reTool.reLinkCheck
{
    background-position:-129px -10px;
}

a.reTool.reLinkCheck:hover
{
    background-position:-129px -40px;
}

.reTool.reRetrieveFiles
{
    background-position: -168px -10px;
}

a.reTool.reRetrieveFiles:hover
{
    background-position: -168px -40px;
}

.reTool.reStrip8341
{
    background-position: -208px -10px;
}

a.reTool.reStrip8341:hover
{
    background-position: -208px -40px;
}

.reTool.reWCAGEvaluator
{
    background-position: -88px -10px;
}

a.reTool.reWCAGEvaluator:hover
{
    background-position: -88px -40px;
}

/*
.reTool.reStripAll_No_Brakes
{
    background-position: 0px 0px;
}

.reTool.reStripPlatform
{
    background-position: 0px 0px;
}

.reTool.reStripTable
{
    background-position: 0px 0px;
}

.reTool.reStripTableStyle
{
    background-position: 0px 0px;
}

.reTool.reStripWord_All
{
    background-position: 0px 0px;
}
*/
#SystemMenuTag_IsiteLink img
{
    display: none;
}


.reToolBarWrapper ul li
{
    margin: 0px;
}

.reModes a
{
    /*エディタモード切替調整*/
    text-decoration: none !important;
    padding-right: 5px;
    width: auto;
}


.reToolLastItem .reDropdown
{
    width: 4em;
}

.isite_fieldset
{
    border: 1px solid gray;
}

span.notifyItem
{
    padding: 0px 2px;
    margin-right: 5px;
    background-color: #666;
    border-radius: 4px;
    color: White;
    line-height: 18px;
}

span.notifyBlack,
span.notifyGray
{
    padding: 2px 2px;
    margin-left: 5px;
    color: gray;
    border-radius: 4px;
    background-color: White;
    line-height: 18px;
    border: 1px solid #777;
    cursor:pointer;
}

span.notifyBlack,
span.notifyBlack a, span.notifyBlack a:hover, span.notifyBlack a:link, span.notifyBlack a:visited
{
    color: black;
    text-decoration:none;
}

span.notifyRed
{
    padding: 2px 2px;
    margin-left: 5px;
    background-color: red;
    border-radius: 4px;
    color: White;
    line-height: 18px;
    cursor:pointer;
}

.RadWindow .rwIcon
{
/*    background: none !important;*/
    display: none !important;
}

.RadWindow .rwTitle
{
    padding-left: 0em !important;
}

.reContentArea table
{
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999;
}

.reContentArea table td
{
    padding: 1px;
    border-top: 1px dashed #999;
    border-left: 1px dashed #999;
}

.ItemContent div.reContentArea,
.InputArea div.reContentArea
{
    outline:1px solid gray;
    background-color:white;
}

.RadEditor_Silk
{
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif;
    font-size: 13px;
    color: #444;
}

.RadEditor_Silk textarea
{
    font-size: 100%;
    resize: none;
}

.RadEditor_Silk .reTlbVertical li
{
    overflow-x: hidden;
    white-space: nowrap;
}

.ui-datepicker, .ui-timepicker
{
    padding: .2em .2em 0;
    z-index: 9999 !important;
}

.ui-widget .ui-widget
{
    font-size:13px;
}

.ui-widget, .RadWindow
{
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif !important;
}

a:link, .Contents li a:link
{
    text-decoration: underline;
}

a.reTool:link, a.reTool:active, a.reDropdown:link, a.reDropdown:active
{
    text-decoration: none;
}

.Contents li a.reTool:link, .Contents li a.reTool:active, .Contents li a.reDropdown:link, .Contents li a.reDropdown:active
{
    text-decoration: none;
}

div.redWrapper
{
    /*    font-size: 13px;*/
}

.redWrapper .redRow
{
    padding: 2px;
}

.redWrapper .redRow:first-child
{
    margin-top: 0px;
}

.redWrapper .redLabel
{
    width: 130px;
    padding: 0 5px 0 0;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}

.redWrapper .rfdLabel label
{
    font-size: 13px;
    color: #767676;
    vertical-align: middle;
    margin-bottom: auto;
}

.redWrapper .rfdTextInput
{
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    margin: 0px;
}

div.redWrapper .redRow .rfdTextInput.redInputTool
{
    width: 187px;
}

.redWrapper .rfdTextInput
{
    font-size: 13px;
    color: #767676;
    background-color: #fff;
    border-color: #d7d7d7;
}

.redInlineBlock
{
    display: inline-block;
}

.RadWindow
{
    transform: none !important;
}

/*--JAlertここから--*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(../scripts/images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(../scripts/images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../scripts/images/important.gif);
}

#popup_content.confirm {
	background-image: url(../scripts/images/help.gif);
}

#popup_content.prompt {
	background-image: url(../scripts/images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*--ここまで--*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    color: #444444;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
    color: #444444;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    color: black;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited
{
    color: black;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    color: black;
}

.SortableMenuPane .ui-state-active, .ModuleType .ui-state-active, .ModuleDef .ui-state-active
{
    border-color: black;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: black;
}

#SystemMenuBase
{
    font-size: 1.1em;
}

#SystemMenuBase a:link
{
    text-decoration: underline;
    color: white;
}

#SystemMenuBase a:visited
{
    text-decoration: underline;
    color: white;
}

#SystemMenuBase a:hover
{
    text-decoration: underline;
    color: #ffff99;
}

#SystemMenuBase a:active
{
    text-decoration: underline;
    color: white;
}

#SystemMenuBase
{
    /*    display:none;*/
    padding-top: 3px;
    text-align: center; /*height: 20px;*/
    width: 100%;
    float: left;
    z-index: 30091;
}

#SystemMenuBase2
{
    float: left;
    display: none;
    height: 60px;
    width: 100%;
    background-color: #444;
    padding-right: 1000px;
}

#SystemMenuBase2 .hide
{
    display: none;
}

/*#SystemMenuBase2 img, #SystemMenuBase2 input[type="image"]*/
#SystemMenuBase2 img
{
    vertical-align: middle;
    border-width: 0; /*width: 34px;     height: 34px;*/
    padding: 3px;
    margin: 0px;
}

/*#SystemMenuBase2 .information img
{
    width: 16px;
    height: 16px;
    padding: 2px;
}*/

#SystemMenuBase2 .MenuItem
{
    position: relative;
    float: left; /*    border:1px solid #fff;*/
    height: 60px;
    text-align: center;
    cursor: pointer;
}


#SystemMenuBase2 .System_SubMenu > div
{
    display: inline-block; /*  float: left;*/
}

div.System_Menu, div.System_MenuR /*, .System_Menu div div .System_Menu:after*/
{
    border-width: 0;
    float: left;
    cursor: pointer;
}

#SystemMenuBase2 .System_SubMenu
{
    display: none;
    position: absolute; /*    top: 58px;*/
    top: 60px;
    left: 0px;
    height: 60px;
    width: auto;
    border-top: 1px solid #ddd; /*    background-color: #555;*/
    z-index: 30092;
    cursor: default;
    font-size:small;
}


#SystemMenuBase2 li
{
    list-style-type: none;
}

/*メニュータブ*/
#SystemMenuBase2 .MenuIcons
{
    position: absolute;
    top: 0px;
    left: 28em;
}

#SystemMenuBase2 .MenuIcons > div
{
    display: inline-block;
}

#SystemMenuBase2 .SortableMenuPane
{
    width: 375px; /*405px;*/
    height: 226px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 5.5em;
    margin-left: 5px;
    margin-bottom: 5px;
}

/*
#SystemMenuBase2 .SortableMenuPane > li
{
    float:left;
    line-height:2;
    text-align: left;
    width: 380px;
    background-color: #ddd;
    margin: 2px 0px; 
    padding:0px;
    cursor: pointer;
    border-radius:2px;
}

#SystemMenuBase2 .SortableMenuPane > li.select
{
    background-color: #ddd;
}
*/

#SystemMenuBase2 .MenuIcon img, #SystemMenuBase2 .MenuTitle img
{
    width: 20px;
    height: 20px;
    padding: 2px;
}

#SystemMenuBase2 .SortableMenuChild
{
    color: black;
    position: absolute;
    top: 3.5em;
    left: 15px;
    width: 390px;
    padding-bottom: 2px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 2px solid black;
}

#SystemMenuBase2 .SortableMenuPane li,
#SystemMenuBase2 .SortableMenuPaneMove li,
#SystemMenuDlg .SortableMenuPane li,
#SystemMenuDlg .NonSortableMenuPane li
{
    margin: 2px;
}

#SystemMenuBase2 .SortableMenuCU
{
    position: absolute;
    top: 5px;
    left: 5px;
}

#SystemMenuBase2 .SortableMenu > div,
#SystemMenuBase2 .SortableMenuCU > div,
#SystemMenuDlg .SortableMenu > div
{
    text-align: left;
    padding: 2px; /*    height: 20px;*/
    overflow: hidden;
    white-space: nowrap; /*    vertical-align: middle;*/
    font-weight: normal;
    cursor: pointer;
}

#SystemMenuBase2 .SortableMenu > div
{
    cursor: move;
}

#SystemMenuBase2 .SortableMenu .MenuTitle,
#SystemMenuBase2 .SortableMenuCU .MenuTitle,
#SystemMenuDlg .SortableMenu .MenuTitle
{
    float: left;
    overflow: hidden;
    padding: 0.2em 0 0;
    height: 21px;
}

#SystemMenuBase2 .SortableMenuCU .MenuTitle
{
    width: 360px;
}

#SystemMenuBase2 .SortableMenu .MenuTitle,
#SystemMenuDlg .SortableMenu .MenuTitle
{
    width: 320px; /*285px;*/
}

#SystemMenuBase2 .MenuTitle > span,
#SystemMenuDlg .MenuTitle > span
{
    padding: 2px 4px;
    margin-right: 5px;
    background-color: #555;
    border-radius: 2px;
    color: White;
}

#SystemMenuBase2 .ui-state-active .MenuTitle > span
{
    background-color: #333;
}

#SystemMenuBase2 .SortableMenuCU .MenuIcon,
#SystemMenuBase2 .SortableMenu .MenuIcon,
#SystemMenuDlg .SortableMenu .MenuIcon
{
    margin: 0px;
    padding: 0px;
    float: right;
    height: 24px;
    cursor: pointer;
}


#SystemMenuInfo
{
    position: absolute;
    left: 430px;
    top: 5px;
    width: 400px;
    height: 295px;
}

#SystemMenuInfo > div
{
    margin: 0;
    padding: 5px;
    height: 285px;
}

#SystemMenuBase2 .SortableMenuPane .MenuInfo
{
    position: absolute;
    left: 430px;
    top: 83px;
    left:445px;
    top:7em;
    width: 375px;
    height: 200px;
    cursor: default;
    color: Black;
    background-color: white;
    white-space: normal;
}

#SystemMenuBase2 .PageInfo em, #SystemMenuBase2 .PageInfo span
{
    line-height: 2;
}

#SystemMenuBase2 .PageInfo strong
{
    font-weight: bold;
}

#SystemMenuBase2 .PageInfo em
{
    font-style: normal;
    padding: 2px 4px;
    margin-right: 5px;
    background-color: #666;
    border-radius: 2px;
    color: White;
}

#SystemMenuBase2 .PageInfo span, #SystemMenuBase2 .PageInfo strong
{
    margin-right: 0.5em;
}

#SystemMenuBase2 .SortableMenuCU .MenuInfo
{
    left: 437px;
    top: 6.5em; /*85px;*/
}

#SystemMenuBase2 .SortableMenuPaneMove
{
    width: 390px;
    height: 175px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 0px;
    margin-left: 0px;
}

#SystemMenuBase2 .SortableMenuPaneMove .MenuIcon
{
    /*   display: none;*/
}

#SystemMenuBase2 .portlet-placeholder-menu
{
    height: 4px;
    margin: 4px;
    padding: 0;
    margin-left: 20px;
    background-color: #444;
    border: 1px dashed #fff;
    border-radius: 6px; /*    position: relative;*/
}

#SystemMenuBase2 .SortableMenuPane .portlet-placeholder-menu
{
    width: 380px;
}

#SystemMenuBase2 .SortableMenuPaneMove .portlet-placeholder-menu
{
    width: 250px;
}


/*モジュールタブ*/
#SystemMenuBase2 .ModuleIcons
{
    position: absolute;
    top: 0px;
    left: 12em;
}

#SystemMenuBase2 .ModuleIcons > div
{
    display: inline-block;
}

#SystemMenuBase2 .ModuleType
{
    /*    position: absolute;     left: 10px;     top: 68px;*/
    width: 300px;
    height: 380px;
    text-align: left;
}

#SystemMenuBase2 .ModuleType ul
{
    margin-top: 5px;
    height: 360px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

#SystemMenuBase2 .ModuleType li
{
    overflow: hidden;
    width: 135px; /*    color: white;     background-color: #666;     margin: 2px;     padding: 2px;     height: 40px;     width: 130px;*/
    cursor: pointer;
    display: inline-block;
}

#SystemMenuBase2 .ModuleDef
{
    position: absolute;
    left: 320px;
    top: 10px;
    width: 460px;
    height: 155px;
    text-align: left;
}

#SystemMenuBase2 .ModuleDef ul
{
    margin-top: 5px;
    height: 140px;
}

#SystemMenuBase2 .ModuleDef > ul > li > ul > li
{
    overflow: hidden;
    padding: 4px;
    height: 20px;
    width: 205px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
}

#SystemMenuBase2 .ModuleIns
{
    margin-top: 10px; /*    float: left;*/
    text-align: left;
    position: absolute;
    top: 180px;
    left: 320px;
    color: Black;
    width: 460px;
    background-color: #fff;
}

#SystemMenuBase2 .ModuleInfo
{
    border: 1px solid #d3d3d3;
    text-align: left;
    height: 80px;
    width: 440px;
    margin: 5px 0px 10px 5px;
    padding: 5px;
}

.isite_shadow
{
    background-color: white;
    border: 1px solid gray;
    box-shadow: 1px 2px 5px #666;
}

.isite_icon
{
    margin: 5px 5px 5px 0px;
    width: 70px;
    height: 50px;
    background-image: url("cm/isite_parts-list_menu-btn.png?20170112");
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}

.isite_iconframe
{
    border-radius: 4px;
    padding: 0 !important;
    width: 68px;
    height: 48px;
    background-color: #5d5d5d;
}

.isite_iconframe:hover
{
    border: 1px solid black;
}

.isite_iconsub, .isite_iconsub2
{
    background-image: url("cm/isite_parts-list_module-sub.png");
    border: 1px solid transparent;
    cursor: pointer;
}

.isite_iconsub3, .isite_iconsub4
{
    background-image: url("cm/isite_parts-list.png");
    border: 1px solid transparent;
    cursor: pointer;
}

.isite_icon:hover, .isite_iconsub:hover, .isite_iconsub3:hover, #ChangeTheme > div:hover
{
    border: 1px solid black;
    border-radius: 4px;
}

#ChangeTheme > div
{
    margin: 5px 5px 5px 0;
    width: 175px;
    height: 50px;
    display: inline-block;
    position: absolute;
    bottom: -2px;
    border: 1px solid transparent; /*    padding-top: 5px;*/
}

.isite_iconmodule
{
    margin: 2px;
    width: 40px;
    height: 40px;
    background-image: url("cm/isite_parts-list_module.png");
    background-color: #454545;
    border-radius: 2px;
}

.isite_icontitle, .isite_icontitle2
{
    background-image: url("cm/isite_parts-list_down-menu.png");
}

.isite_status
{
    background-image: url("cm/isite_parts-list_icon.png");
}

.isite_icon, .isite_iconsub, .isite_iconsub2, .isite_iconsub3, .isite_iconsub4, .isite_iconmodule, .isite_icontitle, .isite_icontitle2, .isite_status
{
    display: inline-block; /*    text-indent: -99999px;*/
    overflow: hidden;
    background-repeat: no-repeat;
    vertical-align: top;
}

.isite_icontitle:hover
{
    border-radius: 4px;
    border: 1px solid black;
}

.isite_iconsub2
{
    vertical-align: middle;
}

.isite_icon-pinon
{
    display: block;
    width: 25px;
    height: 25px;
    margin: 5px 5px 0px 0px;
    background-color: #FFD300;
    background-position: 2px 3px;
    border-radius: 2px;
}

.isite_icon-pinoff
{
    display: block;
    width: 25px;
    height: 25px;
    margin: 5px 5px 0px 0px;
    background-color: #FFD300;
    background-position: 1px -23px;
    border-radius: 2px;
}

.isite_icon-page
{
    background-position: -45px -0px;
}

.isite_icon-module
{
    background-position: -125px -0px;
}

.isite_icon-moduleall
{
    background-position: -410px -300px;
}

.isite_icon-check
{
    background-position: -205px -0px;
}

.isite_icon-user
{
    background-position: -285px -0px;
}

.isite_icon-useralert
{
    background-position: -159px -360px;
}

.isite_icon-admin
{
    background-position: -365px -0px;
}

.isite_icon-editmode
{
    background-position: -445px -0px;
}

.isite_icon-browser
{
    background-position: -240px -360px;
}

.isite_icon-smapho
{
    background-position: -400px -360px;
}

.isite_icon-mobile
{
    background-position: -320px -360px;
}


.isite_icon-preview
{
    background-position: -525px -0px;
}

.isite_icon-home
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 40px;
    height: 50px;
    background-position: -393px -120px;
}

.isite_icon-help
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 40px;
    height: 50px;
    background-position: -439px -120px;
}

.isite_icon-logout
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 63px;
    height: 50px;
    background-position: -481px -120px;
}

.isite_icon-csslist
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 52px;
    height: 50px;
    background-position: 1px -32px;
}

.isite_icon-access
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 77px;
    height: 50px;
    background-position: -57px -32px;
}

.isite_icon-reload
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 52px;
    height: 50px;
    background-position: -138px -32px;
}

.isite_icon-moduletoggle
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 103px;
    height: 50px;
    background-position: -97px -93px;
}

.isite_icon-moduleconfig
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 90px;
    height: 50px;
    background-position: 1px -93px;
}

.isite_icon-ref
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 91px;
    height: 50px;
    background-position: -205px -93px;
}

.isite_icon-color
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -90px -241px;
}

.isite_icon-link
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -170px -241px;
}

.isite_icon-html
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -250px -241px;
}

.isite_icon-css
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -330px -241px;
}

.isite_icon-jis8341
{
    margin: 5px 5px 5px 0;
    width: 110px;
    height: 50px;
    background-position: -410px -241px;
}

.isite_icon-admincheck
{
    margin: 5px 5px 5px 0;
    width: 170px;
    height: 50px;
    background-position: -477px -63px;
}

.isite_icon-themeout
{
    margin: 5px 5px 5px 0;
    width: 170px;
    height: 50px;
    background-position: -265px -63px;
}

.isite_icon-userpage
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -0px -181px;
}

.isite_icon-recoglist
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -1px -361px;
}

.isite_icon-waitinglist
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -80px -361px;
}

.isite_icon-recoglistalert
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -80px -181px;
}

.isite_icon-waitinglistalert
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -160px -181px;
}

.isite_icon-showlist
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -240px -181px;
}

.isite_icon-opelist
{
    margin: 5px 5px 5px 0;
    width: 90px;
    height: 50px;
    background-position: -320px -181px;
}

.isite_icon-reslist
{
    margin: 5px 5px 5px 0;
    width: 80px;
    height: 50px;
    background-position: -422px -181px;
}

.isite_icon-regist
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -510px -181px;
}

.isite_icon-exit
{
    margin: 5px 5px 5px 0;
    width: 60px;
    height: 50px;
    background-position: -595px -181px;
}

.isite_icon-admintool
{
    margin: 5px 5px 5px 0;
    width: 80px;
    height: 50px;
    background-position: -1px -120px;
}

.isite_icon-role
{
    margin: 5px 5px 5px 0;
    width: 100px;
    height: 50px;
    background-position: -90px -120px;
}

.isite_icon-alert
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -201px -120px;
}

.isite_icon-isite
{
    margin: 5px 5px 5px 0;
    width: 100px;
    height: 50px;
    background-position: -281px -120px;
}

.isite_icon-smaphomode
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -0px -61px;
}

.isite_icon-mobilemode
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -80px -61px;
}

.isite_icon-browsermode
{
    margin: 5px 5px 5px 0;
    width: 80px;
    height: 50px;
    background-position: -160px -61px; /*background-color: #2098eb;*/
    border-radius: 4px;
}

.isite_icon-select
{
    background-color: #2098eb;
    color: White;
}

.isite_icon-printpv
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -0px -301px;
}

option:focus
{
    background-color: #2098eb;
    color: White;
}

.isite_icon-browserpv
{
    margin: 5px 5px 5px 0;
    width: 80px;
    height: 50px;
    background-position: -240px -301px;
}

.isite_icon-smaphopv
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -80px -301px;
}

.isite_icon-mobilepv
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -160px -301px;
}

.isite_page-up
{
    width: 24px;
    height: 24px;
    background-position: -126px -28px;
}

.isite_page-top
{
    width: 24px;
    height: 24px;
    background-position: -100px -28px;
}

.isite_page-down
{
    width: 24px;
    height: 24px;
    background-position: -178px -27px;
}

.isite_page-bottom
{
    width: 24px;
    height: 24px;
    background-position: -152px -27px;
}

/*
.isite_page-up
{
    width: 24px;
    height: 24px;
    background-position: -215px -20px;
}

.isite_page-top
{
    width: 24px;
    height: 24px;
    background-position: -215px -77px;
}

.isite_page-down
{
    width: 24px;
    height: 24px;
    background-position: -243px -20px;
}

.isite_page-bottom
{
    width: 24px;
    height: 24px;
    background-position: -243px -77px;
}
*/
.isite_preview
{
    width: 24px;
    height: 24px;
    background-position: -357px -78px;
}

.isite_page-totemp
{
    width: 24px;
    height: 24px;
    background-position: -270px -20px;
}

.isite_page-child
{
    width: 24px;
    height: 22px;
    background-position: -355px -20px;
}

.isite_page-addtop
{
    margin: 2px 2px 0 2px;
    width: 20px;
    height: 20px;
    background-position: -218px -52px;
}

.isite_page-toparent
{
    /*    margin: 2px 2px 0 2px;*/
    width: 22px;
    height: 22px;
    background-position: -226px -28px;
}

.isite_page-addbottom
{
    margin: 2px 2px 0 2px;
    width: 20px;
    height: 20px;
    background-position: -240px -52px;
}

.isite_page-clear
{
    margin: 2px 2px 0 2px;
    width: 20px;
    height: 20px;
    background-position: -322px -80px;
}

.isite_pageitem-clear
{
    width: 24px;
    height: 22px;
    background-position: -473px -128px;
}

.isite_page-sorta
{
    margin: 0px 5px 5px 0px;
    width: 24px;
    height: 24px;
    background-position: -320px -49px;
    background-color: #ffd300;
    border: solid 1px #d3d3d3;
    border-radius: 2px;
}

.isite_page-sortd
{
    margin: 0px 5px 5px 0px;
    width: 24px;
    height: 24px;
    background-position: -346px -49px;
    background-color: #ffd300;
    border: solid 1px #d3d3d3;
    border-radius: 2px;
}

.isite_page-property
{
    padding: 1px;
    width: 34px;
    height: 34px;
    background-position: -396px -15px;
    border: solid 1px #d3d3d3;
}

.isite_page-role
{
    width: 34px;
    height: 34px;
    background-position: -436px -15px;
    border: solid 1px #d3d3d3;
}

.isite_page-delete
{
    width: 34px;
    height: 34px;
    background-position: -476px -15px;
    border: solid 1px #d3d3d3;
}

.isite_page-totemp
{
    width: 34px;
    height: 34px;
    background-position: -512px -65px;
    border: solid 1px #d3d3d3;
}

.isite_page-copytemp
{
    width: 34px;
    height: 34px;
    background-position: -475px -65px;
    border: solid 1px #d3d3d3;
}

.isite_page-drag
{
    margin: 2px;
    width: 20px;
    height: 20px;
    background-position: -330px -23px;
}

.isite_icon-module-useful
{
    background-position: -199px 0px;
}

.isite_icon-module-item
{
    background-position: -2px 0px;
}

.isite_icon-module-rss
{
    background-position: -2px -49px;
}

.isite_icon-module-event
{
    background-position: -2px -98px;
}

.isite_icon-module-stage
{
    background-position: -2px -147px;
}

.isite_icon-module-items
{
    background-position: -2px -196px;
}

.isite_icon-module-user
{
    background-position: -2px -245px;
}

.isite_icon-module-pickup
{
    background-position: -51px -0px;
}

.isite_icon-module-form
{
    background-position: -51px -49px;
}

.isite_icon-module-menu
{
    background-position: -51px -98px;
}

.isite_icon-module-blog
{
    background-position: -51px -147px;
}

.isite_icon-module-admin
{
    background-position: -51px -196px;
}

.isite_icon-module-etc
{
    background-position: -51px -245px;
}

.isite_button, .isite_button_sp
{
    padding: 0px 4px 0px 0px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.isite_button_sp
{
    padding: 4px;
    line-height: 20px;
    min-height: 22px;
}

.isite_button:hover, .isite_button_sp:hover
{
    border: 1px solid black;
}


/*
.isite_module-drag
{
    margin: 2px;
    width: 33px;
    height: 33px;
    background-position: 3px -147px;
}

.isite_module-addtop
{
    margin: 2px;
    width: 33px;
    height: 33px;
    background-position: -96px -147px;
}

.isite_module-addleft
{
    margin: 2px;
    width: 33px;
    height: 33px;
    background-position: -146px -147px;
}

.isite_module-addcontent
{
    margin: 2px;
    width: 33px;
    height: 33px;
    background-position: -196px -147px;
}

.isite_module-addright
{
    margin: 2px;
    width: 33px;
    height: 33px;
    background-position: -246px -147px;
}

.isite_module-addbottom
{
    margin: 2px;
    width: 33px;
    height: 33px;
    background-position: -296px -147px;
}
*/

.isite_pane-top
{
    width: 22px;
    height: 22px;
    background-position: 3px -116px;
}

.isite_pane-left
{
    width: 22px;
    height: 22px;
    background-position: -75px -116px;
}

.isite_pane-content
{
    width: 22px;
    height: 22px;
    background-position: -23px -116px;
}

.isite_pane-right
{
    width: 22px;
    height: 22px;
    background-position: -49px -116px;
}

.isite_pane-bottom
{
    width: 22px;
    height: 22px;
    background-position: -101px -116px;
}

.isite_module-up
{
    width: 22px;
    height: 18px;
    background-position: -127px -29px;
}

.isite_module-top
{
    width: 22px;
    height: 18px;
    background-position: -101px -29px;
}

.isite_module-down
{
    width: 22px;
    height: 18px;
    background-position: -179px -29px;
}

.isite_module-bottom
{
    width: 22px;
    height: 18px;
    background-position: -153px -29px;
}

.isite_module-totop
{
    width: 22px;
    height: 18px;
    background-position: -75px -30px;
}

.isite_module-toleft
{
    width: 22px;
    height: 18px;
    background-position: -23px -30px;
}

.isite_module-toright
{
    width: 22px;
    height: 18px;
    background-position: -49px -30px;
}

.isite_module-tobottom
{
    width: 22px;
    height: 18px;
    background-position: 3px -29px;
}

.isite_module_link
{
    width: 13px;
    height: 13px;
    background-position: -208px -87px;
    margin: 5px 0 0 5px;
    border: 1px solid white;
}

.isite_module-new
{
    width: 24px;
    height: 24px;
    background-position: -208px 1px;
}

.isite_module-prop
{
    width: 24px;
    height: 24px;
    background-position: 2px 2px;
}

.isite_module-delete
{
    width: 24px;
    height: 24px;
    background-position: -268px 1px;
}

.isite_module-themeout
{
    width: 24px;
    height: 24px;
    background-position: -88px 2px;
}

.isite_module-themeoutall
{
    width: 24px;
    height: 24px;
    background-position: -178px 2px;
}

.isite_trush
{
    width: 24px;
    height: 24px;
    background-position: -239px 1px;
}

.isite_list
{
    width: 24px;
    height: 24px;
    background-position: -148px 1px;
}

.isite_help
{
    width: 24px;
    height: 24px;
    background-position: -28px 1px;
}

.isite_helpr
{
    width: 24px;
    height: 24px;
    background-position: -58px -55px;
}

.isite_showtheme
{
    width: 24px;
    height: 24px;
    background-position: -330px 1px;
}

.isite_themeframe
{
    width: 22px;
    height: 22px;
    background-position: -301px -56px;
}

.isite_themeback
{
    width: 24px;
    height: 24px;
    background-position: -118px 0px;
}

.isite_icon-title-edit
{
    margin: 2px 3px 0px 0px;
    padding: 2px 2px 0px 2px;
    width: 26px;
    height: 24px;
    background-position: 1px 3px;
    border: 1px solid transparent;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-edit
{
    background-position: -64px 3px;
}*/

.isite_icon-title-pulldown
{
    margin: 5px;
    width: 20px;
    height: 20px;
    background-position: -35px -0px;
    background-color: #FFD300;
    border-radius: 2px;
    border: 1px solid transparent;
}

.isite_icon-title-up
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: 3px -26px;
    border: 1px solid transparent;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-up
{
    background-position: -62px -26px;
}*/

.isite_icon-title-down
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -31px -26px;
    border: 1px solid transparent;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-down
{
    background-position: -96px -26px;
}*/

.isite_icon-title-totemp
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: 3px -55px;
    border: 1px solid transparent;
    display: none;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-totemp
{
    background-position: -62px -55px;
}*/

.isite_icon-title-property
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -31px -56px;
    border: 1px solid transparent;
}

.isite_icon-title-property2
{
    padding: 0px;
    width: 24px;
    height: 20px;
    background-position: -100px -60px;
    border: 1px solid transparent;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-property
{
    background-position: -96px -56px;
}*/

.isite_icon-title-delete
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: 1px -87px;
    border: 1px solid transparent;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-delete
{
    background-position: -64px -87px;
}*/

.isite_icon-title-dup
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -31px -87px;
    border: 1px solid transparent;
    margin-left: 3px;
    display: none;
}
/*
.ModuleTitleTable.hidden .isite_icon-title-dup
{
    background-position: -96px -87px;
}*/

.isite_status-inheritup
{
    margin: 0;
    width: 12px;
    height: 10px;
    background-position: -0px -1px;
    cursor: pointer;
}

.isite_status-inheritdown
{
    margin: 0;
    width: 12px;
    height: 10px;
    background-position: -23px -1px;
    cursor: pointer;
}

.isite_status-delete
{
    margin: 0;
    width: 10px;
    height: 10px;
    background-position: -89px -1px;
    cursor: pointer;
}

.isite_status-triangle
{
    margin: 0;
    width: 13px;
    height: 10px;
    background-position: -66px -1px;
    cursor: pointer;
}

.isite_status-noframe
{
    margin: 0;
    width: 13px;
    height: 10px;
    background-position: -127px -1px;
    cursor: pointer;
}

.isite_status-print
{
    margin: 0;
    width: 12px;
    height: 10px;
    background-position: -108px -1px;
    cursor: pointer;
}

.isite_status-inherit
{
    margin: 0;
    width: 14px;
    height: 14px;
    background-position: -44px 0px;
    cursor: pointer;
}

.isite_status-property
{
    margin: 0;
    width: 14px;
    height: 14px;
    background-position: -148px 1px;
    cursor: pointer;
}

.isite_status-inherit:hover, .isite_status-property:hover
{
    border-radius: 4px;
    border: 1px solid white;
}


.isite_dialog.ui-widget
{
    font-size: small;/*100%;*/
}

.isite_dialog.ui-tabs
{
    padding: 0;
}

.isite_dialog.ui-tabs .ui-tabs-panel
{
    padding: 5px;
}

.isite_dialog .ui-widget-header
{
    border-top: none;
    border-left: none;
    border-right: none;
    background-image: none;
    background-color: White;
}

.isite_systemmenu.ui-tabs
{
    padding: 0;
}

.isite_systemmenu.ui-tabs .ui-tabs-panel
{
    padding: 10px;
}

.isite_systemmenu .ui-widget-header
{
    border-top: none;
    border-left: none;
    border-right: none;
}

td#SystemMenuTd
{
    text-align: left !important;
}

/*.isite_systemmenu .ui-tabs-nav {
	border-width: 0;
	padding: 0;
}
*/
.isite_systemmenu .ui-tabs-panel
{
    /*	border-width: 5px;*/
}

.isite_systemmenu .ui-tabs-nav li.ui-tabs-selected
{
    /*	border-width: 5px; 	margin-bottom: -5px;*/
}

/*ここから省く*/
/*ここまで省く*/



#SystemModuleTemp
{
    position: relative;
}

#SystemModuleTemp .SortablePaneMove
{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 85px;
    width: 100%;
    height: 100%;
}

#SystemModuleTemp .SortableModule
{
    margin: 5px;
}

#SystemModuleTemp .ModuleContent, #SystemModuleTemp .TitleIcon
{
    display: none;
}

/*
#SystemModuleTemp
{
    /*display: none; * /
    outline: 2px dashed #444;
    position: absolute;
    top: 23px;
    right: 0px;
    width: 50%;
    color: black;
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#SystemModuleTemp .SortablePane
{
    position: absolute;
    top: 0px;
    background-color: #ddd;
    opacity: 0.5;
    padding-top: 50px;
    height: 20px; /*z-index:11001;* /
}

#SystemModuleTemp .SortableModule
{
    margin-top: 40px;
    height: 30px;
}*/

#SystemMenuBase img
{
    margin-top: -0.2em;
}

#modal-overlay
{
    display: none;
    position: fixed; /*z-index: 80;*/
    height: 120%;
    width: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.25;
/*    filter: alpha(opacity=25);*/
    -moz-opacity: 0.25;
}

/* リストの枠のRadius設定 * /
#SystemMenu .ui-corner-all {
	/*Radius設定なしに変更* /
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
	border-bottom-right-radius: 0px!important;
}*/



/*モジュールソート関連*/
/*
.ui-state-highlight{border:1px solid gray;height:1.5em;line-height:1.2em;}
//								+ ".portlet-placeholder{border:2px solid black;border-radius:6px;opacity:0.9;margin:5px 0 0 0;height:6px;background-color:#444;}\r\n"
//								+ ".InsModule:hover{background-color:#444444;visibility:visible;}"
//								+ ".ModuleTitleTable{margin-top:-8px;}"

//								+ ".ModuleTitleTable{min-height:24px;margin:0;background-color:#fff;width:auto;position:relative;"
//								+ "border:1px solid #ddd;border-bottom:none;border-radius:3px 3px 0 0;padding:3px 3px 0;}\r\n"
//								+ ".ModuleTitleTable .inner{background-color:#dddddd;"
//								+ "border:1px solid #ddd;border-bottom:none;border-radius:3px 3px 0 0;}\r\n"

.InsModule
{
    height: 20px;
    margin: 2px 0 2px 0;
    opacity: 0.9;
    position: relative;
}

.InsModule:hover:after
{
    content: 'モジュールを追加';
    border: 2px solid black;
    border-radius: 6px;
    color: white;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 16px;
    line-height: 16px;
    background-color: #444444;
    font-weight: bold;
    text-align: center;
}
*/

.SortablePane, .SortablePaneMove
{
    min-height: 14px;
    width: 100%;
}

.SortablePane.append
{
    display: none;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    border: 2px solid silver;
    border-radius: 4px;
}

.ModuleBody, .ModuleContent
{
    margin: 0px;
    padding: 0px;
    position: relative;
    min-width: 5px; /*消える場合対策*/ /*outline-offset:-3px;ieでだめ*/
    clear: both;
}

.ModuleBody .RadEditor
{
    padding: 0;
    height: 100% !important;
}

/*box-sizing: border-box;*/
.ModuleOverlay
{
    /*    border: 2px solid black;*/ /*    border-radius: 4px 4px 0 0;*/
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffcc99;
/*    opacity: 0.1;
    filter: alpha(opacity=10);*/
}

.portlet-placeholder
{
    height: 6px;
    margin: 6px;
    padding: 0;
    border: 2px dashed #fff;
    border-radius: 6px;
    background-color: #444;
    position: relative;
}

.portlet-placeholder:before
{
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: -4px;
    padding: 2px;
    border: 2px solid #444;
    border-radius: 6px;
    min-height: 100%;
    min-width: 100%;
}


.ModuleTitleTable
{
    width: 100%;
    position: relative;
    color: white;
    z-index: 30050;
    display: none;
    vertical-align: bottom;
    border-width: 0px;
    padding: 0px;
    margin: 0;
    background-color: #444;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: move; /*    border: 1px solid #444; /*    border-bottom: none;     border-radius: 4px 4px 0 0;* /     padding: 2px 3px 0;     outline:3px solid rgba(68,68,68,1);*/
}

.ModuleTitleTable .inner
{
    width: auto; /*    position: relative;*/ /*border: 1px solid #444;*/
    padding: 0px;
    outline: 2px solid #444;
}

.ModuleTitleTable .TitleIcon
{
    background-color: #444;
}

.ModuleSetBG .inner
{
    outline: 2px solid #585858;
}

.ModuleSetBG, .ModuleTitleTable .ModuleSetBG
{
    background-color: #585858;
}

/*
.ModuleTitleTable.hidden .inner
{
    color: black; / *    border: 1px dashed #444;     border-bottom: none;* /
    background-image: url("../Scripts/jquery-ui-themes-1.11.2/themes/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png"); / *border: 1px solid #ddd;* /
    outline: 2px solid rgba(255,80,0,0.8);
}*/

.ModuleTitleTable .ModuleIDText
{
    padding: 0 2px;
    margin-right: 5px;
    border-radius: 2px;
    color: black;
    background-color: white;
    font-size: 100%;
    cursor: default;
}
/*
.ModuleTitleTable.hidden .ModuleID
{
    color: white;
    background-color: #444;
}

.ModuleTitleTable.hidden .TitleIcon
{
    background-color: white;
}*/

.ModuleTitleTable img
{
    vertical-align: middle;
}

.StatusIcon
{
    height: 10px;
    background-color: transparent;
}

.TitleMessage
{
    padding: 13px 0.2em 5px 0.2em;
    height: 18px;
    line-height: 18px;
}

.TitleMessage img
{
    cursor: default;
}

.TitleMessage > div
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.TitleMessage div img
{
    width: 12px;
    height: 12px; /*cursor:default;*/ /*    display:block;     float: left;*/
}

/* 編集時モジュールタイトル */
.ModuleTitleLabel
{
    position: absolute;
    font-size: 100%; /*    color: black; */ /*    background-color: #ddd;*/
    line-height: 1.6em; /*    margin-top:5px;     color: white;     background-color: #2c78b1;     padding-top: 1px;*/
    height: 1.6em;
    overflow: hidden; /*    height: 1.4em;     width:90%;*/
    margin-right: 2em;
}

/*.EditModuleTitle:hover
{
    background-color:#ddd;
    overflow:visible;
    z-index:10001;
}*/

.ModuleTitleTable.inherit
{
    cursor: default; /*    border: 1px solid #ddd;     border-bottom: none;     background-color: #fff;*/
}

.ModuleTitleTable.inherit .inner
{
    height: 16px;
    overflow: hidden;
}

/*
.ModuleTitleTable .inner
{
    height: 2.5em;
    position: relative;
    background-color: #ddd;
    border: 1px solid #444;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding-right: 40px;
}

.ModuleTitleTable.hidden .inner
{
    border: 1px dashed #444;
    border-bottom: none;
    background-image: url("../Scripts/jquery-ui-themes-1.11.2/themes/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png");
}

.ModuleTitleTable.inherit .inner
{
    border-width: 0;
    background-color: #fff;
    height: 0px;
}

.ModuleTitleTable .inner:after
{
    clear: both;
}
*/
.ModuleTitleTable.inherit .TitleMessage
{
    padding: 0;
}


.ModuleTitleTable .TitleInherit
{
    border-width: 0px;
    text-align: left;
    padding: 1px 0px;
}

/*.ModuleTitleTable .EditIcon img, .ModuleTitleTable .TitleIcon img, .ModuleTitleTable .TitleIcon2 img
{
    border-width: 0;
    width: 24px;
    height: 24px;
    margin: 3px;
    cursor: pointer;
}*/

.ModuleTitleTable .EditIcon
{
    position: absolute;
    top: 3px;
    right: 30px;
    border-width: 0;
    z-index: 30002;
}

.ModuleTitleTable .AdditionalBtn
{
    position: absolute;
    top: 4px;
    right: -3px;
    border-width: 0;
    cursor: pointer;
    border: 1px solid transparent;
}

.ModuleTitleTable .InheritPropBtn
{
    position: absolute;
    top: 0px;
    right: 20px;
    border-width: 0;
    cursor: pointer;
    border: 1px solid transparent;
}

.ModuleTitleTable .DefLinkBtn
{
    position: absolute;
    top: 0px;
    right: 0px;
    border-width: 0;
    cursor: pointer;
    border: 1px solid transparent;
}

.ModuleTitleTable.inherit .AdditionalBtn
{
    display: none;
}

/*style="vertical-align:middle;border-width:0;margin-right:2px;width:24px;height;24px"*/

.ModuleTitleTable .TitleIcon
{
    /*    outline:1px solid black;*/
    display: none; /*    float: right;*/
    text-align: left; /*    border: 1px solid #444;*/
    border:1px solid gray;
    border-top: none; /*    border-radius: 0 0 3px 3px;     background-color: #ddd;*/ /*    position: absolute;     right: -5px;     top: 2.1em;*/
    padding: 3px;
    width: 60px;    /*66*/
    height: auto; /*    max-height: 70px;*/
    overflow: hidden;
}

/*.ModuleTitleTable.hidden .TitleIcon
{
    background-color: #eee;
}*/

/*.ModuleTitleTable .TitleIcon.inherit
{
    background-color: #fff;
    top: 20px;
    width: 35px;
}*/

.ModuleTitleTable .TitleIcon a
{
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none; /* display:block;*/ /*   padding: 3px;*/
}

#CommandArea, #InlineBottom
{
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background-color: white;
    border-top: 2px groove silver;
    z-index: 1000;
    width: 100%;
}

#InlineBottom
{
    z-index: 30101;
}

#InlineBottom
{
    padding-top: 5px;
}

#CommandArea
{
    padding: 5px 0px;
}

/* v2.14用追記 */
table.ModuleTitleTable
{
    width: 95%;
}

/* 通常リンク */
a:link
{
    text-decoration: underline;
    color: black;
}

a:visited
{
    text-decoration: underline;
    color: #00008b;
}

a:hover
{
    text-decoration: underline;
    color: #8b0000;
}

a:active
{
    text-decoration: underline;
    color: black;
}

/* GENERIC */
table
{
    border-collapse: collapse;
}

p
{
    margin: 2px;
    padding: 2px;
}

img
{
    border-width: 0px;
}

h1, h2, h3, h4, h5, h6, dt
{
    color: #666644;
    margin: 2px;
    padding: 2px;
    height: auto;
}

h1
{
    font-size: xx-large;
    font-weight: normal;
    margin-bottom: 8px;
}

h2
{
    font-size: x-large;
    font-weight: normal;
    margin-bottom: 7px;
}

h3
{
    font-size: large;
    font-weight: normal;
    margin-bottom: 6px;
}

h4
{
    font-size: medium;
    font-weight: bold;
    margin-bottom: 5px;
}

h5, dt
{
    font-size: small;
    font-weight: bold;
    margin-bottom: 4px;
}

h6
{
    font-size: x-small;
    font-weight: bold;
    margin-bottom: 3px;
}

dir, menu
{
    font-size: small;
    margin-bottom: 3px;
}

address
{
    font-size: x-small;
}

tfoot, thead
{
    font-size: small;
    color: #333;/*#666644;*/
}

small
{
    font-size: xx-small;
}

big
{
    font-size: xx-large;
}

pre
{
    font-size: small;
    padding-left: 5px;
    padding-bottom: 3px;
}

code, pre
{
    font-family: 'Courier New' , 'ＭＳ ゴシック' , 'Osaka－等幅' , Courier , monospace;
    color: #606060;
}


ul
{
    list-style: square outside;
    margin-left: 2.0em;
    padding-left: 0em;
}

ul ul
{
    list-style: disc outside;
}

ul ul ul
{
    list-style: circle outside;
}

ol
{
    list-style: decimal outside;
    margin-left: 2.0em;
    padding-left: 0em;
}

ol ol
{
    list-style: lower-alpha outside;
}

ol ol ol
{
    list-style: lower-roman outside;
}

/* HRは記載しないほうがよい */

/*** 主にシステム用定義 ***/
/* 汎用文字 */
.NormalTextSmall
{
    font-size: x-small;
    color: black;
}

.NormalText
{
    font-size: 88%;
    color: black;
}

.NormalTextMedium
{
    font-size: small;
    color: black;
}

.NormalTextLarge
{
    font-size: medium;
    color: black;
}

/* 汎用テキストボックス */
.NormalTextBox
{
    font-size: small;
}

/* 小見出し用 */
.ContentsSubTitle
{
    font-size: small;
    color: #8c4600;
}

.DlgTable
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: small;/*100%;*/
    background-color: #fff;
}

table.DlgTable td, table.DlgTable th, .DlgTable table:not(.rcSingle) td, .DlgTable table:not(.rcSingle) th
{
    height: 100%;
    vertical-align: middle;
    padding: 5px !important;
}

table.DlgTable td.DlgCaption, table.DlgTable th.DlgCaption, .DlgTable table:not(.rcSingle) td.DlgCaption, .DlgTable table:not(.rcSingle) th.DlgCaption
{
    vertical-align: top;
}

.DlgTable Table .SiteLink
{
    color: white;
    background-color: #265082; /*#8b4513;*/
}

.DlgTable Table .SiteLink a:link, .DlgTable Table .SiteLink a:visited, .DlgTable Table .SiteLink a:hover, .DlgTable Table .SiteLink a:active
{
    text-decoration: underline;
    color: white;
}

td.SiteLink a:hover
{
    text-decoration: underline;
    color: #ffff99;
}

/*テーブル*/

/* 編集小見出し用 */
.EditCaption
{
    /*font部分はContentsSubTitle と同じにする*/
    vertical-align: top;
    font-size: small;
    color: #8c4600;
    border-bottom: 1px dotted #0871b5;
}

.DlgCaption
{
    /*    margin:0px 0px 0px 10px;     display:inline-block;*/
    background-color: #e6e6e6;
    color: #333; /*    width:25%;*/
}

.DlgTitle
{
    color: white;
    background-color: #444; 
    text-align:center;
}

/* 編集汎用文字 */
.EditContent
{
    /*font部分はNormalTextMediumと同じにする*/
    vertical-align: top;
    font-size: small;
    color: black;
    border-bottom: 1px dotted #0871b5;
}

.DlgContent
{
    /*font部分はNormalTextMediumと同じにする*/ /*`    margin:0px 10px 1px 1px;     display:inline-block;*/
    border: 1px solid #ddd;
    color: black;
    margin-left: 1px;
    margin-bottom: 1px;
}

/* 反転タイトル */
.EditTitleCaption
{
    font-size: medium;
    color: white;
    background-color: #265082; /*#2c78b1;*/
}

.EditTitleCaption h3
{
    font-size: medium;
    margin: 0px;
    padding: 0px;
    color: white;
}

/* 編集時モジュールタイトル */
.EditModuleTitle
{
    display: none;
}

/* エラー表示 小文字始まりも入れる*/
.Error, .error, .validation
{
    /*    font-size: small;*/
    color: red; /*crimson; */
}

/*期間を過ぎた場合*/
.Past, .past
{
    /*    font-size: small;*/
    color: red; /*crimson; */
}

/*期間を来ていない場合*/
.Future, .future
{
    /*    font-size: small;*/
    color: blue; /*crimson; */
}

/* 文字コードエラー表示 */
.CodeError, .CodeErrorFloat
{
    border: solid 1px black;
    color: black;
    background-color: #ffff66;
    margin: 2px;
    padding: 2px;
}

.CodeErrorFloat
{
    /*    float: left;v2.5*/
}

/* 動作状態表示 */
.RunningStatus
{
    font-size: small;
    color: #003399;
}

/* 説明表示 */
.NotesText
{
    font-size: 90%; /* 75%　x-small;*/
    color: #003399;
    display:inline-block;
}

.ExplainText
{
    font-size: 90%; /* 75%　x-small;*/
    color: purple;
}

/* 反転説明表示 */
.ReverseNotes
{
    font-size: x-small;
    color: white;
    background-color: #003399;
    margin: 0px 2px;
    padding: 0px 2px;
    letter-spacing: 1px;
}

/* 補助表示 */
.SubText
{
    font-size: small;
    color: gray;
}

/* 無効表示 */
.DisableText
{
    font-size: small;
    color: #aca899;
}

/* 文責表示 */
.Responsibility
{
    font-size: x-small;
    color: gray;
}

/* BBSコード引用[quote]用 */
.bbsquote
{
    font-size: small;
    color: gray;
}

/* BBSコードcode[code]用 */
.bbscode
{
    font-size: x-small;
    color: #708090;
}

/* DOCTYPE 標準モード 調整 
TD
{
  text-align: left;
}
*/

/* 一覧表示ヘッダ用 */

/*
.SiteLink
{
    font-size: small;
    color: white;
    background-color: #8b4513;
}

td.SiteLink
{
    text-align: center;
}

td.SiteLink a:link
{
    text-decoration: underline;
    color: white;
}

td.SiteLink a:visited
{
    text-decoration: underline;
    color: white;
}

td.SiteLink a:hover
{
    text-decoration: underline;
    color: #ffff99;
}

td.SiteLink a:active
{
    text-decoration: underline;
    color: white;
}

tr.SiteLink
{
    text-align: center;
}

tr.SiteLink a:link
{
    text-decoration: underline;
    color: white;
}

tr.SiteLink a:visited
{
    text-decoration: underline;
    color: white;
}

tr.SiteLink a:hover
{
    text-decoration: underline;
    color: #ffff99;
}

tr.SiteLink a:active
{
    text-decoration: underline;
    color: white;
}
*/

/* 顔文字等アイコン代替表示 等幅フォント */
.Icon
{
    font-family: 'Courier New' , 'ＭＳ ゴシック' , 'Osaka－等幅' , Courier , monospace;
    font-weight: normal;
    font-size: x-small;
    color: black;
}

a.Icon:link
{
    text-decoration: none;
    color: black;
}

a.Icon:visited
{
    text-decoration: none;
    color: black;
}

a.Icon:hover
{
    text-decoration: none;
    color: black;
}

a.Icon:active
{
    text-decoration: none;
    color: black;
}

/* コマンドリンク文字列用 */
.CommandButton
{
    font-weight: normal;
    font-size: small; /*x-small;*/
    color: black;
    padding: 2px;
    display:inline-block;
}

a.CommandButton:link
{
    text-decoration: underline;
    color: #8b0000;
}

a.CommandButton:visited
{
    text-decoration: underline;
    color: #8b0000;
}

a.CommandButton:hover
{
    text-decoration: underline;
    color: red;
}

a.CommandButton:active
{
    text-decoration: underline;
    color: #8b0000;
}

/* 文字列ボタン用 フォントサイズは既定値 */
.ButtonImage
{
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif;
    font-weight: normal;
    color: black; /*  font-size: 12px;   line-height: 14px;*/
    cursor: pointer;
}

.ButtonImage.left
{
    display: block;
    float: left;
}

.ButtonImage.right
{
    margin-right: 40px;
    display: block;
    float: right;
}

/* 基本文字色 */
.ForeColor
{
    color: black;
}

/* orangeTable */
table.orangeTable
{
    background-color: #fffacd;
    border: none 0px transparent;
    border-collapse: collapse;
    margin: 0.5em;
    empty-cells: show;
    font-size: small;
}

table.orangeTable th, table.orangeTable tr.orangeTableHeaderRow, table.orangeTable tr.orangeTableFooterRow
{
    border-top: 1px solid #f06000;
    border-bottom: 1px solid #f06000;
    border-left: none;
    border-right: none;
    background-color: #f0c090;
}

table.orangeTable th
{
    padding: 0.2em 0.5em;
    text-align: center;
}

table.orangeTable tr.orangeTableHeaderRow, table.orangeTable td.orangeTableFirstCol, table.orangeTable td.orangeTableFooterFirstCol
{
    text-align: center;
    font-weight: bold;
}

table.orangeTable td
{
    padding: 0.2em 0.5em;
    border-top: 1px solid #f06000;
    border-bottom: 1px solid #f06000;
    border-left: none;
    border-right: none;
}

table.orangeTable thead, table.orangeTable tfoot
{
    color: black;
}

table.orangeTable tr.orangeTableOddRow
{
    background-color: #ffffff;
}


/* blueTable */
table.blueTable
{
    background-color: #f7f3f7;
    border-collapse: collapse;
    border: 3px solid #4F81BD;
    margin: 0.5em;
    empty-cells: show;
    font-size: small;
}

table.blueTable th, table.blueTable tr.blueTableHeaderRow
{
    border: none 0px transparent;
    color: white;
    background-color: #4F81BD;
}

table.blueTable th
{
    padding: 0.2em 0.5em;
    text-align: center;
}

table.blueTable tr.blueTableHeaderRow, table.blueTable td.blueTableFirstCol, table.blueTable td.blueTableFooterFirstCol
{
    border-right: 1px solid #4F81BD;
    text-align: center;
    font-weight: bold;
}

table.blueTable tr.blueTableFooterRow
{
    background-color: #d6e8ff;
}

table.blueTable td
{
    border: none 0px transparent;
    padding: 0.2em 0.5em;
}

table.blueTable .altertd
{
    color: black;
    background-color: #e0e0e0;
}

table.blueTable thead, table.blueTable tfoot
{
    color: black;
}

table.blueTable td.blueTableOddCol
{
    background-color: #e7ebf7;
}


/* purpletable */
table.purpleTable
{
    border-collapse: collapse;
    border: none 0px transparent;
    font-size: small;
    color: #666666;
}

table.purpleTable th, table.purpleTable td
{
    padding: 0.1em 0.5em;
    border: solid white 1px;
    border-bottom: solid white 3px;
}

table.purpleTable th
{
    padding: 0.2em 0.5em;
    text-align: center;
}

table.purpleTable tr.purpleTableHeaderRow
{
    border: none 0px transparent;
    border-bottom: solid white 3px;
    background: #8080c0;
    color: #ffffff;
}

table.purpleTable td.purpleTableHeaderFirstCol
{
}

table.purpleTable td.purpleTableHeaderLastCol
{
}

table.purpleTable td.purpleTableHeaderOddCol
{
}

table.purpleTable td.purpleTableHeaderEvenCol
{
}

table.purpleTable tr.purpleTableOddRow
{
    background-color: #ffffff;
}

table.purpleTable tr.purpleTableEvenRow
{
    background-color: #dfdfef;
}

table.purpleTable td.purpleTableFirstCol
{
    border-top: none;
    border-left: solid white 1px;
    border-bottom: none;
    border-right: solid white 3px;
    background: #8080c0;
    color: #ffffff;
}

table.purpleTable td.purpleTableLastCol
{
}

table.purpleTable td.purpleTableOddCol
{
}

table.purpleTable td.purpleTableEvenCol
{
}

table.purpleTable tr.purpleTableFooterRow
{
    font-weight: bold;
    background-color: #FFFFFF;
}

table.purpleTable td.purpleTableFooterFirstCol
{
    margin: 0 0 10px 0;
    border-top: none;
    border-left: solid white 1px;
    border-bottom: none;
    border-right: solid white 3px;
    background: #8080c0;
    color: #ffffff;
}

table.purpleTable td.purpleTableFooterLastCol
{
}

table.purpleTable td.purpleTableFooterOddCol
{
}

table.purpleTable td.purpleTableFooterEvenCol
{
}


/* 全体の内容 */
.Contents
{
    font-weight: normal;
    font-size: small;
}

/* コード等表示 等幅フォント */
.ProgramCode
{
    font-family: 'Courier New' , 'ＭＳ ゴシック' , 'Osaka－等幅' , Courier , monospace;
    font-weight: normal;
    font-size: small;
    color: #404040;
}

/* HTMLエディタの枠内や「テキストのスタイル」リスト用には.HTMLEditorContainerを付与します */
/* HTMLエディタの背景 */
.HTMLEditorContainer
{
    background-image: none;
}


/*編集時システムメニューのチェックツール用*/
.RadMenu .rmGroup .rmText
{
    padding: 0px 5px 0px 0px;
}

.RadMenu_Default .rmGroup
{
    background-color: white;
    background-image: none;
}

/* 掃除ペイン */
.EndClear
{
    clear: both;
    font-size: 0px; /* IE6対応 */
    height: 0px; /* IE6対応 */
}

/* 音声ブラウザ用 */
.speak
{
    position: absolute;
    top: -9999px;
    left: -9999px;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
}

/* 印刷用 */
.print_none
{
}

@media print
{
    .print_none
    {
        display: none !important;
    }

    .ModuleContent
    {
        outline: none !important;
    }
}
