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


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

#footer-color {
  background: linear-gradient(#FAF9F9, #D3D3D3) ;
  border-top: 1px solid #7C7C7C;
}

.footer-space {
  bottom: 44px; }

.help > #footer-color {
  border-top: 0px;
}

#footer-mainlist .btn{
  padding:4px 1px 4px 0px !important;
}

#list-btn .icon {
  background-size: 900px 800px;
  background-position: -60px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

#fliplmax-btn .icon {
  background-size: 900px 800px;
  background-position: -130px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
}

#flipl-btn .icon {
  background-size: 900px 800px;
  background-position: -200px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
}

#flipr-btn .icon {
  background-size: 900px 800px;
  background-position: -270px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

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

#fliprmax-btn .icon {
  background-size: 900px 800px;
  background-position: -340px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
}

#zoomin-btn .icon {
  background-size: 900px 800px;
  background-position: -410px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
}

#zoomout-btn .icon {
  background-size: 900px 800px;
  background-position: -480px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
}

#print-btn .icon {
  background-size: 900px 800px;
  background-position: -550px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
}

#listpdf-btn .icon {
  background-size: 900px 800px;
  background-position: -620px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

#share-btn .icon {
  background-size: 900px 800px;
  background-position: -690px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

#text-btn .icon {
  background-size: 900px 800px;
  background-position: -760px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

#fusen-btn .icon {
  background-size: 900px 800px;
  background-position: -830px -698px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

#tegaki-btn .icon {
  background-size: 900px 800px;
  background-position: -60px -758px;
  height: 34px;
  width: 64px;
  min-width:64px;
 }

#flippage-word {
  text-align: center;
  width: 100px; }

#search-btn .icon {
    height: 30px;
  margin:1px;
  background-size: 900px 800px;
  background-position: 0px -699px; }

#searchview-btn .icon {
  background-size: 900px 800px;
  height: 34px;
  width: 64px;
  background-position: 0 0; }



/* Footer Searchform
----------------------------------- */


#search-btn .icon {
	width:48px;
	height:30px;}

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

#searchform {
  padding-right:10px;
  line-height: 1;
  vertical-align: middle;
  width: 210px; }
  #searchform #search-keyword {
    display: inline-block;
    /* IE */
    height: 32px;
    line-height: 1;
    vertical-align: middle;
    width: 160px;
    border: 1px solid #7f7f7f;
    padding: 6px 23px 6px 6px; }
  #searchform #search-btn {
    display: inline-block;
    line-height: 1;
    margin-left: -6px;
    vertical-align: middle;
    width: auto; }
    #searchform #search-btn .btn {
    border: 1px solid #7f7f7f;
    background: #E9E9E9;
      padding: 0px 12px; }
  #searchform #search-clear-outer {
    cursor: pointer;
    height: 32px;
    margin-left: 137px;
    margin-top: -32px;
    position: absolute;
    width: 23px; }
  #searchform #search-clear {
    background-position: -30px 0;
    border: 0;
    margin-left: -0.5px;
    margin-top: 4px;
    position: absolute; }


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

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

.active .color-btn, #list-slidemenu .active .color-btn, #footer .active .color-btn {
  color: #ffffff;
  background-color: #35BADB;
}

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

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


/* Slidemenu
----------------------------------- */
  .slidemenu .slidemenu-close-btn, .slidemenu-m .slidemenu-close-btn {
    right: 0px;
    top: 0px;}