@charset "utf-8";

/* 管理者モードで見たときの左上の操作欄のデザイン */

/*---- System use STA ----*/
#template-layout {
  border: 1px solid #ff0000;
  padding-top: 2px;
  padding-bottom: 2px;
  width: auto;
}

.block-name {
  border: 1px solid #ffd700;
  background-color: #FFFFE0;
  font-size: 10px;
}

#acting_alert {
  position:absolute;
  text-align: left;
  left: 0px;
  top: 0px;
  width:240px;
  margin:5px;
  z-index: 1000;
  opacity: .60;
  -moz-opacity: .60;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#acting_alert p.close_alert {
  margin:0;
  padding:3px;
  background:#1393c0;
  text-align:right;
  height:25px;
}

#acting_alert p.content {
  padding:1em;
  margin:0;
  background:#fff;
  border: 1px solid #1393c0;
  height:100%;
}

#acting_alert span.top,
#acting_alert span.bottom {
  display:block;
  background: #fff;
}

#acting_alert span.top span,
#acting_alert span.bottom span {
  display:block;
  height: 1px;
  overflow: hidden;
  background: #1393c0;
}

#acting_alert span.r1{margin: 0 5px;}
#acting_alert span.r2{margin: 0 3px;}
#acting_alert span.r3{margin: 0 2px;}
#acting_alert span.top span.r4, span.bottom span.r4{
  margin: 0 1px;
  height: 2px;
}

#acting_alert span.item {
  font-size: 12px;
}

.close_alert a {
  background-image:url(../img/bannerClose.gif);
  display:block;
  width:23px;
  height:23px;
}

.close_alert a img {
  display:none;
}