@charset "UTF-8";
/* css 4.4.0-56 Copyright (c) 2016 LOGOSWARE */

.icon {
    background-image: url(../../html5/images/icon.png);
}


#header {
    display: block;
    height: 0px;
    background-color: #ffffff;
}

.header-space {
    top: 0px;
}




#footer {
    background: rgba(102, 102, 102, 0.8);
	background-size: 400px 51px;
	height: 51px;
}

.footer-space {
    bottom: 51px;/* #footerのheithgと同じ値(デザインによっては増減あり) */
}

#flipper-component {
    background-color: #f5f5f5;
}

.slidemenu-m {
    color: #000000;
    background-color: #c4c4c4;
}

#titlebar {
    color: #ffffff;
    background: rgba(65, 75, 79, 0.8);
}

.slidemenu-m .slidemenu-titlebar {
    color: #ffffff;
    background-color: #414b4f;
}

.color-btn {
    background-color: transparent;
}

.color-btn.hover {
    background-color: #666666;
}

.color-btn.active {
    background-color: #333333;
}

.color-item.hover {
    background-color: #666666;
}

.color-item.active {
    background-color: #333333;
}

#searchview-btn,
#list-btn,
#share-btn,
#fusen-btn,
#tegaki-btn {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

.footer-list .box{
    padding: 0;
}

/* 検索 */
#searchview-btn .icon{
	background-image: url(../../html5/images/search_m.png);
	background-size: 62px 51px;
    background-position:  0 0;
	width: 62px;
	height: 51px;
}

/* 目次 */
#list-btn .icon{
	background-image: url(../../html5/images/mokuji_m.png);
	background-size: 62px 51px;
    background-position:  0 0;
	width: 62px;
	height: 51px;
}

/* 共有 */
#share-btn .icon{
	background-image: url(../../html5/images/share_m.png);
	background-size: 62px 51px;
    background-position:  0 0;
	width: 62px;
	height: 51px;
}

/* 付箋 */
#fusen-btn .icon{
	background-image: url(../../html5/images/fusen_m.png);
	background-size: 62px 51px;
    background-position:  0 0;
	width: 62px;
	height: 51px;
}

/* ペン */
#tegaki-btn .icon{
	background-image: url(../../html5/images/memo_m.png);
	background-size: 62px 51px;
    background-position:  0 0;
	width: 62px;
	height: 51px;
}

/**************************************************************

メニューバー（目次／検索結果／共有／付箋／ペン）

**************************************************************/
.slidemenu .segmented .segmented-btn .icon,
.slidemenu-m .segmented .segmented-btn .icon {
    margin-top: -11px;
}
/*******
目次パネル内の各ボタン
*************************/
/* 目次ボタン */
#textindex-btn .icon{
    background: url('../../html5/images/text.png') no-repeat 0 0;
    background-size: 45px 24px;
    width: 45px;
    height: 24px;
	margin-left: -15px;
	margin-right: -15px;
}

/* サムネイルボタン */
#thumbnail-btn .icon{
    background: url('../../html5/images/img.png') no-repeat 0 0;
    background-size: 34px 25px;
    width: 34px;
    height: 25px;
	margin-left: -10px;
	margin-right: -10px;
}

/* ダウンロード（PDF）ボタン */
#pdf-btn .icon{
    background: url('../../html5/images/pdf.png') no-repeat 0 0;
    background-size: 18px 25px;
    width: 18px;
    height: 25px;
	margin-left: -3px;
	margin-right: -3px;
}

/* 付箋ボタン */
#fusenlist-btn .icon{
    background: url('../../html5/images/husen.png') no-repeat 0 0;
    background-size: 40px 25px;
    width: 40px;
    height: 25px;
	margin-left: -13px;
	margin-right: -13px;
}