/* ==
  基準用CSS STYLES FOR i-SITE PORTAL2 
== */
#SystemMenu > *, #SystemMenu > *:before, #SystemMenu > *:after, #SystemMenuBase2 *, #RadEditor2Top, .rwContent, .__ModuleTitleTable *, #InlineBottom *, .DlgTable *, .isite_dialog
{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.RadEditor_Silk *
{
    text-align: left;
}

#RadEditor2Top *
{
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.__ModuleTitleTable, #InlineBottom, .DlgTable, .isite_dialog, .AdminModule
{
    font-family: 'メイリオ' , Meiryo, 'Hiragino Kaku Gothic Pro' , 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック' , Osaka, sans-serif !important;
}

/* システムメニュー */
#SystemMenu td, #SystemMenu th
{
    padding: 2px;
}

#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;*/
}

.BrowserImage
{
    min-height: 5px;
}

.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;
    font-size: 1em;
}

input#DispItem
{
    margin: 0 5px;
}

.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;
}

#SystemMenuTag_IsiteLink img,
#SM_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: #696969;
    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;
}

.RadEditor .reContentAreaToggle table
{
    border-right: 1px dashed #999;
    border-bottom: 1px dashed #999;
}

.RadEditor .reContentAreaToggle table td
{
    border-top: 1px dashed #999;
    border-left: 1px dashed #999;
}

.RadEditor .reContentAreaToggle table th
{
    border-top: 1px dashed #000;
    border-left: 1px dashed #000;
}

.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, .PageInfo 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-color: #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
{
    padding-top: 5px;
    padding-bottom: 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
{
    vertical-align: middle;
    border-width: 0; /*width: 34px;     height: 34px;*/
    padding: 3px;
    margin: 0px;
}

#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;
    vertical-align: top;
}

#SystemMenuBase2 .SortableMenuPane
{
    width: 380px; /*405px;*/
    height: 226px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 5.5em;
    margin-left: 3px;
    margin-bottom: 5px;
}

#SystemMenuBase2 .MenuIcon img, #SystemMenuBase2 .MenuTitle img
{
    width: 20px;
    height: 20px;
    padding: 2px;
}

#SystemMenuBase2 .SortableMenuChild
{
    color: black;
    position: absolute;
    top: 3.5em;
    left: 15px;
    width: 410px;
    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: pointer;
}

#SystemMenuBase2 .SortableMenu .MenuTitle, #SystemMenuBase2 .SortableMenuCU .MenuTitle, #SystemMenuDlg .SortableMenu .MenuTitle
{
    float: left;
    overflow: hidden;
    padding: 0.2em 0 0;
    height: 21px;
}

#SystemMenuBase2 .SortableMenuCU .MenuTitle
{
    width: 320px;
}

#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 .MenuTitle > em, #SystemMenuDlg .MenuTitle > em, #SystemMenuBase2 .PageInfo .NotesText
{
    color: blue;
    font-style: normal;
}

#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;
    font-size: small;
}

/*#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, #RoleSitemapListPageInfo em
{
    line-height: 2;
}

#SystemMenuBase2 .PageInfo strong
{
    font-weight: bold;
}

#SystemMenuBase2 .PageInfo em, #RoleSitemapListPageInfo em, #RoleSitemapListPageInfo em
{
    font-style: normal;
    padding: 2px 4px;
    margin-right: 5px;
    background-color: #666;
    border-radius: 2px;
    color: White;
}

#SystemMenuBase2 .PageInfo span, #SystemMenuBase2 .PageInfo strong, #RoleSitemapListPageInfo span, #RoleSitemapListPageInfo 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;
    vertical-align: top;
}

#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;
    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;
}

#UserArea
{
    position: relative;
    display: none;
    float: left;
    width: 100%;
    background-color: white;
}

.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: #555555;
}

.isite_iconframe:hover
{
    border: 1px solid black;
}

.isite_iconsub, .isite_iconsub2
{
    background-image: url("cm/isite_parts-list_module-sub.png");
    background-position: 100px 0px;
    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;
}

.isite_icon:active, .isite_iconsub:active, .isite_iconsub3:active, #ChangeTheme > div:active
{
    border: 1px solid #74C7F6;
}

#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_im {
    margin: 2px;
    width: 40px;
    height: 40px;
    background-image: url("cm/isite_parts-list_module.png");
    background-color: #454545;
    border-radius: 2px;
    vertical-align: middle !important; /*2022.2.16 追加*/
}

.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_im, .isite_icontitle, .isite_icontitle2, .isite_status
{
    display: inline-block; /*    text-indent: -99999px;*/
    overflow: hidden;
    background-repeat: no-repeat;
    vertical-align: top;
    cursor: pointer;
}

.isite_icontitle:hover
{
    border-radius: 4px;
    border: 1px solid black;
}

.isite_icontitle:active
{
    border: 1px solid #74C7F6;
}

.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-inquiry
{
    margin: 5px 5px 5px 0;
    padding: 0 1px;
    width: 40px;
    height: 50px;
    background-position: -550px -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-arep
{
    margin: 5px 5px 5px 0;
    width: 85px;
    height: 50px;
    background-position: -547px -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-errorlist
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -500px -301px;
}


.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-errorlistalert
{
    margin: 5px 5px 5px 0;
    width: 70px;
    height: 50px;
    background-position: -580px -301px;
}

.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_preview
{
    width: 24px;
    height: 24px;
    background-position: -357px -78px;
}

.isite_search
{
    width: 24px;
    height: 24px;
    background-position: -357px -157px;
}

.isite_sweep
{
    width: 24px;
    height: 24px;
    background-position: -472px -127px;
}

.isite_page-sel
{
    width: 24px;
    height: 24px;
    background-position: -300px -20px;
}

.isite_page-list
{
    width: 24px;
    height: 24px;
    background-position: -469px -157px;
}

.isite_page-copy
{
    width: 24px;
    height: 24px;
    background-position: -442px -157px;
}

.isite_page-to
{
    width: 24px;
    height: 24px;
    background-position: -270px -20px;
}

.isite_page-child
{
    width: 24px;
    height: 22px;
    background-position: -355px -20px;
}

.isite_page-parent
{
    width: 30px;
    height: 24px;
    background-position: 0px 8px;
    border: 1px solid gray;
    border-radius: 4px;
}

.isite_page-parent:hover
{
    border: 1px solid black;
}

.isite_page-parent:active
{
    border: 1px solid #74C7F6;
}

.isite_page-addtop
{
    margin: 2px 2px 0 2px;
    width: 20px;
    height: 20px;
    background-position: -218px -52px;
}

.isite_page-addtop2
{
    margin: 2px 2px 0 2px;
    width: 20px;
    height: 20px;
    background-position: -416px -161px;
}

.isite_page-info
{
    width: 18px;
    height: 18px;
    background-position: -500px -160px;
}

.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_button:active, .isite_button_sp:active
{
    border: 1px solid #74C7F6;
}

.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;
}

.isite_icon-title-editr
{
    margin: 2px 3px 0px 0px;
    padding: 2px 2px 0px 2px;
    width: 26px;
    height: 24px;
    background-position: -64px 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;
}

.isite_icon-title-down
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -31px -26px;
    border: 1px solid transparent;
}

.isite_icon-title-totemp
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: 3px -55px;
    border: 1px solid transparent;
    display: none;
}

.isite_icon-title-property
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -31px -56px;
    border: 1px solid transparent;
}

.isite_icon-title-propertyr
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -96px -56px;
    border: 1px solid transparent;
}

.isite_icon-title-property2
{
    padding: 0px;
    width: 24px;
    height: 20px;
    background-position: -100px -60px;
    border: 1px solid transparent;
}

.isite_icon-title-delete
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: 1px -87px;
    border: 1px solid transparent;
}

.isite_icon-title-deleter
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -64px -87px;
    border: 1px solid transparent;
}

.isite_icon-title-dup
{
    padding: 4px;
    width: 20px;
    height: 20px;
    background-position: -31px -87px;
    border: 1px solid transparent;
    margin-left: 3px;
    display: none;
}

.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_status-inherit:active, .isite_status-property:active
{
    border: 1px solid #74C7F6;
}

.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-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, #modal-overlay2
{
    display: none;
    position: fixed; /*z-index: 80;*/
    height: 120%;
    width: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    opacity: 0.25; /*    filter: alpha(opacity=25);*/
    -moz-opacity: 0.25;
}

.__SortablePane, .__SortablePaneMove
{
    /*    min-height: 14px;*/
    width: 100%;
}

.__ModuleBody, .__ModuleContent
{
    margin: 0px;
    padding: 0px;
    position: relative;
    min-width: 5px; /*消える場合対策*/ /*outline-offset:-3px;ieでだめ*/
    clear: both;
}

.__ModuleBody .RadEditor
{
    padding: 0;
    height: 100% !important;
    text-align: left;
}


/*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;
    top: 0px;
    left: 0px;
    cursor: move;
}

.__ModuleTitleTable .inner
{
    width: auto;
    padding: 0px;
    outline: 2px solid #444;
}

.__ModuleTitleTable .TitleIcon
{
    background-color: #444;
}

.ModuleSetBG .inner
{
    outline: 2px solid #585858;
}

.ModuleSetBG, .__ModuleTitleTable .ModuleSetBG
{
    background-color: #585858;
}

.__ModuleTitleTable .ModuleIDText
{
    padding: 0 2px;
    margin-right: 5px;
    border-radius: 2px;
    color: black;
    background-color: white;
    font-size: 100%;
    cursor: default;
}

.__ModuleTitleTable img
{
    vertical-align: middle;
}

.StatusIcon
{
    height: 10px;
    background-color: transparent;
}

.TitleMessage
{
    padding: 13px 0.2em 5px 0.2em;
    height: 18px;
    line-height: 18px;
    text-align: left;
}

.TitleMessage img
{
    cursor: default;
}

.TitleMessage > div
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.TitleMessage div img
{
    width: 12px;
    height: 12px;
}

/* 編集時モジュールタイトル */
.ModuleTitleLabel
{
    position: absolute;
    font-size: 100%;
    line-height: 1.6em;
    height: 1.6em;
    overflow: hidden;
    margin-right: 2em;
}

.__ModuleTitleTable.inherit
{
    cursor: default;
}

.__ModuleTitleTable.inherit .inner
{
    height: 16px;
    overflow: hidden;
}

.__ModuleTitleTable.inherit .TitleMessage
{
    padding: 0;
}


.__ModuleTitleTable .TitleInherit
{
    border-width: 0px;
    text-align: left;
    padding: 1px 0px;
}

.__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;
}

.__ModuleTitleTable .TitleIcon
{
    display: none;
    text-align: left;
    border: 1px solid gray;
    border-top: none;
    padding: 3px;
    width: 60px;
    height: auto;
    overflow: hidden;
}

.__ModuleTitleTable .TitleIcon a
{
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
}

h1.ui-draggable-handle
{
    text-decoration: none;
}

.CommandArea
{
    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;
    padding-top: 5px;
    padding-bottom: 10px;
}

#CommandArea
{
    padding: 5px 0px;
}

.FoldImage
{
    margin: 5px 5px 5px 15px;
    display: none;
}

.toggle_on
{
    display: block !important;
}

.toggle_off
{
    display: none !important;
}