html,body{
 margin: 0;
 padding:0;
 overflow:hidden;
 height:100%;
}
div{
 margin: 0;
 padding:0;
 font-family:'MS PGothic',sans-serif;
 font-weight:normal;
 font-style: normal;
 font-size: 20px;
 letter-spacing:1px;
 line-height:1em;
}
span{
 font-family:'MS PGothic',sans-serif;
 font-weight:normal;
 font-style: normal;
 font-size: 16px;
}
#infos{
 float: left;
 width: calc(100% - 600px);
 height: 60px;
 overflow: hidden;
}
#file-name{
 color:blue;
}
#info{
 color:#888;
 /*display:none;*/
}
#download{
 /* display:none; */
}
#header{
 width: 100%;
 height: 60px;
 overflow-x:hidden;
 overflow-y:hidden;
}
#main{
 width:100%;
 height:calc(100% - 60px);
/* overflow-y:auto; */
}
iframe{
 margin:0;
 padding:0;
 border: none;
 width:  100%;
 height: 100%;
}
button{
 margin: 0;
 padding: 5px;
 font-family: 'MS PGothic',sans-serif;
 font-weight:normal;
 font-size: 16px;
 letter-spacing:1px;
 line-height:1em;
}
input{
 margin: 0;
 padding: 5px;
 font-family: 'MS PGothic',sans-serif;
 font-weight:normal;
 font-size: 16px;
 letter-spacing:1px;
 line-height:1em;
}
#buttons{
 /* width: 240px; */
 height:60px;
 float:left;
}
#paper{
 float: right;
 margin: 0;
 padding: 5px;
 font-family: 'MS PGothic',sans-serif;
 font-weight:normal;
 font-size: 16px;
 letter-spacing:1px;
 line-height:1em;
}
.toggleWrap{
 float: right;
 margin: 0;
 padding: 5px;
 font-family: 'MS PGothic',sans-serif;
 font-weight:normal;
 font-size: 16px;
 letter-spacing:1px;
 line-height:1em;
}
h1{
 margin: 10px 0;
 font-family: 'MS PGothic',sans-serif;
 font-weight:normal;
 font-size: 24px;
 letter-spacing:0;
 line-height:1em;
 color: black;
}
#header h1{
 margin: 0;
}
h2{
 margin: 10px;
 font-family: 'MS PGothic',sans-serif;
 font-weight:normal;
 font-size: 20px;
 letter-spacing:0;
 line-height:1em;
 color: green;
}
#header h2{
margin: 0;
}
p{
 margin: 5px 20px 0 20px;
 padding:0;
 font-family: 'MS PMincho',serif;
 font-weight:normal;
 font-size: 20px;
 letter-spacing:0;
 line-height:1.25em;
}
.table-wrap{
 overflow-x: auto;
}
hr{
 margin: 10px 0px;
 height: 2px;
 width: 80%;
}
em{
 font-weight:normal;
 font-style: normal;
 color: red;
}
a{
 text-decoration: none;
}
a:hover{
 text-decoration: underline;
}
@media print{
.no-print{display:none;}
}
/* 画面幅が768px以下の場合に適用されるスタイル */
@media screen and (max-width: 768px) {
.hide-on-mobile {
 display: none; /* 要素を非表示にする */
}
}