/* Flipper
----------------------------------- */
#flipper-component {
  background-color: #fff;}

/* Header
----------------------------------- */
#header {
	border-bottom: solid 1px #999;}

/* Footer Button Icon
----------------------------------- */
#footer {
  height: 44px;}

#footer-color{
	background-color: transparent;
	background-image: url(../../customdesign/operationBar.png);
	height: 44px;}

.footer-space {
  bottom: 45px;}

.footer-list .box{
  padding-left:0px !important;
}

.footer-list .btn{
  padding:4px 3px !important;
}

.footer-btn {
  display: table;}

#footer .icon {
	background-size: auto;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;}

#searchform{
	margin-top:-4px !important;
}
#searchform #search-clear{
	margin-top:-4px !important;
}

#search-btn {
/*	padding:0 !important;*/
	margin-left:-17px !important;
}

#search-btn .icon {
	background-image: url(../../customdesign/searchButton.png);
	border: solid 1px #999;
	border-left: solid 0px;
	width:48px;
	height:30px;}

#search-btn .btn{
  padding:4px 12px !important;
}

#list-btn .icon {
	background-image: url(../../customdesign/index.png);
	width: 64px;
	height: 43px;}

#fliplmax-btn .icon {
	background-image: url(../../customdesign/flipLL.png);
	width: 64px;
	height: 43px;}

#flipl-btn .icon {
	background-image: url(../../customdesign/flipL.png);
	width: 64px;
	height: 43px;}

#flippage-word{
	margin-top:-4px !important;
}

#flipr-btn .icon {
	background-image: url(../../customdesign/flipR.png);
	width: 64px;
	height: 43px;}

#fliprmax-btn .icon {
	background-image: url(../../customdesign/flipRR.png);
	width: 64px;
	height: 43px;}

#zoomin-btn .icon {
	background-image: url(../../customdesign/zoomIn.png);
	width: 64px;
	height: 43px;}

#zoomout-btn .icon {
	background-image: url(../../customdesign/zoomOut.png);
	width: 64px;
	height: 43px;}

#print-btn .icon {
	background-image: url(../../customdesign/printButton.png);
	width: 64px;
	height: 43px;}

#listpdf-btn .icon {
	background-image: url(../../customdesign/pdfButton.png);
	width: 64px;
	height: 43px;}

#fusen-btn .icon {
	background-image: url(../../customdesign/fusenButton.png);
	width: 64px;
	height: 43px;}

#tegaki-btn .icon {
	background-image: url(../../customdesign/penButton.png);
	width: 64px;
	height: 43px;}

#share-btn .icon {
	background-image: url(../../customdesign/shareButton03.png);
	width: 64px;
	height: 43px;}

#text-btn .icon {
	background-image: url(../../customdesign/textButton.png);
	width: 64px;
	height: 43px;}

/* Button Label
----------------------------------- */
.list-btn .btn {
  padding: 2px 2px !important;}


/* design.css
----------------------------------- */
/* ボタン類のカラー */
.color-btn, #list-slidemenu .color-btn, #footer .color-btn {
  color: #ffffff;
  background-color: transparent;
}

.hover .color-btn, #list-slidemenu .hover .color-btn, #footer .hover .color-btn {
  color: #ffffff;
  background-color: transparent;
  opacity: 0.7;
}
/*
.active .color-btn, #list-slidemenu .active .color-btn, #footer .active .color-btn {
  color: #ffffff;
  background-color: #35BADB;
}
*/

/* ふせんタブのカラー */
.slidemenu .save-btn .color-btn, .slidemenu .cancel-btn .color-btn{
  padding: 4px 8px !important;
  background-color: #ddd;
  color: #333; }

.slidemenu .hover .color-btn{
  color: #333;
  background-color: #ccc;
}

/* Tegaki & Fusen
----------------------------------- */
  .color-box-bg.hover, .color-box-bg.active {
    border: solid 5px #82D3E8 !important; }

.delete-btn, .all-delete-btn {
  background-color: #82D3E8; }
  .delete-btn.hover, .all-delete-btn.hover {
    background-color: #35BADB; }
  .delete-btn.active, .all-delete-btn.active {
    background-color: #35BADB; }
  .delete-btn.disabled, .all-delete-btn.disabled {
    background-color: #35BADB; }