html,
body {
	height: 100%;
    margin: 0px;
    padding: 0px;
}

form{
    margin: 0px;
    padding: 0px;
}

.scr {
  overflow: auto;   /* スクロール表示 */ 
/*  height: 300px;*/
  height: calc(50% - 80px);
  min-height:60px;
  border: 1px solid gray;
  margin-bottom: 10px;
}
.scr2 {
  overflow: auto;   /* スクロール表示 */ 
/*  height: 180px;*/
  height: calc(50% - 150px);
  min-height:60px;
  border: 1px solid gray;
}

.strcoution{
	FONT-SIZE: 8pt; COLOR: #000000;
    position: absolute;
    bottom: 0;
}
.dispurl{
	FONT-SIZE: 8pt;
    height:25px;
}

.maindiv{
	position:relative;
    width:100%;
    height:calc(100% - 25px);
}

.lmenu{
	position:absolute;
	top:0px;
	width:30vw;
	left: 10px;
	height: 100%;
              border-right: 4px solid #0070C0; 
              z-index: 9999;
              background-color: #fff;
}

.rcontents{
	position:absolute;
	top:0px;
	left: calc(30vw + 14px);
	width:calc(70vw - 14px);
}


.cTitle{
	height:29px;
	margin:0;
	padding:0;
	border:0;
}



.extlinktitle{
	FONT-SIZE: 9pt; COLOR: #000000;
	color:#FFFFFF;
	background-color:#848684;
	border-bottom:2px solid #BDBEBD;
/*              width: calc(100% - 8px);*/
	padding: 5px;
}

.extlink{
	FONT-SIZE: 8.5pt;
	color:#000000;
	cursor:pointer;
       padding-left: 5px;
}
.extlink:hover{
	color:#FFFFFF;
	background-color:#36c;
	cursor:pointer;
}
.extlink p {
    margin: 0;
}

.buttons{
    height:30px;
}

.ifm{
    width: 100%;
    height:calc(100% - 15px);
}


.books0{
/*              width: calc(100% - 8px);*/
	color:#FFFFFF;
	background:#D34B54;
	margin: 0px;
	padding:5px;
       line-height: 1.2em;
}

.sho0{
/*              width: calc(100% - 8px);*/
	background:#F5B1AA;
	margin: 0px;
	padding:5px;
       line-height: 1.2em;
}

.unnamed3 p{
margin : 0;
}


.unnamed1 {
	FONT-SIZE: 8pt
}
.unnamed2 {
	FONT-SIZE: 10pt; COLOR: #000000
}
.unnamed3 {
	FONT-SIZE: 9pt; 
	COLOR: #000000;
	padding-left:5px;
              cursor:pointer;
}
.unnamed4 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ff99cc
}
.unnamed5 {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #cc99ff
}
.unnamed6 {
	FONT-SIZE: 9pt; LINE-HEIGHT: 20px
}
.unnamed7 {
	FONT-SIZE: 12px
}
.unnamed8 {
	FONT-SIZE: 9pt; LINE-HEIGHT: 20px; HEIGHT: 30px
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}

.infomodal{
    position: absolute;
    bottom: 15px;
    width: calc(100% - 10px);
    text-align : center;
}


.footer{
   font-size: 7pt; /* IMPORTANT: default = 1px */
}

.footer p{
   margin: 2px;
}