@import url("//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

@charset "UTF-8";
/**
 * JS_CMS -- realtime website development web application
 * http://js-cms.jp/
 * Copyright 2015 Shigenori Tanaka - tanaka@pixelimage.jp
 * licensed under the MIT licenses.
 */
/* ! ---------- リセット ---------- ---------- ---------- ---------- */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: inherit;
  box-sizing: border-box; }

body {
  line-height: 1;
  word-break: break-all; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

th, td {
  vertical-align: top;
  text-align: left;
  font-weight: normal; }

img {
  border: 0;
  vertical-align: bottom; }

:focus {
  outline: 0; }

a {
  color: #4A66A0; }

/* ! ----------  ---------- ---------- ---------- ---------- */
._left {
  float: left; }

._right {
  float: right; }

.clear {
  clear: both; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* ! ----------  ---------- ---------- ---------- ---------- */
body {
  line-height: 1;
  font-size: 14px;
  background: #dbe1eb; }

body,
input,
textarea {
  font-family: Helvetica , Arial , Verdana , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , sans-serif; }

body .CodeMirror {
  font-family: Menlo , Verdana , "メイリオ" , Meiryo; }

/* ! ----------  ---------- ---------- ---------- ---------- */
._replaceAreaGrid,
._freeLayoutRoot,
#CMS_LOCK,
#CMS_Header,
#CMS_PageListView,
#CMS_PagesView ._page_header,
#CMS_SidePreview,
#CMS_SidePreviewClose,
#CMS_AssetStage,
#FreeLayoutInfoView,
#MiniEditer,
#ImageMapView {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/* ! ---------- module ---------- ---------- ---------- ---------- */
._cms_btn,
._cms_btn-mini,
._cms_btn-big {
  color: #4A66A0;
  display: inline-block;
  padding: 4px 22px 2px 22px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  background: #fff;
  background: linear-gradient(to bottom, #fff 0%, #e7ebf2 100%);
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

._cms_btn-big {
  font-size: 18px;
  padding: 14px 40px 10px 40px; }

._cms_btn-mini {
  font-size: 12px;
  padding: 2px 6px 0; }

._cms_btn-mini_active {
  background: #7b99d4;
  background: linear-gradient(to bottom, #7b99d4 0%, #4A66A0 100%);
  color: #fff;
  border-color: #7b99d4; }

._cms_btn-mini.disable {
  background: #fff;
  color: #ccc; }

._cms_btn-nano-icon {
  color: #4A66A0;
  background: rgba(54, 105, 161, 0.15);
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 10px; }

._cms_btn-nano-icon:hover {
  background: #4A66A0;
  color: #fff; }

._cms_btn-nano-icon-red {
  color: red;
  background: rgba(255, 0, 0, 0.1);
  display: inline-block;
  padding: 3px 5px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 10px; }

._cms_btn-nano-icon-red:hover {
  background: red;
  color: #fff; }

._cms_btn-nano {
  color: #4A66A0;
  background: rgba(54, 105, 161, 0.15);
  display: inline-block;
  padding: 4px 12px 2px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

._cms_btn-nano {
  font-size: 12px;
  padding: 2px 6px 0; }

._cms_btn:hover, ._cms_btn-nano:hover, ._cms_btn-mini:hover {
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  cursor: pointer; }

._cms_btn_active {
  background: #7b99d4;
  background: linear-gradient(to bottom, #7b99d4 0%, #4A66A0 100%);
  color: #fff;
  font-weight: bold;
  border-color: #7b99d4; }

._cms_btn_disable {
  background: #ccc;
  background: linear-gradient(to bottom, #ccc 0%, #a2a2a2 100%);
  color: #fff;
  font-weight: bold;
  border: none;
  cursor: default; }

._cms_btn_red {
  background: #ff4b4b;
  background: linear-gradient(to bottom, #ff4b4b 0%, #c62c2c 100%);
  color: #fff;
  font-weight: bold;
  border-color: #e96565; }

._cms_btn_excel {
  background: #00a500;
  background: linear-gradient(to bottom, #00a500 0%, #008a00 100%);
  color: #fff;
  font-weight: bold;
  border-color: #008a00; }

._cms_btn_edited {
  background: #ffe;
  color: #4A66A0;
  border-color: #dcdcfa; }

._cms_btn_edited ._edited {
  background: #ffa;
  padding: 0 4px;
  color: #4A66A0; }

._cms_btn_edit, ._cms_btn_reload {
  display: block;
  margin: 2px;
  background: #ac90ff;
  background: linear-gradient(to bottom, #ac90ff 0%, #9b6dff 100%);
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 15px 0px 13px 0px;
  font-size: 16px;
  box-sizing: border-box;
  text-align: center; }

._cms_btn_reload {
  font-weight: normal;
  padding: 5px 0px 3px 0px;
  font-size: 14px; }

._cms_btn_copy_text {
  cursor: pointer; }

._cms_btn_copy_page_id {
  cursor: pointer; }

._cms_ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

._btn_disable {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: normal; }

._disabled {
  border: 1px solid #d1d9e6;
  background: #eee;
  color: #ccc; }

._attantion {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #fbb450;
  background: linear-gradient(to bottom, #fbb450 0%, #f89406 100%); }

._shadow {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

._cms_btn_alpha {
  cursor: pointer; }

._cms_btn_alphaS {
  cursor: pointer; }

._cms_btn_alpha:hover {
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }

._cms_btn_alphaS:hover {
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

._cms_anim_zoom,
._cms_anim_zoomS {
  transition-duration: 0.1s; }

._cms_anim_zoom._current {
  -ms-transform: scale(1.1);
      transform: scale(1.1); }

._cms_anim_zoomS._current {
  -ms-transform: scale(1.6);
      transform: scale(1.6); }

._tabBlock {
  border-bottom: 2px solid #e7ebf2;
  margin: 5px 0;
  padding: 0 0 0 10px; }

._tabBlock > span {
  display: inline-block;
  padding: 10px 20px 7px 20px;
  color: rgba(74, 102, 160, 0.5);
  font-weight: bold;
  font-size: 12px;
  border-top: 2px solid #e7ebf2;
  border-left: 2px solid #e7ebf2;
  border-right: 2px solid #e7ebf2;
  border-radius: 5px 5px 0 0;
  background: #F3F5F8;
  cursor: pointer; }

._tabBlock > span._active {
  border-bottom: 2px solid #fff;
  margin-bottom: -2px;
  background: #fff;
  color: #4a66a0; }

._cms_code {
  padding: 5px;
  display: block;
  background: #e7ebf2; }

._alignRight {
  text-align: right; }

._fs10 {
  font-size: 10px !important; }

._fs12 {
  font-size: 12px !important; }

._fs14 {
  font-size: 14px !important; }

._bold {
  font-weight: bold; }

._colorGID,
._colorGID:focus {
  border-top: 2px solid #152649;
  background: #4A66A0;
  color: #e7ecf3;
  font-family: Verdana;
  font-weight: bold; }

._colorID,
._colorID:focus {
  /*border-top: 2px solid #152649; background : #4A66A0; color : #e7ecf3;*/
  color: blue;
  text-decoration: underline;
  font-family: Verdana;
  font-weight: bold; }

._colorID-path {
  display: inline-block;
  border-radius: 5px;
  background: #e7ebf2;
  color: #4A66A0;
  font-family: Verdana;
  font-weight: bold; }

._colorAnchor {
  background: #e7ebf2 !important;
  font-style: italic;
  color: #4A66A0;
  color: blue;
  text-decoration: underline; }

._colorPath {
  background: #bfffc3;
  font-style: italic;
  color: green;
  font-size: 12px !important;
  text-decoration: underline;
  padding: 5px 5px;
  font-size: 10px;
  max-width: 150px;
  overflow: hidden;
  font-style: italic;
  border-radius: 50px;
  cursor: pointer; }

._colorPathDell {
  font-size: 12px !important;
  text-decoration: underline;
  padding: 5px 5px;
  font-size: 10px;
  cursor: pointer; }

._colorName {
  font-size: 16px !important;
  font-weight: bold; }

._colorName-s {
  font-size: 12px !important;
  font-weight: bold; }

._colorRed {
  color: red; }

._t_anno {
  margin: 5px 0 2px 0;
  font-size: 12px;
  line-height: 1.4; }

._t_path_preview {
  font-weight: bold; }

._t_path_preview {
  margin: 3px 0;
  font-size: 10px;
  color: #999;
  line-height: 1.4; }

._t_path_preview a {
  color: #999; }

._t_path_preview span {
  padding: 0;
  color: #4A66A0;
  font-size: 12px;
  color: blue;
  text-decoration: underline; }

._t_path_preview._error span {
  color: red; }

._time-sec10 {
  color: #4A66A0;
  background: yellow;
  font-weight: bold;
  border-bottom: 3px solid #4A66A0; }

._time-sec {
  color: #4A66A0;
  background: yellow;
  font-weight: bold;
  border-bottom: 1px solid #4A66A0; }

._time-min {
  color: #4A66A0;
  background: rgba(255, 255, 0, 0.5); }

._time-hour {
  background: rgba(255, 255, 0, 0.2); }

._time-day7 {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

._time-day30 {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

._time-day {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

._dark ._time-sec10 {
  color: #000;
  background: yellow;
  font-weight: bold;
  border-bottom: 3px solid #4A66A0; }

._dark ._time-sec {
  color: #000;
  background: yellow;
  font-weight: bold;
  border-bottom: 1px solid #4A66A0; }

._dark ._time-min {
  color: #000;
  background: rgba(255, 255, 0, 0.6); }

._dark ._time-hour {
  color: #000;
  background: rgba(255, 255, 0, 0.4); }

._dark ._time-day7 {
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

._dark ._time-day30 {
  color: #fff;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

._dark ._time-day {
  color: #fff;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

._op5 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

._pd5 {
  padding: 5px; }

._pd10 {
  padding: 10px; }

._pdt5 {
  padding-top: 5px; }

._pdt10 {
  padding-top: 10px; }

._h20 {
  height: 20px !important; }

._h40 {
  height: 40px !important; }

._h60 {
  height: 60px !important; }

._h80 {
  height: 80px !important; }

._h100 {
  height: 100px !important; }

._h150 {
  height: 150px !important; }

._h200 {
  height: 200px !important; }

._h300 {
  height: 300px !important; }

._h400 {
  height: 400px !important; }

._h500 {
  height: 500px !important; }

._w20 {
  width: 20px !important; }

._w30 {
  width: 30px !important; }

._w40 {
  width: 40px !important; }

._w50 {
  width: 50px !important; }

._w60 {
  width: 60px !important; }

._w70 {
  width: 70px !important; }

._w80 {
  width: 80px !important; }

._w100 {
  width: 100px !important; }

._w130 {
  width: 130px !important; }

._w150 {
  width: 150px !important; }

._w200 {
  width: 200px !important; }

._w250 {
  width: 250px !important; }

._w300 {
  width: 300px !important; }

._w400 {
  width: 400px !important; }

._w500 {
  width: 500px !important; }

._cms_template_keyword {
  color: #4A66A0;
  background: #e7ebf2;
  padding: 3px 7px;
  border-radius: 15px;
  font-size: 10px; }

._filePath {
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline; }

._filePath a {
  color: rgba(0, 0, 255, 0.5); }

._filePath a b {
  color: blue; }

._filePath_blue {
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline; }

._filePath_blue a {
  color: rgba(155, 155, 255, 0.7); }

._filePath_blue a b {
  color: #9b9bff; }

._filePath_wh a {
  color: #aaa; }

._no-photo {
  width: 60px;
  height: 40px;
  background: #eee;
  padding: 5px;
  color: #666;
  border: 1px solid #eee;
  margin: 0 0 5px; }

.inlineTableArea,
._imageArea {
  display: inline-block;
  border: 1px solid #eee;
  padding: 2px;
  margin: 0 0 2px; }

._btn_anchor,
._btn_textAnchor b {
  display: inline-block;
  background: #e4e2ff;
  color: blue;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  text-decoration: underline;
  border: 1px solid #d1d9e6; }

._btn_anchor a {
  color: blue; }

._btn_tree {
  padding: 5px;
  background: #fff;
  border: 1px solid #e7ebf2;
  line-height: 1.2;
  overflow: hidden;
  max-height: 70px; }

#InspectView ._btn_anchor,
#ImageMapInspectView ._btn_anchor {
  background: #e4e2ff;
  font-weight: bold;
  font-size: 10px;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  text-decoration: underline;
  line-height: 1.1;
  min-width: 50px;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  color: blue; }

#InspectView ._btn_anchor a {
  color: blue; }

#InspectView ._btn_textAnchor {
  padding: 5px 5px 5px 7px;
  border-radius: 5px;
  color: #000;
  background: #7b99d4; }

._editableGridTable ._btn_anchor {
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px; }

._editYYYYMMDD {
  display: inline-block;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #e7ebf2;
  background: #fff;
  font-size: 18px;
  cursor: pointer;
  background: #ffe; }

._editYYYYMMDD:hover {
  border: 1px solid #9db0cd; }

._tableWapper ._editableGridTable ._editYYYYMMDD {
  font-size: 10px;
  background: #fff; }

._cms_bg_trans {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAQYBAMAAAC5B4uRAAAAD1BMVEX////y8vL19fXm5ubp6ekF8zylAAAB70lEQVR4AezUsQ0AIAzEwGQExAaI/WdEZoKkS2FX3133sSiouPJQUHGliIjIFIRa0v6rI10REZEpiAf52qtjAQAAAIBB/taT2BlBZxDIjTgeAoE4HgKBOB4CgTgeAoE4HgKBOB4CgTgeAoE4/kcgEMdDIBDHQyAQx0MgEMdDIBDHQyAQx0MgEMdDIBDHQyA/4ngIBOJ4CATieAgE4ngIBOJ4CATieAgE4ngIBOJ4CORHHA+BQBwPgUAcD4FAHA+BQBwPgUAcD4FAHA+BQBwPgfyI4yEQiOMhEIjjIRCI4yEQiOMhEIjjIRCI4yEQiOMhkB9xPAQCcTwEAnE8BAJxPAQCcTwEAnE8BAJxPAQCcTwE8iOOh0AgjodAII6HQCCOh0AgjodAII6HQCCOh0AgjodAfsTxEAjE8RAIxPEQCMTxEAjE8RAIxPEQCMTxEAjE8RDIjzgeAoE4HgKBOB4CgTgeAoE4HgKBOB4CgTgeAoE4HgL5EcdDIBDHQyAQx0MgEMdDIBDHQyAQx0MgEMdDIBDHQyA/4ngIBOJ4CATieAgE4ngIBOJ4CATieAgE4ngIBOJ4CORHHA+BQBwPgUAcD4FAHA+BQBwPgUAcD4FAHA+BQBwPgfyI4yEQiOMhEIjjIRCI4yEQiOMhEIjjIZAZCew7cPXLsQT8AAAAAElFTkSuQmCC); }

/* ! ---------- scroll ---------- ---------- ---------- ---------- */
._simple-scroll {
  overflow-x: hidden;
  overflow-y: auto; }

/*
._simple-scroll { overflow-x:hidden; overflow-y:auto; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-highlight-color: #dbe1eb; scrollbar-3dlight-color: #dbe1eb; scrollbar-shadow-color: #dbe1eb; scrollbar-darkshadow-color: #fff; scrollbar-arrow-color: #dbe1eb;}
._simple-scroll::-webkit-scrollbar{width:7px;background:#fff;}
._simple-scroll::-webkit-scrollbar:horizontal{display: none;}
._simple-scroll::-webkit-scrollbar-button{display: none;}
._simple-scroll::-webkit-scrollbar-piece{ background:#e7ebf2;}
._simple-scroll::-webkit-scrollbar-piece:start{ background:#e7ebf2;}
._simple-scroll::-webkit-scrollbar-thumb{ cursor:pointer;background:#e7ebf2;border-radius:10px;}
._simple-scroll::-webkit-scrollbar-thumb:hover{ background:#4A66A0;}
._simple-scroll::-webkit-scrollbar-corner{ background:none;}
*/
.guide-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #ffe;
  scrollbar-track-color: #ffe;
  scrollbar-highlight-color: #EFFAD6;
  scrollbar-3dlight-color: #EFFAD6;
  scrollbar-shadow-color: #EFFAD6;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #66cc00; }

.guide-scroll::-webkit-scrollbar {
  width: 7px;
  background: #ffe; }

.guide-scroll::-webkit-scrollbar:horizontal {
  display: none; }

.guide-scroll::-webkit-scrollbar-button {
  display: none; }

.guide-scroll::-webkit-scrollbar-piece {
  background: #EFFAD6; }

.guide-scroll::-webkit-scrollbar-piece:start {
  background: #EFFAD6; }

.guide-scroll::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #EFFAD6;
  border-radius: 10px; }

.guide-scroll::-webkit-scrollbar-thumb:hover {
  background: #66cc00; }

.guide-scroll::-webkit-scrollbar-corner {
  background: none; }

._textarea-scroll::-webkit-scrollbar {
  width: 10px;
  background: #fff; }

._textarea-scroll::-webkit-scrollbar:horizontal {
  display: none; }

._textarea-scroll::-webkit-scrollbar-button {
  display: none; }

._textarea-scroll::-webkit-scrollbar-piece {
  background: #4A66A0; }

._textarea-scroll::-webkit-scrollbar-piece:start {
  background: #4A66A0; }

._textarea-scroll::-webkit-scrollbar-thumb {
  border-right: 1px solid #e7ebf2;
  cursor: pointer;
  background: #4A66A0;
  border-radius: 10px; }

._textarea-scroll::-webkit-scrollbar-thumb:hover {
  background: #4A66A0; }

._textarea-scroll::-webkit-scrollbar-corner {
  background: none; }

body._windows ._sideAera-scroll::-webkit-scrollbar {
  width: 7px;
  background: #dbe1eb; }

body._windows ._sideAera-scroll::-webkit-scrollbar:horizontal {
  display: none; }

body._windows ._sideAera-scroll::-webkit-scrollbar-button {
  display: none; }

body._windows ._sideAera-scroll::-webkit-scrollbar-piece {
  background: #c2cfe0; }

body._windows ._sideAera-scroll::-webkit-scrollbar-piece:start {
  background: #c2cfe0; }

body._windows ._sideAera-scroll::-webkit-scrollbar-thumb {
  background: #c2cfe0;
  border-radius: 10px; }

body._windows ._sideAera-scroll::-webkit-scrollbar-thumb:hover {
  background: #4A66A0; }

body._windows ._sideAera-scroll::-webkit-scrollbar-corner {
  background: none; }

body._windows ._sideAera-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #dbe1eb;
  scrollbar-track-color: #dbe1eb;
  scrollbar-highlight-color: #c2cfe0;
  scrollbar-3dlight-color: #dbe1eb;
  scrollbar-shadow-color: #c2cfe0;
  scrollbar-darkshadow-color: #e7ebf2;
  scrollbar-arrow-color: #c2cfe0; }

body._windows ._mainArea-scroll::-webkit-scrollbar {
  width: 7px;
  background: #fff; }

body._windows ._mainArea-scroll::-webkit-scrollbar:horizontal {
  display: none; }

body._windows ._mainArea-scroll::-webkit-scrollbar-button {
  display: none; }

body._windows ._mainArea-scroll::-webkit-scrollbar-piece {
  background: #dbe1eb; }

body._windows ._mainArea-scroll::-webkit-scrollbar-piece:start {
  background: #dbe1eb; }

body._windows ._mainArea-scroll::-webkit-scrollbar-thumb {
  background: #dbe1eb;
  border-radius: 10px; }

body._windows ._mainArea-scroll::-webkit-scrollbar-thumb:hover {
  background: #4A66A0; }

body._windows ._mainArea-scroll::-webkit-scrollbar-corner {
  background: none; }

body._windows ._mainArea-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-highlight-color: #dbe1eb;
  scrollbar-3dlight-color: #dbe1eb;
  scrollbar-shadow-color: #dbe1eb;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #dbe1eb; }

/**/
body._windows ._asset-scroll::-webkit-scrollbar {
  width: 7px;
  background: #333; }

body._windows ._asset-scroll::-webkit-scrollbar:horizontal {
  display: none; }

body._windows ._asset-scroll::-webkit-scrollbar-button {
  display: none; }

body._windows ._asset-scroll::-webkit-scrollbar-piece {
  background: #444; }

body._windows ._asset-scroll::-webkit-scrollbar-piece:start {
  background: #444; }

body._windows ._asset-scroll::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 10px; }

body._windows ._asset-scroll::-webkit-scrollbar-thumb:hover {
  background: #888; }

body._windows ._asset-scroll::-webkit-scrollbar-corner {
  background: none; }

body._windows ._asset-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #333;
  scrollbar-track-color: #333;
  scrollbar-highlight-color: #555;
  scrollbar-3dlight-color: #555;
  scrollbar-shadow-color: #555;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #555; }

body._windows ._asset-scroll2::-webkit-scrollbar {
  width: 7px;
  background: #333; }

body._windows ._asset-scroll2::-webkit-scrollbar:horizontal {
  display: none; }

body._windows ._asset-scroll2::-webkit-scrollbar-button {
  display: none; }

body._windows ._asset-scroll2::-webkit-scrollbar-piece {
  background: #444; }

body._windows ._asset-scroll2::-webkit-scrollbar-piece:start {
  background: #444; }

body._windows ._asset-scroll2::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 10px; }

body._windows ._asset-scroll2::-webkit-scrollbar-thumb:hover {
  background: #888; }

body._windows ._asset-scroll2::-webkit-scrollbar-corner {
  background: none; }

body._windows ._asset-scroll2 {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #444;
  scrollbar-track-color: #444;
  scrollbar-highlight-color: #666;
  scrollbar-3dlight-color: #666;
  scrollbar-shadow-color: #666;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #666; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar {
  width: 7px;
  background: #333; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar:horizontal {
  display: none; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar-button {
  display: none; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar-piece {
  background: #444; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar-piece:start {
  background: #444; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 10px; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover {
  background: #888; }

body._windows .CodeMirror-vscrollbar::-webkit-scrollbar-corner {
  background: none; }

body._windows .CodeMirror-vscrollbar {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #333;
  scrollbar-track-color: #333;
  scrollbar-highlight-color: #555;
  scrollbar-3dlight-color: #555;
  scrollbar-shadow-color: #555;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #555; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar {
  width: 7px;
  background: #333; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar:horizontal {
  display: none; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar-button {
  display: none; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar-piece {
  background: #444; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar-piece:start {
  background: #444; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 10px; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
  background: #888; }

body._windows .CodeMirror-hscrollbar::-webkit-scrollbar-corner {
  background: none; }

body._windows .CodeMirror-hscrollbar {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-face-color: #333;
  scrollbar-track-color: #333;
  scrollbar-highlight-color: #555;
  scrollbar-3dlight-color: #555;
  scrollbar-shadow-color: #555;
  scrollbar-darkshadow-color: #fff;
  scrollbar-arrow-color: #555; }

/* ! ---------- from ---------- ---------- ---------- ---------- */
input, textarea {
  border: 1px solid #d1d9e6;
  border-bottom: none;
  border-right: none;
  padding: 5px 4px 4px 2px;
  background: #ffe;
  margin: 0;
  border-radius: 3px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
  box-sizing: border-box; }

textarea {
  line-height: 1.4;
  overflow-x: hidden;
  overflow-y: auto; }

input:focus,
textarea:focus {
  background: #ffd; }

input._edited, textarea._edited {
  background: #ffa; }

input[type="checkbox"] {
  border: none; }

._color-style {
  background: #f4f3ff;
  border-top: 2px solid #b2e1ff;
  border-bottom: 1px solid #f3faff;
  color: #4A66A0; }

._color-style:focus {
  background: #f4f3ff; }

._color-js {
  color: #ccc;
  background: #333; }

._color-js:focus {
  background: #333; }

._color-html {
  background: #eeeeee;
  color: #888;
  font-weight: bold; }

._color-html:focus {
  background: #e6e6e6; }

input._color-style::-webkit-input-placeholder {
  color: #9db0cd;
  font-size: 12px; }

input._color-style:-ms-input-placeholder {
  color: #9db0cd;
  font-size: 12px; }

textarea._color-style::-webkit-input-placeholder {
  color: #9db0cd; }

textarea._color-style:-ms-input-placeholder {
  color: #9db0cd; }

input:-ms-input-placeholder {
  color: #999 !important; }

textarea:-ms-input-placeholder {
  color: #999 !important; }

/* ! ---------- view ---------- ---------- ---------- ---------- */
/* ! ---------- body ---------- ---------- ---------- ---------- */
html, body {
  height: 100%;
  overflow: hidden; }

/* ! ---------- _loading ---------- ---------- ---------- ---------- */
._loading {
  padding: 20px;
  color: #4A66A0; }

/* ! ---------- #NO_CMS ---------- ---------- ---------- ---------- */
#NO_CMS {
  padding: 60px;
  color: #4A66A0;
  line-height: 2; }
  #NO_CMS ._title {
    font-size: 32px;
    font-weight: bold;
    font-family: 'Roboto',sans-serif; }
  #NO_CMS ._title ._small {
    font-size: 18px; }
  #NO_CMS ._h2 {
    margin: 2em 0 0.5em 0;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto',sans-serif; }
  #NO_CMS li {
    list-style-type: disc;
    margin: 0 0 0 30px; }

/* ! ---------- #DemoView ---------- ---------- ---------- ---------- */
#CMS_DemoView {
  display: none;
  position: fixed;
  top: 0px;
  right: 250px;
  padding: 3px;
  font: 12px;
  z-index: 50000;
  background: red;
  margin: 0 0 0 -100px;
  color: #ff0; }
  #CMS_DemoView span {
    font-size: 10px;
    padding: 5px 0 0 5px; }

/* ! ---------- #CMS_LOCK ---------- ---------- ---------- ---------- */
#CMS_LOCK {
  position: fixed;
  top: 0px;
  right: 0px;
  cursor: pointer; }
  #CMS_LOCK ._btn {
    cursor: pointer; }
  #CMS_LOCK i {
    font-size: 18px; }
  #CMS_LOCK ._btn_lock,
  #CMS_LOCK ._btn_unlock {
    width: 40px;
    height: 40px;
    background: #222;
    color: #888;
    text-align: center;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    font-size: 10px; }
  #CMS_LOCK ._btn_unlock {
    background: #222; }
  #CMS_LOCK ._btn_lock i {
    color: yellow; }
  #CMS_LOCK ._btn_unlock i {
    color: #888; }
  #CMS_LOCK span {
    margin: 2px 0 0 0;
    display: block; }
  #CMS_LOCK ._btn_unlock {
    display: none; }
  #CMS_LOCK ._btn_lock {
    display: block; }
  #CMS_LOCK._unlock ._btn_unlock {
    display: block; }
  #CMS_LOCK._unlock ._btn_lock {
    display: none; }

/* ! ---------- #CheckedView ---------- ---------- ---------- ---------- */
#CMS_CheckedView {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #4A66A0;
  color: #e7ebf2;
  color: #6FF;
  padding: 50px 50px 0 50px;
  font-family: Arial;
  font-size: 16px;
  line-height: 1.6; }
  #CMS_CheckedView ._title {
    font-size: 24px;
    font-weight: bold;
    color: #ff6600; }
  #CMS_CheckedView ._errorList {
    padding: 5px 5px 5px 25px;
    color: red; }
  #CMS_CheckedView ._attention {
    color: yellow; }
  #CMS_CheckedView ._h {
    border-bottom: 1px dotted #00ffff;
    padding: 5px 0;
    margin: 20px 0 5px 0;
    display: block; }
  #CMS_CheckedView ._small {
    font-size: 12px; }
  #CMS_CheckedView ._box-sett {
    border-left: 1px dotted #00ffff;
    padding: 0 0 0 1em;
    margin: 1em 1em 2em 2em; }
  #CMS_CheckedView a {
    color: #fff; }

/* ! ---------- #CMS_LoginView ---------- ---------- ---------- ---------- */
#CMS_LoginView {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #4A66A0;
  color: #e7ebf2;
  color: #6FF;
  padding: 200px 0 0 50px;
  font-family: Arial;
  font-weight: bold; }
  #CMS_LoginView ._title {
    font-size: 36px;
    padding: 5px 0 10px 48px; }
  #CMS_LoginView input {
    font-size: 16px;
    font-weight: bold;
    color: #4A66A0;
    width: 150px; }
  #CMS_LoginView a {
    color: #e7ebf2;
    color: #6FF; }
  #CMS_LoginView ._read {
    font-size: 12px;
    padding: 5px 0 5px 48px;
    line-height: 1.6; }
  #CMS_LoginView table {
    margin: 40px 0; }
  #CMS_LoginView th {
    padding: 15px 5px 0 0;
    text-align: right; }
  #CMS_LoginView td {
    padding: 5px; }
  #CMS_LoginView ._t_message {
    color: #f60; }
  #CMS_LoginView ._btn_login {
    padding: 10px 5px;
    background: #6FF;
    color: #4A66A0;
    width: 140px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

/* ! ---------- #CMS_RootView ---------- ---------- ---------- ---------- */
#CMS_RootView {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

#CMS_RootView,
._modalView {
  min-width: 800px; }

/* ! ---------- #CMS_Header ---------- ---------- ---------- ---------- */
#CMS_Header {
  position: fixed;
  top: 0;
  left: 0;
  right: 40px;
  height: 40px;
  background: #4A66A0;
  line-height: 1;
  font-size: 12px;
  color: #6FF; }
  #CMS_Header a {
    color: #6FF;
    text-decoration: none; }
  #CMS_Header ._sitename {
    position: absolute;
    top: 14px;
    left: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #CMS_Header ._freeBlock {
    position: absolute;
    top: 0px;
    right: 135px;
    height: 40px; }
    #CMS_Header ._freeBlock ._menuset {
      position: relative;
      float: left; }
      #CMS_Header ._freeBlock ._menuset ._menu {
        position: relative;
        display: block;
        text-align: center;
        line-height: 40px;
        padding: 0 7px; }
      #CMS_Header ._freeBlock ._menuset:hover ._menu {
        background: #333366; }
      #CMS_Header ._freeBlock ._menuset ._float {
        display: none;
        position: absolute;
        top: 40px;
        left: 0px;
        width: 150px;
        background: #4A66A0;
        padding: 10px 5px 10px 10px; }
        #CMS_Header ._freeBlock ._menuset ._float ._item {
          padding: 7px 0;
          line-height: 1.2; }
  #CMS_Header ._cmsBlock {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 130px;
    height: 40px; }
    #CMS_Header ._cmsBlock ._menu {
      display: block;
      text-align: center;
      line-height: 40px;
      padding: 0 7px; }
    #CMS_Header ._cmsBlock:hover ._menu {
      background: #333366; }
    #CMS_Header ._cmsBlock ._float {
      display: none;
      position: absolute;
      top: 40px;
      left: 0px;
      width: 130px;
      background: #4A66A0;
      padding: 10px 10px 10px 10px; }
      #CMS_Header ._cmsBlock ._float ._item {
        padding: 7px 0;
        line-height: 1.2; }
        #CMS_Header ._cmsBlock ._float ._item._btn_logout {
          border: 1px solid rgba(102, 255, 255, 0.5);
          margin: 5px 0;
          padding: 7px; }
        #CMS_Header ._cmsBlock ._float ._item._btn_cms {
          text-align: center;
          line-height: 1.6;
          font-size: 10px;
          margin-top: 20px; }
  #CMS_Header ._header_btns {
    position: absolute;
    top: 5px;
    left: 200px; }
  #CMS_Header ._header_btns > div {
    float: left;
    margin: 0 15px 0 0; }
  #CMS_Header ._header_btns > div:after {
    display: block;
    clear: both;
    height: 0;
    content: ''; }
  #CMS_Header ._header_btns > div .ss_icon {
    display: block;
    float: left; }
  #CMS_Header ._header_btns > div ._t {
    display: block;
    padding: 10px 0;
    float: left; }

#CMS_HeaderRight {
  position: fixed;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  background: #222; }

/* ! ---------- #FormCandidates ---------- ---------- ---------- ---------- */
#FormCandidates {
  display: none; }

/* ! ---------- CMS_SidePreview ---------- ---------- ---------- ---------- */
#CMS_SidePreview {
  display: none;
  position: fixed;
  top: 40px;
  right: 0px;
  width: 250px;
  bottom: 0px; }
  #CMS_SidePreview:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 10px;
    height: 100%;
    background: url(../images/bg_shaow_h.png) left top repeat-y; }
  #CMS_SidePreview._open {
    display: block; }
  #CMS_SidePreview ._body {
    position: absolute;
    top: 110px;
    left: 0px;
    right: 0px;
    bottom: 0px; }
  #CMS_SidePreview ._body {
    background: #fff; }
  #CMS_SidePreview ._body > div,
  #CMS_SidePreview ._body ._frame_pub,
  #CMS_SidePreview ._body ._frame_live {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0; }
  #CMS_SidePreview ._header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
    background: #336;
    color: rgba(100, 255, 255, 0.5);
    font-size: 12px;
    line-height: 1; }
  #CMS_SidePreview ._header ._row {
    padding: 0 0 0 5px; }
  #CMS_SidePreview ._header ._row_tab {
    height: 30px;
    overflow: hidden; }
  #CMS_SidePreview ._header ._tab {
    display: block;
    float: left;
    padding: 0 9px;
    line-height: 30px;
    margin: 0 0 0 5px;
    border: 1px solid #4A66A0; }
  #CMS_SidePreview ._header ._tab._active {
    background: #4A66A0;
    color: #6ff; }
  #CMS_SidePreview ._header ._row_view {
    height: 40px; }
  #CMS_SidePreview ._header ._row_function {
    background: #4A66A0;
    color: #6ff;
    height: 40px;
    padding: 5px 5px 0 5px; }
  #CMS_SidePreview ._row_init_hide {
    display: none; }
  #CMS_SidePreview ._header ._urlText {
    font-size: 16px;
    padding: 10px 0 0 5px;
    color: #6FF; }
  #CMS_SidePreview ._footer {
    position: absolute;
    background: #225;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 35px;
    color: #3cc;
    font-size: 12px;
    line-height: 1; }
  #CMS_SidePreview ._header ._btnSet {
    float: left;
    padding: 10px 5px 6px 5px; }
  #CMS_SidePreview ._footer ._btnSet {
    float: left;
    padding: 10px 5px 8px 5px; }
  #CMS_SidePreview ._footer {
    display: none; }
  #CMS_SidePreview ._iframeDiv {
    height: 100%;
    float: left; }
  #CMS_SidePreview iframe {
    width: 100%;
    height: 100%;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -ms-transform: scale(1);
    transform: scale(1); }
  #CMS_SidePreview ._btn_close {
    position: absolute;
    top: 7px;
    right: 3px;
    padding: 7px 7px 5px 7px;
    color: #6ff;
    background: #4A66A0; }

#CMS_SidePreviewClose {
  display: none;
  position: fixed;
  top: 40px;
  right: 0px;
  width: 40px;
  bottom: 0;
  background: #4A66A0;
  font-size: 14px; }
  #CMS_SidePreviewClose ._btn_open {
    position: absolute;
    top: 10px;
    padding: 7px 0 5px 4px;
    width: 40px;
    color: #0ff; }
  #CMS_SidePreviewClose ._btn_open:hover {
    background: #4A66A0;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; }

/* ! ---------- #CMS_PageStage ---------- ---------- ---------- ---------- */
#CMS_PageStage {
  position: fixed;
  top: 40px;
  left: 0;
  right: 40px;
  bottom: 40px; }

/* ! ---------- #CMS_IntroView ---------- ---------- ---------- ---------- */
#CMS_IntroView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.1);
  color: #4A66A0;
  line-height: 1.4;
  background: #fff; }
  #CMS_IntroView ._core {
    padding: 100px; }

/* ! ---------- #CMS_PagesView ---------- ---------- ---------- ---------- */
#CMS_PagesView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #edf0f5;
  box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.1); }
  #CMS_PagesView._preview {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border: 5px solid #000; }
  #CMS_PagesView ._page_inner {
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px; }
  #CMS_PagesView ._page_inner_zoom {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0 0 100px 0;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    overflow-y: scroll; }
  #CMS_PagesView ._page_body {
    min-height: 500px; }

.__cms_edit_area__ {
  background: #fff; }

#CMS_PagesView ._page_header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 70px;
  color: #4A66A0;
  font-size: 14px;
  line-height: 1;
  padding: 14px 15px 0 15px;
  /* メニュー　*/ }
  #CMS_PagesView ._page_header ._page_title {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 1px 0; }
  #CMS_PagesView ._page_header ._page_title ._btn_change_title {
    display: inline-block;
    background: #4A66A0;
    color: #00ffff;
    padding: 4px;
    margin: 0 0 0 15px;
    font-size: 10px;
    border-radius: 2px;
    cursor: pointer; }
  #CMS_PagesView ._page_header ._filePath {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 8px 0 0 0; }
  #CMS_PagesView ._page_header ._page_title br {
    display: none; }
  #CMS_PagesView ._page_header ._row1:after {
    display: block;
    clear: both;
    height: 0;
    content: ''; }
  #CMS_PagesView ._page_header ._row2 {
    margin-top: 10px; }
  #CMS_PagesView ._page_header ._row2:after {
    display: block;
    clear: both;
    height: 0;
    content: ''; }
  #CMS_PagesView ._page_header ._page_state {
    position: relative;
    float: left;
    font-size: 12px;
    color: #4A66A0;
    padding: 7px 0 8px;
    margin: 0 0 0 15px; }
    #CMS_PagesView ._page_header ._page_state > b {
      font-size: 14px; }
    #CMS_PagesView ._page_header ._page_state ._templatesFloat {
      display: none; }
    #CMS_PagesView ._page_header ._page_state > i {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
    #CMS_PagesView ._page_header ._page_state:hover > i {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    #CMS_PagesView ._page_header ._page_state ._templatesFloat {
      font-size: 14px;
      position: absolute;
      top: 30px;
      left: 30px;
      width: 200px;
      background: #fff;
      padding: 10px;
      box-shadow: 0 0 10px rgba(74, 102, 160, 0.4);
      border-radius: 5px; }
      #CMS_PagesView ._page_header ._page_state ._templatesFloat ._read {
        line-height: 1.2;
        margin: 5px 0;
        color: #999; }
      #CMS_PagesView ._page_header ._page_state ._templatesFloat ._item {
        margin: 5px 0;
        padding: 5px 0;
        font-weight: bold;
        cursor: pointer; }
      #CMS_PagesView ._page_header ._page_state ._templatesFloat ._item:hover > i {
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
      #CMS_PagesView ._page_header ._page_state ._templatesFloat ._item > i {
        font-size: 16px; }
  #CMS_PagesView ._page_header ._page_side_opener {
    position: absolute;
    top: 70px;
    right: 100px;
    color: #4A66A0;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 10px 5px 5px;
    font-size: 12px; }
    #CMS_PagesView ._page_header ._page_side_opener ._btn_open_all {
      margin: 0 2px; }
    #CMS_PagesView ._page_header ._page_side_opener ._btn_open_all span {
      display: inline-block;
      background: #4A66A0;
      color: #00ffff;
      padding: 1px 3px;
      border-radius: 2px; }
    #CMS_PagesView ._page_header ._page_side_opener ._btn_close_all {
      margin: 0 2px; }
    #CMS_PagesView ._page_header ._page_side_opener ._btn_close_all span {
      display: inline-block;
      background: #4A66A0;
      color: #00ffff;
      padding: 1px 5px;
      border-radius: 2px; }
  #CMS_PagesView ._page_header ._page_side_zoom {
    position: absolute;
    top: 70px;
    right: 0;
    color: #4A66A0;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px 10px 5px 5px; }
  #CMS_PagesView ._page_header ._page_icon_btns {
    position: absolute;
    top: 10px;
    width: 160px;
    height: 25px;
    right: 350px;
    font-size: 14px;
    color: #4A66A0;
    background: #edf0f5; }
    #CMS_PagesView ._page_header ._page_icon_btns ._item {
      position: relative;
      text-align: center;
      float: left;
      background: #fff;
      margin: 0 2px 0 0;
      width: 30px; }
    #CMS_PagesView ._page_header ._page_icon_btns ._item ._side_btn {
      line-height: 25px;
      cursor: pointer; }
  #CMS_PagesView ._page_header ._page_btns_pre {
    position: absolute;
    top: 10px;
    right: 230px;
    width: 110px;
    height: 25px;
    background: #edf0f5; }
    #CMS_PagesView ._page_header ._page_btns_pre ._btn_preview {
      position: absolute;
      left: 0px;
      top: 0;
      width: 88px;
      border-right: 1px solid #0ff;
      height: 25px;
      background: #4A66A0;
      color: #0ff;
      line-height: 25px;
      text-align: center;
      font-size: 12px; }
    #CMS_PagesView ._page_header ._page_btns_pre ._btn_preview_more {
      position: absolute;
      left: 88px;
      top: 0;
      width: 22px;
      height: 25px;
      background: #4A66A0;
      color: #0ff;
      line-height: 25px;
      font-size: 12px;
      text-align: center; }
      #CMS_PagesView ._page_header ._page_btns_pre ._btn_preview_more i {
        transition-duration: 0.2s; }
      #CMS_PagesView ._page_header ._page_btns_pre ._btn_preview_more._hilight i {
        -ms-transform: scale(1.6);
            transform: scale(1.6); }
    #CMS_PagesView ._page_header ._page_btns_pre ._btn_previewing {
      display: none;
      position: absolute;
      left: 0px;
      top: 0;
      width: 88px;
      height: 35px;
      background: rgba(255, 255, 255, 0.7);
      text-align: center;
      box-sizing: border-box;
      padding: 8px 0;
      color: #4A66A0; }
  #CMS_PagesView ._page_header ._page_btns_pub {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 58px;
    width: 210px;
    background: #edf0f5; }
    #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 90px;
      height: 60px; }
      #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._btn_save_wapper {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 90px;
        height: 35px; }
        #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._btn_save_wapper ._btn_save {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          height: 35px;
          border-right: 1px solid #0ff;
          background: #4A66A0;
          color: #0ff;
          line-height: 35px;
          padding: 0 0 0 30px;
          font-size: 12px; }
          #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._btn_save_wapper ._btn_save > i {
            position: absolute;
            top: 8px;
            left: 6px;
            font-size: 18px; }
        #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._btn_save_wapper ._btn_save_pre {
          position: absolute;
          left: 0px;
          top: 0px;
          width: 100%;
          border-right: 1px solid #0ff;
          background: #4A66A0;
          color: #ff0;
          line-height: 35px;
          padding: 0 0 0 30px;
          font-size: 12px; }
          #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._btn_save_wapper ._btn_save_pre > i {
            position: absolute;
            top: 8px;
            left: 7px;
            font-size: 18px; }
        #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._btn_save_wapper ._btn_saveing {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 35px;
          background: rgba(54, 105, 161, 0.7);
          text-align: center;
          box-sizing: border-box;
          padding: 8px 0;
          color: #6FF; }
      #CMS_PagesView ._page_header ._page_btns_pub ._save_wapper ._saveDate_wapper {
        font-size: 12px;
        position: absolute;
        top: 35px;
        left: 0px;
        width: 90px;
        height: 25px; }
    #CMS_PagesView ._page_header ._page_btns_pub ._public_wapper {
      position: absolute;
      left: 90px;
      top: 0px;
      width: 90px;
      height: 60px; }
      #CMS_PagesView ._page_header ._page_btns_pub ._public_wapper ._btn_public_wapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 90px;
        height: 35px; }
        #CMS_PagesView ._page_header ._page_btns_pub ._public_wapper ._btn_public_wapper ._btn_public {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 35px;
          border-right: 1px solid #0ff;
          background: #4A66A0;
          color: #0ff;
          line-height: 35px;
          padding: 0 0 0 30px;
          font-size: 12px; }
          #CMS_PagesView ._page_header ._page_btns_pub ._public_wapper ._btn_public_wapper ._btn_public > i {
            position: absolute;
            top: 8px;
            left: 6px;
            font-size: 18px; }
        #CMS_PagesView ._page_header ._page_btns_pub ._public_wapper ._btn_public_wapper ._btn_publishing {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 35px;
          background: rgba(54, 105, 161, 0.7);
          text-align: center;
          box-sizing: border-box;
          padding: 8px 0;
          color: #6FF; }
      #CMS_PagesView ._page_header ._page_btns_pub ._public_wapper ._publicDate_wapper {
        font-size: 12px;
        position: absolute;
        top: 35px;
        left: 0;
        width: 90px;
        height: 25px; }
    #CMS_PagesView ._page_header ._page_btns_pub ._btn_public_more {
      position: absolute;
      left: 180px;
      top: 0;
      width: 30px;
      height: 35px;
      background: #4A66A0;
      color: #0ff;
      line-height: 35px;
      font-size: 16px;
      text-align: center; }
      #CMS_PagesView ._page_header ._page_btns_pub ._btn_public_more i {
        transition-duration: 0.2s; }
      #CMS_PagesView ._page_header ._page_btns_pub ._btn_public_more._hilight i {
        -ms-transform: scale(1.6);
            transform: scale(1.6); }
    #CMS_PagesView ._page_header ._page_btns_pub ._saveDate,
    #CMS_PagesView ._page_header ._page_btns_pub ._publicDate {
      padding: 7px 0 7px 4px; }
    #CMS_PagesView ._page_header ._page_btns_pub ._saveDate span,
    #CMS_PagesView ._page_header ._page_btns_pub ._publicDate span {
      font-size: 10px; }
  #CMS_PagesView ._page_header ._page_menus {
    float: left; }
    #CMS_PagesView ._page_header ._page_menus:after {
      display: block;
      clear: both;
      height: 0;
      content: ''; }
    #CMS_PagesView ._page_header ._page_menus ._item {
      display: block;
      float: left;
      padding: 9px 7px 3px 7px;
      font-size: 12px; }
  #CMS_PagesView ._page_header ._page_menus_left {
    float: right;
    margin: 0 220px 0 0; }
    #CMS_PagesView ._page_header ._page_menus_left:after {
      display: block;
      clear: both;
      height: 0;
      content: ''; }
    #CMS_PagesView ._page_header ._page_menus_left ._item {
      display: block;
      float: left;
      padding: 9px 7px 3px 7px;
      font-size: 12px; }

#CMS_PagesView ._page_header {
  /* float menu */ }
  #CMS_PagesView ._page_header ._float_item {
    position: relative;
    cursor: pointer; }
    #CMS_PagesView ._page_header ._float_item ._float_fuki {
      display: none;
      position: absolute;
      top: 30px;
      left: -50px;
      width: 240px;
      background: #fff;
      padding: 10px;
      font-size: 14px;
      color: #888;
      text-align: left;
      line-height: 1.4;
      box-shadow: 0 0 10px rgba(74, 102, 160, 0.4);
      border-radius: 5px;
      z-index: 1; }
      #CMS_PagesView ._page_header ._float_item ._float_fuki._fuki_title {
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
        border-bottom: 2px solid #eee; }
      #CMS_PagesView ._page_header ._float_item ._float_fuki._read {
        line-height: 1.4;
        color: #999;
        padding: 5px; }
    #CMS_PagesView ._page_header ._float_item:hover {
      background: rgba(255, 255, 255, 0.5); }
    #CMS_PagesView ._page_header ._float_item ._messa {
      display: none;
      padding: 7px;
      color: red; }

/* _float_save */
#CMS_PagesView ._page_header ._save_wapper:hover ._float_save ._icon_bar {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PagesView ._page_header ._float_save {
  position: relative; }
  #CMS_PagesView ._page_header ._float_save ._icon_bar {
    position: absolute;
    top: 7px;
    right: 7px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
  #CMS_PagesView ._page_header ._float_save ._float_fuki {
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    width: 210px;
    font-size: 14px;
    background: #333;
    color: #fff; }
    #CMS_PagesView ._page_header ._float_save ._float_fuki:before {
      content: "";
      position: absolute;
      top: -5px;
      left: 73px;
      width: 5px;
      height: 5px;
      margin-top: -5px;
      box-sizing: border-box;
      border: 5px solid transparent;
      border-bottom: 5px solid #333; }
  #CMS_PagesView ._page_header ._float_save ._rev_close {
    text-align: center;
    padding: 12px; }
  #CMS_PagesView ._page_header ._float_save ._rev_open {
    display: none;
    padding: 0 10px 15px 13px; }
  #CMS_PagesView ._page_header ._float_save ._page_revision {
    font-size: 12px; }
    #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_title {
      text-align: center; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_title i {
        display: block; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_title ._t {
        display: block;
        font-size: 14px; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_title ._t span {
          font-size: 12px;
          color: #aaa; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_title ._r {
        margin-top: 5px;
        color: #888;
        line-height: 1.4;
        text-align: left; }
    #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_timeline {
      margin-top: 15px;
      position: relative; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_timeline:before {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        left: 4px;
        bottom: 0px;
        width: 2px;
        background: #666; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_timeline ._t_kako {
        padding: 20px 0 5px 15px; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_timeline ._r {
        margin-top: 5px;
        color: #888;
        line-height: 1.4;
        text-align: left;
        padding: 5px 0 0 15px; }
    #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item {
      position: relative;
      cursor: pointer; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item {
        position: relative;
        display: block;
        padding: 5px 0 5px 0; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item:before {
          content: "\f017";
          display: inline-block;
          margin: 0 5px 0 0;
          font-family: FontAwesome;
          font-size: 12px;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item i {
          padding: 0 3px 0 0; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item._current ._rev_name {
          color: #ff8;
          text-decoration: none;
          font-weight: bold; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item._current:before {
          content: "\f111";
          color: #ff8; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item ._rev_name {
          color: #00ffff;
          text-decoration: underline; }
          #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item ._rev_name i {
            background: #333;
            color: #fff; }
          #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item ._rev_name ._rev_date {
            letter-spacing: 1px; }
          #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item ._rev_name ._rev_time {
            font-size: 10px;
            letter-spacing: 1px; }
          #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_item ._rev_name:hover {
            color: #ff8; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_add {
        display: block;
        position: absolute;
        top: 1px;
        right: 0px;
        background: #4A66A0;
        padding: 2px 3px 1px 3px;
        border-radius: 10px;
        font-size: 11px;
        color: #fff; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_add ._t {
          display: inline-block; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_add i {
          display: inline-block;
          color: #fff;
          font-size: 16px;
          vertical-align: middle; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_remove {
        position: absolute;
        top: 3px;
        right: 5px;
        font-size: 18px;
        text-align: center;
        color: rgba(255, 255, 255, 0.2); }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._revision_item ._btn_revision_remove :hover {
          color: red; }
    #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_add_wapper {
      height: 12px;
      margin: -5px 0 -3px 5px; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_add_wapper ._rev_add {
        display: none;
        text-align: center;
        position: relative; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_add_wapper ._rev_add:before {
          content: "";
          display: block;
          position: absolute;
          top: 5px;
          left: 0px;
          right: 0px;
          height: 1px;
          background: #00ffff; }
        #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_add_wapper ._rev_add:after {
          content: "";
          display: block;
          position: absolute;
          top: 0px;
          left: -5px;
          width: 11px;
          height: 11px;
          background: #00ffff;
          border-radius: 5px; }
    #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_icon {
      text-align: center;
      margin: 5px 0; }
    #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_btn_restore {
      margin-top: 5px;
      display: block;
      background: #555;
      color: #333;
      padding: 10px;
      font-weight: bold;
      text-align: center;
      cursor: pointer; }
      #CMS_PagesView ._page_header ._float_save ._page_revision ._rev_btn_restore._active {
        background: #4A66A0;
        color: #00ffff; }

/* _float_pub */
#CMS_PagesView ._page_header ._float_pub {
  position: relative; }
  #CMS_PagesView ._page_header ._float_pub:after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 5px;
    height: 5px;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-top: 5px solid rgba(74, 102, 160, 0.5);
    cursor: pointer; }
  #CMS_PagesView ._page_header ._float_pub:hover:after {
    border-top: 5px solid #4a66a0; }
  #CMS_PagesView ._page_header ._float_pub ._float_fuki {
    display: none;
    position: absolute;
    top: 22px;
    left: -25px;
    width: 150px;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    background: #fff;
    color: #4A66A0;
    text-align: left;
    line-height: 1.4;
    box-shadow: 0 0 10px rgba(74, 102, 160, 0.4);
    border-radius: 5px; }
  #CMS_PagesView ._page_header ._float_pub ._float_btn {
    border-top: 2px solid #eee;
    padding: 8px 0 8px 5px;
    cursor: pointer; }
    #CMS_PagesView ._page_header ._float_pub ._float_btn:first-child {
      border: none; }
    #CMS_PagesView ._page_header ._float_pub ._float_btn:hover {
      background: #edf0f5; }

#CMS_PagesView ._cms_page_setting ._page_header ._page_icon_btns {
  right: 240px; }

#CMS_PagesView ._page_footer {
  color: #23CACA;
  line-height: 1.5; }
  #CMS_PagesView ._page_footer ._memori_area {
    position: relative;
    width: 100%;
    height: 50px;
    background: url(../images/bg_grid.png) left top no-repeat; }
    #CMS_PagesView ._page_footer ._memori_area ._sizeWap {
      position: absolute;
      top: 20px;
      left: 0px;
      width: 30px;
      height: 30px; }
    #CMS_PagesView ._page_footer ._memori_area ._sizeWap ._float {
      display: none;
      position: absolute;
      top: 30px;
      left: -180px;
      width: 200px;
      padding: 10px;
      background: #fff;
      box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
      border-radius: 5px; }
    #CMS_PagesView ._page_footer ._memori_area ._sizeWap:hover ._float {
      display: block; }
    #CMS_PagesView ._page_footer ._memori_area ._sizeWap ._float ._btn {
      font-size: 12px;
      padding: 3px 0;
      margin: 3px 0;
      cursor: pointer; }
    #CMS_PagesView ._page_footer ._memori_area ._sizeWap ._float ._btn:hover {
      background: #e7ebf2; }
    #CMS_PagesView ._page_footer ._memori_area ._sizeText {
      position: absolute;
      top: 10px;
      left: -150px;
      width: 150px;
      text-align: right;
      font-size: 12px;
      font-weight: bold;
      cursor: pointer;
      padding: 3px; }
  #CMS_PagesView ._page_footer a {
    color: #23CACA; }
  #CMS_PagesView ._page_footer ._m {
    font-size: 14px;
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
    padding: 3px; }
  #CMS_PagesView ._page_footer p {
    font-size: 14px;
    margin: 0 0 5px; }
  #CMS_PagesView ._page_footer table {
    font-size: 12px;
    margin: 10px 0 10px 0; }
  #CMS_PagesView ._page_footer ._hr th,
  #CMS_PagesView ._page_footer ._hr td {
    border-top: 1px solid rgba(54, 105, 161, 0.15);
    padding-top: 8px; }
  #CMS_PagesView ._page_footer th span {
    background: #4A66A0;
    color: #00ffff;
    padding: 4px 5px;
    border-radius: 2px;
    font-size: 10px; }
  #CMS_PagesView ._page_footer th {
    padding: 4px 8px;
    font-weight: normal; }
  #CMS_PagesView ._page_footer td {
    padding: 4px 8px;
    font-weight: bold; }
  #CMS_PagesView ._page_footer em {
    padding: 0px 3px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 5px; }
  #CMS_PagesView ._page_footer ._editclass {
    margin: 30px 0 0 15px;
    font-size: 12px;
    line-height: 1.8; }
  #CMS_PagesView ._page_footer ._toggle-wap {
    margin: 0 10px 0 10px; }
  #CMS_PagesView ._page_footer ._toggle-head {
    cursor: pointer; }
  #CMS_PagesView ._page_footer ._toggle-head:hover {
    background: rgba(255, 255, 255, 0.5); }
  #CMS_PagesView ._page_footer ._toggle-inner {
    display: none;
    padding: 0 0 0 10px; }

#CMS_PagesView ._cms_page_setting ._page_body {
  background: #fffff8; }

#CMS_PagesView ._cms_page_setting ._page_header {
  background: #fec; }

#CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub {
  background: #fec; }

#CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub ._btn_save_wapper {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 35px; }
  #CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub ._btn_save_wapper ._btn_save {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 35px;
    border-right: 1px solid #0ff;
    background: #4A66A0;
    color: #0ff;
    line-height: 35px;
    padding: 0 0 0 30px;
    font-size: 12px; }
    #CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub ._btn_save_wapper ._btn_save > i {
      position: absolute;
      top: 8px;
      left: 6px;
      font-size: 18px; }
  #CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub ._btn_save_wapper ._btn_save_pre {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    border-right: 1px solid #0ff;
    background: #4A66A0;
    color: #ff0;
    line-height: 35px;
    padding: 0 0 0 30px;
    font-size: 12px; }
    #CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub ._btn_save_wapper ._btn_save_pre > i {
      position: absolute;
      top: 8px;
      left: 7px;
      font-size: 18px; }
  #CMS_PagesView ._cms_page_setting ._page_header ._page_btns_pub ._btn_save_wapper ._btn_saveing {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 35px;
    background: rgba(54, 105, 161, 0.7);
    text-align: center;
    box-sizing: border-box;
    padding: 8px 0;
    color: #6FF; }

#CMS_PagesView ._textEditArea {
  padding: 10px; }

#CMS_PagesView ._box {
  padding: 10px;
  margin: 10px 0;
  background: #F3F5F8; }

#CMS_PagesView ._foot {
  margin: 5px 0;
  line-height: 1.5; }

#CMS_PagesView ._table {
  display: table;
  width: 100%; }

#CMS_PagesView ._replaceRootArea_rev {
  display: none; }

/* #CMS_PageListView */
#CMS_PageListView ._dropArea {
  position: relative;
  height: 12px;
  z-index: 10; }
  #CMS_PageListView ._dropArea:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 10px;
    border-left: 1px solid #4a66a0;
    border-right: 1px solid #4a66a0; }
  #CMS_PageListView ._dropArea:after {
    display: none;
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    width: 100%;
    height: 5px;
    border-top: 1px dashed rgba(74, 102, 160, 0.5); }
  #CMS_PageListView ._dropArea._active:before {
    display: block; }
  #CMS_PageListView ._dropArea._active:after {
    display: block;
    border-top: 2px solid #4A66A0; }
  #CMS_PageListView ._dropArea.drop-active:before {
    display: block; }
  #CMS_PageListView ._dropArea.drop-active:after {
    display: block; }
  #CMS_PageListView ._dropArea.drop-hover {
    background: rgba(255, 255, 0, 0.5); }
  #CMS_PageListView ._dropArea.drop-hover:after {
    border-top: 2px solid #4A66A0; }

#CMS_PageListView ._fileDropArea {
  height: 10px;
  margin: -5px 0; }

/*ドロップバー */
._freeLayoutRoot ._dropArea {
  position: relative;
  margin-top: -5px;
  margin-bottom: -5px;
  height: 10px;
  z-index: 10; }

._freeLayoutTable > * {
  margin-top: 10px; }

._freeLayoutRoot ._dropArea:before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 10px;
  border-left: 1px solid #4a66a0;
  border-right: 1px solid #4a66a0; }

._freeLayoutRoot ._dropArea:after {
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
  border-top: 1px dashed rgba(74, 102, 160, 0.5); }

/*
._freeLayoutRoot ._dropArea: { display: none; position: absolute; top:5px; left:0; content:""; width: 100%; height: 5px; border-top: 1px dashed rgba(74, 102, 160, 0.5);}
*/
/*ドロップバー:hover*/
/*ドロップバー:ドラッグドラッグ開始*/
._freeLayoutRoot ._dropArea.drop-active:before {
  display: block; }

._freeLayoutRoot ._dropArea.drop-active:after {
  display: block; }

._freeLayoutRoot ._dropArea.drop-hover {
  background: rgba(255, 255, 0, 0.5); }

._freeLayoutRoot ._dropArea.drop-hover:after {
  border-top: 2px solid #4A66A0; }

._freeLayoutRoot ._fileDropArea {
  height: 10px;
  margin: -5px 0; }

/* ! ---------- _layoutTable ---------- ---------- ---------- ---------- */
table._layoutTable {
  line-height: 1.4; }

table._layoutTable th {
  min-width: 50px;
  padding: 7px 5px;
  text-align: left;
  border-top: 1px solid #e7ebf2; }

table._layoutTable td {
  padding: 7px 5px;
  border-top: 1px solid #e7ebf2; }

table._layoutTable p {
  margin: 5px 5px 5px 0;
  color: #4A66A0; }

/* ! ---------- editableBlock ---------- ---------- ---------- ---------- */
._editableGridDetail .gridDetailBody {
  padding: 0 10px 0 0;
  height: 520px;
  overflow: scroll; }

._editableBlock {
  padding: 10px 20px 20px;
  margin: 0 0 10px 0; }

._editableBlock {
  background: #fff; }

._editableBlock input,
._editableBlock select {
  font-size: 14px; }

._editableBlock textarea {
  font-size: 12px; }

._editableBlock ._h1 {
  font-size: 24px;
  margin: 10px 0 20px 0;
  color: #4A66A0; }

._editableBlock ._h2,
._editableGridDetail ._h2 {
  background: #4A66A0;
  font-size: 14px;
  margin: 10px 0;
  padding: 10px 10px 7px 10px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px; }

._editableBlock ._h3 {
  border-left: 5px solid #4A66A0;
  font-weight: bold;
  color: #4A66A0;
  font-size: 14px;
  margin: 10px 0;
  background: #F3F5F8;
  padding: 7px; }

._editableBlock ._divID {
  border-left: 5px solid #4A66A0;
  font-weight: bold;
  color: #4A66A0;
  font-size: 14px;
  margin: 10px 0;
  background: #F3F5F8;
  padding: 7px; }

._editableBlock ._read {
  font-size: 14px;
  color: #4A66A0;
  margin: 5px 0 15px;
  line-height: 1.6; }

._editableBlock ._read b {
  background: rgba(255, 255, 0, 0.2); }

._editableBlock_in_MGRID ._read {
  display: none; }

._editableBlock ._note {
  color: #999;
  margin: 5px 0;
  line-height: 1.4; }

._editableBlock ._tableWapper {
  width: 100%; }

._editableBlock ._tableWapper ._tableWapperSc {
  width: 100%; }

._editableBlock ._tableWapper._wide {
  overflow: scroll; }

._editableBlock ._tableWapper._wide {
  background: #9db0cd;
  box-shadow: 0px 0px 10px rgba(54, 105, 161, 0.4) inset; }

._editableBlock ._tableWapper._wide ._tableWapperSc {
  padding: 10px;
  width: 200%;
  height: 500px; }

._editableBlock ._tableWapper ._editableGridTable {
  width: 100%; }

._editableBlock ._tableWapper._wide ._editableGridTable {
  width: auto; }

._editableBlock th._cellTitle {
  margin: 5px 5px 5px 0;
  font-size: 14px;
  color: #4A66A0;
  white-space: nowrap; }

._editableBlock table._editableGridTable {
  border-top: 1px solid #e7ebf2;
  border-left: 1px solid #e7ebf2;
  border-bottom: 1px solid #e7ebf2;
  background: #F3F5F8; }

._editableBlock table._editableGridTable th {
  padding: 5px 2px 2px 2px;
  color: #9db0cd;
  font-weight: bold;
  font-size: 10px;
  text-align: left;
  border-right: 1px solid #e7ebf2; }

._editableBlock table._editableGridTable td {
  background-color: #ffe;
  padding: 4px 2px 2px 4px;
  vertical-align: top;
  line-height: 1.6;
  font-size: 12px;
  border-top: 1px solid #e7ebf2;
  border-right: 1px solid #e7ebf2;
  max-width: 200px; }

._editableBlock table._editableGridTable td._edited {
  background-color: #ffa !important; }

._editableBlock table._editableGridTable tr td._editable {
  background-color: #ffe;
  cursor: pointer; }

._editableBlock table._editableGridTable tr td._editable {
  word-wrap: break-word; }

._editableBlock table._editableGridTable tr td._no {
  width: 20px;
  background-color: #F3F5F8;
  color: #9db0cd;
  text-align: center;
  padding: 5px 0 0; }

._editableBlock table._editableGridTable tr td._editable:focus {
  background-color: #ffffeb;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.8); }

._editableBlock table._editableGridTable tr td._edit {
  position: relative;
  background-color: #F3F5F8;
  color: #666;
  width: 15px;
  vertical-align: middle; }

._editableBlock table._editableGridTable tr td._edit span {
  color: #9db0cd;
  font-size: 14px; }

._editableBlock table._editableGridTable tr td._edit span:hover {
  color: #4A66A0; }

._editableBlock table._editableGridTable tr ._btn_visi {
  visibility: hidden; }

._editableBlock table._editableGridTable tr:hover ._btn_visi {
  visibility: visible; }

._editableBlock table._editableGridTable tr ._btn_delete {
  display: none;
  position: absolute;
  width: 23px;
  height: 25px;
  top: -7px;
  right: -4px;
  cursor: pointer;
  background: url(../images/btn_closes.png) top left no-repeat;
  background-position: -1px -1px; }

._editableBlock table._editableGridTable tr ._btn_delete:hover {
  background: url(../images/btn_closes.png) top left no-repeat;
  background-position: -1px -31px; }

._editableBlock table._editableGridTable tr:hover ._btn_delete {
  display: block; }

._editableBlock ._image_thumb > * {
  max-width: 100px;
  max-height: 100px;
  cursor: pointer; }

._editableBlock ._btn_image {
  min-height: 40px; }

._editableBlock ._image_set {
  position: relative; }

._editableBlock ._image_extra {
  position: absolute;
  display: none;
  width: 180px;
  height: 230px;
  top: 20px;
  left: 20px;
  background: #4A66A0;
  border: 2px solid #fff;
  color: #00ffff;
  padding: 7px 7px 20px 7px;
  z-index: 10;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(74, 102, 160, 0.4); }

._editableBlock ._image_set:hover ._image_extra {
  display: block; }

._editableBlock ._image_extra ._btn_image_t {
  font-size: 10px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis; }

._editableBlock ._image_extra ._mode_switch_body {
  padding: 0 0 5px 5px; }

._editableBlock ._image_extra ._btn_mode {
  position: relative;
  padding: 5px 0;
  height: 30px; }

._editableBlock ._image_extra ._btn_mode span {
  position: absolute;
  display: block;
  top: -2px;
  right: 5px; }

._editableBlock ._image_extra ._btn_mode i {
  color: #ff0; }

._editableBlock ._image_extra ._btn_mode i:nth-child(1) {
  display: inline-block; }

._editableBlock ._image_extra ._btn_mode i:nth-child(2) {
  display: none; }

._editableBlock ._image_extra ._btn_mode._current i:nth-child(1) {
  display: none; }

._editableBlock ._image_extra ._btn_mode._current i:nth-child(2) {
  display: inline-block; }

._editableBlock ._image_extra ._btn_mode._current {
  color: #ff0;
  font-weight: bold; }

._editableBlock ._image_extra ._mode_switch_body_hr {
  border-top: 1px solid #00ffff;
  height: 1px;
  margin: 5px -5px; }

._editableBlock table._editableGridTable ._nodata {
  font-size: 14px;
  padding: 20px;
  color: #9db0cd; }

._editableBlock table._editableGridSum {
  width: 100%;
  font-size: 10px; }

._editableBlock table._editableGridSum td {
  padding: 10px 2px 10px 5px;
  border-bottom: 2px solid #e7ebf2;
  background: #F3F5F8; }

._editableBlock div._editableTextsSum {
  font-size: 12px;
  line-height: 1.4;
  margin: 5px 0; }

._editableBlock ._editableTableBtns {
  width: 100%;
  padding: 2px;
  border: 1px solid #e7ebf2;
  background: #F3F5F8;
  color: #4A66A0; }

._editableBlock ._replaceArea_MGRID {
  display: table; }

._editableBlock ._replaceArea_MGRID > div {
  display: table-cell; }

._editableBlock ._editableBlock_in_MGRID {
  vertical-align: top;
  background: #e7ebf2;
  padding: 10px 5px;
  border-right: 3px solid #fff;
  width: 70px;
  overflow: hidden;
  cursor: pointer; }

._editableBlock ._editableBlock_in_MGRID ._subTitle {
  display: none; }

._editableBlock ._editableBlock_in_MGRID._active {
  background: #F3F5F8;
  width: auto;
  min-width: 400px;
  cursor: default; }

._editableBlock table._editableGridTable tr._currentRow td._no {
  background-color: #9db0cd;
  color: #fff; }

._editableBlock table._editableGridTable tr._currentRow td {
  border-top: 1px solid #9db0cd;
  border-bottom: 1px solid #9db0cd; }

._editableBlock table._editableGridTable tr._willActionUPHover td {
  border-top: 1px solid #4A66A0; }

._editableBlock table._editableGridTable tr._willActionDownHover td {
  border-bottom: 1px solid #4A66A0; }

._editableBlock table._editableGridTable tr._willActionDup td {
  border-bottom: 2px solid #4A66A0; }

._editableBlock table._editableGridTable tr._willRemove td {
  background-color: red !important;
  color: #fff !important; }

._editableBlock table._editableGridTable tr._willRemoveHover td {
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  color: red; }

._editableBlock table._editableGridTable td:hover {
  background-color: #ffd !important; }

._editableBlock table._editableGridTable td._edited:hover {
  background-color: #ff9 !important; }

._editableBlock table._editableGridTable td._currentTD {
  background-color: #ffa !important;
  border-left: 1px solid #9db0cd;
  border-right: 1px solid #9db0cd; }

._editableBlock table._editableGridTable td._editableTDHide {
  padding: 5px 1px !important; }

._editableBlock table._editableGridTable td._editableTD {
  cursor: pointer; }

._editableBlock table._editableGridTable > tbody > tr:nth-child(odd) > td {
  background-color: #ffffe6; }

._editableBlock table._editableGridTable tr:nth-child(odd) td._no {
  background-color: #F3F5F8; }

._editableBlock table._editableGridTable tr:nth-child(odd) td._edit {
  background-color: #F3F5F8; }

._editableBlock table._editableGridTable tr._currentRow:nth-child(odd) td._no {
  background-color: #9db0cd;
  color: #fff; }

._editableBlock ._editableTableBtns > tbody {
  visibility: hidden; }

._editableBlock ._replaceAreaGrid:hover ._editableTableBtns > tbody {
  visibility: visible; }

._editableBlock th._btn_cell_show {
  cursor: pointer;
  color: #4A66A0; }

._editableBlock th._btn_cell_show:hover {
  background: #e7ebf2; }

._editableBlock th._btn_cell_show-hide {
  background: #e7ebf2; }

._editableBlock th._btn_cell_show-hide:hover {
  background: #F3F5F8; }

._editableBlock ._gridPager {
  background: #F3F5F8;
  text-align: center; }

._editableBlock ._gridPager {
  border-left: 1px solid #e7ebf2;
  border-right: 1px solid #e7ebf2;
  padding: 3px 0; }

._editableBlock ._gridPager span {
  padding: 7px 7px 5px 7px;
  display: inline-block;
  margin: 2px 0px; }

._editableBlock ._gridPager span {
  background: #fff;
  border-radius: 20%;
  font-size: 10px;
  cursor: pointer; }

._editableBlock ._gridPager span._current {
  background: #4A66A0;
  color: #fff; }

._editableBlock ._tableWapper._wide ._gridPager {
  width: 800px;
  background: none;
  border: none;
  text-align: left; }

._editableBlock ._tr-hide td,
._editableBlock ._tr-hide td textarea {
  background: #F3F5F8 !important; }

._editableBlock ._tr-hide td {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

._editableBlock ._table {
  display: table;
  width: 100%; }

._editableBlock ._cell {
  display: table-cell;
  vertical-align: top; }

._editableBlock ._codePreview {
  margin: -70px 0 0 300px; }

._editableBlock ._codePreview table {
  width: 100%; }

._editableBlock ._codePreview th {
  padding: 2px;
  width: 150px;
  line-height: 1.2; }

._editableBlock ._codePreview td {
  padding: 2px; }

._editableBlock ._codePreview ._keys span {
  display: inline-block;
  background: #ffc;
  color: #4A66A0;
  padding: 3px 7px;
  border-radius: 2px;
  margin: 2px; }

._editableBlock ._codePreview ._codearea {
  background: #4A66A0;
  color: #fff;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

._editableBlock ._codePreview textarea {
  display: block;
  background: none;
  font-size: 14px;
  height: 50px;
  color: #fff;
  background: #333;
  border: none;
  padding: 10px;
  width: 100%; }

._editableBlock ._codePreview textarea:focus {
  background: #222;
  height: 250px; }

._editableBlock ._codePreview p {
  margin: 0.5em 0; }

/* ! ---------- #CMS_PageListBgView ---------- ---------- ---------- ---------- */
#CMS_PageListBgView {
  position: absolute;
  top: 50px;
  left: 10px;
  bottom: 100px;
  width: 840px;
  background: #222;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

#CMS_PageListBgView ._inner {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow-y: scroll; }

#CMS_PageListBgView ._read {
  color: #888;
  margin: 1em 0;
  line-height: 1.4; }

#CMS_PageListBgView ._items:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#CMS_PageListBgView ._item {
  float: left;
  height: 40px;
  width: 200px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4) inset; }

#CMS_PageListBgView ._item._current {
  border: 2px solid #ff0; }

#CMS_PageListBgView ._item_a {
  background: url(../images/custom_bg_a.jpg) left top no-repeat; }

#CMS_PageListBgView ._item_b {
  background: url(../images/custom_bg_b.png) left top no-repeat; }

#CMS_PageListBgView:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 25px;
  width: 5px;
  height: 5px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-bottom: 5px solid #222; }

#CMS_PageListBgView ._btn_bg {
  cursor: pointer; }

#CMS_PageListBgView ._btn_bg:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/* ! ---------- #CMS_PageListView ---------- ---------- ---------- ---------- */
#CMS_PageListView {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #dbe1eb;
  color: #4A66A0;
  font-size: 14px;
  line-height: 1; }

#CMS_PageListView ._header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 70px;
  background: #cbd4e2; }

#CMS_PageListView ._header ._header_visual {
  position: relative;
  width: 100%;
  height: 40px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4) inset; }

#CMS_PageListView ._header ._header_visual._image_a {
  background: url(../images/custom_bg_a.jpg) left top; }

#CMS_PageListView ._header ._header_visual._image_b {
  background: url(../images/custom_bg_b.png) left top; }

#CMS_PageListView ._header ._header_visual ._btn_edit {
  display: none;
  position: absolute;
  top: 10px;
  left: 15px;
  padding: 5px 6px;
  border-radius: 2px;
  font-size: 12px;
  background: #222;
  color: #888;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  cursor: pointer; }

#CMS_PageListView ._header ._header_visual:hover ._btn_edit {
  display: block; }

#CMS_PageListView ._header ._header_visual:hover ._btn_edit:hover {
  color: #ccc; }

#CMS_PageListView ._header ._header_btns {
  position: absolute;
  top: 49px;
  left: 15px;
  width: 730px; }

#CMS_PageListView ._header ._header_btns ._btn_editSubFiles {
  width: 100px;
  font-weight: bold; }

#CMS_PageListView ._header ._header_btns ._btn_publish_all {
  width: 110px;
  font-weight: bold; }

#CMS_PageListView ._header ._btn_close {
  position: absolute;
  top: 10px;
  right: 0;
  width: 20px;
  bottom: 0;
  padding: 5px 0 0 2px;
  background: #4A66A0;
  color: #cbd4e2;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(74, 102, 160, 0.4); }

#CMS_PageListView ._header ._btn_close:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#CMS_PageListView ._body {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 40px;
  padding: 10px;
  overflow-y: scroll; }

#CMS_PageListView ._body ._title {
  margin: 20px 0 5px;
  padding: 0 0 4px 0;
  font-size: 12px;
  color: #4A66A0;
  font-weight: bold;
  border-bottom: 2px solid rgba(54, 105, 161, 0.15); }

#CMS_PageListView ._body ._title span {
  float: right; }

#CMS_PageListView ._replaceArea ._replaceArea {
  padding: 0 0 0 10px; }

#CMS_PageListView ._replaceArea ._replaceArea ._replaceArea {
  padding: 0 0 0 10px;
  margin: 0 0 0 5px;
  border-left: 1px solid rgba(54, 105, 161, 0.5); }

#CMS_PageListView ._replaceAreaClose {
  margin: 5px 0 5px 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  font-size: 12px; }

#CMS_PageListView ._table {
  position: relative;
  display: table;
  width: 100%; }

body._wideNavi #CMS_PageListView ._table {
  height: 28px;
  width: 250px; }

body._wideNaviCore #CMS_PageListView ._table {
  height: auto;
  width: 100%; }

#CMS_PageListView ._cell {
  display: table-cell;
  vertical-align: top; }

#CMS_PageListView ._asset_list_setting {
  border-bottom: 1px solid rgba(54, 105, 161, 0.25);
  padding: 0 0 15px 0;
  margin: 0 -10px 15px 0; }

#CMS_PageListView ._asset_list ._gloup {
  padding: 2px; }

#CMS_PageListView ._asset_list ._mytag_title {
  font-size: 12px;
  padding: 2px;
  margin: 0.5em 0 0.2em 0;
  font-weight: bold; }

#CMS_PageListView ._asset_list ._btn_dir {
  font-size: 12px;
  padding: 2px;
  margin: 0.5em 0 0.2em 0;
  font-weight: bold; }

#CMS_PageListView ._asset_list ._btn_dir ._htmldir {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_PageListView ._asset_list ._btn_page {
  padding: 5px 2px 5px 10px;
  border-radius: 5px;
  cursor: pointer; }

#CMS_PageListView ._asset_list ._btn_page:hover {
  background-color: rgba(255, 255, 0, 0.25); }

#CMS_PageListView ._asset_list ._btn_page._active {
  background-color: rgba(255, 255, 0, 0.4);
  font-weight: bold;
  border: 1px solid #d1d9e6;
  border-radius: 5px 0 0 5px;
  border-right: none; }

#CMS_PageListView ._listItem ._date {
  padding: 5px 5px  0 5px; }

#CMS_PageListView ._listItem ._settingTD {
  text-align: right;
  width: 5px;
  position: relative; }

#CMS_PageListView ._listItem ._path {
  font-size: 10px;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  display: block; }

#CMS_PageListView ._listItem ._cell_pub {
  width: 110px;
  padding-right: 25px; }

#CMS_PageListView ._listItem ._cell_edit {
  width: 100px;
  padding-right: 220px; }

#CMS_PageListView ._listItem ._btnInfo {
  display: block;
  font-size: 12px;
  cursor: pointer; }

#CMS_PageListView ._listItem ._btnInfo ._btnAdd {
  float: right; }

#CMS_PageListView ._listItem ._subDir._close ._btnInfo {
  display: none; }

#CMS_PageListView ._listItem ._btns {
  display: none;
  vertical-align: top;
  padding: 10px 0 5px 5px;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

#CMS_PageListView ._listItem ._btns > * {
  display: block;
  float: left;
  margin: 0 1px; }

#CMS_PageListView ._listItem ._btns > ._label {
  font-size: 14px;
  padding: 8px 5px 0 5px; }

body._wideNaviCore #CMS_PageListView ._listItem ._btnInfo {
  display: none; }

body._wideNavie #CMS_PageListView ._listItem ._btns._show {
  display: block; }

body._wideNaviCore #CMS_PageListView ._listItem ._btns._show {
  display: block; }

#CMS_PageListView ._listItem ._btns._btns_0_ {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin: 10px 0; }

#CMS_PageListView ._listItem ._subDir {
  min-height: 35px;
  padding: 2px 5px 5px 0; }

#CMS_PageListView ._listItem ._isHide {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_PageListView ._listItem ._subDir {
  margin-top: 15px;
  border-top: 2px solid rgba(54, 105, 161, 0.5); }

#CMS_PageListView ._listItem ._subDir:hover {
  border-top: 2px solid rgba(54, 105, 161, 0.3); }

#CMS_PageListView ._listItem ._subDir._close ._btn_dir {
  border: none; }

#CMS_PageListView ._listItem ._subDir:hover > ._btns:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._listItem ._subDir ._subDir {
  border: none;
  margin-top: 0; }

#CMS_PageListView ._listItem ._subDir ._subDir ._btn_dir {
  font-weight: bold;
  margin: 0 0 0 0; }

#CMS_PageListView #sitemap_sitemap_root > ._btns:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._listItem ._btn_dir ._btn_dir_text {
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding: 5px 0 5px 0; }

#CMS_PageListView ._listItem ._btn_dir ._btn_dir_text i {
  font-size: 18px; }

#CMS_PageListView ._listItem ._btn_dir ._btn_dir_text:hover {
  background: rgba(255, 255, 0, 0.2); }

#CMS_PageListView ._listItem ._btn_page {
  min-height: 22px;
  cursor: pointer; }

#CMS_PageListView ._listItem ._btn_page:hover {
  background-color: rgba(255, 255, 0, 0.2); }

#CMS_PageListView ._listItem ._btn_page._active {
  margin: 2px 0 4px -2px;
  background-color: rgba(255, 255, 0, 0.4);
  font-weight: bold;
  border: 1px solid #d1d9e6;
  border-radius: 5px 0 0 5px;
  border-right: none; }

#CMS_PageListView ._listItem ._btn_page ._btn_file_text {
  display: block;
  word-break: break-all;
  padding: 2px 0; }

#CMS_PageListView ._listItem ._btn_page ._btn_file_text2 {
  line-height: 1;
  display: block;
  font-size: 8px;
  padding: 2px 0 2px 0;
  word-break: break-all; }

#CMS_PageListView ._listItem ._btn_page ._btn_file_text2 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_PageListView ._btn_page i {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  font-size: 12px; }

#CMS_PageListView ._btn_page._opened i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._listItem ._btn_html {
  min-height: 22px;
  font-size: 12px;
  padding: 1px 3px 0 2px;
  margin: 10px 0 5px 0;
  color: #4A66A0;
  cursor: pointer; }

#CMS_PageListView ._listItem ._btn_html {
  border-bottom: 1px dashed #4A66A0; }

#CMS_PageListView ._listItem ._btn_html:hover {
  background-color: rgba(255, 255, 0, 0.2); }

#CMS_PageListView ._listItem ._btn_html._active {
  margin: 2px 0 4px;
  background-color: #4A66A0;
  color: #e7ebf2;
  font-weight: bold; }

#CMS_PageListView ._listItem ._btn_html ._btn_file_text {
  line-height: 1;
  display: block;
  font-weight: bold; }

#CMS_PageListView ._listItem ._btn_html ._btn_file_text2 {
  line-height: 1;
  display: block;
  font-size: 8px;
  padding: 1px 0 0; }

#CMS_PageListView ._listItem ._btn_dir_setting {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: -5px;
  width: 40px;
  padding: 4px 6px 3px 0px;
  background: #4A66A0;
  color: #00ffff;
  border-radius: 10px; }

#CMS_PageListView ._listItem ._btn_dir:hover ._btn_dir_setting {
  display: block; }

#CMS_PageListView ._listItem ._btn_file_setting {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: -5px;
  width: 40px;
  padding: 4px 6px 3px 0px;
  background: #4A66A0;
  color: #00ffff;
  border-radius: 10px; }

#CMS_PageListView ._listItem ._btn_file_setting i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._listItem ._btn_page:hover ._btn_file_setting {
  display: block; }

#CMS_PageListView ._listItem ._btn_html_setting {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: -5px;
  width: 40px;
  padding: 4px 6px 3px 0px;
  background: #4A66A0;
  color: #00ffff;
  border-radius: 10px; }

#CMS_PageListView ._listItem ._btn_html:hover ._btn_html_setting {
  display: block; }

#CMS_PageListView ._listItem ._subDir._fileEM:after {
  content: "";
  position: absolute;
  top: 10px;
  left: -6px;
  background: url("../images/ss_file.png") top left no-repeat;
  width: 15px;
  height: 15px;
  background-position: -147px -266px; }

#CMS_PageListView ._listItem ._btn_page._fileEM:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -13px;
  background: url("../images/ss_file.png") top left no-repeat;
  width: 15px;
  height: 15px;
  background-position: -147px -266px; }

#CMS_PageListView ._listItem ._btn_dir_text,
#CMS_PageListView ._listItem ._btn_file_text {
  line-height: 1.2; }

#CMS_PageListView ._listItem ._btn_setting_all {
  width: 100px;
  padding: 5px 5px 5px 10px; }

#CMS_PageListView ._listItem ._btn_publish_all {
  width: 100px;
  padding: 5px 5px 5px 10px; }

#CMS_PageListView ._listItem ._btn_page ._btn_save,
#CMS_PageListView ._listItem ._btn_page ._btn_save_pre,
#CMS_PageListView ._listItem ._btn_page ._btn_publish,
#CMS_PageListView ._listItem ._btn_page ._btn_publish_more {
  background: #4A66A0;
  color: #00ffff;
  padding: 6px 8px 4px 8px;
  font-size: 10px;
  border-radius: 1px;
  margin: 0 1px 0 0; }

#CMS_PageListView ._listItem ._btn_page ._btn_save {
  background: none;
  border: 1px dotted #4A66A0;
  color: #4A66A0; }

#CMS_PageListView ._listItem ._btn_page ._btn_save i,
#CMS_PageListView ._listItem ._btn_page ._btn_save_pre i,
#CMS_PageListView ._listItem ._btn_page ._btn_publish i,
#CMS_PageListView ._listItem ._btn_page ._btn_publish_more i {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._commandBtnsA {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_PageListView ._commandBtnsA:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._commandBtnsN {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_PageListView ._commandBtnsN:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListView ._hoverPubAll ._commandBtnsA {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ! ---------- #CMS_PageListViewSearch ---------- ---------- ---------- ---------- */
#CMS_PageListViewSearch {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
  background: #cbd4e2;
  padding: 8px 5px 0 10px; }

#CMS_PageListViewSearch ._inputView input {
  width: 110px;
  background: #EEF1F6;
  padding: 2px; }

#CMS_PageListViewSearch ._inputView input:focus {
  background: #fff; }

#CMS_PageListViewSearch input::-webkit-input-placeholder {
  color: #9db0cd; }

#CMS_PageListViewSearch input:-ms-input-placeholder {
  color: #9db0cd; }

#CMS_PageListViewSearch ._btn_delete {
  color: #9db0cd; }

#CMS_PageListViewSearch ._btn_delete._active {
  color: #4A66A0; }

#CMS_PageListViewSearchBody ._status {
  font-size: 12px;
  margin: 20px 0 10px 5px; }

#CMS_PageListViewSearchBody .replaceView {
  margin: 10px 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px dashed #4A66A0; }

#CMS_PageListViewSearchBody ._cms_match {
  background: rgba(255, 255, 0, 0.6); }

/* ! ---------- CMS_PageListViewTree ---------- ---------- ---------- ---------- */
/*
#CMS_PageListViewTree .fa-folder { opacity: 0.25;}
#CMS_PageListViewTree ._btn_dir_text:hover .fa-folder { opacity: 1;}
*/
#CMS_PageListViewTree .fa-folder-open {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#CMS_PageListViewTree ._btn_dir_text:hover .fa-folder-open {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_PageListView {
  transition-property: width;
  transition-duration: 0.2s; }

body._wideNavi #CMS_PageListView {
  transition-property: width;
  transition-duration: 0.2s; }

#CMS_IntroView,
#CMS_PagesView {
  transition-property: left,transform;
  transition-duration: 0.2s; }

body._wideNavi #CMS_PagesView {
  transition-property: transform,opacity;
  transition-duration: 0.2s; }

body._wideNavi #CMS_PageListView {
  width: 750px; }

._sideview_gloup {
  transition-property: width;
  transition-duration: 0.2s; }

body._wideNavi ._sideview_gloup {
  transition-property: width;
  transition-duration: 0.2s; }

body._wideNavi ._sideview_gloup {
  width: 717px; }

body._wideNavi #CMS_PagesView,
body._wideNavi #CMS_IntroView,
body._wideNavi #CMS_AssetStageView {
  left: 250px; }

body._wideNavi #CMS_PagesView,
body._wideNavi #CMS_IntroView,
body._wideNavi #CMS_SidePreview,
body._wideNavi #CMS_SidePreviewClose,
body._ie9._wideNavi #CMS_PagesView,
body._ie9._wideNavi #CMS_IntroView,
body._ie9._wideNavi #CMS_SidePreview,
body._ie9._wideNavi #CMS_SidePreviewClose {
  -ms-transform: translate(500px, 0);
  transform: translate(500px, 0);
  border: 1px solid #000; }

body._wideNavi #AddElements {
  -ms-transform: translate(0, 100px);
  transform: translate(0, 100px); }

body._wideNavi #InspectView {
  -ms-transform: translate(1000px, 0);
  transform: translate(1000px, 0); }

#CMS_PageListView ._wideHide {
  display: block; }

#CMS_PageListView ._wideShow {
  display: none; }

#CMS_PageListView ._cell._wideShow {
  display: none; }

body._wideNaviCore #CMS_PageListView ._wideHide {
  display: none; }

body._wideNaviCore #CMS_PageListView ._wideShow {
  display: block; }

body._wideNaviCore #CMS_PageListView ._cell._wideShow {
  display: table-cell; }

body._wideNaviCore #CMS_PageListView ._listItem ._btn_file_setting {
  display: inline-block;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; }

body._wideNaviCore #CMS_PageListView ._listItem ._btn_dir_setting {
  display: inline-block;
  opacity: 0.25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; }

body._wideNaviCore #CMS_PageListView ._listItem ._btn_page:hover ._btn_file_setting {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body._wideNaviCore #CMS_PageListView ._listItem ._btn_dir:hover ._btn_dir_setting {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body._wideNaviCore #CMS_PageListView ._listItem ._hoverSetAll ._btn_file_setting {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ! ---------- CMS_PagesView_DisableView ---------- ---------- ---------- ---------- */
#CMS_PagesView_DisableView {
  display: none;
  position: fixed;
  top: 0px;
  left: 750px;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2500; }

body._wideNavi #CMS_PagesView_DisableView {
  display: block; }

body._wideNavi #CMS_PagesView_DisableView:hover {
  border-left: 2px solid #4A66A0; }

body._wideNavi #CMS_PagesView_DisableView:hover:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 5px;
  height: 5px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-right: 5px solid #4A66A0; }

/* ! ---------- #CMS_AssetStage ---------- ---------- ---------- ---------- */
#CMS_AssetStage {
  display: none;
  position: fixed;
  left: 0;
  right: 40px;
  bottom: 0;
  height: 500px;
  background: #444; }

#CMS_AssetStage ._selectHeader {
  display: none;
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  height: 80px;
  background: #222;
  color: #ccc;
  padding: 12px 0 0 20px; }

#CMS_AssetStage ._selectHeader ._bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 220px;
  bottom: 0px;
  background: #111; }

#CMS_AssetStage ._selectHeader ._title {
  position: absolute;
  top: 20px;
  left: 20px;
  line-height: 40px;
  color: #888; }

#CMS_AssetStage ._selectHeader ._path {
  position: absolute;
  top: 20px;
  left: 220px;
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  font-size: 18px; }

#CMS_AssetStage ._selectHeader ._btn_select {
  position: absolute;
  top: 20px;
  right: 130px;
  width: 150px;
  background: #4A66A0;
  color: #00ffff;
  line-height: 40px;
  font-size: 14px;
  text-align: center; }

#CMS_AssetStage ._selectHeader ._btn_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100px;
  background: #666;
  color: #ccc;
  line-height: 40px;
  font-size: 14px;
  text-align: center; }

#CMS_AssetStage ._btn_full_on {
  position: absolute;
  top: 8px;
  right: 2px;
  width: 30px;
  height: 30px;
  color: #fff;
  cursor: pointer; }

#CMS_AssetStage ._btn_full_off {
  position: absolute;
  top: 7px;
  right: 2px;
  width: 30px;
  height: 30px;
  color: #fff;
  cursor: pointer; }

._assetStageFull #CMS_AssetStage {
  top: 0px; }

._assetStageFull #CMS_Header,
._assetStageFull #CMS_AssetStageResizeView,
._assetStageFull #InspectView {
  visibility: hidden; }

/* ! ---------- #CMS_AssetStage ---------- ---------- ---------- ---------- */
#CMS_AssetStageClose {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px; }

#CMS_AssetStageClose ._dont_use {
  color: #888;
  line-height: 40px;
  padding: 0 0 0 10px; }

#CMS_AssetStageCloseBG {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  background: #222; }

#CMS_AssetStageClose ._header {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  background: #222;
  cursor: pointer; }

#CMS_AssetStageClose ._headerBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #444444; }

#CMS_AssetStageClose ._header ._title {
  padding: 0 0 0 10px;
  line-height: 40px;
  color: #999;
  font-size: 14px;
  font-weight: bold; }

#CMS_AssetStageClose ._header ._btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: #999;
  color: #222;
  line-height: 20px;
  text-align: center; }

#CMS_AssetStageClose ._header:hover ._btn_close {
  background: #ccc; }

#CMS_AssetStageResizeView {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 15px;
  cursor: row-resize;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#CMS_AssetStageResizeView ._bar {
  position: absolute;
  top: -4px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 8px;
  border: 1px solid #000;
  background: #4A66A0; }

#CMS_AssetStageResizeView:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ! ---------- #CMS_AssetStageSideBG ---------- ---------- ---------- ---------- */
#CMS_AssetStageSideBG {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 500px;
  background: #2c2c2c; }

#CMS_AssetStageSideBG span {
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
  background: #222; }

/* ! ---------- #CMS_AssetStageBG ---------- ---------- ---------- ---------- */
#CMS_AssetStageBG {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(73, 103, 161, 0.75); }

body._modalAsset #CMS_AssetStageBG {
  display: block; }

body._modalAsset #CMS_AssetStage {
  right: 0px; }

body._modalAsset #CMS_AssetStageBG,
body._modalAsset #CMS_AssetStage {
  z-index: 50000; }

/* ! ---------- #CMS_Asset_DirArea ---------- ---------- ---------- ---------- */
#CMS_Asset_DirArea {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #333;
  color: #aaa; }

#CMS_Asset_DirArea ._btn_reload {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  cursor: pointer; }

#CMS_Asset_DirArea ._btn_reload:hover {
  color: #fff; }

#CMS_Asset_DirArea ._header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: #222 url(../images/bg_shadow.png) left top repeat-x;
  cursor: pointer; }

#CMS_Asset_DirArea ._header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: #222 url(../images/bg_shadow.png) left top repeat-x;
  cursor: pointer; }

#CMS_Asset_DirArea ._header ._title {
  padding: 0 0 0 10px;
  line-height: 40px;
  color: #aaa;
  font-size: 14px;
  font-weight: bold; }

#CMS_Asset_DirArea ._header ._btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: #999;
  color: #222;
  line-height: 20px;
  text-align: center; }

#CMS_Asset_DirArea ._header:hover ._btn_close {
  background: #ccc; }

#CMS_Asset_DirArea ._body {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 0 30px 10px;
  font-size: 12px;
  overflow-y: scroll; }

#CMS_Asset_DirArea ._current {
  background: #444;
  color: #fff; }

#CMS_Asset_DirArea ._body ._btn_dir {
  cursor: pointer; }

#CMS_Asset_DirArea ._body ._btn_dir:hover {
  color: #fff; }

#CMS_Asset_DirArea ._body ._btn_dir._current {
  color: #ff8;
  background: #444; }

#CMS_Asset_DirArea ._body ._btn_dir span {
  display: inline-block;
  vertical-align: middle; }

#CMS_Asset_DirArea ._body ._btn_dir ._label {
  padding: 3px 0 0 0;
  font-size: 10px;
  color: #666; }

#CMS_Asset_DirArea ._body ._title {
  font-weight: bold;
  margin-top: 10px; }

/* ! ---------- #CMS_Asset_FilesArea ---------- ---------- ---------- ---------- */
#CMS_Asset_FilesArea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #444;
  color: #aaa; }

/* ! ---------- #CMS_Asset_FileListView ---------- ---------- ---------- ---------- */
#CMS_Asset_FileListView {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  bottom: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #aaa; }

#CMS_Asset_FileListView {
  line-height: 1; }

body._assetList_normal2 #CMS_Asset_FileListView {
  width: 70%; }

body._assetList_thumb #CMS_Asset_FileListView {
  width: 70%; }

/* _replaceFile */
#CMS_Asset_FileListView ._header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 15px 10px 0 10px;
  height: 40px;
  box-sizing: border-box;
  background: #444 url(../images/bg_shadow.png) left top repeat-x;
  border-bottom: 1px solid #333; }

#CMS_Asset_FileListView ._header ._current {
  background: #333;
  color: #ff8; }

#CMS_Asset_FileListView ._header ._btn_icon {
  padding: 2px 2px;
  cursor: pointer;
  font-size: 14px; }

#CMS_Asset_FileListView ._header ._btn_icon:hover {
  background: #333;
  color: #fff; }

#CMS_Asset_FileListView ._header ._normalList i {
  -ms-transform: scale(0.7, 1);
      transform: scale(0.7, 1); }

#CMS_Asset_FileListView ._body {
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 40px;
  overflow: scroll;
  background: #444; }

#CMS_Asset_FileListView ._body ._filelistArea {
  padding: 10px 0 30px 10px; }

/* ._header2 */
#CMS_Asset_FileListView ._header2 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 40px;
  height: 40px;
  border-bottom: 1px solid #333;
  background: #444;
  padding: 7px; }

#CMS_Asset_FileListView ._header2 ._btn_parent {
  display: inline-block;
  padding: 7px;
  cursor: pointer; }

#CMS_Asset_FileListView ._header2 ._btn_parent i {
  font-size: 14px; }

#CMS_Asset_FileListView ._header2 ._btn_parent:hover {
  color: #fff;
  background: #333; }

/* ._bottom_btns */
#CMS_Asset_FileListView ._bottom_btns {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
  border-top: 1px solid #333;
  background: #444;
  padding: 7px; }

#CMS_Asset_FileListView ._bottom_btns ._btn_add_file {
  display: inline-block;
  padding: 7px;
  cursor: pointer; }

#CMS_Asset_FileListView ._bottom_btns ._btn_upload {
  display: inline-block;
  padding: 7px;
  cursor: pointer; }

#CMS_Asset_FileListView ._bottom_btns ._btn_add_file:hover {
  color: #fff;
  background: #333; }

#CMS_Asset_FileListView ._bottom_btns ._btn_upload:hover {
  color: #fff;
  background: #333; }

#CMS_Asset_FileListView ._process {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_Asset_FileListView ._selectListType ._btn {
  display: inline-block;
  padding: 10px 20px 5px 20px;
  background: #4A66A0;
  color: #fff;
  cursor: pointer; }

#CMS_Asset_FileListView ._sizeList {
  position: absolute;
  top: 7px;
  right: 32px; }

#CMS_Asset_FileListView ._sizeList ._btn {
  display: inline-block;
  padding: 5px 10px 3px 10px;
  border: 1px solid #666;
  border-radius: 2px;
  cursor: pointer; }

#CMS_Asset_FileListView ._sizeList ._btn._current {
  color: #ff8;
  font-weight: bold; }

#CMS_Asset_FileListView ._btn_reload {
  position: absolute;
  top: 7px;
  right: 5px;
  padding: 5px;
  font-size: 14px;
  cursor: pointer; }

#CMS_Asset_FileListView ._btn_reload:hover {
  color: #fff; }

#CMS_Asset_FileListView ._update {
  margin: 20px 0 10px 0;
  line-height: 1.2; }

#CMS_Asset_FileListView ._note {
  margin: 20px 5px 10px 0;
  line-height: 1.4;
  color: #888; }

#CMS_Asset_FileListView ul ul {
  margin: 0 0 0 20px; }

/* _imagelist */
#CMS_Asset_FileListView ._imagelist {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #333; }

#CMS_Asset_FileListView ._imagelist ._anno {
  color: red;
  font-size: 16px;
  margin: 20px 0; }

#CMS_Asset_FileListView ._imagelist ._btn_file {
  position: relative;
  margin: 0 4px 4px 0;
  padding: 4px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top; }

#CMS_Asset_FileListView ._imagelist ._btn_file:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.1); }

#CMS_Asset_FileListView ._imagelist ._btn_file._current {
  color: #ff8;
  background: #333;
  outline: 2px solid #ff8; }

#CMS_Asset_FileListView ._imagelist ._btn_file._current:hover {
  color: #ff8; }

#CMS_Asset_FileListView._S ._imagelist ._btn_file._current {
  outline: 2px solid #ff8; }

#CMS_Asset_FileListView ._imagelist ._btn_file {
  line-height: 1.2; }

#CMS_Asset_FileListView ._imagelist img {
  max-width: 100px;
  max-height: 100px; }

#CMS_Asset_FileListView._S ._imagelist img {
  max-width: 50px;
  max-height: 50px; }

#CMS_Asset_FileListView._L ._imagelist img {
  max-width: 200px;
  max-height: 200px; }

#CMS_Asset_FileListView ._imagelist ._img {
  width: 100px;
  height: 100px;
  background: #333; }

#CMS_Asset_FileListView ._imagelist ._img {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

#CMS_Asset_FileListView._S ._imagelist ._img {
  width: 50px;
  height: 50px; }

#CMS_Asset_FileListView._L ._imagelist ._img {
  width: 200px;
  height: 200px; }

#CMS_Asset_FileListView._S ._imagelist ._img_big,
#CMS_Asset_FileListView._M ._imagelist ._img_big,
#CMS_Asset_FileListView._L ._imagelist ._img_big {
  background: #666;
  color: #ccc;
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

#CMS_Asset_FileListView._S ._imagelist ._img_big i {
  margin: 2px; }

#CMS_Asset_FileListView ._imagelist ._img_big i {
  margin: 5px; }

#CMS_Asset_FileListView ._imagelist ._name {
  margin: 5px 0; }

#CMS_Asset_FileListView ._imagelist ._name {
  width: 100px; }

#CMS_Asset_FileListView._S ._imagelist ._name {
  width: 50px; }

#CMS_Asset_FileListView._L ._imagelist ._name {
  width: 200px; }

#CMS_Asset_FileListView ._imagelist ._date {
  font-size: 10px;
  color: #888; }

#CMS_Asset_FileListView ._imagelist ._size {
  font-size: 10px;
  color: #888; }

#CMS_Asset_FileListView._S ._imagelist ._name {
  display: none; }

#CMS_Asset_FileListView._S ._imagelist ._date {
  display: none; }

#CMS_Asset_FileListView._S ._imagelist ._size {
  display: none; }

#CMS_Asset_FileListView ._filelistArea {
  min-height: 200px; }

#CMS_Asset_FileListView ._imagelist ._thumb_btns {
  text-align: right;
  margin: 5px 0 0 0; }

#CMS_Asset_FileListView._S ._imagelist ._thumb_btns {
  display: none; }

#CMS_Asset_FileListView ._date,
#CMS_Asset_FileListView ._size {
  font-size: 10px;
  color: #888;
  text-align: right; }

/*
#CMS_Asset_FileListView ._imagelist ._btn_file ._btn_add { position: absolute; top: 0px; right: 0px; padding: 5px; background: #4A66A0; color: #00ffff; font-size: 12px; border-radius:2px; cursor: pointer; text-align: center;}
#CMS_Asset_FileListView ._imagelist ._btn_file ._btn_add {display: none;}
#CMS_Asset_FileListView ._imagelist ._btn_file:hover ._btn_add {display: block;}
#CMS_Asset_FileListView ._imagelist ._btn_file ._btn_add:hover {color: #ff0;}
*/
/* _filelist */
#CMS_Asset_FileListView ._filelist {
  width: 100%; }

#CMS_Asset_FileListView ._filelist {
  table-layout: fixed; }

#CMS_Asset_FileListView ._filelist th {
  padding: 3px;
  font-size: 10px; }

#CMS_Asset_FileListView ._filelist tr:hover {
  background: rgba(0, 0, 0, 0.1); }

#CMS_Asset_FileListView ._filelist td {
  padding: 3px;
  vertical-align: middle; }

#CMS_Asset_FileListView ._filelist ._btn_dir {
  cursor: pointer; }

#CMS_Asset_FileListView ._filelist ._btn_dir:hover {
  color: #fff; }

#CMS_Asset_FileListView ._filelist ._btn_file {
  padding: 2px 0;
  line-height: 1.2;
  color: #aaa;
  cursor: pointer; }

#CMS_Asset_FileListView ._filelist ._btn_file:hover {
  color: #fff; }

#CMS_Asset_FileListView ._filelist tr._current {
  background: #333;
  color: #fff; }

#CMS_Asset_FileListView ._filelist tr._current ._btn_file {
  color: #ff8; }

#CMS_Asset_FileListView ._filelist ._btn_rename {
  display: inline-block;
  padding: 4px;
  background: #4A66A0;
  color: #00ffff;
  font-size: 10px;
  border-radius: 2px;
  cursor: pointer; }

#CMS_Asset_FileListView ._filelist ._btn_del {
  display: inline-block;
  padding: 4px 6px;
  background: red;
  color: #fff;
  font-size: 10px;
  border-radius: 2px;
  cursor: pointer; }

#CMS_Asset_FileListView ._cnt {
  padding: 0 4px;
  margin: 0 0 0 5px;
  background: #666;
  color: #333;
  font-size: 10px;
  border-radius: 10px; }

/*
#CMS_Asset_FileListView ._filelist ._btn_add { display: inline-block; padding: 4px; background: #4A66A0; color: #00ffff; font-size: 10px; border-radius:2px; cursor: pointer; text-align: center;}
*/
/* ! ---------- #CMS_Asset_FileDetailView ---------- ---------- ---------- ---------- */
#CMS_Asset_FileDetailView {
  position: absolute;
  top: 0;
  left: 180px;
  right: 0;
  bottom: 0;
  background: #333; }

body._assetList_normal2 #CMS_Asset_FileDetailView {
  left: 70%; }

body._assetList_thumb #CMS_Asset_FileDetailView {
  left: 70%; }

body._assetList_normal #CMS_Asset_FileListView ._hideNarrow {
  display: none; }

/* ! ---------- #CMS_Asset_FilePreviewView ---------- ---------- ---------- ---------- */
#CMS_Asset_FilePreviewView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px; }

#CMS_Asset_FilePreviewView ._header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: url(../images/bg_shadow.png) left top repeat-x;
  border-bottom: 1px solid #222; }

#CMS_Asset_FilePreviewView ._header_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
  height: 40px; }

#CMS_Asset_FilePreviewView ._header ._title {
  padding: 0 0 0 10px;
  line-height: 40px;
  color: #ccc;
  font-weight: bold; }

#CMS_Asset_FilePreviewView ._body {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll; }

#CMS_Asset_FilePreviewView ._body img {
  max-width: 100%; }

#CMS_Asset_FilePreviewView ._body video {
  max-width: 100%; }

#CMS_Asset_FilePreviewView ._body_core {
  padding: 10px; }

#CMS_Asset_FilePreviewView ._body_core ._anno {
  padding: 10px;
  font-size: 16px;
  color: red; }

#CMS_Asset_FilePreviewView ._body iframe._preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

/* ! ---------- #CMS_Asset_FileEditorView ---------- ---------- ---------- ---------- */
#CMS_Asset_FileEditorView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px; }

#CMS_Asset_FileEditorView ._main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/*
#CMS_Asset_FileEditorView ._main { position: absolute; top: 0; left: 0; right: 140px; bottom:0;}
#CMS_Asset_FileEditorView ._sub { position: absolute; top: 0px; right: 0; width: 140px; bottom:0px; background: #444444; line-height: 1.4; padding: 10px;}
#CMS_Asset_FileEditorView ._sub p { margin: 10px 0;}
#CMS_Asset_FileEditorView ._sub ._btn_common { padding:5px; margin: 10px 0; cursor: pointer;}
#CMS_Asset_FileEditorView ._sub ._btn_common:hover { background: #333; color: #fff;}
#CMS_Asset_FileEditorView ._sub ._side_title { border-bottom:2px solid #666;padding: 5px 0;}
#CMS_Asset_FileEditorView ._sub ._side_title {color: #fff;font-weight: bold;}
#CMS_Asset_FileEditorView ._sub ._btn_mytag {cursor: pointer;}
#CMS_Asset_FileEditorView ._sub ._btn_mytag:hover {color: #fff;}
#CMS_Asset_FileEditorView ._sub ._cssState { font-size: 18px; width: 100%; margin: 0 0 5px 0;}
#CMS_Asset_FileEditorView ._sub ._btn_designCss { margin-top: 5px; background: #00ffff; color: #4A66A0; padding-top: 2px; line-height: 24px; text-align: center;}
*/
#CMS_Asset_FileEditorView ._header {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  right: 0;
  background: url(../images/bg_shadow.png) left top repeat-x;
  border-bottom: 1px solid #222; }

#CMS_Asset_FileEditorView ._header_inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
  height: 40px; }

#CMS_Asset_FileEditorView ._header ._title {
  padding: 0 0 0 10px;
  line-height: 40px;
  color: #ccc;
  font-weight: bold; }

#CMS_Asset_FileEditorView ._header ._btn_close {
  padding: 10px;
  background: #888;
  display: inline-block; }

#CMS_Asset_FileEditorView ._footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  right: 0;
  border-top: 1px solid #222; }

#CMS_Asset_FileEditorView ._footer ._btns {
  position: absolute;
  top: 5px;
  right: 105px;
  background: #333;
  padding: 5px; }

#CMS_Asset_FileEditorView ._footer ._btns ._btn {
  display: inline-block;
  text-align: center;
  margin: 0 5px 0 0;
  color: #aaa;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer; }

#CMS_Asset_FileEditorView ._footer ._page_pubs {
  position: absolute;
  top: 5px;
  right: 95px; }

#CMS_Asset_FileEditorView ._footer ._page_pubs ._btn_save {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 30px;
  background: #4A66A0;
  color: #00ffff;
  line-height: 30px;
  padding: 0 0 0 30px;
  font-size: 12px; }

#CMS_Asset_FileEditorView ._footer ._page_pubs ._btn_save i {
  position: absolute;
  top: 6px;
  left: 8px;
  font-size: 18px; }

#CMS_Asset_FileEditorView ._footer ._page_pubs ._btn_save_pre {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 30px;
  background: #4A66A0;
  color: #ff0;
  line-height: 30px;
  padding: 0 0 0 30px;
  font-size: 12px; }

#CMS_Asset_FileEditorView ._footer ._page_pubs ._btn_save_pre i {
  position: absolute;
  top: 6px;
  left: 8px;
  font-size: 18px; }

#CMS_Asset_FileEditorView ._footer ._page_pubs ._btn_saveing {
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 30px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  box-sizing: border-box;
  padding: 8px 0;
  color: #fff; }

#CMS_Asset_FileEditorView ._addText {
  position: absolute;
  bottom: 50px;
  right: 20px;
  background: #fff;
  z-index: 10;
  border-radius: 5px;
  padding: 5px; }

#CMS_Asset_FileEditorView ._addText ._btn_close {
  float: right;
  padding: 3px;
  color: #4A66A0;
  cursor: pointer; }

#CMS_Asset_FileEditorView ._addText ._label {
  padding: 5px 0;
  color: #4A66A0;
  font-size: 12px; }

#CMS_Asset_FileEditorView ._addText textarea {
  width: 300px;
  font-size: 14px; }

#CMS_Asset_FileEditorView ._body {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 40px;
  background: #333; }

/* ! ---------- #CMS_Asset_CreateFileView ---------- ---------- ---------- ---------- */
#CMS_Asset_CreateFileView {
  position: absolute;
  left: 5px;
  bottom: 45px;
  background: #fff;
  color: #4A66A0;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  z-index: 100; }

#CMS_Asset_CreateFileView:before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 30px;
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  border: 7px solid transparent;
  border-top: 7px solid #fff; }

#CMS_Asset_CreateFileView ._btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

#CMS_Asset_CreateFileView ._body {
  padding: 10px 40px 10px 10px; }

#CMS_Asset_CreateFileView ._body input {
  font-size: 16px;
  width: 200px; }

#CMS_Asset_CreateFileView ._atten {
  color: red;
  padding: 5px; }

#CMS_Asset_CreateFileView ._dir_area {
  padding: 0 0 0 10px;
  margin: 0 0 5px 0;
  border-left: 2px solid #eee; }

#CMS_Asset_CreateFileView ._file_area {
  padding: 0 0 0 10px;
  margin: 0 0 5px 0;
  border-left: 2px solid #eee; }

#CMS_Asset_CreateFileView ._title {
  font-weight: bold;
  padding: 5px 0; }

/* ! ---------- #CMS_Asset_RenameFileView ---------- ---------- ---------- ---------- */
#CMS_Asset_RenameFileView {
  position: absolute;
  left: 5px;
  bottom: 45px;
  background: #fff;
  color: #4A66A0;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  z-index: 100; }

#CMS_Asset_RenameFileView ._btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

#CMS_Asset_RenameFileView ._body {
  padding: 10px 40px 10px 10px; }

#CMS_Asset_RenameFileView ._body input {
  font-size: 16px;
  width: 200px; }

#CMS_Asset_RenameFileView ._atten {
  color: red;
  padding: 5px; }

#CMS_Asset_RenameFileView ._title {
  font-weight: bold;
  padding: 5px 0; }

/* ! ---------- #CMS_Asset_UploaderView ---------- ---------- ---------- ---------- */
#CMS_Asset_UploaderView {
  position: absolute;
  top: 10px;
  left: 200px;
  right: 30px;
  bottom: 10px;
  background: #fff;
  color: #333;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  z-index: 100; }

#CMS_Asset_UploaderView:before {
  content: "";
  position: absolute;
  bottom: 14px;
  left: -14px;
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  border: 7px solid transparent;
  border-right: 7px solid #fff; }

#CMS_Asset_UploaderView ._btn_close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #4A66A0;
  cursor: pointer; }

#CMS_Asset_UploaderView ._guide {
  position: absolute;
  top: 10px;
  right: 70px; }

#CMS_Asset_UploaderView ._header {
  padding: 10px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 40px; }

#CMS_Asset_UploaderView ._body {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 15px;
  overflow: scroll; }

#CMS_Asset_UploaderView ._bold {
  font-weight: bold; }

#CMS_Asset_UploaderView ._uploaderReplaceArea {
  display: none; }

#CMS_Asset_UploaderView ._uploaderReplaceArea {
  background: #ffffee;
  background: #e7ebf2;
  padding: 10px;
  margin: 0 0 500px 0; }

#CMS_Asset_UploaderView ._alertArea {
  padding: 10px;
  line-height: 1.4;
  color: red;
  background: #ffc; }

#CMS_Asset_UploaderView ._uploadArea {
  margin: 10px 0 0 0; }

#CMS_Asset_UploaderView ._uploadArea ._dragStage {
  border: 1px dashed #0B85A1;
  width: 100%;
  color: #92AAB0;
  text-align: left;
  vertical-align: middle;
  margin: 10px 0 0 0;
  font-size: 24px;
  background: #ffc;
  padding: 100px 0;
  text-align: center; }

#CMS_Asset_UploaderView ._uploadArea ._list_btns {
  display: none;
  text-align: center;
  margin: 10px; }

#CMS_Asset_UploaderView ._uploadArea ._notes {
  line-height: 1.4; }

#CMS_Asset_UploaderView ._uploadArea table._dragList {
  width: 100%; }

#CMS_Asset_UploaderView ._uploadArea table._dragList {
  table-layout: fixed; }

#CMS_Asset_UploaderView ._uploadArea table._dragList th {
  padding: 5px 2px;
  font-size: 10px;
  line-height: 1.2;
  background: #e7ebf2; }

#CMS_Asset_UploaderView ._uploadArea table._dragList td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  padding: 10px 2px;
  font-size: 12px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList td {
  background: #ffe;
  vertical-align: middle; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr._comp td {
  background: #eee;
  color: #888; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr._uploading td {
  background: #eff;
  color: blue; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr._error td {
  background: #eee;
  color: red; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._controllArea {
  padding: 0; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._controllArea {
  width: 100px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._progressArea {
  display: inline-block;
  width: 50px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._stateBtns {
  display: inline-block;
  width: 30px;
  text-align: center; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._stateBtns {
  font-size: 14px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._stateBtns div {
  padding: 5px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._upload_btn_upload {
  color: blue;
  cursor: pointer; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._upload_btn_cancel {
  color: #888;
  cursor: pointer; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._upload_btn_delete {
  color: red;
  cursor: pointer;
  padding: 5px;
  width: 20px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._upload_btn_upload:hover,
#CMS_Asset_UploaderView ._uploadArea table._dragList ._upload_btn_cancel:hover,
#CMS_Asset_UploaderView ._uploadArea table._dragList ._upload_btn_delete:hover {
  background: rgba(0, 0, 0, 0.05); }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr ._progressBar {
  border-top: 1px solid #ccc; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr ._progressBar {
  width: 50px;
  height: 5px;
  background: #eee;
  border-radius: 5px;
  overflow: hidden; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr ._progressBar ._bar {
  width: 0px;
  height: 5px;
  background: blue;
  border-radius: 5px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr ._progressBar ._bar_comp {
  width: 50px;
  height: 5px;
  background: #888;
  border-radius: 5px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr ._progressBar ._bar {
  transition-duration: 0.2s; }

#CMS_Asset_UploaderView ._uploadArea table._dragList tr._error ._progressBar {
  display: none; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._name_org {
  padding: 0 0 0 5px;
  font-size: 14px;
  margin: 2px 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._name_up {
  padding: 0 0 0 5px;
  font-size: 14px;
  margin: 2px 0; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._thumb {
  padding: 0px;
  background: #999;
  text-align: center; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._thumb img {
  max-width: 80px;
  max-height: 40px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._atten {
  font-size: 12px;
  margin: 4px 0;
  color: red;
  display: none; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._size {
  text-align: center;
  font-size: 10px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._size ._size_e {
  display: none; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._size._overSize {
  color: red;
  line-height: 1.4; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._size._overSize ._size_e {
  display: block; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._date {
  text-align: center;
  font-size: 10px;
  line-height: 1.2; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._type {
  text-align: center;
  font-size: 10px; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._delete {
  text-align: center;
  padding: 0; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._size_wh_messe {
  display: none; }

#CMS_Asset_UploaderView ._uploadArea table._dragList ._size_wh_messe {
  margin: 5px;
  padding: 5px;
  background: #fff;
  border: 1px solid #e7ebf2;
  line-height: 1.2; }

/* ! ---------- freeLayout ---------- ---------- ---------- ---------- */
._freeLayoutRoot {
  position: relative;
  padding: 35px 20px 20px 20px; }

body._copyPage ._freeLayoutRoot > div {
  outline: 2px solid red; }

._freeLayoutRoot ._sizeBar {
  position: absolute;
  top: -30px;
  left: 740px;
  width: 30px;
  height: 30px;
  margin-left: -15px;
  overflow: hidden;
  border: 1px solid #ccc;
  color: #fff; }

._freeLayoutRoot ._sizeBarT {
  position: absolute;
  top: 2px;
  left: 740px;
  margin-left: -120px;
  width: 140px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #23CACA;
  padding: 5px;
  border-bottom: 1px solid #23CACA; }

._freeLayoutDiv {
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  position: relative;
  padding: 0 0 20px 0; }

._freeLayoutDiv > div {
  min-height: 20px; }

._freeLayoutTable {
  position: relative; }

._freeLayoutTable > .cms-column > .cms-column-col {
  box-sizing: border-box; }

._freeLayoutTable > .cms-column > .cms-column-col {
  min-width: 100px;
  min-height: 20px; }

._freeLayoutTable:hover > .cms-column > .cms-column-col {
  outline: 1px dashed #d1d9e6; }

/* _btn_delete */
._freeLayoutDiv ._btn_delete,
._freeLayoutTable ._btn_delete,
._freeLayout ._btn_delete {
  position: absolute;
  width: 23px;
  height: 23px;
  top: -11px;
  right: -11px;
  z-index: 10;
  cursor: pointer;
  background: url(../images/btn_closes.png) top left no-repeat;
  background-position: -1px -1px;
  display: none; }

._freeLayoutDiv:hover > ._btn_delete,
._freeLayoutTable:hover > ._btn_delete,
._freeLayout:hover ._btn_delete {
  display: block; }

._freeLayoutDiv > ._btn_delete:hover,
._freeLayoutTable > ._btn_delete:hover,
._freeLayout ._btn_delete:hover {
  background: url(../images/btn_closes.png) top left no-repeat;
  background-position: -1px -31px; }

._freeLayoutToggle ._block_toggle {
  display: block;
  position: absolute;
  top: 15px;
  left: -16px;
  width: 22px;
  height: 20px;
  background: #fff;
  text-align: center;
  z-index: 10;
  border-radius: 2px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer; }

._freeLayoutToggle ._block_toggle:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

._freeLayoutToggle ._block_toggle:after {
  content: "-";
  color: #4A66A0;
  display: block;
  width: 22px;
  height: 20px;
  position: absolute;
  line-height: 20px; }

._freeLayoutToggle ._block_toggle._block_toggle_close {
  background: #4A66A0;
  box-shadow: none; }

._freeLayoutToggle ._block_toggle._block_toggle_close:after {
  content: "+";
  color: #fff; }

/* _block_command */
._freeLayout ._block_command,
._freeLayoutDiv ._block_command {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  color: #4A66A0;
  padding: 7px 2px 2px 2px;
  padding: 0 0 10px 0;
  font-size: 12px;
  display: none; }

._freeLayout:hover ._block_command,
._freeLayoutDiv:hover > ._block_command {
  display: block; }

._block_command ._text {
  position: absolute;
  top: -20px;
  left: -5px;
  padding: 4px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.7); }

._freeLayoutDiv ._block_command ._text {
  display: none; }

._freeLayoutTable ._block_command ._text {
  display: none; }

._block_command ._btn {
  position: absolute;
  top: -4px;
  left: -4px; }

._block_command ._btn {
  display: inline-block;
  background: transparent;
  padding: 0 5px 10px 0; }

._block_command ._btn > span {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px;
  border-radius: 6px; }

._block_command ._btn > span > span {
  display: block;
  background: #4A66A0;
  color: #0ff;
  text-decoration: none;
  padding: 4px 6px;
  font-size: 12px;
  border: 2px solid #fff;
  border-radius: 4px;
  cursor: pointer; }

._block_command ._btn:hover > span > span {
  background: #6a93e8; }

/* _block_info */
._block_info {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  min-height: 2px !important;
  height: 2px; }

._block_info ._left_area {
  position: absolute;
  top: 0px;
  right: 20px; }

._block_info ._right_area {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  border-bottom: 1px solid #ddd; }

._block_info ._btn_link {
  color: blue;
  text-decoration: underline; }

._block_info ._btn_link:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

._block_info ._btn_fill {
  display: inline-block;
  background: #4A66A0;
  color: #0ff;
  text-decoration: none;
  padding: 4px 5px;
  border-radius: 2px;
  cursor: pointer; }

._block_info ._btn_fill:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

._block_info ._id {
  display: inline-block;
  font-size: 12px;
  color: #4A66A0;
  background: #cff;
  font-weight: bold;
  padding: 6px;
  border-radius: 0 0 10px 10px;
  margin: 0 2px 0 0;
  border: 1px solid rgba(54, 105, 161, 0.15); }

._block_info ._pub {
  display: inline-block;
  font-size: 12px;
  color: #4A66A0;
  background: #ffc;
  font-weight: bold;
  padding: 6px;
  border-radius: 0 0 10px 10px;
  margin: 0 2px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

._block_info ._embed {
  display: inline-block;
  font-size: 12px;
  color: #4A66A0;
  background: #ffc;
  font-weight: bold;
  padding: 6px;
  border-radius: 0 0 10px 10px;
  margin: 0 2px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

/* _block_info replace */
._block_info ._replace_id {
  display: inline-block;
  font-size: 14px;
  color: #ff8;
  background: #222;
  font-weight: bold;
  padding: 8px 15px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

._block_info ._replace_title {
  display: inline-block;
  color: #999;
  padding: 2px 0 0 10px; }

/* Myタグの開閉 */
._cms_replace {
  padding: 40px 10px 10px 10px;
  background: #ffffdd;
  border-radius: 8px;
  border: 1px solid #CCCC67;
  border-bottom: none;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset; }

._cms_replace_table {
  margin: 10px 0;
  padding: 5px;
  background: #ffffdd;
  border-radius: 8px;
  border: 1px solid #CCCC67;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset; }

._cms_replace_table table {
  width: 100%; }

._cms_replace_table th {
  width: 200px;
  padding: 5px; }

._cms_replace_table ._id {
  display: inline-block;
  font-size: 14px;
  color: #ff8;
  background: #222;
  font-weight: bold;
  padding: 7px 15px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); }

._cms_replace_table ._id:after {
  content: "}}"; }

._cms_replace_table ._id:before {
  content: "{{"; }

._cms_replace_table td {
  padding: 5px;
  line-height: 1.4;
  font-size: 16px; }

._cms_replace_table ._memo {
  padding: 5px 0 0 0;
  color: #999;
  font-size: 12px; }

._freeLayout {
  cursor: pointer;
  min-height: 20px; }

._freeLayoutTable:hover,
._freeLayoutTable > .cms-column > .cms-column-col:hover,
._freeLayoutDiv:hover,
._freeLayoutRoot ._freeLayout:hover {
  box-shadow: 0 0 5px rgba(74, 102, 160, 0.4); }

._freeLayoutDiv._selected,
._freeLayoutTable._selected,
._freeLayoutTable > .cms-column > .cms-column-col._selected,
._freeLayoutRoot ._freeLayout._selected {
  outline: 1px dashed rgba(54, 105, 161, 0.5);
  box-shadow: 0px 0px 5px 2px #ff0; }

body._copyBlock ._freeLayoutRoot ._freeLayout._selected {
  outline: 2px solid red; }

._no-input-data {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  padding: 7px 10px 5px 10px;
  background: red;
  margin: 0;
  font-size: 14px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

._hinagata_id_area {
  position: relative;
  display: block;
  outline: dashed 1px #ddd; }

._hinagata_id_area > ._hinagata_id {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px; }

._hinagata_id_area:hover > ._hinagata_id {
  display: block; }

._hinagata_id_area > ._hinagata_id span {
  display: inline-block;
  background: #333;
  color: #ff8;
  padding: 5px 10px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

._hinagata_id_area > ._hinagata_id span:after {
  content: "}}"; }

._hinagata_id_area > ._hinagata_id span:before {
  content: "{{"; }

body._pressCommandPage ._freeLayoutDiv._selected > div,
body._pressCommandPage ._freeLayoutTable._selected,
body._pressCommandPage ._freeLayoutTable > .cms-column > .cms-column-col._selected,
body._pressCommandPage ._freeLayoutRoot ._freeLayout._selected {
  outline: 1px solid #d1d9e6;
  box-shadow: 0px 0px 8px 4px #ff0; }

.cms-column {
  display: table; }

.cms-column > .cms-column-col {
  display: table-cell; }

.cms-column > .cms-column-col {
  min-width: 40px; }

.cms-column > .cms-column-col:after {
  content: "";
  height: 15px;
  display: block; }

._freeLayout ._element_html {
  outline: 1px dashed #d1d9e6; }

._freeLayout ._element_html:before {
  content: "HTML";
  display: block;
  width: 100px;
  padding: 3px;
  margin: 0 0 5px 0;
  background: #4A66A0;
  color: #e7ebf2;
  text-align: center;
  border-radius: 2px;
  font-size: 12px; }

._freeLayout ._element_html_code {
  padding: 15px 5px 5px 5px;
  background: #F3F5F8;
  color: #4A66A0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  font-size: 12px; }

._freeLayout ._element_html_code:before {
  display: block;
  content: "HTML";
  border-left: 5px solid #4A66A0;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 0.5em;
  margin: 0.5em 0 1em 1em;
  color: #4A66A0;
  line-height: 1.4; }

._freeLayout ._element_js_code {
  padding: 15px 5px 5px 15px;
  background: #333;
  color: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  font-size: 12px;
  border-radius: 2px; }

._freeLayout ._element_js_code ._code_inner {
  white-space: pre-wrap;
  max-height: 200px;
  overflow: hidden; }

._freeLayout ._element_js_code:before {
  display: block;
  content: "Myタグ用 JavaScript";
  border-left: 5px solid #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 0.5em;
  margin: 0.5em 0 1em 0;
  color: #fff;
  line-height: 1.4; }

._freeLayout ._element_js_code ._anno {
  color: #ff8;
  margin-top: 10px; }

._freeLayout ._element_anchor {
  color: #4A66A0;
  font-size: 12px;
  font-weight: bold; }

._freeLayout ._element_anchor:before {
  font-weight: normal;
  font-family: 'FontAwesome';
  content: "\f13d";
  padding: 0 4px 0 0; }

._freeLayout .cms-margin,
._freeLayout ._element_margin {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3AgMAAADVtTrVAAAACVBMVEUAAABUZJJUZJIbooEkAAAAA3RSTlMAJgA5qEf6AAAAMElEQVR4AWNgzIqatnQllJjCACQR/AiGacj8DIYoZP4Khixk/hKGlSPFqFGjRo0CAIp+mCAdO0AaAAAAAElFTkSuQmCC); }

._freeLayout ._element_note {
  background: #ffe;
  color: red;
  padding: 5px 5px 5px 10px;
  outline: 1px dashed red;
  line-height: 1.4;
  min-height: 50px; }

._hide-element {
  opacity: .25;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  max-height: 100px;
  overflow: hidden;
  background: #666;
  border-radius: 10px 10px 0 0; }

/* コンテナ省略表示 */
._freeLayoutRoot > div > div > ._narrow-element {
  display: block;
  position: relative;
  height: 60px;
  border: 1px dashed #4A66A0;
  color: #4A66A0; }

._freeLayoutRoot > div > div > ._narrow-element > * {
  display: none !important; }

._freeLayoutRoot > div > div > ._narrow-element:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: block;
  padding: 15px 0 10px 20px;
  color: #4A66A0;
  text-align: left;
  content: "コンテナ・段組みブロック 〜省略表示中〜 (クリックで開閉します)"; }

._freeLayoutRoot > div > div > ._cms_replace._narrow-element:before {
  display: none; }

._freeLayoutRoot > div > div > ._cms_replace._narrow-element:after {
  content: ""; }

._freeLayoutDiv:hover:after {
  content: "-- コンテナ --";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  padding: 6px 0 4px 0;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  color: #4A66A0;
  border-radius: 0 0 5px 5px; }

._freeLayoutDiv:hover:after {
  background: rgba(54, 105, 161, 0.15); }

._freeLayoutTable:after {
  visibility: hidden;
  content: "-- 段組 --";
  display: block;
  padding: 6px 0 4px 0;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  color: #4A66A0;
  font-weight: bold;
  border-radius: 0 0 5px 5px; }

._freeLayoutTable:hover:after {
  visibility: visible; }

._freeLayoutTable:hover:after {
  background: rgba(54, 105, 161, 0.15); }

._freeLayoutTable {
  min-height: 40px; }

._cms_preview {
  position: relative;
  background: #F3F5F8;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.4;
  padding: 20px;
  color: #4A66A0;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  border-radius: 5px; }

._cms_preview-mini {
  padding: 10px; }

._cms_preview ._title {
  border-left: 5px solid #4A66A0;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 0.5em;
  margin: 0.5em 0 1em 0; }

._cms_preview ._notes {
  font-size: 14px;
  line-height: 1.4;
  margin: 0.5em 0;
  color: #888; }

._cms_preview ._notes-s {
  font-size: 12px;
  line-height: 1.4;
  margin: 0.5em 0;
  color: #888; }

._cms_preview ._list {
  font-size: 10px; }

._cms_preview ._hash {
  display: inline-block;
  padding: 3px 5px;
  background: #cff;
  color: #4A66A0;
  border: 1px solid rgba(54, 105, 161, 0.3);
  border-radius: 5px; }

._cms_preview ._dataTable {
  font-size: 12px;
  background: #ffffdd;
  border-top: 1px solid #d1d9e6;
  border-left: 1px solid #d1d9e6; }

._cms_preview ._dataTable th,
._cms_preview ._dataTable td {
  padding: 5px 1px 5px 5px;
  border-bottom: 1px solid #d1d9e6;
  border-right: 1px solid #d1d9e6;
  line-height: 1.6; }

._cms_preview ._dataTable th {
  padding: 2px;
  background: #EEF1F6;
  color: #4A66A0;
  font-weight: bold; }

._cms_preview ._simpleTable {
  border-top: 1px solid #ccc;
  margin: 20px 0 40px 20px; }

._cms_preview ._simpleTable th {
  font-weight: bold; }

._cms_preview ._simpleTable th,
._cms_preview ._simpleTable td {
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
  font-size: 12px; }

._cms_preview ._clonePreview {
  background: #fff;
  padding: 10px;
  margin: 10px -10px -10px -10px;
  box-shadow: 1px 1px 7px rgba(54, 105, 161, 0.4) inset; }

._cms_preview ._clonePreview._previewError {
  color: red;
  padding: 40px;
  text-align: center; }

._cms_preview ._clonePreview ._hidePC {
  display: block !important; }

._cms_preview ._clonePreview ._hideMO {
  display: block !important; }

._cms_preview_subblock {
  display: inline-block;
  margin: 5px;
  vertical-align: top; }

._cms_preview_subblock img {
  max-width: 100%; }

._cms_blockAnno {
  background: rgba(255, 255, 0, 0.2);
  color: red;
  padding: 5px;
  margin: -2em 0 2em 0; }

._updating_block {
  outline: 1px solid red; }

/* ! ---------- _modalView ---------- ---------- ---------- ---------- */
._modalView {
  min-width: 800px;
  font-size: 14px;
  line-height: 1; }

._modalView {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #4A66A0;
  display: none; }

._modalView ._bg {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(73, 103, 161, 0.75); }

._modalView ._modalBox {
  position: fixed;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  background: #eee;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

._modalView ._modalBox._conpact {
  position: fixed;
  top: 140px;
  left: 140px;
  right: 140px;
  bottom: 140px; }

._modalView ._modalBox {
  margin: 0; }

._modalView ._header {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 40px;
  padding: 10px;
  line-height: 30px;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
  border-bottom: 1px solid #d1d9e6; }

._modalView ._title {
  font-size: 18px;
  margin: 0;
  font-weight: bold; }

._modalView ._guide {
  float: right; }

._modalView ._body {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 40px;
  bottom: 40px; }

._modalView._modalView-nomargin ._body {
  left: 0px;
  right: 0px; }

._modalView._noScroll ._body {
  overflow: visible; }

._modalView ._body > ._replaceArea {
  padding: 10px 10px 100px 10px; }

._modalView ._footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
  padding: 5px;
  text-align: center;
  border-top: 1px solid #d1d9e6;
  background: #e7ebf2;
  border-radius: 0 0 5px 5px;
  box-sizing: border-box; }

._modalView ._footer div {
  display: inline-block; }

._modalView select {
  color: #666;
  border: 1px solid #ccc; }

._modalView ._read {
  font-size: 14px;
  margin: 10px 0;
  line-height: 1.4; }

._modalView ._box {
  padding: 10px;
  border: 1px solid #ddd;
  margin: 10px; }

._modalView ._notes {
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.6;
  color: #888; }

._modalView ._notes p {
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.6; }

._modalView ._h1_ {
  font-size: 24px;
  margin: 10px 0 20px 0;
  color: #4A66A0; }

._modalView ._h2_ {
  background: #4A66A0;
  font-size: 14px;
  margin: 10px 0;
  padding: 10px 10px 7px 10px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px; }

._modalView ._h3_ {
  border-bottom: 2px solid #4A66A0;
  border-bottom: 4px solid #e7ebf2;
  font-weight: bold;
  color: #4A66A0;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0 5px 5px 0; }

._modalView ._block {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  margin: 10px 20px 20px 20px; }

._modalView ._btn_dic {
  display: inline-block;
  font-size: 12px;
  padding: 2px 5px;
  background: #F3F5F8; }

@media screen and (max-width: 1000px) {
  ._modalView ._modalBox {
    left: 10px;
    right: 10px; } }

/* ! ---------- 個別モーダルサイズ指定 ---------- ---------- ---------- ---------- */
#Editer_JSONView textarea,
#Editer_CodeCopyView textarea,
#Editer_TAGView textarea {
  width: 100%;
  font-size: 14px;
  min-height: 300px;
  border: none;
  box-shadow: none;
  line-height: 1.4; }

#Editer_JSONView ._text-editor,
#Editer_TAGView ._text-editor {
  border: 1px solid #ddd; }

#Editer_JSONView ._text-editor {
  background: #ffe; }

#Editer_TAGView ._text-editor {
  background: #f2f2f2; }

#Editer_CodeCopyView textarea,
#Editer_TAGView textarea {
  background: #e7ebf2;
  padding: 10px;
  color: #4A66A0; }

#Editer_ExcelView ._modalBox {
  top: 100px;
  left: 100px;
  right: 100px;
  bottom: 100px; }

#Editer_ExcelView .CodeMirror {
  background: #ffe;
  border: 1px solid #ddd; }

/* ! ---------- MiniEditer ---------- ---------- ---------- ---------- */
#MiniEditer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #4A66A0; }

#MiniEditer._show {
  display: block; }

#MiniEditer ._bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(73, 103, 161, 0.5);
  cursor: pointer; }

#MiniEditer ._modalBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  box-sizing: border-box;
  border-radius: 5px;
  color: #0ff; }

#MiniEditer ._btn_full {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer; }

#MiniEditer ._btn_full_off {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer; }

#MiniEditer ._header {
  background: #4A66A0;
  padding: 2px 0 5px 5px;
  border-radius: 5px 5px 0 0; }

#MiniEditer ._header_def {
  cursor: move; }

#MiniEditer ._header_full {
  display: none; }

#MiniEditer ._header ._dragBar {
  position: absolute;
  top: 7px;
  left: 110px;
  right: 25px;
  height: 12px;
  background: url("../images/bg_dragbar.png") center center repeat-x;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#MiniEditer ._header:hover ._dragBar {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#MiniEditer ._header ._title {
  float: left;
  font-size: 12px;
  padding: 4px 0 0 2px; }

#MiniEditer ._header ._btns {
  float: right; }

#MiniEditer ._body {
  background: #ffe;
  border-radius: 0 0 5px 5px; }

#MiniEditer ._btn_line {
  color: rgba(0, 255, 255, 0.5);
  display: inline-block;
  padding: 5px 5px 3px 5px;
  font-size: 12px;
  border-radius: 2px; }

#MiniEditer ._btn_line._active {
  background: #0ff;
  color: #4A66A0;
  cursor: pointer; }

#MiniEditer ._anno {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #4A66A0;
  padding: 13px;
  color: #00ffff;
  font-size: 14px;
  text-align: center;
  cursor: pointer; }

#MiniEditer ._anno kbd {
  background: #56accc;
  color: #4A66A0; }

#MiniEditer ._footer {
  position: relative;
  font-size: 12px;
  padding: 5px;
  color: #888;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

#MiniEditer ._footer ._status {
  float: left; }

#MiniEditer ._option {
  height: 30px;
  background: #444;
  font-size: 12px;
  color: #999;
  padding: 3px 6px 0 10px;
  box-sizing: border-box;
  border-radius: 0 0 5px 5px; }

#MiniEditer ._attrs {
  float: left; }

#MiniEditer ._attrs input {
  padding: 2px;
  background: #666;
  border: none;
  border-top: 2px solid #000;
  width: 150px;
  line-height: 1;
  color: #fff;
  vertical-align: baseline; }

#MiniEditer ._checks {
  cursor: pointer;
  float: left;
  padding: 6px 10px 0 0; }

#MiniEditer ._name {
  display: none;
  position: absolute;
  top: -50px;
  left: 0px;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  color: #fff; }

body._editFullscreen #MiniEditer ._modalBox {
  position: fixed; }

body._editFullscreen #MiniEditer ._bg {
  background: #4967a1; }

body._editFullscreen #MiniEditer ._header_def {
  display: none; }

body._editFullscreen #MiniEditer ._header_full {
  display: block;
  cursor: pointer; }

body._editFullscreen #MiniEditer ._body {
  border-radius: 0; }

body._editFullscreen #MiniEditer ._option {
  display: none; }

body._editFullscreen #MiniEditer ._anno {
  display: none; }

body._editFullscreen .ui-resizable-handle {
  display: none; }

body._editFullscreen #CMS_LOCK {
  visibility: hidden; }

.CodeMirror-dialog {
  position: absolute;
  left: -1px;
  right: 10px;
  background: #fff;
  z-index: 15;
  padding: 1px 10px 3px 10px;
  overflow: hidden;
  color: inherit;
  font-size: 12px; }

.CodeMirror-dialog-top {
  border: 1px solid #4A66A0;
  bottom: 4px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  border-radius: 0 5px 5px 0; }

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0; }

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  font-size: 18px;
  color: inherit;
  font-family: monospace; }

.CodeMirror-dialog button {
  font-size: 70%; }

.CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer; }

.CodeMirror-foldgutter {
  width: .7em; }

.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
  cursor: pointer; }

.CodeMirror-foldgutter-open:after {
  content: "\25BE"; }

.CodeMirror-foldgutter-folded:after {
  content: "\25B8"; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  width: 30px;
  height: 30px;
  right: -2px;
  bottom: -2px;
  background: url("../images/ss_file.png");
  background-position: -15px -200px; }

.ui-resizable-se:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

/* ! ---------- _text-editor ---------- ---------- ---------- ---------- */
._text-editor {
  position: relative;
  border-radius: 0 0 5px 5px; }

._text-editor ._cmeditor {
  padding: 5px 0; }

._text-editor input._single {
  width: 100%;
  font-size: 18px;
  padding: 10px 5px;
  box-sizing: border-box;
  border-radius: 0;
  border: none; }

._text-editor input._single:focus {
  background: #ffe; }

._text-editor .CodeMirror {
  height: 150px;
  font-size: 14px;
  line-height: 1.4; }

/*
._text-editor .CodeMirror { height: 150px; font-size: 14px; line-height: 1.4;}
._text-editor .CodeMirror-gutters { background: #ffe;}
._text-editor._editor-text .CodeMirror{ background: #ffe;}
._text-editor._editor-text .CodeMirror-gutter{ background: #ffe;}
._text-editor._editor-style ,
._text-editor._editor-style .CodeMirror ,
._text-editor._editor-style .CodeMirror-gutters,
._text-editor._editor-style input._single:focus,
._text-editor._editor-style input._single { background: #f4f3ff;color:#4A66A0;}

._text-editor._editor-html { background: #eeeeee;}
._text-editor._editor-html .CodeMirror,
._text-editor._editor-html .CodeMirror-gutters{ background: #eeeeee;}

._text-editor._editor-js { background: #444;}
*/
._text-editor ._presetBtns {
  padding: 0 10px 1px 0;
  color: #4A66A0;
  background: #4A66A0;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

._text-editor ._presetGloup {
  position: relative;
  display: block;
  float: right;
  cursor: pointer; }

._text-editor ._presetGloup ._presetBody {
  display: none;
  position: absolute;
  top: 20px;
  left: -2px;
  background: #fff;
  width: 160px;
  padding: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  z-index: 100; }

._text-editor ._presetGloup ._hr {
  display: block;
  height: 1px;
  border-top: 1px solid #ddd;
  margin: 7px 0 3px 0; }

._text-editor ._presetGloup._active ._presetBody {
  display: block; }

._text-editor ._presetTitle {
  color: #56accc;
  display: block;
  padding: 5px 5px 3px 5px; }

._text-editor ._presetGloup:hover ._presetTitle {
  color: #0ff; }

._text-editor ._presetGloup:hover ._presetItem:hover {
  background: #f7f7f7; }

._text-editor ._presetItem,
._text-editor ._presetBtn {
  float: right;
  display: block;
  color: rgba(0, 255, 255, 0.5);
  padding: 5px 5px 3px 5px;
  cursor: pointer; }

._text-editor ._presetItem:hover,
._text-editor ._presetBtn:hover {
  color: cyan; }

._text-editor ._presetGloup ._presetItem {
  float: none;
  color: #4A66A0; }

._text-editor ._presetItem._active {
  color: #ff0; }

#SubPageView ._editableBlock {
  margin: 0 0 10px;
  padding: 5px 0 20px; }

._editableTemplate ._templateTable {
  width: 100%;
  margin-top: -20px; }

._editableTemplate ._previewAreaWapper {
  padding: 10px;
  margin: 10px 0 0 0;
  background: #4A66A0;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.8); }

._editableTemplate ._previewArea,
._editableTemplate ._codeArea {
  width: 100%;
  height: 320px;
  background: #fff; }

._editableTemplate ._codeArea textarea {
  border: none;
  width: 100%;
  height: 100%;
  background: #4A66A0;
  color: #fff;
  border-radius: 0; }

._editableTemplate ._temp {
  font-size: 12px;
  line-height: 1.4; }

._editableTemplate ._left {
  float: left;
  width: 350px; }

._editableTemplate ._main ._core {
  margin-left: 370px;
  position: relative; }

._editableTemplate ._title {
  color: #4A66A0;
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0 5px; }

._editableTemplate ._id {
  font-size: 20px; }

._editableTemplate ._m {
  font-size: 10px;
  color: #4A66A0;
  font-weight: bold;
  margin: 5px 0 0; }

._editableTemplate ._btn_relaod {
  padding: 0 20px;
  position: absolute;
  top: 7px;
  right: 7px; }

._editableTemplate ._btn_addStyle {
  margin-top: -23px;
  margin-left: 195px;
  display: inline-block;
  width: 50px;
  height: 20px;
  background: url(../images/icon_plus_css.png?1) left top no-repeat;
  cursor: pointer; }

#GridDetailView ._modalBox {
  top: 40px;
  width: 800px;
  left: 50%;
  margin: 0 0 0 -400px;
  bottom: 40px; }

/* ! ---------- FileInfoView ---------- ---------- ---------- ---------- */
#FileInfoView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -300px;
  width: 600px;
  height: 600px;
  padding: 0;
  color: #4A66A0; }

#FileInfoView ._fileInfoEditTable {
  width: 100%; }

#FileInfoView ._fileInfoEditTable th {
  line-height: 1.2;
  border-top: 1px solid #e7ebf2;
  padding: 7px 0;
  font-size: 12px;
  width: 70px; }

#FileInfoView ._fileInfoEditTable td {
  line-height: 1.2;
  border-top: 1px solid #e7ebf2;
  padding: 7px; }

#FileInfoView ._fileInfoEditTable input._text {
  font-size: 14px;
  width: 300px; }

#FileInfoView ._fileInfoEditTable textarea {
  font-size: 14px;
  width: 350px;
  height: 200px; }

#FileInfoView ._fileInfoEditTable select {
  font-size: 16px;
  width: 100px;
  height: 30px;
  font-weight: bold;
  color: #4A66A0; }

#FileInfoView input {
  margin: 2px 0; }

#FileInfoView ._anno {
  margin: 2px 0;
  font-size: 12px;
  line-height: 1.4; }

#FileInfoView ._red {
  color: red; }

#FileInfoView ._read {
  margin: 5px 0;
  line-height: 1.4; }

#FileInfoView ._subtable {
  width: 100%; }

#FileInfoView ._subtable td {
  border: none;
  padding: 3px; }

#FileInfoView ._filepath {
  width: auto; }

#FileInfoView ._filepath th {
  border: none;
  padding: 5px 2px 2px 2px;
  width: auto; }

#FileInfoView ._filepath td {
  border: none;
  padding: 2px; }

#FileInfoView ._tab {
  margin: -10px -20px 10px -20px;
  padding: 10px 20px 0 20px;
  background: #e7ebf2; }

#FileInfoView ._tab > div {
  float: left;
  border: 1px solid #d1d9e6;
  border-bottom: none;
  padding: 10px 20px 5px 20px;
  border-radius: 5px 5px 0 0;
  background: #ffffee;
  margin: 0 5px 0 0;
  cursor: pointer;
  color: #fff;
  background: #4A66A0; }

#FileInfoView ._tab > div._active {
  color: #4A66A0;
  background: #fff; }

#FileInfoView ._editFile_dir_wap {
  font-size: 12px;
  width: 140px;
  margin: 3px 0 0 0;
  font-weight: bold;
  color: #4A66A0;
  padding: 7px 2px 5px 5px;
  background: #ffe;
  display: inline-block;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

#FileInfoView ._editFile_dir_wap:hover {
  background: #ffc; }

#FileInfoView ._editFile_dir {
  display: inline-block;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  color: blue;
  text-decoration: underline;
  text-overflow: ellipsis; }

#FileInfoView ._repID {
  color: #ccc;
  font-size: 10px; }

#FileInfoView ._fileEM {
  display: inline-block;
  background: url("../images/ss_file.png") top left no-repeat;
  width: 15px;
  height: 15px;
  margin: 0 0 0 2px;
  background-position: -147px -266px;
  vertical-align: middle; }

/* ! ---------- Anchor ---------- ---------- ---------- ---------- */
#Anchor_PageListView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -350px;
  margin-top: -300px;
  width: 700px;
  height: 600px; }

#Anchor_PageListView table {
  table-layout: fixed;
  width: 100%; }

#Anchor_PageListView th {
  font-size: 10px;
  padding: 10px 2px; }

#Anchor_PageListView td {
  font-size: 12px;
  padding: 2px;
  box-sizing: border-box; }

#Anchor_PageListView ._name {
  font-size: 12px;
  font-weight: bold; }

#Anchor_PageListView ._url {
  font-size: 10px;
  color: #8ba3d2;
  word-wrap: break-word; }

#Anchor_PageListView ._dirrow {
  background: #EEF1F6; }

#Anchor_PageListView ._dirrow td {
  padding: 15px 2px 10px 2px;
  font-weight: bold; }

#Anchor_PageListView ._hasData {
  cursor: pointer; }

#Anchor_PageListView ._hasData:hover {
  background: #EEF1F6; }

#Anchor_TargetListView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -240px;
  margin-top: -250px;
  width: 480px;
  height: 500px; }

#Anchor_InputView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -350px;
  margin-top: -130px;
  width: 700px;
  height: 260px;
  padding: 0;
  color: #4A66A0; }

#Anchor_InputView input {
  font-size: 14px; }

#Anchor_BtnView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -370px;
  margin-top: -350px;
  width: 740px;
  height: 700px; }

#Anchor_BtnView ._preview {
  color: #000;
  margin: 5px 0;
  padding: 5px;
  max-width: 420px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

#Anchor_BtnView ._preview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAQYBAMAAAC5B4uRAAAAD1BMVEX////y8vL19fXm5ubp6ekF8zylAAAB70lEQVR4AezUsQ0AIAzEwGQExAaI/WdEZoKkS2FX3133sSiouPJQUHGliIjIFIRa0v6rI10REZEpiAf52qtjAQAAAIBB/taT2BlBZxDIjTgeAoE4HgKBOB4CgTgeAoE4HgKBOB4CgTgeAoE4/kcgEMdDIBDHQyAQx0MgEMdDIBDHQyAQx0MgEMdDIBDHQyA/4ngIBOJ4CATieAgE4ngIBOJ4CATieAgE4ngIBOJ4CORHHA+BQBwPgUAcD4FAHA+BQBwPgUAcD4FAHA+BQBwPgfyI4yEQiOMhEIjjIRCI4yEQiOMhEIjjIRCI4yEQiOMhkB9xPAQCcTwEAnE8BAJxPAQCcTwEAnE8BAJxPAQCcTwE8iOOh0AgjodAII6HQCCOh0AgjodAII6HQCCOh0AgjodAfsTxEAjE8RAIxPEQCMTxEAjE8RAIxPEQCMTxEAjE8RDIjzgeAoE4HgKBOB4CgTgeAoE4HgKBOB4CgTgeAoE4HgL5EcdDIBDHQyAQx0MgEMdDIBDHQyAQx0MgEMdDIBDHQyA/4ngIBOJ4CATieAgE4ngIBOJ4CATieAgE4ngIBOJ4CORHHA+BQBwPgUAcD4FAHA+BQBwPgUAcD4FAHA+BQBwPgfyI4yEQiOMhEIjjIRCI4yEQiOMhEIjjIZAZCew7cPXLsQT8AAAAAElFTkSuQmCC) left top; }

#Anchor_BtnView ._selectClass {
  position: relative; }

#Anchor_BtnView ._btnCopyMC {
  position: absolute;
  cursor: pointer;
  background: transparent; }

#Anchor_BtnView ._btnCopyMC:hover {
  border: 1px dotted #4A66A0; }

#Anchor_BtnView ._btnCopyMC._active {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #4A66A0;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 255, 0.2); }

#Anchor_BtnView input {
  font-size: 14px; }

/* ! ---------- #GadgetListView ---------- ---------- ---------- ---------- */
#GadgetListView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -340px;
  margin-top: -340px;
  width: 680px;
  height: 680px; }

#GadgetListView ._modalBox ._body {
  left: 0;
  right: 0; }

#GadgetListView ._modalBox ._footer {
  background: #fff; }

#GadgetListView ._modalBox ._tabs {
  padding: 10px 0 0 20px;
  background: #e7ebf2;
  margin: -10px -10px 20px -10px; }

#GadgetListView ._modalBox ._tabs:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#GadgetListView ._modalBox ._tabs ._tt {
  float: left;
  padding: 5px 10px 0 0;
  line-height: 1.2;
  font-size: 12px; }

#GadgetListView ._modalBox ._tabs ._tab {
  float: left;
  padding: 10px 10px 5px 10px;
  margin: 0 2px 0 0;
  background: #4A66A0;
  color: #fff;
  border-radius: 5px 5px 0 0;
  min-width: 100px;
  line-height: 1.2;
  cursor: pointer;
  text-align: center; }

#GadgetListView ._modalBox ._tabs ._tab._current {
  background: #fff;
  color: #4A66A0;
  font-weight: bold;
  border-bottom: none;
  margin-bottom: -1px;
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.1); }

#GadgetListView ._modalBox ._tabs ._tab span {
  display: block;
  font-size: 10px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#GadgetListView ._modalBox ._gad_block {
  display: none;
  padding: 0 10px; }

#GadgetListView ._modalBox ._btn_custom {
  width: 180px;
  height: 120px;
  float: left;
  display: block;
  background: #edf0f5;
  font-size: 12px;
  margin: 0 10px 10px 0;
  overflow: hidden; }

#GadgetListView ._modalBox ._btn_custom ._t1 {
  background: #4A66A0;
  color: #fff;
  padding: 5px 20px;
  font-weight: bold;
  text-align: center; }

#GadgetListView ._modalBox ._btn_custom ._t2 {
  padding: 10px;
  line-height: 1.4; }

#GadgetListView ._modalBox ._repeat_area {
  position: relative;
  background: #4A66A0;
  height: 500px;
  margin: 0 -20px 0 -20px; }

#GadgetListView ._btn_add {
  background: #e7ebf2;
  padding: 10px;
  margin: 2px;
  color: #4A66A0; }

/* ! ---------- #PresetStageView ---------- ---------- ---------- ---------- */
#PresetStageView {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
  #PresetStageView > ._bg {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(73, 103, 161, 0.9); }
  #PresetStageView > ._modalBox {
    position: fixed;
    top: 0;
    left: 160px;
    right: 0;
    bottom: 0;
    background: #eee;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff; }
    #PresetStageView > ._modalBox > ._body {
      position: absolute;
      left: 160px;
      right: 0;
      top: 0;
      bottom: 0;
      background: #fff;
      border-left: 1px solid #d1d9e6; }
    #PresetStageView > ._modalBox > ._navi {
      background: #e7ebf2;
      color: #4A66A0;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 160px; }
    #PresetStageView > ._modalBox > ._btn_add,
    #PresetStageView > ._modalBox > ._btn_add_dis {
      position: absolute;
      left: 50%;
      bottom: 15px;
      height: 64px;
      width: 64px;
      background: #4A66A0;
      color: #fff;
      border-radius: 50%;
      text-align: center;
      padding: 13px 0 0 0;
      line-height: 1.2;
      border: 4px solid #fff;
      color: #fff; }
    #PresetStageView > ._modalBox > ._btn_add_dis {
      background: #ccc; }
    #PresetStageView > ._modalBox > ._btn_add {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
      color: #ff0;
      cursor: pointer; }
  #PresetStageView > ._btn_close {
    position: absolute;
    left: 25px;
    bottom: 25px;
    padding: 10px 0;
    width: 110px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    text-align: center;
    cursor: pointer; }

#PresetStage_PageListView {
  font-size: 12px; }
  #PresetStage_PageListView ._header {
    height: 40px; }
  #PresetStage_PageListView ._header ._title {
    display: block;
    padding: 12px 0 0 10px;
    font-size: 18px;
    font-weight: bold; }
  #PresetStage_PageListView ._inner {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #dbe1eb;
    overflow-y: scroll; }
  #PresetStage_PageListView ._inner ._gloup_name {
    background: #4A66A0;
    color: #fff;
    margin: 0;
    padding: 4px 0 2px 15px;
    line-height: 1.4; }
  #PresetStage_PageListView ._inner ._page_items {
    margin: 0 0 15px 0; }
  #PresetStage_PageListView ._inner ._item {
    padding: 6px 5px 6px 15px;
    margin-right: -1px;
    cursor: pointer; }
  #PresetStage_PageListView ._inner ._item._current {
    background: #ffc;
    font-weight: bold; }

#PresetStage_PagesView {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  #PresetStage_PagesView ._page_header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 40px;
    background: #e7ebf2;
    border-bottom: 1px solid #d1d9e6;
    z-index: 10; }
    #PresetStage_PagesView ._page_header ._page_title {
      display: block;
      padding: 12px 0 0 20px;
      font-size: 18px;
      font-weight: bold;
      color: #4A66A0; }
    #PresetStage_PagesView ._page_header ._page_btns_pub {
      position: absolute;
      top: 5px;
      right: 45px;
      width: 100px;
      height: 40px; }
      #PresetStage_PagesView ._page_header ._page_btns_pub ._btn_save {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        border-right: 1px solid #0ff;
        background: #4A66A0;
        color: #0ff;
        line-height: 35px;
        padding: 0 0 0 30px;
        font-size: 12px; }
      #PresetStage_PagesView ._page_header ._page_btns_pub ._btn_save > i {
        position: absolute;
        top: 8px;
        left: 6px;
        font-size: 18px; }
      #PresetStage_PagesView ._page_header ._page_btns_pub ._btn_save_pre {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        border-right: 1px solid #0ff;
        background: #4A66A0;
        color: #ff0;
        line-height: 35px;
        padding: 0 0 0 30px;
        font-size: 12px; }
      #PresetStage_PagesView ._page_header ._page_btns_pub ._btn_save_pre > i {
        position: absolute;
        top: 8px;
        left: 7px;
        font-size: 18px; }
      #PresetStage_PagesView ._page_header ._page_btns_pub ._btn_saveing {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 35px;
        background: rgba(54, 105, 161, 0.7);
        text-align: center;
        box-sizing: border-box;
        padding: 8px 0;
        color: #6FF; }
    #PresetStage_PagesView ._page_header ._page_side_opener {
      position: absolute;
      top: 40px;
      right: 100px;
      color: #4A66A0;
      font-size: 12px;
      background: rgba(255, 255, 255, 0.9);
      padding: 10px 10px 5px 5px; }
      #PresetStage_PagesView ._page_header ._page_side_opener ._btn_open_all {
        margin: 0 2px; }
      #PresetStage_PagesView ._page_header ._page_side_opener ._btn_open_all span {
        display: inline-block;
        background: #4A66A0;
        color: #00ffff;
        padding: 1px 3px;
        border-radius: 2px; }
      #PresetStage_PagesView ._page_header ._page_side_opener ._btn_close_all {
        margin: 0 2px; }
      #PresetStage_PagesView ._page_header ._page_side_opener ._btn_close_all span {
        display: inline-block;
        background: #4A66A0;
        color: #00ffff;
        padding: 1px 5px;
        border-radius: 2px; }
    #PresetStage_PagesView ._page_header ._page_side_zoom {
      position: absolute;
      top: 40px;
      right: 0px;
      color: #4A66A0;
      padding: 10px 10px 5px 5px;
      background: rgba(255, 255, 255, 0.9); }
    #PresetStage_PagesView ._page_header ._page_btns_pre {
      position: absolute;
      top: 7px;
      right: 155px;
      width: 110px;
      height: 25px;
      background: #edf0f5; }
      #PresetStage_PagesView ._page_header ._page_btns_pre ._btn_preview {
        position: absolute;
        left: 0px;
        top: 0;
        width: 88px;
        border-right: 1px solid #0ff;
        height: 25px;
        background: #4A66A0;
        color: #0ff;
        line-height: 25px;
        text-align: center;
        font-size: 12px; }
      #PresetStage_PagesView ._page_header ._page_btns_pre ._btn_preview_more {
        position: absolute;
        left: 88px;
        top: 0;
        width: 22px;
        height: 25px;
        background: #4A66A0;
        color: #0ff;
        line-height: 25px;
        font-size: 12px;
        text-align: center; }
      #PresetStage_PagesView ._page_header ._page_btns_pre ._btn_preview_more i {
        transition-duration: 0.2s; }
      #PresetStage_PagesView ._page_header ._page_btns_pre ._btn_preview_more._hilight i {
        -ms-transform: scale(1.6);
            transform: scale(1.6); }
      #PresetStage_PagesView ._page_header ._page_btns_pre ._btn_previewing {
        display: none;
        position: absolute;
        left: 0px;
        top: 0;
        width: 88px;
        height: 35px;
        background: rgba(255, 255, 255, 0.7);
        text-align: center;
        box-sizing: border-box;
        padding: 8px 0;
        color: #4A66A0; }
    #PresetStage_PagesView ._page_header ._page_icon_btns {
      position: absolute;
      top: 7px;
      width: 160px;
      height: 25px;
      right: 280px;
      font-size: 14px;
      color: #4A66A0; }
      #PresetStage_PagesView ._page_header ._page_icon_btns ._item {
        position: relative;
        text-align: center;
        float: left;
        margin: 0 2px 0 0;
        width: 30px; }
      #PresetStage_PagesView ._page_header ._page_icon_btns ._item ._side_btn {
        line-height: 25px;
        cursor: pointer; }
    #PresetStage_PagesView ._page_header ._float_item {
      position: relative;
      cursor: pointer; }
      #PresetStage_PagesView ._page_header ._float_item ._float_fuki {
        display: none;
        position: absolute;
        top: 30px;
        left: -50px;
        width: 240px;
        background: #fff;
        padding: 10px;
        font-size: 14px;
        color: #888;
        text-align: left;
        line-height: 1.4;
        box-shadow: 0 0 10px rgba(74, 102, 160, 0.4);
        border-radius: 5px;
        z-index: 1; }
      #PresetStage_PagesView ._page_header ._float_item ._float_fuki ._fuki_title {
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
        border-bottom: 2px solid #eee; }
      #PresetStage_PagesView ._page_header ._float_item ._float_fuki ._read {
        line-height: 1.4;
        color: #999;
        padding: 5px; }
      #PresetStage_PagesView ._page_header ._float_item:hover {
        background: rgba(255, 255, 255, 0.5); }
  #PresetStage_PagesView ._page_header._float_item ._messa {
    display: none;
    padding: 7px;
    color: red; }
  #PresetStage_PagesView ._page_inner {
    position: absolute;
    top: 50px;
    left: 10px;
    right: 0px;
    bottom: 0px; }
  #PresetStage_PagesView ._page_inner_zoom {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0 20px 100px 0;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    overflow-y: scroll; }

/* ! ---------- #DirListView ---------- ---------- ---------- ---------- */
#DirListView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -220px;
  margin-top: -280px;
  width: 440px;
  height: 560px; }

#DirListView ._body {
  left: 0;
  right: 0;
  background: #333;
  color: #ccc;
  padding: 10px; }

#DirListView ._body ._btn_dir {
  cursor: pointer; }

#DirListView ._body ._btn_dir:hover {
  color: #fff; }

#DirListView ._body ._btn_dir._current {
  color: #ff8;
  background: #444; }

#DirListView ._body ._btn_dir span {
  display: inline-block;
  vertical-align: middle; }

#DirListView ._body ._btn_dir ._label {
  padding: 3px 0 0 0;
  font-size: 10px;
  color: #666; }

#DirListView ._body ._title {
  font-weight: bold;
  margin-top: 10px; }

#DirListView ._body ._btn_select {
  float: right;
  display: block;
  background: #4A66A0;
  color: #00ffff;
  margin: 3px 3px 0 0;
  padding: 3px 15px;
  line-height: 1;
  border-radius: 2px;
  font-size: 12px; }

/*
#DirListView ._replacePath { font-weight: bold; font-size: 10px; padding: 10px 5px 10px 5px; color: #e7ecf3; background: #4A66A0; border-radius: 5px;}
#DirListView table._main { margin:5px 0; width: 100%;}
#DirListView table._main > tbody > tr > td { border-top: 1px solid #fff;}
#DirListView table._main td { vertical-align: middle;}
#DirListView table._main td { font-size: 12px; padding: 1px 4px 1px 4px;}
#DirListView table._main > tbody > tr {background: #EEF1F6;}
#DirListView table._main tr._active{background: #ffc;}
#DirListView table._main td{color:#999;}
#DirListView table._main ._btn_dir td{ color:#4A66A0;}
#DirListView ._checks {margin: 10px 0;padding: 2px 0 10px 0;border-bottom: 2px solid #4A66A0;}
#DirListView table._main ._sub0 td,
#DirListView table._main ._sub1 td { font-size: 16px; font-weight: bold; padding: 4px;}
#DirListView table._main ._sub2 { font-size: 14px;}
#DirListView table._main ._tab { width: 20px;}
#DirListView ._write { font-size: 10px; color:#fff; background: #4A66A0; padding: 2px 5px;}
#DirListView ._not-write { font-size: 10px; color:#fff; background: red; padding: 2px 5px;color:yellow;}
#DirListView ._date { font-size: 10px; opacity: 0.5;}
#DirListView small { color:#999;font-size: 12px;}
*/
/* ! ---------- #SimpleToolTip ---------- ---------- ---------- ---------- */
#SimpleToolTip {
  position: absolute;
  top: 0px;
  left: 0px; }

#SimpleToolTip ._attention {
  padding: 5px 10px;
  background: red;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.4; }

#SimpleToolTip ._attention small {
  color: #fff;
  font-size: 10px; }

/* ! ---------- #Preset_IconView ---------- ---------- ---------- ---------- */
#Preset_IconView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -450px;
  margin-top: -330px;
  width: 900px;
  height: 660px; }

#Preset_IconView ._body span i {
  display: inline-block;
  padding: 10px;
  margin: 2px;
  cursor: pointer;
  background: #fff; }

#Preset_IconView ._body span i:hover {
  background: #4A66A0;
  color: #fff; }

#Preset_IconView ._p {
  line-height: 1.4; }

#Preset_IconView ._h2 {
  margin: 10px 0 0 0;
  padding: 7px;
  font-size: 12px;
  background: #4A66A0;
  color: #fff;
  font-weight: bold; }

#Preset_IconView ._g {
  background: #e7ebf2;
  padding: 10px;
  margin: 0 0 10px 0; }

#Preset_IconView ._cols:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#Preset_IconView ._col {
  float: left;
  margin: 0 20px 0 0; }

/* ! ---------- #CMS_AlertView ---------- ---------- ---------- ---------- */
#CMS_AlertView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -100px;
  width: 500px;
  height: 200px; }

#CMS_AlertView ._body ._p {
  font-size: 18px;
  text-align: center;
  padding: 10px 0 0 0;
  line-height: 1.4; }

#CMS_AlertView ._body ._p ._small {
  font-size: 14px; }

#CMS_AlertView ._body ._p ._small em {
  background: #ffc; }

/* ! ---------- #CMS_ConfirmView ---------- ---------- ---------- ---------- */
#CMS_ConfirmView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -100px;
  width: 500px;
  height: 200px; }

/* ! ---------- #CMS_CopyView ---------- ---------- ---------- ---------- */
#CMS_CopyView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -100px;
  width: 500px;
  height: 200px; }

#CMS_CopyView textarea {
  width: 100%;
  font-size: 18px;
  height: 100px; }

/* ! ---------- #CMS_InputView ---------- ---------- ---------- ---------- */
#CMS_InputView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -150px;
  width: 500px;
  height: 300px; }

#CMS_InputView input {
  width: 100%;
  font-size: 18px; }

/* ! ---------- #CMS_ProccessView ---------- ---------- ---------- ---------- */
#CMS_ProccessView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -30px;
  width: 200px;
  height: 60px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

#CMS_ProccessView ._process {
  padding: 20px 0 0 0;
  font-size: 18px;
  text-align: center; }

/* ! ---------- #CMS_AlertLockView ---------- ---------- ---------- ---------- */
#CMS_AlertLockView {
  cursor: pointer; }

#CMS_AlertLockView ._modalBox {
  left: 50%;
  top: -410px;
  margin-left: -200px;
  width: 400px;
  height: 100px;
  background: #000;
  color: #ff0;
  border: 2px solid #fff;
  transition-duration: 0.4s; }

#CMS_AlertLockView._show ._modalBox {
  top: 20px; }

#CMS_AlertLockView ._read {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 400px;
  height: 100px;
  font-size: 18px;
  line-height: 1.8; }

#CMS_AlertLockView ._mark {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid yellow;
  border-radius: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.4, 1.2, 0.8, 1.8);
  transition-delay: 0.6s; }

#CMS_AlertLockView._show ._mark {
  top: -40px;
  right: -40px;
  width: 100px;
  height: 100px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  border: 10px solid yellow; }

/* ! ---------- #CMS_ErrorView ---------- ---------- ---------- ---------- */
#CMS_ErrorView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -300px;
  width: 600px;
  height: 600px; }

#CMS_ErrorView ._header {
  background: red;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 5px 5px 15px; }

#CMS_ErrorView ._body ._p {
  line-height: 1.8;
  margin: 0.5em 0; }

#CMS_ErrorView textarea {
  width: 100%;
  height: 200px; }

#CMS_ErrorView ._h {
  font-weight: bold;
  margin: 10px 0 0 0; }

#CMS_ErrorView ._path {
  padding: 5px;
  background: #ffe;
  border: 1px solid #d1d9e6; }

#CMS_ErrorView ._res_error {
  padding: 5px;
  background: #ffe;
  border: 1px solid #d1d9e6;
  color: red; }

/* ! ---------- #BackupView ---------- ---------- ---------- ---------- */
#BackupView ._modalBox {
  left: 50%;
  margin-left: -450px;
  width: 900px;
  top: 40px;
  bottom: 40px; }

#BackupView ._p {
  line-height: 1.6; }

#BackupView ._diffList {
  border: 1px solid #cccccc;
  width: 100%;
  height: 200px;
  margin: 5px 0; }

#BackupView ._selectArea {
  padding: 5px;
  border: 2px solid #ffcccc;
  background: #ffffcc;
  margin: 5px 0; }

#BackupView ._selectArea select {
  margin: 5px;
  font-size: 18px;
  padding: 3px; }

#BackupView ul._tab {
  margin: 10px 0 0 0; }

#BackupView ul._tab li {
  list-style: none;
  display: inline-block;
  padding: 10px 20px 5px 20px;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0 0 -1px 0; }

#BackupView ul._tab li {
  background: #4A66A0;
  color: #fff; }

#BackupView ul._tab li._active {
  background: #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  background: #ffffee; }

#BackupView ul._tab li._active {
  color: #4A66A0; }

#BackupView ._backupArea,
#BackupView ._diffArea {
  background: #ffffee;
  display: none;
  border: 1px solid #cccccc;
  padding: 10px 15px;
  margin: 0 0 1em 0; }

#BackupView .createBlock {
  background: #e7ebf2;
  padding: 15px;
  border-radius: 5px;
  margin: 0 0 2em 0; }

#BackupView ._h2 {
  font-size: 14px;
  font-weight: bold; }

#BackupView ._arrow {
  margin: 5px;
  text-align: center; }

#BackupView_notWritable {
  line-height: 1.6;
  color: red; }

#BackupCreateView {
  width: 530px;
  float: right; }

#BackupCreateView ._btns {
  padding: 0 0 0 50px; }

#BackupCreateView ._btn_add,
#BackupCreateView ._btn_add_dis,
#BackupCreateView ._btn_add_done {
  display: inline-block;
  display: none;
  background: #4A66A0;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
  border-radius: 5px;
  width: 400px;
  border-bottom: 2px solid #eee;
  font-weight: bold; }

#BackupCreateView ._btn_add {
  cursor: pointer; }

#BackupCreateView ._btn_add_dis {
  background: #999;
  cursor: normal;
  border-top: 2px solid #cccccc;
  border-bottom: none; }

#BackupCreateView ._btn_add_done {
  background: #eeeeee;
  color: #4A66A0; }

#BackupCreateView ._btn_diff,
#BackupCreateView ._btn_diff_none,
#BackupCreateView ._btn_diff_dis,
#BackupCreateView ._btn_diff_done {
  display: inline-block;
  display: none;
  background: #4A66A0;
  color: #fff;
  text-align: center;
  padding: 10px 10px;
  border-radius: 5px;
  width: 400px;
  border-bottom: 2px solid #eee;
  font-weight: bold; }

#BackupCreateView ._btn_diff {
  cursor: pointer; }

#BackupCreateView ._btn_diff_none {
  display: block;
  background: #eeeeee; }

#BackupCreateView ._btn_diff_dis {
  background: #999;
  cursor: normal;
  border-top: 2px solid #cccccc;
  border-bottom: none; }

#BackupCreateView ._btn_diff_done {
  background: #eeeeee;
  color: #4A66A0; }

#BackupCreateView ._zip_selects,
#BackupCreateView ._diff_selects {
  padding: 10px;
  border: 1px solid #ddd;
  background: #fff;
  margin: 5px 0;
  line-height: 1.4; }

#BackupTargetArrow {
  width: 20px;
  float: left;
  padding: 150px 0 0 10px; }

#BackupTargetView {
  width: 250px;
  float: left; }

#BackupTargetView ._dirList {
  background: #fff;
  padding: 10px;
  background: #ffffee; }

#BackupTargetView ._dirList div {
  margin: 0 0 5px 0; }

#BackupListView ._filelist {
  width: 100%; }

#BackupListView table {
  margin: 10px 0; }

#BackupListView th {
  font-size: 10px;
  padding: 5px;
  background: #4A66A0;
  color: #e7ebf2; }

#BackupListView td {
  font-size: 12px;
  background: #ffffee;
  border-bottom: 1px dashed #e7ebf2;
  padding: 7px 5px 3px 5px; }

#BackupListView ._btn_del {
  display: inline-block;
  background: red;
  color: #fff;
  padding: 2px 5px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  border-radius: 5px; }

#BackupListView .min2 {
  background: rgba(255, 255, 0, 0.5);
  font-weight: bold; }

#BackupListView .min10 {
  background: rgba(255, 255, 0, 0.2); }

#BackupListView .hour {
  background: rgba(255, 255, 0, 0.1); }

#BackupListView .hour6 {
  background: rgba(255, 255, 0, 0.04); }

#BackupListView .day {
  font-size: 12px; }

#BackupListView .day2 {
  font-size: 12px; }

#BackupListView .day7 {
  font-size: 12px; }

#BackupListView .month {
  font-size: 10px; }

#BackupListView .month2 {
  font-size: 10px; }

#BackupListView .month4 {
  font-size: 10px; }

#BackupListView .year {
  font-size: 10px; }

#BackupListView .year2 {
  font-size: 10px; }

#BackupListView .year_ {
  font-size: 10px; }

/* ! ---------- DummyImageView ---------- ---------- ---------- ---------- */
#DummyImageView ._modalBox {
  top: 50%;
  left: 50%;
  margin-left: -450px;
  margin-top: -320px;
  width: 900px;
  height: 640px; }

#DummyImageView ._body {
  font-size: 12px; }

#DummyImageView input {
  padding: 2px; }

#DummyImageView ._values > tbody > tr > td {
  border-top: 1px solid #e7ebf2;
  padding: 7px 3px;
  vertical-align: middle;
  line-height: 1.2; }

#DummyImageView ._mockStage {
  position: relative;
  width: 850px;
  height: 350px;
  background: url(../images/bg_mock.png) left top no-repeat;
  margin: 0 0 10px 0;
  overflow: hidden; }

#DummyImageView ._mockStage ._image_placeholder {
  position: absolute;
  top: 40px;
  left: 40px; }

#DummyImageView ._mockStage canvas {
  position: absolute;
  top: 40px;
  left: 40px; }

#DummyImageView ._btn_preset {
  cursor: pointer;
  font-size: 10px;
  background: #e7ebf2;
  padding: 5px;
  border-radius: 5px;
  display: inline-block; }

#DummyImageView ._btn_preset:hover {
  background: #4A66A0;
  color: #fff; }

#DummyImageView ._btn_color {
  cursor: pointer;
  font-size: 16px;
  background: #fff;
  padding: 2px 0px; }

#DummyImageView ._btn_color:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#DummyImageView ._btn_pos {
  border: 1px solid #e7ebf2;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px; }

#DummyImageView ._prest_rects td {
  vertical-align: top;
  padding: 2px; }

#DummyImageView ._preset_rect {
  cursor: pointer;
  background: #eee;
  display: inline-block; }

#DummyImageView ._preset_rect:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/* ! ---------- BatchPublishView ---------- ---------- ---------- ---------- */
#BatchPublishView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -120px;
  width: 300px;
  height: 240px; }

#BatchPublishView ._progress {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -120px;
  width: 240px;
  height: 40px;
  background: #eee; }

#BatchPublishView ._bar {
  position: absolute;
  width: 0px;
  height: 40px;
  background: #4A66A0;
  transition-duration: 0.4s; }

#BatchPublishView ._t_result {
  position: absolute;
  display: table;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -140px;
  width: 280px;
  height: 60px; }

#BatchPublishView ._t_result ._core {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 12px; }

#BatchPublishView ._btns {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 20px 0 0 -100px;
  width: 200px;
  text-align: center; }

#BatchPublishView ._btn_start {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 5px 0; }

#BatchPublishView ._btn_close {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 5px 0; }

#BatchPublishView ._btn_cancel {
  width: 100%;
  box-sizing: border-box;
  margin: 20px 0 5px 0; }

/* ! ---------- CMS_GuideView ---------- ---------- ---------- ---------- */
#CMS_GuideView {
  z-index: 10000;
  position: fixed;
  top: 10px;
  left: 10px;
  width: 900px;
  height: 650px;
  background: #66cc00;
  box-shadow: 0 0 15px rgba(120, 70, 50, 0.6);
  border-radius: 5px;
  color: #4A66A0;
  color: #666; }

#CMS_GuideView ._btn_close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: url(../images/btn_closes.png);
  background-position: -98px -1px; }

#CMS_GuideView ._btn_zoom {
  float: right;
  margin: 8px 20px 0 0;
  padding: 5px;
  color: #fff;
  font-size: 12px;
  cursor: pointer; }

#CMS_GuideView ._btn_zoom:hover {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; }

#CMS_GuideView ._title {
  font-size: 16px;
  padding: 12px 5px 0 10px;
  background: #66cc00 url("../images/bg_dragbar.png") center center no-repeat;
  color: #fff;
  cursor: pointer;
  height: 35px;
  box-sizing: border-box; }

#CMS_GuideView ._title i {
  color: #80FF00;
  color: #fff;
  padding: 0 3px; }

#CMS_GuideView ._navi ._first {
  font-size: 18px;
  background: url("../images/icon_intro.png") 3px top no-repeat;
  padding: 4px 0 5px 27px; }

/**/
#CMS_GuideView ._navi {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 200px;
  bottom: 0px;
  background: #EFFAD6;
  line-height: 1.4; }

#CMS_GuideView ._navi ._inner {
  padding: 20px 0 30px 0; }

#CMS_GuideView ._navi ul {
  margin: 0 0 0 1em; }

#CMS_GuideView ._navi li a {
  text-decoration: none;
  display: block;
  padding: 2px 0; }

#CMS_GuideView ._navi li a:hover {
  text-decoration: underline; }

#CMS_GuideView ._navi li a._current {
  background: #ff0; }

#CMS_GuideView ._navi ._h2-toggle {
  margin: -5px 0 6px 0;
  padding: 10px 5px 5px 10px;
  background: #D1F0A6; }

#CMS_GuideView ._navi ._h2-toggle {
  clear: both;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none; }

#CMS_GuideView ._navi ._h2-toggle span {
  float: right;
  margin: -2px 3px 0 0;
  padding: 2px 5px;
  background: #66cc00;
  color: #D1F0A6;
  display: block; }

#CMS_GuideView ._navi ._h2-toggle._open span {
  background: #D1F0A6;
  color: #66cc00; }

#CMS_GuideView ._navi ._toggle-body {
  display: none; }

#CMS_GuideView ._navi ._h4 {
  margin: 1em 0 5px 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  border-bottom: 2px solid #D1F0A6; }

#CMS_GuideView ._navi ._gloup {
  margin: 0 0 1em 0; }

#CMS_GuideView ._navi ._user {
  font-size: 14px;
  background: #66cc00;
  padding: 10px 5px 5px 10px;
  margin: 10px 0 5px 0;
  color: #fff;
  vertical-align: middle; }

#CMS_GuideView ._navi ._user img {
  float: right;
  margin: -7px 0 0 0; }

#CMS_GuideView ._body {
  position: absolute;
  top: 35px;
  left: 200px;
  right: 0;
  bottom: 0px;
  background: #ffe; }

#CMS_GuideView ._body ._gloup {
  color: #55aa00;
  font-size: 12px; }

#CMS_GuideView ._body ._text {
  font-size: 14px;
  line-height: 1.6;
  padding: 5px 20px 20px 20px; }

#CMS_GuideView ._body ._video {
  background: #666;
  width: 600px;
  height: 320px;
  color: #fff;
  padding: 20px;
  box-sizing: border-box; }

#CMS_GuideView ._body ._h1 {
  font-size: 18px;
  padding: 15px 0 15px 5px;
  border-bottom: 0px solid #66cc00;
  margin: 0 0 10px 0; }

#CMS_GuideView ._body ._h1 {
  background: #EFFAD6; }

#CMS_GuideView ._body ._h2 {
  font-size: 16px;
  border-left: 5px solid #66cc00;
  background: #EFFAD6;
  margin: 20px 0 10px 0;
  padding: 15px 5px 10px 10px;
  line-height: 1;
  clear: both;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#CMS_GuideView ._body ._h2-toggle {
  font-size: 16px;
  border-left: 5px solid #66cc00;
  background: rgba(102, 204, 0, 0.1);
  margin: 5px 0 5px 0;
  padding: 15px 5px 10px 10px;
  line-height: 1;
  color: #55aa00;
  clear: both;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none; }

#CMS_GuideView ._body ._h2-toggle:hover {
  background: rgba(102, 204, 0, 0.2); }

#CMS_GuideView ._body ._h2-toggle span {
  box-sizing: border-box;
  float: right;
  background: #66cc00;
  color: #fff;
  padding: 13px 0 0;
  width: 40px;
  height: 40px;
  text-align: center;
  margin: -15px -5px 0 0; }

#CMS_GuideView ._body ._h2-toggle._open span {
  box-sizing: border-box;
  float: right;
  background: none;
  color: #66cc00;
  padding: 11px 0 0;
  width: 36px;
  height: 36px;
  text-align: center;
  margin: -15px -5px 0 0; }

#CMS_GuideView ._body ._h2-midashi {
  margin: 20px 0 0 0;
  background: #66cc00;
  font-size: 14px;
  color: #fff;
  padding: 10px 20px 7px 20px;
  display: inline-block;
  border-radius: 5px 5px 0 0; }

#CMS_GuideView ._body ._toggle-body {
  display: none; }

#CMS_GuideView ._body ._h3 {
  font-weight: bold;
  border-bottom: 2px solid #66cc00;
  margin: 20px 0 10px 0;
  padding: 0 5px 5px 0;
  line-height: 1;
  clear: both; }

#CMS_GuideView ._body ._h4 {
  font-weight: bold;
  border-left: 5px solid #66cc00;
  margin: 15px 0 10px 0;
  padding: 0 0 0 5px;
  line-height: 1;
  clear: both; }

#CMS_GuideView ._body ._btn_back {
  display: block;
  float: left;
  background: #66cc00;
  color: #fff;
  font-size: 12px;
  padding: 3px 7px;
  margin: 0 5px 0 0;
  border-radius: 10px;
  cursor: pointer; }

#CMS_GuideView ._body b {
  background: #ffc;
  padding: 0 4px;
  /*border-bottom: 2px solid rgba(102, 204, 0, 0.2);*/ }

#CMS_GuideView ._body a {
  font-weight: bold; }

#CMS_GuideView ._body table {
  margin: 5px; }

#CMS_GuideView ._body th {
  background: #66cc00;
  color: #fff;
  padding: 5px 5px 2px 5px;
  line-height: 1.2;
  font-size: 10px; }

#CMS_GuideView ._body td {
  border-top: 2px solid #ffe;
  padding: 10px 5px;
  background: #F4FBDD; }

#CMS_GuideView ._body td._cell-id {
  color: #44aa00;
  white-space: nowrap;
  font-weight: bold; }

#CMS_GuideView ._body ul {
  margin: 0.5em 0 0.5em 3em; }

#CMS_GuideView ._body li {
  list-style-type: disc; }

#CMS_GuideView ._color-file {
  color: #4A66A0; }

#CMS_GuideView ._color-help {
  color: #66cc00; }

#CMS_GuideView ._slider {
  position: relative;
  width: 800px;
  height: 490px;
  position: absolute; }

#CMS_GuideView ._slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }

#CMS_GuideView ._cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px; }

#CMS_GuideView ._btn_prev {
  position: absolute;
  top: 0;
  left: 280px;
  padding: 8px 30px;
  background: #66cc00;
  color: #fff;
  border-radius: 5px; }

#CMS_GuideView ._btn_next {
  position: absolute;
  top: 0;
  right: 280px;
  padding: 8px 30px;
  background: #66cc00;
  color: #fff;
  border-radius: 5px; }

#CMS_GuideView ._btn_prev.ng {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

#CMS_GuideView ._btn_next.ng {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

#CMS_GuideView ._pageNo {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 10px 0 0 0;
  width: 100px;
  margin: 0 0 0 -50px;
  text-align: center;
  color: #66cc00; }

#CMS_GuideView ._notes {
  color: #999; }

#CMS_GuideView ._box {
  padding: 10px;
  margin: 5px 0;
  background: #F4FBDD;
  border-radius: 5px;
  color: #996; }

#CMS_GuideView ._box ._box {
  background: #ffffee; }

#CMS_GuideView ._box ._box {
  background: #ffffee; }

#CMS_GuideView ._input {
  color: #333;
  margin: 5px 0;
  padding: 5px;
  background: #fff;
  border-left: 1px solid #ddd;
  border-top: 2px solid #ddd;
  border-radius: 5px; }

#CMS_GuideView ._toggle-body {
  padding: 0 0 30px 0; }

#CMS_GuideView ._slide img {
  border: 1px solid #ddd;
  margin: 0; }

#CMS_GuideView ._body img {
  border: 1px solid #ddd;
  margin: 10px 0;
  display: block; }

#CMS_GuideView ._body img._no-br {
  border: none;
  margin: 10px 0; }

#CMS_GuideView ._body img.left {
  float: left;
  margin: 0 10px 10px 0; }

#CMS_GuideView ._body img.right {
  float: right;
  margin: 0 0 10px 10px; }

._btn_guide_block_dark {
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  line-height: 1.2; }

._btn_guide_block_dark i {
  color: #80FF00; }

._btn_guide_block_dark:hover {
  color: #80FF00; }

._btn_guide_block_header {
  cursor: pointer;
  color: #80FF00; }

._btn_guide_block_light {
  display: inline-block;
  padding: 2px;
  color: #66cc00;
  cursor: pointer;
  line-height: 1.2;
  font-size: 12px; }

._btn_guide_block_light:hover {
  background: #ffc; }

._btn_guide_block_light._big {
  font-size: 16px; }

._btn_guide_block_light._blue {
  font-size: 14px; }

._btn_guide_block_light i {
  color: #66cc00; }

._btn_guide_block_light:hover {
  color: #66cc00; }

/* ! ---------- TreeViewMakerView ---------- ---------- ---------- ---------- */
#TreeViewMakerView {
  font-size: 12px; }

#TreeViewMakerView._modalView ._header {
  height: 50px; }

#TreeViewMakerView._modalView ._body {
  top: 50px;
  left: 0;
  right: 0; }

#TreeViewMakerView._modalView ._body > ._replaceArea {
  padding: 0; }

#TreeViewMakerView ._previewArea ._p {
  font-size: 12px; }

#TreeViewMakerView ._editerArea ._p {
  font-size: 12px;
  line-height: 1.4; }

#TreeViewMakerView > ._inner {
  padding: 20px; }

#TreeViewMakerView ._editerArea ._h2 {
  font-size: 18px;
  font-weight: bold; }

#TreeViewMakerView ._editerArea ._h2 {
  padding: 0 0 5px 0;
  margin: 0 0 5px 0; }

#TreeViewMakerView ._editerArea ._h3 {
  border-bottom: 4px solid #e7ebf2;
  font-size: 14px;
  padding: 3px 0;
  margin: 15px 0 10px;
  font-weight: bold; }

#TreeViewMakerView ._header ._title {
  float: left; }

#TreeViewMakerView ._header ._dirSelectArea {
  float: right; }

#TreeViewMakerView ._header ._selectSet {
  background: #ffe;
  border-radius: 5px;
  border: 1px solid #e7ebf2;
  padding: 3px 3px 3px 10px;
  margin: -2px 0 0 5px;
  line-height: 1; }

#TreeViewMakerView ._header ._selectSet > div {
  float: left; }

#TreeViewMakerView ._header ._floatLeft {
  float: left; }

#TreeViewMakerView ._header ._matchPageCount {
  background: #ff8; }

#TreeViewMakerView ._header ._targetDir {
  margin: 7px 10px 0 0; }

#TreeViewMakerView ._header ._targetDir b {
  background: #ff8; }

#TreeViewMakerView ._header ._dirListArea {
  position: relative; }

#TreeViewMakerView ._header ._dirListBtn {
  border-radius: 5px;
  padding: 7px 7px;
  background: #fff;
  background: #4A66A0;
  color: #fff;
  cursor: pointer; }

#TreeViewMakerView ._header ._dirListBtn:hover {
  color: #ffc; }

#TreeViewMakerView ._header ._dirListFuki {
  display: none; }

#TreeViewMakerView ._header ._dirListFuki {
  position: absolute;
  right: 0px;
  width: 200px;
  max-height: 500px;
  top: 25px;
  background: #fff;
  padding: 10px;
  line-height: 1.4; }

#TreeViewMakerView ._header ._dirListFuki {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

#TreeViewMakerView ._header ._dirListFuki ul ul {
  padding: 5px 0 0 10px;
  border-left: 1px solid #ccc; }

#TreeViewMakerView ._header ._dirListFuki ._dir {
  padding: 0px 0 2px 0;
  font-weight: bold;
  cursor: pointer; }

#TreeViewMakerView ._header ._dirListFuki ._dir._current {
  background: #ff8; }

#TreeViewMakerView ._header ._dirListFuki ._dir:hover {
  background: #f2f2f2; }

#TreeViewMakerView ._header ._dirListFuki ._dir._current:hover {
  background: #ee8; }

#TreeViewMakerView ._header ._dirListFuki .state {
  color: red;
  font-size: 10px; }

#TreeViewMakerView ._header ._targetTag {
  margin: 7px 10px 0 0;
  min-width: 100px; }

#TreeViewMakerView ._header ._targetTag b {
  background: #ff8; }

#TreeViewMakerView ._header ._tagListArea {
  position: relative; }

#TreeViewMakerView ._header ._tagListBtn {
  border-radius: 5px;
  padding: 7px 7px;
  background: #fff;
  background: #4A66A0;
  color: #fff;
  cursor: pointer; }

#TreeViewMakerView ._header ._tagListBtn:hover {
  color: #ffc; }

#TreeViewMakerView ._header ._tagListFuki {
  display: none; }

#TreeViewMakerView ._header ._tagListFuki {
  position: absolute;
  right: 0px;
  width: 150px;
  max-height: 500px;
  top: 25px;
  background: #fff;
  padding: 10px;
  line-height: 1.4; }

#TreeViewMakerView ._header ._tagListFuki {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

#TreeViewMakerView ._header ._tagListFuki ul ul {
  padding: 5px 0 0 10px;
  border-left: 1px solid #ccc; }

#TreeViewMakerView ._header ._tagListFuki ._tag {
  padding: 0px 0 2px 0;
  font-weight: bold;
  cursor: pointer; }

#TreeViewMakerView ._header ._tagListFuki ._tag._current {
  background: #ff8; }

#TreeViewMakerView ._header ._tagListFuki ._tag:hover {
  background: #f2f2f2; }

#TreeViewMakerView ._header ._tagListFuki ._tag._current:hover {
  background: #ee8; }

#TreeViewMakerView ._editerArea {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 47%;
  height: 100%;
  overflow-y: scroll; }

#TreeViewMakerView ._editerArea ._inner {
  padding: 20px 20px 20px 20px; }

#TreeViewMakerView ._layout th {
  padding: 10px;
  font-weight: bold; }

#TreeViewMakerView ._layout td {
  padding: 10px; }

#TreeViewMakerView ._levelTable {
  margin: 5px 0 5px 0;
  border-top: 1px solid #e7ebf2;
  border-left: 1px solid #e7ebf2; }

#TreeViewMakerView ._levelTable {
  line-height: 1; }

#TreeViewMakerView ._levelTable th {
  background: #F3F5F8;
  padding: 5px 5px; }

#TreeViewMakerView ._levelTable th._tree {
  padding: 0 5px 0 5px; }

#TreeViewMakerView ._levelTable th {
  font-size: 10px;
  vertical-align: baseline; }

#TreeViewMakerView ._levelTable td {
  background: #ffe;
  padding: 2px; }

#TreeViewMakerView ._levelTable th,
#TreeViewMakerView ._levelTable td {
  border-bottom: 1px solid #e7ebf2;
  border-right: 1px solid #e7ebf2; }

#TreeViewMakerView ._levelTable tr._disable td {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }

#TreeViewMakerView ._levelTable input {
  font-size: 12px;
  border: none;
  padding: 4px 2px; }

#TreeViewMakerView ._levelTable ._pd {
  padding: 8px 0 0 8px; }

#TreeViewMakerView input._dir,
#TreeViewMakerView input._page,
#TreeViewMakerView input._add {
  width: 90px; }

#TreeViewMakerView input._html {
  width: 50px; }

#TreeViewMakerView ._presets {
  background: #F3F5F8;
  background: #ffe;
  border-bottom: 1px solid #e7ebf2;
  padding: 10px 10px 10px 20px; }

#TreeViewMakerView ._presets {
  margin: -20px -20px 0 -20px; }

#TreeViewMakerView ._optionTable {
  margin: 5px 0;
  border-top: 1px solid #e7ebf2;
  line-height: 1.2; }

#TreeViewMakerView ._optionTable th {
  padding: 6px 4px 0 5px;
  border-bottom: 1px solid #e7ebf2;
  background: #ffe; }

#TreeViewMakerView ._optionTable td {
  padding: 6px 4px;
  border-bottom: 1px solid #e7ebf2; }

#TreeViewMakerView ._optionTable .sm {
  color: #888; }

#TreeViewMakerView ._read {
  line-height: 1.4;
  margin: 5px 0 5px 0; }

#TreeViewMakerView ._previewArea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 53%;
  height: 100%;
  background: #e7ebf2; }

#TreeViewMakerView ._previewArea ._inner {
  position: absolute;
  top: 60px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

#TreeViewMakerView ._previewViewTitle {
  position: absolute;
  top: 40px;
  left: 15px;
  font-weight: bold; }

#TreeViewMakerView ._previewTextTitle {
  position: absolute;
  top: 40px;
  left: 50%;
  font-weight: bold; }

#TreeViewMakerView ._pageSelectArea {
  position: absolute;
  top: 10px;
  left: 15px;
  right: 10px; }

#TreeViewMakerView ._pageURL {
  float: left; }

#TreeViewMakerView ._pageURL b {
  font-size: 14px;
  background: rgba(255, 255, 0, 0.5); }

#TreeViewMakerView ._pageListBtn {
  float: right;
  margin: -2px 0 0 0; }

#TreeViewMakerView ._pageListBtn {
  border-radius: 5px;
  padding: 7px 10px;
  background: #fff;
  background: #4A66A0;
  color: #fff;
  cursor: pointer; }

#TreeViewMakerView ._pageListBtn:hover {
  color: #ffc; }

#TreeViewMakerView ._pageListFuki {
  display: none; }

#TreeViewMakerView ._pageListFuki {
  position: absolute;
  top: 25px;
  right: 0px;
  width: 200px;
  max-height: 500px;
  background: #fff;
  padding: 10px;
  line-height: 1.4; }

#TreeViewMakerView ._pageListFuki {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

#TreeViewMakerView ._pageListFuki ul ul {
  padding: 0 0 0 10px;
  border-left: 1px solid #ccc; }

#TreeViewMakerView ._pageListFuki ._dir {
  padding: 10px 0 2px 0;
  font-weight: bold;
  color: #888; }

#TreeViewMakerView ._pageListFuki ._page {
  padding: 2px 0;
  cursor: pointer; }

#TreeViewMakerView ._pageListFuki ._page._current {
  background: #ff8; }

#TreeViewMakerView ._pageListFuki ._page:hover {
  background: #f2f2f2; }

#TreeViewMakerView ._pageListFuki ._page:hover._current {
  background: #ee8; }

#TreeViewMakerView ._pageListFuki ._state {
  color: red;
  font-size: 10px; }

#TreeViewMakerView ._pageListFuki ._path {
  font-size: 10px;
  color: #ccc; }

#TreeViewMakerView ._previewView {
  float: left;
  width: 50%;
  height: 100%;
  overflow-y: scroll; }

#TreeViewMakerView ._previewView {
  background: #fff; }

#TreeViewMakerView ._previewView_inner {
  padding: 10px; }

#TreeViewMakerView ._previewText {
  float: right;
  width: 50%;
  height: 100%; }

#TreeViewMakerView ._previewText textarea {
  color: #888;
  width: 100%;
  height: 100%;
  background: #eee;
  border: none;
  padding: 0; }

#TreeViewMakerView ._previewText textarea {
  font-size: 12px;
  overflow: scroll; }

._previewTreeView {
  line-height: 1.2; }

._previewTreeView ._ownCurrent {
  background: rgba(255, 255, 0, 0.05);
  border: 1px solid #ee8; }

._previewTreeView ._ownCurrent ._ownCurrent {
  background: rgba(255, 255, 0, 0.1);
  border: 1px solid #ee8; }

._previewTreeView ._current {
  background: rgba(255, 255, 0, 0.5); }

._previewTreeView ._underconst,
._previewTreeView a {
  text-decoration: none; }

._previewTreeView a:hover {
  text-decoration: underline; }

._previewTreeView ._underconst a {
  color: #888;
  text-decoration: none; }

._previewTreeView ul ul {
  margin: 2px -1px 10px 5px; }

._previewTreeView ul ul {
  border-left: 1px solid #ccc;
  padding: 0 0 0 10px; }

._previewTreeView li {
  padding: 2px; }

._previewTreeView li._type-dir-toggle > a:first-child {
  background: #ffc;
  cursor: pointer; }

._previewTreeView li._type-dir-toggle > a:first-child:hover {
  background: #ff8; }

/* ! ---------- TreeViewMakerViewEditor ---------- ---------- ---------- ---------- */
#TreeViewMakerViewEditor {
  position: absolute;
  width: 210px;
  top: 300px;
  left: 50px;
  background: #4A66A0;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  color: #6FF; }

#TreeViewMakerViewEditor textarea {
  width: 100%;
  height: 80px; }

#TreeViewMakerViewEditor ._presets {
  font-size: 12px;
  margin: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

#TreeViewMakerViewEditor ._btn_preset {
  padding: 2px 2px;
  margin: 1px;
  display: inline-block;
  cursor: pointer; }

#TreeViewMakerViewEditor ._btn_preset:hover {
  background: #4A66A0; }

#TreeViewMakerViewEditor ._btn_rep_id {
  padding: 4px 5px;
  margin: 1px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.1);
  font-size: 10px;
  cursor: pointer; }

#TreeViewMakerViewEditor ._btn_rep_id:hover {
  background: rgba(255, 255, 255, 0.2); }

#TreeViewMakerViewEditor ._btn_close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: url(../images/btn_closes.png);
  background-position: -67px -1px;
  z-index: 1; }

#TreeViewMakerViewEditor ._snippets ._title {
  margin: 5px 0;
  font-size: 10px; }

#TreeViewMakerViewEditor ._snippets ._inner {
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.2); }

#TreeViewMakerViewEditor ._snippets ._inner {
  display: none; }

#TreeViewMakerViewEditor ._snippets:hover ._inner {
  display: block; }

#TreeViewMakerViewEditor ._p {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 10px; }

#TreeViewMakerViewEditor {
  z-index: 10010; }

#TreeViewMakerView ._header ._dirListFuki {
  z-index: 10; }

#TreeViewMakerView ._header ._tagListFuki {
  z-index: 10; }

#TreeViewMakerView ._pageListFuki {
  z-index: 10; }

/* ! ---------- SitemapEditView ---------- ---------- ---------- ---------- */
#SitemapEditView {
  line-height: 1; }

#SitemapEditView table._mainList {
  font-size: 12px;
  background: #F3F5F8; }

#SitemapEditView table._mainList th {
  background: #e7ebf2;
  padding: 5px;
  border-top: 1px solid #fff;
  vertical-align: middle;
  text-align: center; }

#SitemapEditView table._mainList td {
  padding: 0px 4px;
  vertical-align: middle; }

#SitemapEditView ._tree {
  font-size: 34px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  line-height: 1; }

#SitemapEditView tr._dir > td {
  border-top: 1px solid #fff; }

#SitemapEditView tr._page > td {
  border-top: 1px solid #fff; }

#SitemapEditView input {
  font-size: 12px;
  margin: 0 0 4px 0; }

#SitemapEditView input._dir {
  text-decoration: underline; }

#SitemapEditView input._in_id {
  color: blue;
  text-decoration: underline; }

#SitemapEditView input._in_name {
  color: #4A66A0;
  font-size: 12px;
  font-weight: bold; }

#SitemapEditView input._in_name {
  width: 300px; }

#SitemapEditView input._in_id {
  width: 150px; }

#SitemapEditView input._in_tag {
  width: 200px; }

#SitemapEditView input._in_date {
  width: 100px; }

#SitemapEditView._modalView ._modalBox {
  left: 30px;
  right: 30px; }

@media screen and (max-width: 1200px) {
  #SitemapEditView input._in_name {
    width: 250px; }
  #SitemapEditView input._in_id {
    width: 150px; }
  #SitemapEditView input._in_tag {
    width: 150px; } }

@media screen and (max-width: 1100px) {
  #SitemapEditView input._in_name {
    width: 200px; }
  #SitemapEditView input._in_id {
    width: 150px; }
  #SitemapEditView input._in_tag {
    width: 100px; } }

#SitemapEditView ._anno {
  width: 150px; }

#SitemapEditView ._red {
  color: red; }

#SitemapEditView .level-0 b {
  display: inline-block;
  font-size: 18px; }

#SitemapEditView table._mainList .level-0 td {
  padding: 5px 0 5px 5px; }

#SitemapEditView ._editFile_dir_wap {
  font-size: 12px;
  width: 120px;
  font-weight: bold;
  color: #4A66A0;
  padding: 6px 2px 4px 5px;
  background: #ffe;
  display: inline-block;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  cursor: pointer; }

#SitemapEditView ._editFile_dir_wap:hover {
  background: #ffc; }

#SitemapEditView ._editFile_dir {
  display: inline-block;
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  color: blue;
  text-decoration: underline;
  text-overflow: ellipsis; }

/* ! ---------- EmbedTagListView ---------- ---------- ---------- ---------- */
#EmbedTagListView ._modalBox {
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -300px;
  margin-top: -400px;
  width: 600px;
  height: 800px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

#EmbedTagListView._modalView ._body {
  top: 80px; }

#EmbedTagListView th {
  padding: 4px;
  white-space: nowrap;
  width: 200px; }

#EmbedTagListView td {
  padding: 4px; }

#EmbedTagListView ._tabs {
  position: absolute;
  top: 40px;
  left: 0px;
  right: 0px;
  padding: 10px 10px 0 10px;
  background: #e7ebf2; }

#EmbedTagListView ._tabs:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#EmbedTagListView ._tabs ._tab {
  float: left;
  border: 1px solid #d1d9e6;
  border-bottom: none;
  padding: 10px 20px 5px 20px;
  line-height: 1;
  border-radius: 5px 5px 0 0;
  background: #ffffee;
  margin: 0 5px 0 0;
  cursor: pointer;
  color: #fff;
  background: #4A66A0; }

#EmbedTagListView ._tabs ._tab._active {
  color: #4A66A0;
  background: #fff; }

#EmbedTagListView ._note {
  color: #888;
  margin: 10px 0 10px 0; }

#EmbedTagListView mark {
  background: #ff8;
  color: inherit; }

#EmbedTagListView ._area_my ._tag_h2 {
  background: #4A66A0;
  margin: 20px 0 10px 0;
  color: #fff;
  padding: 10px 5px 10px 10px;
  font-weight: bold;
  border-radius: 2px; }

#EmbedTagListView ._area_my ._tag_title {
  margin: 20px 0 10px 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  border-bottom: 2px solid #dbe1eb; }

#EmbedTagListView ._area_my ._rep_id {
  display: inline-block;
  font-size: 12px;
  color: #ff8;
  background: #222;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

#EmbedTagListView ._area_my ._rep_id:hover {
  background: #444;
  color: #fff; }

#EmbedTagListView ._localarea {
  padding: 20px;
  background: #ffe; }

#EmbedTagListView ._area_page ._tag_title {
  margin: 20px 0 10px 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  border-bottom: 2px solid #dbe1eb; }

#EmbedTagListView ._area_page ._rep_id {
  display: inline-block;
  font-size: 12px;
  background: #4A66A0;
  color: #00ffff;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 1px 1px 3px rgba(74, 102, 160, 0.4); }

#EmbedTagListView ._area_page ._rep_id:hover {
  background: #444;
  color: #fff; }

#EmbedTagListView ._area_file ._tag_title {
  margin: 40px 0 10px 0;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  border-left: 5px solid #4A66A0; }

#EmbedTagListView ._area_file ._sample {
  line-height: 1.4;
  background: #333;
  color: #fff;
  padding: 10px;
  margin: 1em;
  border-radius: 2px; }

/* ! ---------- ServerInfoView ---------- ---------- ---------- ---------- */
#ServerInfoView ._modalBox {
  left: 50%;
  top: 50%;
  margin-left: -450px;
  margin-top: -330px;
  width: 900px;
  height: 660px; }

#ServerInfoView ._p {
  line-height: 1.4;
  margin: 1em 0; }

#ServerInfoView ._anno {
  color: red; }

#ServerInfoView ._h2 {
  margin: 20px 0 10px 0;
  padding: 7px;
  background: #4A66A0;
  color: #fff;
  font-weight: bold; }

#ServerInfoView iframe {
  border: 1px solid #ddd;
  width: 100%;
  height: 250px; }

/* ! ---------- #AddElements ---------- ---------- ---------- ---------- */
#AddElements {
  position: absolute;
  width: 110px;
  left: 0;
  bottom: 10px;
  height: 40px;
  z-index: 10; }

#AddElements:before {
  content: "";
  position: absolute;
  top: -2px;
  left: 8px;
  height: 44px;
  background: rgba(255, 255, 255, 0.8); }

#AddElementsArrow {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 10px;
  background: #4A66A0;
  color: #0ff;
  font-size: 12px;
  width: 125px;
  line-height: 40px; }

#AddElementsArrow ._icon {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px; }

#AddElementsArrow ._text {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 40px;
  height: 40px; }

#AddElementsArrowClose {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 10px;
  background: #3b85b3;
  color: #0ff;
  font-size: 12px;
  line-height: 40px;
  text-align: center;
  width: 40px; }

body._showAddPanel #AddElements {
  width: 740px; }

/* ! ---------- #AddElementsView ---------- ---------- ---------- ---------- */
#AddElementsView {
  display: none;
  position: absolute;
  top: 0;
  left: 50px;
  width: 390px;
  background: #4A66A0;
  height: 40px;
  transition-duration: 0.2s;
  font-size: 14px;
  line-height: 1; }
  #AddElementsView.hover {
    width: 780px;
    left: -40px;
    height: 165px;
    top: -115px;
    border: 1px solid #fff; }
  #AddElementsView ._mouseArea {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 40px; }
  #AddElementsView ._core {
    position: absolute;
    height: 165px;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition-duration: 0.2s; }
  #AddElementsView.hover ._core {
    width: 1000px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  #AddElementsView.hover ._text_block_add {
    display: none; }
  #AddElementsView ._btn {
    float: left; }
  #AddElementsView ._btn:first-child {
    margin-top: -7px; }
  #AddElementsView ._text_block_add {
    position: absolute;
    top: 0px;
    height: 40px; }
  #AddElementsView ._help-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #80FF00;
    padding: 3px 6px 3px 5px;
    border-radius: 0 0 0 5px; }
  #AddElementsView ._help-icon:hover {
    color: #4A66A0;
    background: #80FF00; }

#AddElementsBtnSet {
  display: none;
  position: absolute;
  left: 445px;
  height: 40px;
  font-size: 14px;
  line-height: 1; }
  #AddElementsBtnSet ._btn {
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    color: #fff;
    text-align: center;
    background: #4A66A0;
    height: 40px;
    cursor: pointer; }
  #AddElementsBtnSet ._help-icon {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #80FF00;
    padding: 3px 6px 3px 5px; }
  #AddElementsBtnSet ._help-icon:hover {
    color: #4A66A0;
    background: #80FF00; }

._showAddPanel #AddElementsArrow {
  display: none; }

._showAddPanel #AddElementsArrowClose {
  display: block; }

._showAddPanel #AddElementsView {
  display: block; }

._showAddPanel #AddElementsBtnSet {
  display: block; }

/* ! ---------- Float_DateInputView ---------- ---------- ---------- ---------- */
#Float_DateInputView {
  position: fixed;
  top: 100px;
  left: 100px;
  background: #4A66A0;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.8);
  color: #6FF; }

#Float_DateInputView ._body {
  padding: 5px; }

#Float_DateInputView ._btn_close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 23px;
  height: 23px;
  cursor: pointer;
  background: url(../images/btn_closes.png);
  background-position: -67px -1px; }

/* ! ---------- #Float_PreviewFull ---------- ---------- ---------- ---------- */
#Float_Preview ._title {
  font-size: 14px;
  font-weight: bold; }

#Float_Preview ._gID {
  font-size: 12px; }

#Float_Preview ._m {
  color: #23CACA;
  color: #999; }

#Float_PreviewTab {
  transition-duration: 0.1s; }

#Float_PreviewTab {
  position: fixed;
  top: 0px;
  background: #4A66A0;
  font-size: 11px;
  color: #0ff; }

#Float_PreviewTab ._inner {
  padding: 5px 10px 7px 5px; }

#Float_PreviewMini {
  transition-duration: 0.1s; }

#Float_PreviewMini {
  min-width: 250px;
  position: fixed;
  top: 100px;
  background: #fff;
  font-size: 10px;
  line-height: 1.4;
  color: #4A66A0;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(74, 102, 160, 0.4); }

#Float_PreviewMini ._fuki {
  padding: 10px; }

#Float_PreviewMini ._btn_preview_open {
  background: #4A66A0;
  color: #00ffff;
  padding: 5px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 0 0; }

#Float_PreviewFull {
  position: fixed;
  top: 40px;
  bottom: 0px;
  background: #444;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4) inset;
  font-size: 10px;
  line-height: 1.6;
  color: #ccc; }

#Float_PreviewFull ._arrow {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 10px;
  height: 5px;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-right: 5px solid #222; }

#Float_PreviewFull ._zoomArea {
  padding: 10px 0 0 15px;
  font-size: 12px;
  color: #999; }

#Float_PreviewFull ._zoomArea:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#Float_PreviewFull ._zoomArea ._btnSet {
  float: left;
  margin: 0 10px 0 0; }

#Float_PreviewFull ._inner {
  position: absolute;
  top: 35px;
  left: 15px;
  right: 15px;
  bottom: 55px; }

#Float_PreviewFull ._inner ._infoArea {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100px; }

#Float_PreviewFull ._inner ._infoArea ._title {
  font-size: 16px;
  line-height: 1.2; }

#Float_PreviewFull ._inner ._iframeArea {
  position: absolute;
  top: 100px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

#Float_PreviewFull ._inner ._iframeArea:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#Float_PreviewFull ._inner ._iframeDiv {
  height: 100%;
  float: left; }

#Float_PreviewFull ._inner ._iframeDiv iframe {
  width: 100%;
  height: 100%;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -ms-transform: scale(1);
  transform: scale(1); }

#Float_PreviewFull ._btn_preview_close {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  background: #ccc;
  color: #000;
  padding: 7px;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 0 0; }

#codeFrame {
  width: 100%; }

/* ! ---------- FreeLayoutInfoView ---------- ---------- ---------- ---------- */
#FreeLayoutInfoView {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px; }

#FreeLayoutInfoView {
  z-index: 1000; }

#FreeLayoutInfoView {
  background: #e7ebf2;
  color: #4A66A0;
  padding: 8px;
  box-sizing: border-box;
  font-size: 14px;
  min-width: 60px;
  border: 1px solid #c2cfe0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px; }

#FreeLayoutInfoView ._inner {
  padding: 10px 0 0 0; }

#FreeLayoutInfoView ._item {
  border-top: 1px solid #ddd;
  padding: 8px;
  cursor: pointer; }

#FreeLayoutInfoView ._item:hover {
  background: rgba(255, 255, 255, 0.5); }

#FreeLayoutInfoView ._item._disable {
  cursor: normal;
  color: #888; }

#FreeLayoutInfoView ._item._disable:hover {
  background: none; }

#FreeLayoutInfoView ._block_btn {
  display: inline-block;
  background: #4A66A0;
  color: #fff;
  padding: 4px 6px;
  border-radius: 2px; }

#FreeLayoutInfoView ._item-title {
  border-top: 1px solid #ddd;
  padding: 8px; }

#FreeLayoutInfoView ._item-body {
  margin: 0 0 5px 10px;
  padding: 0 0 0 5px; }

#FreeLayoutInfoView ._item-body ._item {
  padding: 5px;
  border-top: none; }

#FreeLayoutInfoView ._note {
  margin: 5px 0 0 0;
  line-height: 1.4;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  font-size: 12px; }

#FreeLayoutInfoView kbd {
  float: right;
  background: rgba(54, 105, 161, 0.15);
  margin-left: 5px; }

/* ! ---------- tooltip ---------- ---------- ---------- ---------- */
._input-with-btns {
  position: relative;
  line-height: 1; }

._input-with-btns ._btns {
  position: absolute;
  bottom: 2px;
  right: 2px;
  text-align: right; }

._input-with-btns._input-textarea ._btns {
  bottom: 4px; }

._input-with-btns ._btn_input {
  display: inline-block;
  background: #4A66A0;
  color: #6FF;
  padding: 5px 8px;
  font-size: 12px;
  border-radius: 2px;
  cursor: pointer; }

._input-with-btns ._btn_input:hover {
  background: #6a93e8; }

._input-with-btns ._btn_input-red {
  background: red;
  color: #fff; }

#ImageMapInspectView ._input-with-btns ._btn_input {
  background: #666;
  color: #fff; }

._checkboxs {
  margin: 0 0;
  font-size: 12px; }

._checkboxs ._checkboxs_inner {
  border: 1px solid #e7ebf2;
  display: inline-block;
  border-radius: 5px; }

._checkboxs ._m {
  display: inline-block;
  padding: 7px 5px;
  margin: 0 2px 2px 0; }

._checkboxs ._checkbox {
  display: inline-block;
  padding: 7px 5px;
  cursor: pointer;
  background: #ffffee; }

._checkboxs ._checkbox._active {
  background: #4A66A0;
  color: #e7ebf2; }

/* ! ---------- 注釈 ---------- ---------- ---------- ---------- */
[data-tooltip] {
  position: relative;
  z-index: 20; }

[data-tooltip]:after {
  position: absolute;
  top: -25px;
  left: -5px;
  display: none;
  height: 17px;
  padding: 7px 4px 0 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  content: attr(data-tooltip);
  white-space: nowrap;
  background: #fff; }

[data-tooltip]:hover:after {
  display: block; }

[data-tooltip2] {
  position: relative; }

[data-tooltip2]:after {
  position: absolute;
  top: -30px;
  left: -30px;
  display: none;
  height: 17px;
  padding: 7px 4px 0 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  content: attr(data-tooltip2);
  white-space: nowrap;
  background: #fff; }

[data-tooltip2]:hover:after {
  display: block; }

/* ! ---------- ショートカットキー ---------- ---------- ---------- ---------- */
kbd {
  display: inline-block;
  padding: 3px 4px 1px 4px;
  border-radius: 2px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  font-size: 10px;
  line-height: 1;
  background: #e7ebf2;
  color: #4A66A0;
  font-weight: bold; }

[data-ks-bottom], [data-ks-top], [data-ks-right] {
  position: relative; }

[data-ks-bottom]:before,
[data-ks-top]:before,
[data-ks-right]:before {
  display: none;
  position: absolute;
  padding: 3px 4px 1px 4px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  font-size: 10px;
  min-width: 45px;
  line-height: 1;
  background: #e7ebf2;
  color: #4A66A0;
  font-weight: bold;
  z-index: 100000; }

[data-ks-top]:before {
  top: -16px;
  left: -3px;
  content: attr(data-ks-top); }

[data-ks-bottom]:before {
  top: -8px;
  left: -3px;
  content: attr(data-ks-bottom); }

[data-ks-right]:before {
  top: 5px;
  left: -100%;
  content: attr(data-ks-right); }

[data-ks-bottom]:hover:before,
[data-ks-top]:hover:before,
[data-ks-right]:hover:before {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ! ---------- #InspectView ---------- ---------- ---------- ---------- */
#InspectView {
  width: 210px;
  line-height: 1; }

#InspectView {
  display: none;
  position: fixed;
  top: 300px;
  background: #4A66A0;
  border-radius: 5px;
  color: #0FF;
  font-size: 12px;
  cursor: pointer;
  border-top: 1px solid rgba(0, 255, 255, 0.5);
  border-left: 1px solid rgba(0, 255, 255, 0.5);
  box-shadow: 1px 1px 5px rgba(51, 102, 153, 0.4); }

#InspectView:hover {
  box-shadow: 1px 3px 5px rgba(51, 102, 153, 0.6); }

#InspectView ._btn_close {
  position: absolute;
  top: 3px;
  right: 3px;
  color: #fff;
  font-size: 12px;
  background: #4A66A0;
  padding: 2px;
  color: #00ffff;
  border-radius: 10px;
  cursor: pointer; }

#InspectView ._btn_close:hover {
  color: #fff; }

#InspectView ._header {
  cursor: move;
  height: 25px; }

#InspectView ._header ._dragBar {
  position: absolute;
  top: 7px;
  left: 10px;
  right: 5px;
  height: 12px;
  background: url("../images/bg_dragbar.png") center center repeat-x;
  display: inline-block;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#InspectView ._header:hover ._dragBar {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#InspectView ._header ._title {
  position: absolute;
  display: inline-block;
  padding: 7px 4px 0 7px;
  background: #4A66A0;
  border-radius: 5px 5px 0 0; }

#InspectView ._header ._t0 {
  font-size: 12px;
  color: rgba(0, 255, 255, 0.5); }

#InspectView ._header ._t1 {
  font-size: 12px;
  font-weight: bold; }

#InspectView ._header ._t2 {
  font-size: 10px; }

#InspectView ._preview {
  padding: 3px;
  background: #3C5792;
  border-top: 2px solid #0ff; }

#InspectView ._miniPreviw {
  line-height: 1.2;
  font-weight: normal;
  font-size: 12px;
  height: 42px;
  overflow: hidden;
  color: rgba(0, 255, 255, 0.5); }

#InspectView ._miniPreviw:hover {
  color: cyan; }

#InspectView ._footer {
  background: #3C5792;
  padding: 2px 0 2px 0;
  border-top: 1px dotted #7b99d4;
  border-radius: 0 0 10px 10px; }

#InspectView ._footer table {
  margin: 0 auto;
  width: 195px; }

#InspectView ._footer table td {
  padding: 0; }

#InspectView ._guide_btn {
  position: absolute;
  top: 8px;
  right: 8px; }

#InspectView input {
  font-size: 14px; }

#InspectView textarea {
  font-size: 12px;
  line-height: 1.4; }

#InspectView table {
  width: 100%; }

#InspectView table._mainlayout th,
#InspectView table._mainlayout td {
  padding: 2px 1px; }

#InspectView table._mainlayout tr:first-child th,
#InspectView table._mainlayout tr:first-child td {
  border: none; }

#InspectView th {
  width: 50px; }

#InspectView tr {
  text-align: left; }

#InspectView table._nonelayout {
  background: red; }

#InspectView input {
  width: 100%; }

#InspectView input._main {
  font-weight: bold; }

#InspectView input._sub {
  font-size: 12px; }

#InspectView select._link_tar {
  background: #6FF; }

#InspectView textarea {
  width: 100%;
  height: 40px; }

#InspectView textarea._in_data {
  height: 80px; }

#InspectView textarea._style {
  height: 54px; }

#InspectView input.readonly {
  background: #657fb3;
  color: #0FF; }

#InspectView ._in_data_img {
  min-width: 20px;
  min-height: 20px;
  margin: 3px 5px 0 0; }

#InspectView ._in_data_img img {
  max-width: 55px;
  max-height: 40px;
  border: 4px solid yellow; }

#InspectView ._in_data_img_t {
  display: inline-block;
  color: yellow;
  text-decoration: underline;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis; }

#InspectView ._wide_preset {
  background: #ff0; }

#InspectView ._mode_switch {
  height: 270px; }

#InspectView ._mode_switch_body {
  padding: 0 0 5px 5px; }

#InspectView ._mode_switch_body_hr {
  border-top: 1px solid #00ffff;
  height: 1px;
  margin: 7px -5px; }

#InspectView ._btn_mode {
  position: relative;
  padding: 5px 0;
  height: 30px; }

#InspectView ._btn_mode span {
  position: absolute;
  display: block;
  top: -2px;
  right: 5px; }

#InspectView ._btn_mode i {
  color: #ff0; }

#InspectView ._btn_mode i:nth-child(1) {
  display: inline-block; }

#InspectView ._btn_mode i:nth-child(2) {
  display: none; }

#InspectView ._btn_mode._current i:nth-child(1) {
  display: none; }

#InspectView ._btn_mode._current i:nth-child(2) {
  display: inline-block; }

#InspectView ._btn_mode._current {
  color: #ff0;
  font-weight: bold; }

#InspectView ._btn_addStyle {
  margin-top: -21px;
  margin-left: 240px;
  display: inline-block;
  width: 50px;
  height: 20px;
  background: url(../images/icon_plus_css.png?4) left top no-repeat;
  cursor: pointer; }

#InspectView ._btn_addClass {
  margin-top: -22px;
  margin-left: 200px;
  display: inline-block;
  width: 50px;
  height: 20px;
  background: url(../images/icon_plus_class.png?4) left top no-repeat;
  cursor: pointer; }

#InspectView ._row {
  margin: 3px 0; }

#InspectView ._currentClassName {
  font-size: 10px;
  padding: 5px 0 0;
  font-weight: bold; }

#InspectView ._notes {
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 1.4; }

#InspectView ._tabRow1 {
  padding: 0 5px;
  font-weight: normal;
  text-align: center;
  border-bottom: 2px solid #0ff; }

#InspectView ._tabRow1 ul {
  display: table;
  width: 100%; }

#InspectView ._tabRow2 {
  background: rgba(0, 255, 255, 0.7);
  font-weight: normal;
  text-align: center;
  padding: 2px 0 0 25px;
  border-left: 1px solid rgba(54, 105, 161, 0.5);
  border-right: 1px solid rgba(54, 105, 161, 0.5); }

#InspectView ._tabRow2 ul {
  margin: 5px 0 0 0;
  display: table;
  width: 90%; }

#InspectView ._tabItem {
  display: table-cell;
  padding: 10px 0 7px 0;
  background: rgba(0, 255, 255, 0.5);
  color: #0ff;
  color: #3C5792;
  border-radius: 2px 2px 0 0;
  border-right: 1px solid #4A66A0; }

#InspectView ._tabItemOut {
  display: table-cell;
  padding: 8px 0 5px 0;
  background: rgba(54, 105, 161, 0.3);
  color: #0ff;
  border-radius: 2px 2px 0 0; }

#InspectView ._tabItem:hover {
  background: rgba(0, 255, 255, 0.8); }

#InspectView ._tabItem._current {
  background: #0ff; }

#InspectView ._tabItemOut._current {
  background: #4A66A0;
  color: #0ff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#InspectView ._bodyItem {
  position: relative;
  padding: 5px;
  display: none; }

#InspectView ._body {
  min-height: 120px; }

#InspectView ._body_data {
  min-height: 90px; }

#InspectView ._body_css {
  min-height: 45px;
  background: #3C5792;
  border-top: 1px solid #2B4681;
  padding-top: 5px; }

#InspectView ._body_css_class {
  min-height: 120px; }

#InspectView ._body_css_style {
  margin-top: 15px; }

#InspectView ._body_view {
  height: 300px; }

/*#InspectView ._body_id {height: 80px;border-top: 1px dotted #7b99d4;}*/
#InspectView ._body_export {
  height: 340px; }

#InspectView ._body_embed {
  height: 400px; }

#InspectView table._presetTable th {
  padding: 0px 5px 0 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  white-space: nowrap;
  font-size: 10px; }

#InspectView table._presetTable td {
  padding: 1px; }

#InspectView ._selectBox {
  position: relative;
  width: 110px;
  float: right; }

#InspectView ._selectBox ._name {
  font-weight: bold;
  padding: 2px 0; }

#InspectView ._selectBox ._list {
  display: none;
  z-index: 100;
  position: absolute;
  top: 15px;
  left: 0px;
  width: 100px;
  background: #4A66A0;
  background: #0ff;
  padding: 4px;
  border-radius: 2px;
  box-shadow: 0 0 5px #336699; }

#InspectView ._selectBox:hover ._list {
  display: block; }

#InspectView ._btn_heading {
  display: block;
  font-weight: bold;
  border-radius: 2px; }

#InspectView ._btn_heading {
  color: #4A66A0;
  font-size: 12px; }

#InspectView ._btn_heading span {
  padding: 4px 4px;
  display: block; }

#InspectView ._btn_heading._active,
#InspectView ._btn_heading._active:hover {
  background: #4A66A0;
  color: #0ff; }

#InspectView ._btn_heading:hover._active:hover {
  background: #4A66A0;
  color: #0ff; }

#InspectView ._btn_heading:hover {
  background: #9ff; }

#InspectView ._presetArea {
  margin: -2px 0 0 0;
  padding: 8px;
  background: #3572a5; }

#InspectView ._presetError {
  padding: 5px 0;
  line-height: 1.4; }

#InspectView ._presetTitle ._btn_preset {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  float: right; }

#InspectView ._presetTitle ._btn_preset:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#InspectView ._presetSubWapper {
  position: relative; }

#InspectView ._presetSubWapper ._presetSubTitle {
  padding: 5px 0; }

#InspectView ._presetSubWapper ._presetSubs {
  position: absolute;
  top: 0px;
  left: 60px;
  width: 145px;
  background: #4A66A0;
  border: 1px solid #00ffff;
  border-radius: 2px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  padding: 5px 10px 5px 5px;
  z-index: 1;
  display: none; }

#InspectView ._presetSubWapper._current ._presetSubTitle i {
  color: #ff0; }

#InspectView ._presetSubWapper:hover ._presetSubTitle {
  background: #9ff;
  color: #4A66A0; }

#InspectView ._presetSubWapper:hover ._presetSubs {
  display: block; }

#InspectView ._preset_tabs {
  margin: 5px -8px 5px -8px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.5); }

#InspectView ._preset_tabs:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#InspectView ._preset_tab {
  width: 45%;
  margin: 0 0 -1px 3%;
  float: left;
  border: 1px solid rgba(0, 255, 255, 0.5);
  border-bottom: none;
  text-align: center;
  padding: 7px 0;
  background: rgba(0, 255, 255, 0.2); }

#InspectView ._preset_tab._current {
  border-bottom: 1px solid #3572a5;
  padding: 10px 0 4px 0;
  background: none; }

#InspectView ._presetItems ._items_tag {
  display: none; }

#InspectView ._presetItems ._items_common {
  display: none; }

#InspectView ._presetItems ._hr {
  margin: 2px 0;
  height: 1px;
  border-top: 1px dotted rgba(0, 255, 255, 0.5); }

#InspectView ._presetItems ._item {
  position: relative;
  padding: 2px 0; }

#InspectView ._presetItems ._item ._checked {
  display: none; }

#InspectView ._presetItems ._item._current ._checked {
  display: inline; }

#InspectView ._presetItems ._item:hover ._checked {
  display: inline; }

#InspectView ._presetItems ._item:hover ._not_checked {
  display: none; }

#InspectView ._presetItems ._item._current ._not_checked {
  display: none; }

#InspectView ._presetItems ._item._current ._btn_item i {
  color: #ff0; }

#InspectView ._presetItems ._item ._btn_item ._cssName {
  font-size: 10px;
  color: rgba(0, 255, 255, 0.5); }

#InspectView ._presetItems ._item ._btn_edit {
  display: none;
  position: absolute;
  top: 0px;
  right: -8px;
  padding: 3px;
  background: #0ff;
  color: #4A66A0; }

#InspectView ._presetItems ._item:hover ._btn_edit {
  display: block; }

#InspectView ._presetItems ._btn_add {
  margin-top: 8px;
  padding: 5px;
  text-align: center;
  background: rgba(0, 255, 255, 0.2);
  color: #0ff;
  border-radius: 2px; }

#InspectView ._hoverSet {
  position: relative; }

#InspectView ._hoverSet ._hoverItems {
  display: none;
  position: absolute;
  top: -6px;
  left: -1px;
  background: #4967a1;
  box-shadow: 0 0 5px rgba(51, 102, 153, 0.8);
  padding: 5px 0;
  border-radius: 3px; }

#InspectView ._hoverSet ._hoverItems {
  border: 1px dotted #7b99d4; }

#InspectView ._hoverSet:hover ._hoverItems {
  display: block; }

#InspectView ._hoverSet:hover ._hoverItems span {
  display: block; }

body._modalTextEditing #InspectView {
  border: 1px solid #4967a1;
  box-shadow: none; }

body._modalTextEditing #InspectView {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

body._modalTextEditing #InspectView > div {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#InspectView table._step {
  width: auto;
  line-height: 1.2; }

#InspectView table._step th {
  padding: 4px 2px;
  font-size: 12px;
  color: #54BBD2; }

#InspectView table._step ._read {
  padding: 4px 2px;
  font-size: 12px;
  color: #54BBD2; }

#InspectView table._step td {
  padding: 4px 2px; }

#InspectView ._btn_pub {
  background: #0ff;
  color: #4A66A0;
  font-size: 12px;
  padding: 8px 5px 6px 7px;
  border-radius: 5px;
  text-align: center;
  border-bottom: 2px solid #3cc; }

#InspectView ._btn_pub:hover {
  background: yellow; }

#InspectView ._btn_public_path {
  display: inline-block;
  padding: 3px;
  text-decoration: underline; }

#InspectView ._errorText_path {
  color: red;
  padding: 3px; }

#InspectView ._btn_public_delete {
  display: inline-block;
  padding: 0 0 0 5px;
  text-decoration: underline; }

#InspectView input._path {
  color: blue;
  text-decoration: underline;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 2px; }

#InspectView ._editFile_dir_wap,
#InspectView ._editFile_dir {
  background: red; }

#InspectView ._stepNo {
  background: #0ff;
  color: #4A66A0;
  padding: 5px 0;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  margin: -2px 0 0 0; }

#InspectView ._picture {
  border-bottom: 1px dotted #7b99d4;
  padding: 0 0 2px 0;
  margin: 0 0 5px 0; }

#InspectView ._inner {
  height: 160px;
  transition-duration: 0.2s;
  transition-property: height; }

#InspectView ._btn_embed_code {
  padding: 8px 5px;
  text-align: center;
  background: #0ff;
  color: #4A66A0;
  border-radius: 2px; }

#InspectView ._embedLink {
  text-decoration: underline; }

#InspectView ._embedLink:hover {
  color: #ff0; }

/* ! ---------- レスポンシブ ---------- ---------- ---------- ---------- */
#CMS_Header ._header_btns,
#CMS_PagesView,
#CMS_IntroView,
#AddElements,
#CMS_Asset_FilesArea {
  left: 220px; }

#CMS_PageListView,
#CMS_Asset_DirArea,
#CMS_AssetStageClose ._header {
  width: 220px; }

._asset_list ._btn_page,
._listItem ._btn_page,
._listItem ._btn_dir {
  font-size: 12px; }

/*
#CMS_PageListView ._header ._header_title ._title { width: 150px;}
*/
#CMS_Header ._sitename {
  width: 200px; }

@media screen and (max-width: 1100px) {
  #CMS_Header ._header_btns,
  #CMS_PagesView,
  #CMS_IntroView,
  #AddElements,
  #CMS_Asset_FilesArea {
    left: 170px; }
  #CMS_PageListView,
  #CMS_Asset_DirArea,
  #CMS_AssetStageClose ._header {
    width: 170px; }
  /*
	#CMS_PageListView ._header ._header_title ._title { width: 100px;}
	*/
  #CMS_Header ._sitename {
    width: 150px; }
  ._hide_S {
    display: none; }
  ._asset_list ._btn_page,
  ._listItem ._btn_page,
  ._listItem ._btn_dir {
    font-size: 11px; } }

/* ---------- ---------- ---------- */
#Float_PreviewFull,
#Float_PreviewMini {
  left: 215px; }

body._wideNavi #Float_PreviewFull,
body._wideNavi #Float_PreviewMini {
  left: 745px; }

@media screen and (max-width: 1100px) {
  #Float_PreviewFull,
  #Float_PreviewMini {
    left: 165px; } }

/* ---------- ---------- ---------- */
/* 汎用 */
@media screen and (max-width: 1100px) {
  ._cms_wide {
    display: none !important; } }

/* ---------- ---------- ---------- */
/* プレビュー表示時に非表示*/
body._openPreview ._cms_hide_preview {
  display: none; }

/* ! ---------- z-index ---------- ---------- ---------- ---------- */
#CMS_Header {
  z-index: 9500; }

#Float_PreviewTab {
  z-index: 5500; }

#PresetStageView {
  z-index: 3000; }

#InspectView {
  z-index: 4000; }

#AddElementsView {
  z-index: 4100; }

#AddElementsView {
  z-index: 4101; }

#Float_DateInputView {
  z-index: 21000; }

#Float_DateInputView ._btn_close {
  z-index: 21100; }

#CMS_PagesView ._page_header {
  z-index: 9000; }

#TreeViewMakerView {
  z-index: 9000; }

._modalView {
  z-index: 10000; }

#ImageMapView,
#ImageMapInspectView,
#InputCnadidate,
#ColorPickerView {
  z-index: 10000; }

#CMS_PageListBgView {
  z-index: 10000; }

#CMS_AssetStageResizeView {
  z-index: 2000; }

#CMS_SidePreview {
  z-index: 3000; }

#Editer_JSONView,
#Editer_CodeCopyView,
#Editer_TAGView {
  z-index: 30000; }

#GridDetailView {
  z-index: 20000; }

#Anchor_InputView,
#Anchor_BtnView,
#Anchor_PageListView,
#Anchor_TargetListView,
#DirListView {
  z-index: 40000; }

#MiniEditer {
  z-index: 40500; }

#Preset_CSSView {
  z-index: 40700; }

#SimpleToolTip,
#Preset_IconView,
#ServerInfoView,
#BatchPublishView {
  z-index: 50000; }

#EmbedTagListView {
  z-index: 50000; }

#CMS_LOCK {
  z-index: 51000; }

#CMS_LOCK._unlock {
  z-index: 6000; }

#CMS_GuideView {
  z-index: 55000; }

#CMS_AlertView,
#CMS_AlertLockView,
#CMS_ConfirmView,
#CMS_CopyView,
#CMS_InputView,
#CMS_ProccessView,
#CMS_ErrorView {
  z-index: 60000; }

/* ! ---------- spriteseet ---------- ---------- ---------- ---------- */
._icon_dir {
  display: inline-block;
  background: url(../images/icon_dirs.png) 0 0 no-repeat;
  background-position: -1px -1px;
  width: 18px;
  height: 14px; }

._icon_dir._open {
  display: inline-block;
  background: url(../images/icon_dirs.png) 0 0 no-repeat;
  background-position: -2px -32px;
  width: 18px;
  height: 14px; }

._icon_dir_mini {
  display: inline-block;
  background: url(../images/icon_dirs.png) 0 0 no-repeat;
  background-position: -2px -18px;
  width: 14px;
  height: 12px;
  vertical-align: middle; }

._icon_dir_no_sub {
  display: inline-block;
  background: url(../images/icon_dirs.png) 0 0 no-repeat;
  width: 20px;
  height: 14px;
  background-position: -21px -1px; }

._icon_dir_has_sub {
  display: inline-block;
  background: url(../images/icon_dirs.png) 0 0 no-repeat;
  width: 20px;
  height: 14px;
  background-position: -44px -1px; }

._icon_tree {
  background: url("../images/icon_tree.png") top left no-repeat; }

._icon_tree2 {
  background: url("../images/icon_tree2.png") top left no-repeat; }

._icon_tree_dir {
  cursor: pointer; }

._icon_tree_dir:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

._icon_tree_dir._open {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -4px -4px; }

._icon_tree_dir {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -4px -33px; }

._notHasSubDir ._icon_tree_dir._open {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -87px -4px; }

._notHasSubDir ._icon_tree_dir {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -87px -33px; }

._notWrite ._icon_tree_dir._open {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -45px -4px; }

._notWrite ._icon_tree_dir {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -45px -33px; }

._icon_tree_home {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -4px -62px; }

._notWrite ._icon_tree_home {
  display: inline-block;
  width: 36px;
  height: 26px;
  background-position: -45px -62px; }

._notWrite._notHasSubDir ._icon_tree_dir._open {
  width: 36px;
  height: 26px;
  background-position: -132px -4px; }

._notWrite._notHasSubDir ._icon_tree_dir {
  width: 36px;
  height: 26px;
  background-position: -132px -33px; }

/* ---------- ---------- ---------- */
.ss_add {
  position: absolute;
  background: url("../images/ss_add.png") top left no-repeat; }

.ss_add {
  cursor: pointer; }

.ss_add:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.ss_add._btn_l_01 {
  top: 41px;
  left: 11px;
  width: 181px;
  height: 33px;
  background-position: -11px -41px; }

.ss_add._btn_l_02 {
  top: 74px;
  left: 11px;
  width: 181px;
  height: 27px;
  background-position: -11px -74px; }

.ss_add._btn_l_03 {
  top: 101px;
  left: 11px;
  width: 181px;
  height: 27px;
  background-position: -11px -101px; }

.ss_add._btn_l_04 {
  top: 128px;
  left: 11px;
  width: 181px;
  height: 26px;
  background-position: -11px -128px; }

.ss_add._btn_margin {
  top: 33px;
  left: 205px;
  width: 60px;
  height: 29px;
  background-position: -205px -33px; }

.ss_add._btn_o_a {
  top: 66px;
  left: 205px;
  width: 60px;
  height: 29px;
  background-position: -205px -66px; }

.ss_add._btn_note {
  top: 98px;
  left: 205px;
  width: 60px;
  height: 29px;
  background-position: -205px -98px; }

.ss_add._btn_place {
  top: 131px;
  left: 205px;
  width: 60px;
  height: 29px;
  background-position: -205px -131px; }

.ss_add._btn_h_01 {
  top: 34px;
  left: 369px;
  width: 88px;
  height: 37px;
  background-position: -369px -34px; }

.ss_add._btn_h_02 {
  top: 72px;
  left: 369px;
  width: 88px;
  height: 29px;
  background-position: -369px -72px; }

.ss_add._btn_h_03 {
  top: 102px;
  left: 369px;
  width: 88px;
  height: 25px;
  background-position: -369px -102px; }

.ss_add._btn_h_04 {
  top: 128px;
  left: 369px;
  width: 88px;
  height: 25px;
  background-position: -369px -128px; }

.ss_add._btn_o_md {
  top: 34px;
  left: 272px;
  width: 90px;
  height: 129px;
  background-position: -272px -34px; }

.ss_add._btn_t_01 {
  top: 34px;
  left: 465px;
  width: 65px;
  height: 60px;
  background-position: -465px -34px; }

.ss_add._btn_t_list {
  top: 99px;
  left: 465px;
  width: 65px;
  height: 60px;
  background-position: -465px -99px; }

.ss_add._btn_o_01 {
  top: 34px;
  left: 594px;
  width: 57px;
  height: 60px;
  background-position: -594px -34px; }

.ss_add._btn_o_images {
  top: 34px;
  left: 651px;
  width: 57px;
  height: 60px;
  background-position: -651px -34px; }

.ss_add._btn_t_btn {
  top: 99px;
  left: 594px;
  width: 57px;
  height: 60px;
  background-position: -594px -99px; }

.ss_add._btn_t_btnlist {
  top: 102px;
  left: 654px;
  width: 57px;
  height: 53px;
  background-position: -654px -102px; }

.ss_add._btn_o_fulltable {
  top: 34px;
  left: 718px;
  width: 57px;
  height: 60px;
  background-position: -718px -34px; }

.ss_add._btn_o_html {
  top: 99px;
  left: 718px;
  width: 57px;
  height: 60px;
  background-position: -718px -99px; }

.ss_add._btn_t_blq {
  top: 35px;
  left: 539px;
  width: 43px;
  height: 40px;
  background-position: -539px -35px; }

.ss_add._btn_t_code {
  top: 81px;
  left: 539px;
  width: 43px;
  height: 40px;
  background-position: -539px -81px; }

.ss_add_bg {
  background: url("../images/ss_add.png") top left no-repeat; }

.ss_add_bg {
  background-position: -0px -181px; }

.ss_add_misk {
  background: url("../images/ss_add.png") top left no-repeat; }

.ss_add_misk._01 {
  width: 141px;
  height: 40px;
  background-position: -424px -374px; }

.ss_add_misk._02 {
  width: 141px;
  height: 40px;
  background-position: -576px -374px; }

.ss_add_misk._00 {
  width: 100px;
  height: 40px;
  background-position: -15px -374px; }

.ss_add_misk._free {
  width: 65px;
  height: 40px;
  background-position: -122px -374px; }

.ss_add_misk._h1 {
  width: 34px;
  height: 40px;
  background-position: -187px -374px; }

.ss_add_misk._h2 {
  width: 28px;
  height: 40px;
  background-position: -221px -374px; }

.ss_add_misk._h3 {
  width: 23px;
  height: 40px;
  background-position: -249px -374px; }

.ss_add_misk._h4 {
  width: 23px;
  height: 40px;
  background-position: -272px -374px; }

.ss_add_misk._p {
  width: 34px;
  height: 40px;
  background-position: -295px -374px; }

.ss_add_misk._img {
  width: 32px;
  height: 40px;
  background-position: -329px -374px; }

.ss_add_misk._margin {
  width: 36px;
  height: 40px;
  background-position: -361px -374px; }

/* ---------- ---------- ---------- */
.ss_add_image {
  background: url("../images/ss_add_image.png") top left no-repeat; }

.ss_add_image {
  position: absolute; }

.ss_add_image._read {
  top: 2px;
  left: 5px;
  width: 98px;
  height: 26px;
  background-position: -5px -2px; }

.ss_add_image._rect {
  top: 1px;
  left: 119px;
  width: 80px;
  height: 28px;
  background-position: -119px -1px; }

.ss_add_image._image {
  top: 1px;
  left: 297px;
  width: 80px;
  height: 28px;
  background-position: -297px -1px; }

.ss_add_image._svg {
  top: 1px;
  left: 382px;
  width: 80px;
  height: 28px;
  background-position: -382px -1px; }

.ss_add_image._text {
  top: 1px;
  left: 467px;
  width: 80px;
  height: 28px;
  background-position: -467px -1px; }

.ss_add_image._text2 {
  top: 1px;
  left: 555px;
  width: 80px;
  height: 28px;
  background-position: -555px -1px; }

.ss_add_image._html {
  top: 1px;
  left: 640px;
  width: 80px;
  height: 28px;
  background-position: -640px -1px; }

.ss_add_image._line {
  top: 1px;
  left: 204px;
  width: 88px;
  height: 28px;
  background-position: -204px -1px; }

.ss_add_image._link {
  top: 1px;
  left: 724px;
  width: 80px;
  height: 28px;
  background-position: -724px -1px; }

/* ---------- ---------- ---------- */
.ss_filelist {
  background: url("../images/ss_file.png") top left no-repeat; }

.ss_filelist {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.ss_filelist:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.ss_filelist_btn_public {
  width: 50px;
  height: 22px;
  background-position: -146px -134px; }

.ss_filelist_btn_public_more {
  width: 20px;
  height: 22px;
  background-position: -199px -134px; }

.ss_filelist_btn_save_pre {
  width: 60px;
  height: 22px;
  background-position: -71px -134px; }

.ss_filelist_btn_save {
  width: 60px;
  height: 22px;
  background-position: -7px -134px; }

.ss_icon {
  background: url("../images/ss_file.png") top left no-repeat; }

.ss_icon._fileinfo {
  width: 20px;
  height: 20px;
  background-position: -108px -167px; }

.ss_icon._fileinfo2 {
  width: 46px;
  height: 20px;
  background-position: -164px -156px; }

.ss_icon._fileinfo2:hover {
  width: 46px;
  height: 20px;
  background-position: -164px -176px; }

.ss_icon._file_add {
  width: 37px;
  height: 24px;
  background-position: -1px -163px; }

.ss_icon._dir_add {
  width: 34px;
  height: 24px;
  background-position: -38px -163px; }

.ss_icon._html_add {
  width: 32px;
  height: 24px;
  background-position: -72px -163px; }

.ss_icon._file_add2 {
  width: 30px;
  height: 20px;
  background-position: -132px -163px; }

.ss_icon._icon_full {
  width: 28px;
  height: 24px;
  background-position: -48px -203px; }

.ss_icon._icon_full:hover {
  width: 28px;
  height: 24px;
  background-position: -48px -233px; }

.ss_icon._icon_full_off {
  width: 28px;
  height: 24px;
  background-position: -76px -203px; }

.ss_icon._icon_full_off:hover {
  width: 28px;
  height: 24px;
  background-position: -76px -233px; }

.ss_icon._icon {
  width: 37px;
  height: 28px;
  background-position: -46px -79px; }

.ss_icon._file {
  width: 37px;
  height: 28px;
  background-position: -85px -79px; }

.ss_icon._zip {
  width: 37px;
  height: 28px;
  background-position: -123px -79px; }

.ss_icon.asset_full {
  width: 28px;
  height: 30px;
  background-position: -47px -262px; }

.ss_icon.asset_full_off {
  width: 28px;
  height: 30px;
  background-position: -75px -262px; }

.ss_icon._tag {
  width: 42px;
  height: 28px;
  background-position: -161px -79px; }

/* ---------- ---------- ---------- */
.ss_inspect_views {
  position: relative;
  width: 220px;
  height: 90px; }

.ss_inspect {
  position: absolute;
  display: block;
  background: url("../images/ss_file.png?2") top left no-repeat; }

.ss_inspect._btn_hide_ac {
  top: 3px;
  left: 0px;
  width: 54px;
  height: 81px;
  background-position: -508px -3px; }

.ss_inspect._btn_hide {
  top: 3px;
  left: 0px;
  width: 54px;
  height: 81px;
  background-position: -508px -98px; }

.ss_inspect._btn_pc_ac {
  top: 3px;
  left: 56px;
  width: 64px;
  height: 81px;
  background-position: -562px -3px; }

.ss_inspect._btn_pc {
  top: 3px;
  left: 56px;
  width: 64px;
  height: 81px;
  background-position: -562px -98px; }

.ss_inspect._btn_mo_ac {
  top: 3px;
  left: 122px;
  width: 52px;
  height: 81px;
  background-position: -626px -3px; }

.ss_inspect._btn_mo {
  top: 3px;
  left: 122px;
  width: 52px;
  height: 81px;
  background-position: -626px -98px; }

.ss_inspect2 {
  display: inline-block;
  background: url("../images/ss_file.png") top left no-repeat; }

.ss_inspect2._copipe_copy {
  width: 35px;
  height: 38px;
  background-position: -620px -189px; }

.ss_inspect2._copipe_past {
  width: 35px;
  height: 38px;
  background-position: -620px -229px; }

.ss_inspect2._move_bottom {
  width: 34px;
  height: 38px;
  background-position: -667px -254px; }

.ss_inspect2._move_bottom2 {
  width: 34px;
  height: 30px;
  background-position: -667px -293px; }

.ss_inspect2._move_top2 {
  width: 34px;
  height: 30px;
  background-position: -667px -190px; }

.ss_inspect2._move_top {
  width: 34px;
  height: 30px;
  background-position: -667px -221px; }

.ss_inspect2._edit {
  width: 40px;
  height: 38px;
  background-position: -505px -189px; }

.ss_inspect2._my {
  width: 40px;
  height: 38px;
  background-position: -562px -189px; }

.ss_inspect2._copipe {
  width: 39px;
  height: 38px;
  background-position: -500px -232px; }

.ss_inspect2._dup {
  width: 34px;
  height: 38px;
  background-position: -549px -232px; }

.ss_inspect2._del {
  width: 28px;
  height: 38px;
  background-position: -503px -274px; }

.ss_inspect2._move {
  width: 34px;
  height: 38px;
  background-position: -540px -274px; }

.ss_inspect2._copipe_past2 {
  width: 35px;
  height: 38px;
  background-position: -620px -269px; }

.ss_inspect2._copipe_cut {
  width: 35px;
  height: 38px;
  background-position: -620px -310px; }

.ss_inspect2._clone {
  width: 34px;
  height: 38px;
  background-position: -583px -232px; }

.ss_imgInspect {
  display: inline-block;
  background: url("../images/ss_file.png") top left no-repeat; }

.ss_imgInspect._move {
  width: 34px;
  height: 38px;
  background-position: -460px -244px; }

.ss_imgInspect._dup_right {
  width: 46px;
  height: 38px;
  background-position: -288px -244px; }

.ss_imgInspect._dup_bottom {
  width: 46px;
  height: 38px;
  background-position: -336px -244px; }

.ss_imgInspect._move_bottom {
  width: 34px;
  height: 38px;
  background-position: -422px -244px; }

.ss_imgInspect._move_bottom2 {
  width: 34px;
  height: 30px;
  background-position: -422px -283px; }

.ss_imgInspect._move_top2 {
  width: 34px;
  height: 30px;
  background-position: -422px -180px; }

.ss_imgInspect._move_top {
  width: 34px;
  height: 30px;
  background-position: -422px -211px; }

.ss_imgInspect._del {
  width: 34px;
  height: 38px;
  background-position: -385px -244px; }

.ss_imgInspect._edit {
  width: 34px;
  height: 38px;
  background-position: -252px -244px; }

.ss_inspect3 {
  display: inline-block;
  background: url("../images/ss_file.png") top left no-repeat; }

.ss_inspect3._img_simple {
  width: 36px;
  height: 28px;
  background-position: -502px -320px; }

.ss_inspect3._img_layout {
  width: 36px;
  height: 28px;
  background-position: -548px -322px; }

.ss_img_select {
  display: inline-block;
  background: url("../images/ss_file.png") top left no-repeat; }

.img_select_img {
  width: 64px;
  height: 54px;
  background-position: -243px -8px; }

.img_select_dummy {
  width: 44px;
  height: 54px;
  background-position: -308px -8px; }

.img_select2_img {
  width: 54px;
  height: 52px;
  background-position: -242px -78px; }

.img_select2_dummy {
  width: 45px;
  height: 52px;
  background-position: -297px -78px; }

.img_select2_remove {
  width: 45px;
  height: 52px;
  background-position: -343px -78px; }

.img_select2_layoutimg {
  width: 79px;
  height: 52px;
  background-position: -394px -78px; }

.ss_share {
  display: inline-block;
  background: url("../images/ss_gadget.png") top left no-repeat; }

.ss_share._g_l {
  width: 52px;
  height: 62px;
  background-position: -1026px -715px; }

.ss_share._f_l {
  width: 70px;
  height: 62px;
  background-position: -1086px -715px; }

.ss_share._t_l {
  width: 70px;
  height: 62px;
  background-position: -1326px -715px; }

.ss_share._g_m {
  width: 59px;
  height: 22px;
  background-position: -1024px -790px; }

.ss_share._f_m {
  width: 100px;
  height: 22px;
  background-position: -1088px -790px; }

.ss_share._t_m {
  width: 70px;
  height: 22px;
  background-position: -1322px -790px; }

.ss_share._p_l {
  width: 61px;
  height: 62px;
  background-position: -1406px -715px; }

.ss_share._p_m {
  width: 91px;
  height: 22px;
  background-position: -1405px -790px; }

.ss_share._h_l {
  width: 80px;
  height: 62px;
  background-position: -1505px -715px; }

.ss_share._h_m {
  width: 53px;
  height: 22px;
  background-position: -1504px -790px; }

.ss_share._fs_l {
  width: 62px;
  height: 62px;
  background-position: -1196px -715px; }

.ss_share._fs_m {
  width: 62px;
  height: 22px;
  background-position: -1198px -790px; }

/* ---------- ---------- ---------- */
.ss_gadget {
  display: inline-block;
  margin: 0 8px 8px 0; }

.ss_gadget {
  background: url("../images/ss_gadget.png?17") top left no-repeat; }

.ss_gadget._tab {
  width: 140px;
  height: 100px;
  background-position: -15px -15px; }

.ss_gadget._news {
  width: 140px;
  height: 100px;
  background-position: -165px -15px; }

.ss_gadget._newsB {
  width: 140px;
  height: 100px;
  background-position: -315px -15px; }

.ss_gadget._share {
  width: 140px;
  height: 100px;
  background-position: -465px -15px; }

.ss_gadget._qa {
  width: 140px;
  height: 100px;
  background-position: -15px -124px; }

.ss_gadget._talk {
  width: 140px;
  height: 100px;
  background-position: -165px -124px; }

.ss_gadget._feed {
  width: 140px;
  height: 100px;
  background-position: -315px -124px; }

.ss_gadget._formmail {
  width: 140px;
  height: 100px;
  background-position: -465px -124px; }

.ss_gadget._slide {
  width: 140px;
  height: 100px;
  background-position: -15px -239px; }

.ss_gadget._slide2 {
  width: 140px;
  height: 100px;
  background-position: -165px -239px; }

.ss_gadget._carrousel {
  width: 140px;
  height: 100px;
  background-position: -315px -239px; }

.ss_gadget._pagenation {
  width: 140px;
  height: 100px;
  background-position: -465px -239px; }

.ss_gadget._pageLink {
  width: 140px;
  height: 100px;
  background-position: -615px -239px; }

.ss_gadget._csv {
  width: 140px;
  height: 100px;
  background-position: -16px -350px; }

.ss_gadget._json {
  width: 140px;
  height: 100px;
  background-position: -166px -350px; }

.ss_gadget._xml {
  width: 140px;
  height: 100px;
  background-position: -316px -350px; }

.ss_gadget._text {
  width: 140px;
  height: 100px;
  background-position: -464px -350px; }

.ss_gadget._rss {
  width: 140px;
  height: 100px;
  background-position: -614px -350px; }

.ss_gadget._replace_div {
  width: 290px;
  height: 100px;
  background-position: -15px -490px; }

.ss_gadget._replace_text {
  width: 290px;
  height: 100px;
  background-position: -315px -490px; }

.ss_gadget._js {
  width: 290px;
  height: 100px;
  background-position: -15px -600px; }

.ss_gadget._tree {
  width: 290px;
  height: 100px;
  background-position: -314px -600px; }

.ss_gadget._hina {
  width: 290px;
  height: 100px;
  background-position: -15px -711px; }

.ss_gadget._repeat {
  width: 140px;
  height: 100px;
  background-position: -860px -17px; }

.ss_preset_temp {
  position: absolute;
  background: url("../images/ss_gadget.png?1") top left no-repeat; }

.ss_preset_temp._T_01 {
  top: 16px;
  left: 229px;
  width: 179px;
  height: 89px;
  background-position: -1229px -16px; }

.ss_preset_temp._T_02 {
  top: 113px;
  left: 229px;
  width: 179px;
  height: 89px;
  background-position: -1229px -113px; }

.ss_preset_temp._B_01 {
  top: 16px;
  left: 438px;
  width: 179px;
  height: 89px;
  background-position: -1438px -16px; }

.ss_preset_temp._B_02 {
  top: 113px;
  left: 438px;
  width: 179px;
  height: 89px;
  background-position: -1438px -113px; }

.ss_preset_temp._Z_01 {
  top: 210px;
  left: 20px;
  width: 179px;
  height: 83px;
  background-position: -1020px -210px; }

.ss_preset_temp._Z_02 {
  top: 300px;
  left: 20px;
  width: 179px;
  height: 44px;
  background-position: -1020px -300px; }

.ss_preset_temp._Z_03 {
  top: 363px;
  left: 20px;
  width: 179px;
  height: 50px;
  background-position: -1020px -363px; }

.ss_preset_temp._L_01 {
  top: 210px;
  left: 229px;
  width: 178px;
  height: 80px;
  background-position: -1229px -210px; }

.ss_preset_temp._L_02 {
  top: 300px;
  left: 229px;
  width: 179px;
  height: 56px;
  background-position: -1229px -300px; }

.ss_preset_temp._L_03 {
  top: 363px;
  left: 229px;
  width: 178px;
  height: 62px;
  background-position: -1229px -363px; }

.ss_preset_temp._R_01 {
  top: 210px;
  left: 437px;
  width: 178px;
  height: 80px;
  background-position: -1437px -210px; }

.ss_preset_temp._R_02 {
  top: 300px;
  left: 437px;
  width: 179px;
  height: 56px;
  background-position: -1437px -300px; }

.ss_preset_temp._R_03 {
  top: 363px;
  left: 437px;
  width: 178px;
  height: 62px;
  background-position: -1437px -363px; }

.ss_preset_temp._I_03 {
  top: 150px;
  left: 20px;
  width: 179px;
  height: 35px;
  background-position: -1020px -150px; }

.ss_preset_temp._I_02 {
  top: 92px;
  left: 20px;
  width: 179px;
  height: 45px;
  background-position: -1020px -92px; }

.ss_preset_temp._I_01 {
  top: 16px;
  left: 20px;
  width: 179px;
  height: 64px;
  background-position: -1020px -16px; }

.ss_target {
  display: inline-block;
  padding: 0; }

.ss_target {
  background: url("../images/ss_target.png") top left no-repeat; }

.ss_target_blank {
  width: 200px;
  height: 168px;
  background-position: -5px -8px; }

.ss_target_inner {
  width: 212px;
  height: 169px;
  background-position: -209px -8px; }

.ss_target_outer {
  width: 212px;
  height: 154px;
  background-position: -209px -179px; }

.ss_target_none {
  width: 199px;
  height: 154px;
  background-position: -5px -179px; }

/* ---------- ---------- ---------- */
.ss_mylist_title {
  margin: 5px 0 0 0; }

.ss_mylist_title {
  background: #E7EBF2 url("../images/ss_mylist.png") top left no-repeat;
  background-position: -0px -328px;
  width: 960px;
  height: 40px; }

.ss_mylist_bg {
  background: #E7EBF2;
  width: 100%;
  height: 230px; }

.ss_mylist_bg .ss_mylist {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }

.ss_mylist_bg:hover .ss_mylist {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.ss_mylist_bg .ss_mylist {
  position: absolute;
  background: #E7EBF2 url("../images/ss_mylist.png") top left no-repeat;
  background-position: -0px -368px;
  width: 100%;
  height: 230px; }

.ss_mylist {
  margin: 0 0 40px 0; }

.ss_mylist ._btn {
  position: absolute;
  background: url("../images/ss_mylist.png") top left no-repeat; }

.ss_mylist ._btn._active {
  background-image: url("../images/ss_mylist_ac.png"); }

.ss_mylist ._g_01 {
  top: 190px;
  left: 19px;
  width: 32px;
  height: 23px;
  background-position: -19px -190px; }

.ss_mylist ._g_02 {
  top: 190px;
  left: 55px;
  width: 31px;
  height: 23px;
  background-position: -55px -190px; }

.ss_mylist ._g_03 {
  top: 190px;
  left: 90px;
  width: 31px;
  height: 23px;
  background-position: -90px -190px; }

.ss_mylist ._g_04 {
  top: 190px;
  left: 125px;
  width: 31px;
  height: 23px;
  background-position: -125px -190px; }

.ss_mylist ._g_05 {
  top: 190px;
  left: 161px;
  width: 31px;
  height: 23px;
  background-position: -161px -190px; }

.ss_mylist ._g_06 {
  top: 190px;
  left: 197px;
  width: 31px;
  height: 23px;
  background-position: -197px -190px; }

.ss_mylist ._g_07 {
  top: 190px;
  left: 233px;
  width: 33px;
  height: 23px;
  background-position: -233px -190px; }

.ss_mylist ._d_B_01 {
  top: 36px;
  left: 565px;
  width: 52px;
  height: 77px;
  background-position: -790px -217px; }

.ss_mylist ._d_B_04 {
  top: 36px;
  left: 620px;
  width: 52px;
  height: 77px;
  background-position: -845px -217px; }

.ss_mylist ._d_T_01 {
  top: 36px;
  left: 565px;
  width: 52px;
  height: 77px;
  background-position: -565px -217px; }

.ss_mylist ._d_T_04 {
  top: 36px;
  left: 620px;
  width: 52px;
  height: 77px;
  background-position: -620px -217px; }

.ss_mylist ._d_Z_01 {
  top: 36px;
  left: 565px;
  width: 106px;
  height: 46px;
  background-position: -907px -218px; }

.ss_mylist ._d_Z_04 {
  top: 36px;
  left: 674px;
  width: 106px;
  height: 46px;
  background-position: -1016px -218px; }

.ss_mylist ._d_L_01 {
  top: 36px;
  left: 565px;
  width: 106px;
  height: 56px;
  background-position: -565px -36px; }

.ss_mylist ._d_L_02 {
  top: 95px;
  left: 565px;
  width: 106px;
  height: 56px;
  background-position: -565px -95px; }

.ss_mylist ._d_L_03 {
  top: 154px;
  left: 565px;
  width: 106px;
  height: 56px;
  background-position: -565px -154px; }

.ss_mylist ._d_L_04 {
  top: 36px;
  left: 674px;
  width: 106px;
  height: 56px;
  background-position: -674px -36px; }

.ss_mylist ._d_L_05 {
  top: 95px;
  left: 674px;
  width: 106px;
  height: 56px;
  background-position: -674px -95px; }

.ss_mylist ._d_L_06 {
  top: 154px;
  left: 674px;
  width: 106px;
  height: 56px;
  background-position: -674px -154px; }

.ss_mylist ._d_R_01 {
  top: 36px;
  left: 565px;
  width: 106px;
  height: 56px;
  background-position: -790px -36px; }

.ss_mylist ._d_R_02 {
  top: 95px;
  left: 565px;
  width: 106px;
  height: 56px;
  background-position: -790px -95px; }

.ss_mylist ._d_R_03 {
  top: 154px;
  left: 565px;
  width: 106px;
  height: 56px;
  background-position: -790px -154px; }

.ss_mylist ._d_R_04 {
  top: 36px;
  left: 674px;
  width: 106px;
  height: 56px;
  background-position: -899px -36px; }

.ss_mylist ._d_R_05 {
  top: 95px;
  left: 674px;
  width: 106px;
  height: 56px;
  background-position: -899px -95px; }

.ss_mylist ._d_R_06 {
  top: 154px;
  left: 674px;
  width: 106px;
  height: 56px;
  background-position: -899px -154px; }

.ss_mylist ._w_01 {
  top: 36px;
  left: 354px;
  width: 66px;
  height: 57px;
  background-position: -354px -36px; }

.ss_mylist ._w_02 {
  top: 96px;
  left: 354px;
  width: 66px;
  height: 57px;
  background-position: -354px -96px; }

.ss_mylist ._w_03 {
  top: 156px;
  left: 354px;
  width: 66px;
  height: 57px;
  background-position: -354px -156px; }

.ss_mylist ._l_01 {
  top: 88px;
  left: 440px;
  width: 51px;
  height: 53px;
  background-position: -440px -88px; }

.ss_mylist ._l_02 {
  top: 88px;
  left: 494px;
  width: 51px;
  height: 53px;
  background-position: -494px -88px; }

.ss_mylist ._l_03 {
  top: 157px;
  left: 440px;
  width: 105px;
  height: 28px;
  background-position: -440px -157px; }

.ss_mylist ._l_04 {
  top: 188px;
  left: 440px;
  width: 105px;
  height: 28px;
  background-position: -440px -188px; }

.ss_mylist ._l_05 {
  top: 46px;
  left: 487px;
  width: 58px;
  height: 24px;
  background-position: -487px -46px; }

.ss_mylist ._l_06 {
  top: 46px;
  left: 440px;
  width: 40px;
  height: 24px;
  background-position: -440px -46px; }

.ss_mylist ._image_w {
  top: 88px;
  left: 797px;
  width: 125px;
  height: 113px;
  background-position: -1063px -88px; }

.ss_mylist ._image_h {
  top: 14px;
  left: 797px;
  width: 125px;
  height: 70px;
  background-position: -1063px -14px; }

.ss_mylist ._ww_01 {
  top: 36px;
  left: 34px;
  width: 108px;
  height: 22px;
  background-position: -34px -36px; }

.ss_mylist ._ww_02 {
  top: 36px;
  left: 161px;
  width: 108px;
  height: 22px;
  background-position: -161px -36px; }

.ss_mylist ._ts {
  position: absolute;
  text-align: center;
  font-size: 12px;
  padding: 3px 0 0 0;
  font-weight: bold;
  background: #FFFFAA;
  border: 1px solid #8EA9CA; }

.ss_mylist ._t_01 {
  top: 59px;
  left: 59px;
  width: 55px;
  height: 21px; }

.ss_mylist ._t_02 {
  top: 176px;
  left: 283px;
  width: 37px;
  height: 23px; }

.ss_mylist ._t_03 {
  top: 180px;
  left: 807px;
  width: 41px;
  height: 23px; }

.ss_mylist ._t_04 {
  top: 42px;
  left: 880px;
  width: 41px;
  height: 23px; }

.ss_mylist ._t_02p {
  top: 176px;
  left: 283px;
  width: 37px;
  height: 23px; }

.ss_mylist ._t_03p {
  top: 180px;
  left: 807px;
  width: 41px;
  height: 23px; }

.ss_mylist ._unit {
  position: absolute;
  font-size: 12px;
  font-weight: bold; }

.ss_mylist ._unit_01 {
  top: 62px;
  left: 118px;
  width: 33px;
  height: 19px; }

.ss_mylist ._unit_02 {
  top: 180px;
  left: 323px;
  width: 33px;
  height: 19px; }

.ss_mylist ._unit_03 {
  top: 184px;
  left: 851px;
  width: 33px;
  height: 19px; }

/**/
.ss_guide {
  background: url("../images/guide_rep.png") top left no-repeat; }

.ss_guide._table {
  width: 593px;
  height: 360px;
  background-position: -2px -21px; }

.ss_guide._inspect {
  width: 180px;
  height: 100px;
  background-position: -623px -126px; }

.ss_guide._qa {
  width: 359px;
  height: 109px;
  background-position: -621px -9px; }

.ss_guide._export {
  width: 190px;
  height: 80px;
  background-position: -635px -276px; }

.ss_guide._embed {
  width: 190px;
  height: 95px;
  background-position: -635px -371px; }

/* ! ---------- misk ---------- ---------- ---------- ---------- */
._cellValue {
  margin: 5px 5px 10px 0;
  background: red; }

/* ---------- ---------- ---------- */
body._cms .cms-imagemap img {
  width: 100%; }

body._cms .cms-imagemap ._rect {
  position: absolute;
  overflow: hidden;
  background: rgba(0, 0, 255, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  outline: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer; }

body._cms .cms-imagemap ._rect:hover {
  background: rgba(255, 255, 255, 0.2); }

#ImageMapView {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  display: none; }

#ImageMapView ._bg {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(73, 103, 161, 0.95); }

#ImageMapView ._modalBox {
  position: fixed;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 10px; }

#ImageMapView ._header {
  position: absolute;
  top: 00px;
  left: 0px;
  font-size: 18px;
  color: #00ffff; }

#ImageMapView ._body {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 60px; }

#ImageMapView ._footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

#ImageMapView ._footer ._btn_do {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 18px 80px 15px 80px;
  margin: 5px 0;
  background: #00ffff;
  color: #4A66A0;
  font-size: 16px; }

#ImageMapView ._footer ._btn_close {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 18px 30px 15px 30px;
  margin: 5px 0;
  border: 1px solid rgba(0, 255, 255, 0.5);
  color: #00ffff;
  font-size: 16px; }

#ImageMapView ._footer ._btn_do:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

#ImageMapView ._footer ._btn_close:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/*
#ImageMapView ._zoomVal { position: absolute; top: 10px; left: 10px; color: #fff; font-size:10px; font-weight: bold;}
*/
#ImageMapView ._add_btns {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 700px;
  height: 40px; }

#ImageMapView ._layoutView {
  position: relative;
  width: 1020px;
  height: 640px;
  background: #444;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  outline: 2px solid #00ffff;
  overflow: hidden; }

#ImageMapView ._layoutView:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#ImageMapView ._imageStageWapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 840px;
  height: 640px;
  overflow: hidden; }

#ImageMapView ._imageStageInner {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px; }

#ImageMapView ._cms-design-stage ._design-item {
  cursor: pointer; }

#ImageMapView ._cms-design-stage ._design-item {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px; }

#ImageMapView ._cms-design-stage ._design-item ._design-item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #00f;
  background: rgba(0, 0, 255, 0.1);
  line-height: 1.4;
  font-size: 10px;
  overflow: hidden; }

#ImageMapView ._cms-design-stage ._design-item ._design-item-svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#ImageMapView ._cms-design-stage ._design-item img {
  /*width: 100%;*/ }

#ImageMapView ._cms-design-stage ._design-item._lock {
  cursor: normal; }

#ImageMapView ._cms-design-stage ._design-item._lock:hover {
  box-shadow: none; }

#ImageMapView ._cms-design-stage ._design-item._hide {
  display: none; }

#ImageMapView ._cms-design-stage ._design-item._current ._design-item-in {
  outline: 1px dashed blue;
  box-shadow: 0px 0px 5px 2px #ff0; }

#ImageMapView ._cms-design-stage ._design-item:hover ._design-item-in ._design-item-image:after {
  display: block;
  content: "\f03e";
  font-family: FontAwesome;
  font-size: 12px;
  background: #4A66A0;
  width: 24px;
  text-align: center;
  color: #00ffff;
  padding: 4px 0;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 2px;
  z-index: 10; }

#ImageMapView ._cms-design-stage ._design-item._hasSub {
  background: rgba(0, 0, 255, 0.05); }

#ImageMapView ._cms-design-stage ._design-item ._btn_remove {
  z-index: 1;
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 20px;
  height: 20px;
  background: red;
  text-align: center;
  font-size: 12px;
  padding: 3px 0 0 0;
  color: #fff;
  border-radius: 50%; }

#ImageMapView ._cms-design-stage ._design-item ._btn_remove:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2); }

#ImageMapView ._cms-design-stage ._design-item:hover ._btn_remove {
  display: block; }

#ImageMapView ._cms-design-stage ._design-item-in {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#ImageMapView ._cms-design-stage ._design-item-in:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }

#ImageMapView ._canvas_tools {
  position: relative;
  height: 40px;
  color: #00ffff; }

#ImageMapView ._canvas_tools input {
  background: #336;
  color: #00ffff;
  border: none;
  margin: 0 2px;
  text-align: center; }

#ImageMapView ._canvas_tools ._right_area {
  float: right; }

#ImageMapView ._canvas_tools ._top_area {
  position: absolute;
  top: -40px;
  right: 0px; }

#ImageMapView ._canvas_tools ._move {
  padding: 4px 6px;
  cursor: pointer; }

#ImageMapView ._canvas_tools ._move:hover {
  background: rgba(0, 0, 0, 0.2); }

#ImageMapView ._layersView {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 180px;
  padding: 5px 0;
  background: rgba(0, 0, 0, 0.1);
  color: #ddd;
  line-height: 1.4;
  overflow: scroll; }

#ImageMapView ._layersView ._layer {
  padding: 5px;
  font-size: 12px;
  border-bottom: 2px solid #444;
  cursor: pointer; }

#ImageMapView ._layersView ._layer._current {
  background: rgba(255, 255, 0, 0.5); }

#ImageMapView ._layersView ._layer i {
  font-size: 14px;
  padding: 2px;
  color: #ddd; }

#ImageMapView ._layersView ._layer ._btn_hide_on {
  color: #aaa; }

#ImageMapView ._layersView ._layer ._btn_hide_off {
  color: #000; }

#ImageMapView ._layersView ._layer ._btn_lock_on {
  color: #000; }

#ImageMapView ._layersView ._layer ._btn_lock_off {
  color: #aaa; }

#ImageMapView ._layersView ._layer ._lock {
  float: right; }

#ImageMapView ._layersView ._layer ._sub {
  font-size: 10px;
  line-height: 1.4;
  padding: 0.2em 0 0 2.5em;
  color: #aaa; }

#ImageMapView ._btn {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 7px 10px 5px 10px;
  margin: 5px 0;
  background: #00ffff;
  color: #4A66A0;
  font-size: 12px; }

#ImageMapView .ui-resizable {
  position: relative; }

#ImageMapView .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

#ImageMapView .ui-resizable-disabled .ui-resizable-handle,
#ImageMapView .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

#ImageMapView .ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

#ImageMapView .ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

#ImageMapView .ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

#ImageMapView .ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

#ImageMapView .ui-resizable-se {
  cursor: se-resize;
  width: 16px;
  height: 16px;
  right: 3px;
  bottom: 3px; }

#ImageMapView .ui-resizable-se {
  display: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#ImageMapView .ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

#ImageMapView .ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

#ImageMapView .ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

#ImageMapView ._design-item:hover .ui-rotatable-handle {
  display: block; }

#ImageMapView ._design-item:hover .ui-resizable-se {
  display: block; }

#ImageMapView ._design-item._lock:hover .ui-resizable-se {
  display: none; }

#ImageMapView ._design-item._lock:hover .ui-rotatable-handle {
  display: none; }

#ImageMapView .ui-rotatable-handle {
  display: none;
  position: absolute;
  height: 16px;
  width: 16px;
  cursor: pointer;
  left: 3px;
  bottom: 3px;
  z-index: 1; }

#ImageMapView .ui-resizable-se {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxNi8wNy8xMDVr2zwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABSklEQVQ4jaWSQUsCQRiGn7GQDnssvIWtl8QOSb8gdFdyb4L0SzwEXbaTYD+lqxB26CQ44EXonnRSEOzQIXY3vg7tyri5UvieZmCeZ775vlEiwi7J7UQD+8lCKVUAzoDDDec+gDfgNV6zqlxEkk1NMhJF0ZfW+qler9uJccUZgutN8GQyeW+1WvfABWD9WbBcLsNer/cMXAEFYC9mrUajUQSsTMF0Ov0sl8u3wClwYPQiB1S11gOgkinodDoPgM3vHHme1w3DMAKaaUFbRGQ4HM6BSyCfgvOAMx6PF/IDtNOCZhAEkeM4dxmjLPm+30+qjCteE1RGo9EjcM76B8sDJdu2b2azWbBNYLmuWzRGlYu77/i+3zfhLIEZC6h6ntdN3pzOVoHrukWt9SAMw2gTHAtqIoJKYKVUuoIT4Nh4kpkF8CIic5W+/b/5BrqPai1MdCAXAAAAAElFTkSuQmCC); }

#ImageMapView .ui-rotatable-handle {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxNi8wNy8xMDVr2zwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAABmUlEQVQ4ja2TMWtaURTHfy+xoVJCm6F2aejQGGweBLpVpF2yXJNBKJQ4mC/g0k8Qd3F+xKEfoHRwerqWOLgWBxWKkwlXJApph+KL93k6eA0mdFCaAxcul3t+55z/n+OICA8RUWAvmUweAbvAxirJa4BbLpe/TyaTsFQqfQO2VwFspdPp0yAIpiIinU7nCnBXAez7vt8VETHGTHO53BnwYhWA0lqPRUTq9foVcACsL5u8BjyJxWIbAO12+wLoA+GygMgSf9aZjbQDPAUcW2AE/FxmhMeFQuHzcDj8MxgMbuan1+v9ApIA+9Vq9VbEbDb7BXi9AHnkuu5Rq9W6lnsBfATYUkrd2tjv928s5ICZnS7wKZPJnBtj7gOOHSvkG8/zzvL5/HuAMAyl0WiMrKiSSCReplKp55FIxFkUx3Gc7PweBd55nnc+7+RfEQRBWCwW281m87ft4HARGAVcpdSp7/tdrfXYGDM1xky11uNardZVShWAD/F4/KRSqXwFEndassK9At4yW6pn9v3aWvYDuLR2bgIj53/X+S9/UAAMkfXOywAAAABJRU5ErkJggg==); }

#ImageMapView ._cms-design-stage ._design-item._hide_handle:hover .ui-resizable-se {
  right: 0px;
  bottom: 0px;
  -ms-transform: scale(0.5);
      transform: scale(0.5); }

#ImageMapView ._cms-design-stage ._design-item._hide_handle:hover .ui-rotatable-handle {
  display: none; }

#ImageMapView ._cms-design-stage ._design-item._hide_handle:hover ._btn_remove {
  display: none; }

/* ! ---------- ImageMapInspectView ---------- ---------- ---------- ---------- */
#ImageMapInspectView {
  display: none;
  position: absolute;
  top: 120px;
  left: 1020px;
  right: 0px;
  width: 210px;
  background: #222;
  color: #888;
  font-size: 12px;
  border-radius: 5px;
  border-top: 2px solid #555;
  border-left: 1px solid #555;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); }

#ImageMapInspectView ._header {
  cursor: move;
  height: 25px; }

#ImageMapInspectView ._header ._dragBar {
  position: absolute;
  top: 7px;
  left: 10px;
  right: 5px;
  height: 12px;
  background: url("../images/bg_dragbar.png") center center repeat-x;
  display: inline-block;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

#ImageMapInspectView ._header:hover ._dragBar {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#ImageMapInspectView ._header ._inspect_title {
  position: absolute;
  display: inline-block;
  padding: 7px 4px 0 4px;
  background: #222;
  border-radius: 5px 5px 0 0; }

#ImageMapInspectView textarea._in_text,
#ImageMapInspectView textarea._in_html,
#ImageMapInspectView textarea._in_svg {
  height: 60px; }

#ImageMapInspectView th {
  padding: 6px 2px 2px 0; }

#ImageMapInspectView td {
  padding: 2px;
  font-size: 12px;
  color: #888; }

#ImageMapInspectView input {
  margin: 0 1px 0 0;
  font-size: 11px; }

#ImageMapInspectView ._body_com {
  padding: 7px 7px 14px 7px; }

#ImageMapInspectView ._body_uni {
  padding: 0 7px 14px 7px;
  background: #111; }

#ImageMapInspectView ._body_com ._subtitle {
  margin: 5px -7px 5px -7px;
  padding: 0 0 0 7px;
  font-weight: bold; }

#ImageMapInspectView ._body_uni ._subtitle {
  margin: 5px -7px 5px -7px;
  padding: 10px 0 0 7px;
  border-top: 1px solid #666;
  font-weight: bold; }

#ImageMapInspectView ._em_box {
  margin: 5px 0;
  padding: 5px;
  border: 1px solid #444;
  color: #ccc;
  border-radius: 2px; }

#ImageMapInspectView ._em_box_read {
  margin: 5px 0;
  color: #888;
  line-height: 1.2; }

#ImageMapInspectView ._in_data_image {
  display: inline-block;
  padding: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  border: 5px solid #666; }

#ImageMapInspectView ._in_data_image img {
  min-width: 40px;
  max-width: 100px;
  max-height: 40px; }

#ImageMapInspectView ._in_data_image_path {
  display: inline-block;
  color: yellow;
  text-decoration: underline;
  cursor: pointer; }

#ImageMapInspectView ._btn_check_visible,
#ImageMapInspectView ._btn_check_hidden {
  font-size: 16px; }

#ImageMapInspectView ._basic_tabs {
  margin: 5px -8px 5px -8px;
  border-bottom: 1px solid #666; }

#ImageMapInspectView ._basic_tabs:after {
  display: block;
  clear: both;
  height: 0;
  content: ''; }

#ImageMapInspectView ._basic_tab {
  width: 45%;
  margin: 0 0 -1px 3%;
  float: left;
  border: 1px solid #666;
  border-bottom: none;
  text-align: center;
  padding: 7px 0; }

#ImageMapInspectView ._basic_tab._current {
  border-bottom: 1px solid #222;
  padding: 10px 0 4px 0; }

#ImageMapInspectView ._preview {
  padding: 3px;
  background: #222;
  border-top: 2px solid #666; }

#ImageMapInspectView ._miniPreviw {
  line-height: 1.2;
  font-weight: normal;
  font-size: 12px;
  height: 42px;
  overflow: hidden;
  color: #666; }

#ImageMapInspectView ._miniPreviw:hover {
  color: #ccc; }

#ImageMapInspectView ._footer {
  background: #222;
  padding: 2px 0 2px 0;
  border-top: 1px dotted #888;
  border-radius: 0 0 10px 10px; }

#ImageMapInspectView ._footer table {
  margin: 0 auto;
  width: 195px; }

#ImageMapInspectView ._footer table td {
  padding: 0; }

#ImageMapInspectView ._hoverSet {
  position: relative; }

#ImageMapInspectView ._hoverSet ._hoverItems {
  display: none;
  position: absolute;
  top: -6px;
  left: -1px;
  background: #333;
  box-shadow: 0 0 5px rgba(51, 102, 153, 0.8);
  padding: 5px 0;
  border-radius: 3px; }

#ImageMapInspectView ._hoverSet ._hoverItems {
  border: 1px dotted #666; }

#ImageMapInspectView ._hoverSet:hover ._hoverItems {
  display: block; }

#ImageMapInspectView ._hoverSet:hover ._hoverItems span {
  display: block; }

#ImageMapInspectView ._btn_wide {
  margin-top: 8px;
  padding: 10px 5px;
  text-align: center;
  background: #333;
  color: #ccc;
  border-radius: 2px;
  cursor: pointer; }

/* ! ---------- #InputCnadidate ---------- ---------- ---------- ---------- */
#InputCnadidate {
  position: absolute;
  top: 15px;
  left: 10px;
  padding: 5px;
  min-width: 80px;
  background: #fff;
  color: #4A66A0;
  font-size: 12px;
  border-radius: 2px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }

#InputCnadidate ._candidate_item {
  padding: 4px 0;
  cursor: pointer;
  line-height: 1; }

#InputCnadidate ._candidate_item:hover {
  background: #eee; }

/* ! ---------- #ColorPickerView ---------- ---------- ---------- ---------- */
#ColorPickerView {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  background: #fff;
  color: #4A66A0;
  font-size: 12px;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); }

#ColorPickerView canvas {
  cursor: pointer; }

#ColorPickerView ._color_preview {
  padding: 5px;
  color: #fff;
  border: 1px solid #eee;
  height: 24px; }

#ColorPickerView ._btn_reset {
  border: 1px solid #eee;
  border-bottom: 1px solid #ddd;
  margin-top: 5px;
  padding: 7px;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  cursor: pointer; }

#ColorPickerView ._btn_reset:hover {
  background: #f2f2f2; }

/* ! ---------- CMSテスト用 ---------- ---------- ---------- ---------- */
._cms_test_conteiner {
  padding: 15px;
  margin: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

._cms_test_h2 {
  font-weight: bold;
  margin: 20px 0 10px 0;
  background: #e7ebf2;
  padding: 5px;
  color: #4A66A0; }