.btn-change{
	margin-top: 10px;
}

.btn-share{
	margin-left: 15px;
	margin-bottom: 10px;
}

.btn-page-upload{
	margin-left: 10px;
}

.btn-media-upload-list{
	margin-left: 10px;
	margin-bottom: 10px;
}

.btn-external-upload{
	margin-left: 15px;
}

.btn-admin-list{
	margin-bottom: 10px;
}

.btn-pages-list{
	margin-bottom: 10px;
}

.btn-admin-list-external {
	margin-bottom: 10px;
	margin-left: 5px;
}

.btn-edit-page-list{
	margin-left: 10px;
}

.btn-media-gallery {
	margin-bottom: 5px;
}

.btn-media-upload{
	margin-left: 10px;
	margin-bottom: 10px;
}

.btn-upload-file-admin {
    float: left;
    margin-left: 10px;
}

.flipbook{
  width:350px;
  position: relative;
  height: 241px;
  transform: translate3d(0px, 0px, 0px);
  margin: 0 auto!important;
  padding-top: 20px;
}
.flipbook .page{
  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
  -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
  box-shadow:0 0 20px rgba(0,0,0,0.2);
  background-repeat:no-repeat;
  background-size:contain;
  background-position: center;
  background-color:white;
}

.flipbook .page-wrapper{
  margin-top: 10px;
  pointer-events:none;
}

h2 {
    font-size: 15px!important;
    font-weight: bold!important;
    color: #459E00!important;
    margin: 0 0 8px!important;
}

table {
    /*display: table!important;*/
    /*border-collapse: separate!important;*/
    border-spacing: 2px!important;
    border-color: grey!important;
}

body, h1 {
  font-size: 12px!important;
    margin: 0!important;
    padding: 0!important;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana", sans-serif!important;
}

h1 {
    font-size: 16px!important;
    font-weight: bold!important;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana", sans-serif;
    color: #436C96!important;
    margin: 0 0 8px!important;
    line-height: normal;
    word-break: break-all;
    letter-spacing: 1px!important;
    display: block!important;
    font-size: 2em!important;
    -webkit-margin-before: 0.67em!important;
    -webkit-margin-after: 0.67em!important;
    -webkit-margin-start: 0px!important;
    -webkit-margin-end: 0px!important;
    font-weight: bold!important;
}

span.bookmaking {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 770px;
    overflow: hidden;
}

* {
  -webkit-box-sizing: content-box!important;
          box-sizing: content-box!important;
}
*:before,
*:after {
  -webkit-box-sizing: content-box!important;
          box-sizing: content-box!important;
}

#panel h1 {
    font-size: 15px!important;
    padding: 5px 0 10px!important;
    margin: 0!important;
    color: white!important;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック",メイリオ, Meiryo,Osaka,"ＭＳ Ｐゴシック", "Helvetica", "Verdana", sans-serif;
}

.close {
    font-size: 12px!important; 
    opacity: inherit!important;
    text-shadow: none!important;
}

.container{
    background: rgba(0, 0, 0, 0.85); 
    margin:auto; width: 300px; 
    height: 241px;
}

#btn-previous{
    margin-left: 80px;
    padding: 6px 1px!important;
}

#pagenumber {
    width: 50px; 
    height: 25px; 
    vertical-align: middle; 
    line-height: 10px; 
    margin-top: 5px; 
    margin-bottom: 5px; 
    text-align: center; 
    color: #00e0e0; 
    background-color: #333;
}

.btn-next {
    padding: 6px 1px!important;
}

#label-flip-page {
    float: right; 
    right: 5px; 
    margin-top: 10px; 
    color: #FFF; 
    margin-right: 5px;
}
.flip-font {
  color:#FF0000;
  font-weight:bold;
}
.div-text-login{
  height: 181px;
  text-align: center;
  font-size: 17px;
  position: relative;
  top: 30%;
}
#container-style{
  background: #000;
  margin:auto;
  width: 300px;
  height: 241px;
}
#container-style > div > label{
  float: right;
  right: 5px;
  margin-top: 10px;
  color: #FFF;
  margin-right: 5px;
}
#pagenumber{
  width: 50px;
  height: 25px;
  vertical-align: middle;
  line-height: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  color: #00e0e0;
  background-color: #333;
}
.btn.btn-pre{
  margin-left: 80px;
  padding: 6px 1px!important;
}
.btn.btn-next{
  padding: 6px 1px!important;
}
.small-book{
  width:723px;
  text-align:center;
}
#btn-change-flash-html5 > a {
  text-decoration: none;
  color: #000;
}
.book-content-style{
  background: #535353;
}

/*Google Analytics*/
#flash_chart{
  height:330px;
}
.analytics_msgbox_date{
  padding:10px;
  color:#000;
  font-weight:bolder;
  font-size:18px;
}
.analytics_msgbox_date_num{
  font-weight:normal;
  font-size:12px;
  padding-left:10px;
}
.analytics_msgbox_1{
  width:130px;
  float:left;
  height:50px;
  border:1px dashed #CCC;
  border-right:none;
  padding:10px;
}
.analytics_msgbox_2{
  width:2px;
  float:left;
  height:50px;
  border-left:1px dashed #CCC;
  padding:10px 0;
}
.analytics_msgbox_4{
  clear:both;
  font-size:13px;
  font-weight:bold;
  color:#006699;
}
.analytics_msgbox5{
  float:left; width:100px;
}
.analytics_msgbox6{
  float:right;
  background:url(../theme/tw/images/icon_exp.jpg) no-repeat;
  width:18px;
  cursor:pointer;
}
#book_detail{
  display:none;
}
.detail_open{
  text-align:center;
  height:20px;
}
.detail_open a{
  color:#333;
}
.cursor_pointer{
  cursor:pointer;
}
.ana_page_link{
  color:#333;
  font-weight:bold;
  font-size:12px;
}
.date_button{
  margin:3px;
  padding:4px;
  background:#333;
  color:#FFF;
  cursor:pointer;

}
.dl_txt{
  width:170px; float:right; position:relative; text-align:right; font-size:12px; vertical-align:bottom;
}
.ga_date_box{
  border:solid #EEE 1px; font-size:16px; font-weight:bolder; width:100px; padding:5px; cursor:pointer;
}
.change_date{
  font-size:12px; font-weight:normal;
}
#page-path{
  display: none;
}
#page-path::before {
    content: "≫";
}
#ga_member_table td{
  height:25px;
  text-align:center;
}
#ga_member_table th{
  font-size:12px;
  height:25px;
  font-weight:bolder;
  text-align:center;
}
/*-----------------------*/