body {
	color:#000000;
 	background-color:#ffffff;
 	font-family: Meiryo UI;
 	margin:0px;
	width: 100%;
	font-size:1.5em;
 }

.form-control {
 display:inline;
 width:auto;
 font-size: 1.0em;
}

table.TENKYOselect .form-control{
 font-size:small
}

/* Reset the container */
.container {
  margin-right: auto;
  margin-left : auto;
  min-width:900px ;
  max-width: none !important;
}

/* Always float the navbar header */
.navbar-header {
  float: left;
}

.navbar-brand {
  margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

 .fepon{
 ime-mode:active;
 width:100%;
}
 .fepoff{
 ime-mode:inactive;
 width:100%;
}

 
 /*Login*/
 table.LoginInfo td.LogoutMes {
     color:#808080;
     font-weight: bold;
 }

 table.LoginInfo td.LoginButton a {
  display: inline-block;
  zoom: 1;
  display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding-top: .5em;
  padding-bottom: .5em;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  background: -ms-linear-gradient(top,  #fff,  #ededed); 
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
 }
 
 table.LoginInfo td.LoginMes {
     color:#ED5000;
     font-weight: bold;
 }
 
 table.LoginInfo td.LogoutButton a {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: .5em;
    padding-bottom: .5em;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    background: -ms-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
 }
 
 table.LoginInfo td.RSVLink a {
  font-weight:bold;
 }
 
  /*skiplink*/
 div#blockskip {
     margin: 0;
     overflow: visible;
     padding: 0;
     width: 100%;
     z-index: 9999;
 }
 div#blockskip a {
     cursor: default;
     display: block;
     float: left;
     font-size: 1px;
     height: 1px;
     line-height: 0;
     margin: -1px 0 0;
     min-width: 980px;
     padding: 0;
     width: 100%;
     color:#ffffff;
 }
 div#blockskip a.show {
     cursor: pointer;
     font-size: 93%;
     line-height: 1;
     height: 20px;
     width: 100%;
     display: block;
     color:#ffffff;
     text-decoration: none !important;
 }
 div#blockskip a.de {
     font-size: 0px;
     text-decoration: none !important;
 }
 div#blockskip a:focus {
     text-decoration: none !important;
 }
 div#blockskip a:hover {
     text-decoration: underline !important;
 }
 
 .color0     {background-color:#ffffff;}
 .btn0       {background-color:#6b8e23;color:#ffffff;}
 .btn1       {background-color:#f5f5dc;}
 .head       {background-color:#008000;color:#ffffff;}
 .header     {background-color:#8fbc8f;font-size:1.0em;}
 .header2    {background-color:#8fbc8f;}
 .trc1       {background-color:#ffffcc;}
 .trc2       {background-color:#ffffe0;}
 .lightcolor1{background-color:#F8F8FF;}
 .lightcolor2{background-color:#ffffff;}
 .focus      {background-color:#8fbc8f;}
 .essen      {background-color:#3cb371;font-size:1.0em;}
 .warning    {background-color:#ffff00;}
 .shadow     {background-color:#F8F8FF;}
 .avrsv      {background-color:#ff0080;}
 .rsvdata    {background-color:#7fff00;}
 .avnow      {background-color:#90ee90;}
 .index      {font-weight: bold; font-size:1.0em;}
 .srchtag    {color:#6666ff;font-weight:bold;}
 th          {font-weight: bold; font-size:1.0em;text-align:left;}
 .orange      {background-color:#FF8C00;}
 .error{color:#ED5000;text-decoration:underline;font-weight: bold;}
 .erroralert{color:#FFFFFF;font-weight: bold;}
 a:link{color:#007F92;text-decoration:none;font-weight: bold;}
 a:hover{color:#007F92;text-decoration:underline;font-weight: bold;}
 a:active{color:#007F92;text-decoration:underline;font-weight: bold;}
 a:visited{color:#007F92;text-decoration:none;font-weight: bold;}
 a.btn-hold:focus{color:#FFFFFF;}
 a.btn-hold:active{color:#FFFFFF;}
 .basecolor{background-color:#E7FFE7}
 .basemark{background-color:#2BD5A5}
 .baseline{color:#000000}
 .color1{background-color:#ffffff}
 .lightcolor{background-color:#F8F8FF}
 .shadow{background-color:#F8F8FF}
 
 .pathhead {
   font-size:1.3em;
   color: #000000;
   font-weight: bold;
   text-align: left;
   background-color: #F8F8FF;
   padding-top: 6px;
   padding-right: 12px;
   padding-bottom: 6px;
   padding-left: 20px;
   margin-top: 12px;
   margin-right: 25px;
   margin-bottom: 12px;
   margin-left: 20px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-bottom-style: solid;
   border-left-style: solid;
 }
 
 .pathheadcom {padding-left: 25px;}
 
 .HighLight{
     color: #0062FF;
     background-color: #FFFF00;
     font-style: oblique;
     font-weight: bold;
 }

 /*table*/
 table.WRTCALS20 hr{
    height:1px;
 }
 table.WRTCALS20 label{
  	display: block;
  	float: left;
 }
 table.WRTCALS20 ul {
	list-style:none;
	margin:0 ;border:0;padding: 0 ;
	width:98%;
 }
 table.WRTCALS20 ul li {
  	float: left;
	width:154px;
	table-layout : fixed;
	word-break: break-all;
	background-position:left;
	background-repeat:no-repeat;
 }

 table.WRTCALS20 td.subhead  { 
    width:147px;
 }
 
 table.WRTCALS20 th.subhead  { 
    width:147px;
 }

 table.WRTCALS20 table.subinc  { 
    width:100%;
    table-layout : fixed;
    word-break: break-all;
 }

 table.WRTCALS20 table.subinc td.subcontent ul { 
    list-style:none;
    margin:0 0 3px 0!important;
    border:0;
    padding:0!important;
 }

 table.WRTCALS20 table.subinc td.subcontent ul li{ 
    float: left;
    width:154px;
    white-space: nowrap;
 }
 
 /*wadai*/
 table.CollapsibleBox {
    border: 1px solid #019a66!important;
    margin: 5px!important;
    font-size:0.8em;
 }
 
 table.CollapsibleBox tr.CollapsibleBoxTitle {
    background: #2BD5A5!important;
    color: #000000!important;
    font-weight: bold!important;
    margin: 2px!important;
    padding: 1px!important;
 }
 
 table.CollapsibleBox tr.CollapsibleBoxTitle td.cBoxTitle {
    margin: 0px!important;
    padding: 0px!important;
    font-weight: bold;
 }
 
 table.CollapsibleBox tr.CollapsibleBoxTitle td.cBoxTitle a {
    color:#1E9A7B;
    text-decoration:none;
 }

 table.CollapsibleBox tr.CollapsibleBoxBody td {
    margin: 0px !important;
    padding: 0.5em !important;
    font-weight:normal !important;
 }

 .dbrefer td {
    color:#000000;
 }
/*追加*/
.tab-content{
 border-right:1.5px solid #ccc;
 border-bottom:1.5px solid #ccc;
 border-left:1.5px solid #ccc;
 border-top:1.0px solid #ccc;
 }
 
.nav-tabs > li > a {
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  border: 1.5px solid #ccc;
  cursor: default;
  border-bottom:1.0px solid #ccc;
}

.nav-tabs > li > a:hover {
  background-color: #e6e6e6;
  border-color:#adadad;
  color:#000000;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  font-weight: bold;
  margin-right: 2px;
  line-height: 1.42857;
  border: 1.0px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  background-color: #1E9A7B;
  border-bottom:1.5px solid #1E9A7B;
}
.navbar-default {
  position:static;
  background-color: #1E9A7B;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #1E9A7B;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a > .recommendnew {
  color: #fff9c4;
  font-size: small;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #000;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover > .recommendnew,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus > .recommendnew {
  color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #000000;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #2EE589;
}
.navbar-default .navbar-toggle {
  border-color: #ffffff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #1E9A7B;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #1E9A7B;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #020202;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #020202;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #020202;
    background-color: #fff;
  }
}
.pagination>li>a{
	color:#000;
	background-color:#000;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
 color:#000000;
 background-color:#2EE589;
}

.intable{
border:1px solid #e3e3e3;
border-radius:4px;
padding:20px;
background-color:white;
}

/*見出し用*/
blockquote{
margin:7px;
padding:10px;
background:#ffffff;
border:none;
border-left:5px solid #019a66;
}
 
/*引用タグ（グレードット）*/
blockquote2{
margin:10px;
padding:10px;
border:2px dotted #D4D4D4;
}

panel-body{
background:#ffffff;

}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
 padding:5px;
 word-break: break-all;
}
.tablebmcalen{

 border-collapse: collapse;
 border: 1px solid #000000;
}

.tablebmcalen > thead > tr > th, .tablebmcalen > tbody > tr > th, .tablebmcalen > tfoot > tr > th, .tablebmcalen > thead > tr > td, .tablebmcalen > tbody > tr > td, .tablebmcalen > tfoot > tr > td{
    border-collapse: collapse;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}
li a:hover {
	text-decoration: none;
	color: #000000;
	background: #2EE589;
	background-color: #2EE589;

}

/*imageicon*/

img.smicon {
 width: 30px;
 height: 30px;
 text-align: center;
}

/*h*/

h1{
 font-weight: bold;
 font-size:1.5em;
}

h2.bibd {
 position: relative;
 padding: .75em 1em .75em 1.5em;
 border: 1px solid #ccc;
 background-color: #fff;
 font-size:1.2em;
}

h2.bibd::after {
 position: absolute;
 top: .5em;
 left: .5em;
 content: '';
 width: 6px;
 height: -webkit-calc(100% - 1em);
 height: calc(100% - 1em);
 background-color: #019a66;
 border-radius: 4px;
}

h2, h3, h4 {
 white-space:nowrap;
 margin-top: 0px;
 margin-bottom: 0px;
 font-size:1.0em;
 font-weight: bold;
}

h2 {
 font-weight: normal;
}

.mrdftable1{
 width:25%;
}
.mrdftable2{
 width:50%;
}
.mrdftable3{
 width:70%;
}

.errmess {
 color:#ED5000;
 font-weight:bold;
}

.dropdown-toggle:focus{border:1px dotted #000;}

a.list-group-item.newscol{
 color:#ffffff;
 }
a.list-group-item.newscoldef{
 color:#000000;
 }
a.list-group-item.newscolsel{
 color:#000000;
 }
a.list-group-item.newscol:hover, a.list-group-item.newscol:focus{
 color:#000000;
 background-color:#2EE589;
 }
 
 .ddate{background-color:#E7FFE7;font-weight:bold}
 .dtype1{background-color:#FFCCCC;font-weight:bold}
 .dtype2{background-color:#FFCC99;font-weight:bold}
 .dtype3{background-color:#FF9999;font-weight:bold}
 .dtype4{background-color:#FF99FF;font-weight:bold}

.newstable{
     border-collapse: separate;
}

th.newsth {
     border-color:#FFFFFF;
     text-align:center;
     font-weight: bold;
 }

th.newsthsun {
     border-color:#FFFFFF;
     color:#FFFFFF;
     background-color:#FF4300;
     text-align:center;
     font-weight: bold;
 }

th.newsthsat {
     border-color:#FFFFFF;
     color:#FFFFFF;
     background-color:#1E7ABC;
     text-align:center;
     font-weight: bold;
 }
 
.newssun {
     color:#ED5000;
 }
.newssat {
     color:#1E7ABC;
 }

.rsverrorcolor{
 background-color:#FFFFB9
}

/*button*/
 .clearbutton {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none!important;
    padding: 3px 10px;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3));
    background: -moz-linear-gradient(top,  #ffffff,  #c0c0c0);
    background: -ms-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0');
    font-size: 0.8em;
 }
 
 .shiboributton {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none!important;
    padding: 3px 10px;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d3d3d3));
    background: -moz-linear-gradient(top,  #ffffff,  #c0c0c0);
    background: -ms-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0');
    font-size: 0.8em;
 }
 
.btn a{
 text-decoration:none;
 text-align:center;
 background-color: #E4E4E4;
 color:#969696;
 display:block; 
 margin:0px;
 padding:3px;
 width:80px;
 border:2px outset #B4B4B4;
 display:inline;
 }

.btn a:hover{
 border:2px inset #B4B4B4;
 color:#fff;
 text-decoration:none
 } 

 .btn-success{
    color:#fff;
    background-color:#1E9A7B;
    border-color:#1E9A7B;
    font-size:1.0em
 }

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success{
   color:#000000;
   background-color:#2EE589;
   border-color:#2EE589;
 }
.btn-default{
	font-size:1.0em;
}
.btn-xs{
	font-size:0.9em;
}

.btn-link{
	color:#007F92;
}
.btn{
 white-space:pre;
}

.badge{
	display:inline-block;
	font-size:1em;
	color:#000000;
	background-color:#ffffff;
	border-color:#000000;
	border: 1px solid #999;}

/*textresizer*/
a.resize{
 color: #000000;
}
a.textresizer-active:focus {
 background-color: #2EE589;
 color: #ffffff;
}
a.textresizer-active:hover {
 background-color: #2EE589;
 color: #000000;
}
a.textresizer-active{
 background-color: #1E9A7B;
 color: #ffffff;
}

.clearText{
 position:absolute;
 left:-9999px;
}

/* ul-list-item */
.ul-list-item{
 list-style: none; 
 padding-left: 0px; 
 display: inline-flex;
}
.li-list-item{
 padding-left: 4px;
}
.ul-list-group{
 list-style: none; 
 padding-left: 5px; 
}

/*alert*/

.alert-success{
 color:#007F92;
 background-color:#E7FFE7;
 border-color:#E7FFE7;
}

.alert-danger{
 color:#FFFFFF;
 background-color:#FF4300;
 border-color:#FF4300;
 text-decoration:underline;
 font-weight: bold;
}
.breadcrumb{
 background-color:#F8F8FF;

 }
.breadcrumb>li+li:before{
 color:#007F92;
}

 .panel-success>.panel-heading{
     color:#007f92;
     background-color:#E7FFE7;
     border-color:#E7FFE7; 
 }
 

.flip-horizontal{
     transform: scale(-1, 1);
}
.pager a:hover {
	text-decoration: none;
	color: #000000;
	background: #2EE589;
	background-color: #2EE589;

}
.smallfont{
 font-size:0.8em;
}

.navbar-brand,.dropdown-menu,.navbar-btn{
 font-size:1.0em;
}
li{
 word-break: break-all;
}

.sortmark{
 color:#ffffff;
 font-size:2.5em;
}
.sortmark-userinfo{
 color:#ffffff;
 font-size:2.5em;
}
.linksdi{
 color:#808080;
}

.usercard{
 background-color:#E7FFE7;
 font-weight:bold;
 font-size: 0.6em;
}
.limitday{
 background-color:#E7FFE7;
 font-weight:bold;
 font-size: 0.6em;
}
a.linkbtn{
 color:#ffffff;
 font-weight:bold;
}
a.linkbtndef{
 color:#000000;
 font-weight:bold;
}
a.rsvlink,.btn.rsvlink{
 color:#ffffff;
 font-weight:bold;
}

@media print {
a[href]:after { 
    content: "" !important; 
} 

abbr[title]:after { 
    content: "" !important;
}
}
.eventtable{
 text-align:center;
}

td.etooltip {
 color: #555;
 display: inline-block;
 width:100%;
}

td.etooltip span {
 display: none;
 }

td.etooltip:hover {
 position: relative;
 color: #333;
}

td.etooltip:hover span {
 display: block;
 position: absolute;
 top: 20px;
 right: -305px;
 background-color: #1E9A7B;
 padding: 5px;
 width: 300px;
 color: #fff;
 font-size: 90%;
 z-index: 100;
 }

.btn-keysel{
	color:#ffffff;
	font-weight:bold;
	width:40px;

	display: block;
	float: left;
	margin: 4px 4px 4px 4px;

	font-size:1.0em;
	border: 1px solid #1E9A7B;
	background-color: #1E9A7B;
}
.btn-key{
	color:#000000;
	font-weight:bold;
	width:40px;

	display: block;
	float: left;
	margin: 4px 4px 4px 4px;

	font-size:1.0em;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
}
.btn-key:hover{
   background-color:#f5f5f5;
 }
.btn-key:link{
   color:#000000;
   background-color:#f5f5f5;
 }
.btn-key:visited{
   color:#000000;
   background-color:#f5f5f5;
 }
.btn-key:active{
   color:#000000;
   background-color:#f5f5f5;
 }
.btn-keysel:hover{
  color:#ffffff;
}
.btn-keysel:link{
  color:#ffffff;
}
.btn-keysel:visited{
  color:#ffffff;
}
.btn-keysel:active{
  color:#ffffff;
}

/*calendar*/
.ui-widget-header {
   border: 1px solid #2bd5a5;
   background: #2bd5a5;
   color: #ffffff;
}
.ui-datepicker .ui-datepicker-title select {
   color:#333333;
}
.ui-widget-content .ui-state-hover {
   border: 1px solid #cccccc;
   background: #E7FFE7;
   color: #007f92;
}
.ui-widget-content .ui-state-active {
   border: 1px solid #cccccc;
   background: #E7FFE7;
   color: #007f92;
}
.ui-widget-content .ui-state-highlight {
   border: 1px solid #cccccc;
   background: #2bd5a5;
   color: #363636;
}

/** softkey **/
.common-key {
  background-color: #ddd;
  border: 1px solid #aba69e;
  border-radius: 5%;
  font-size: 1.5em;
  font-weight: bold;
  margin: 4px;
  padding: 5px;
}
.common-key:focus,
.common-key:active {
 border: 1px solid #000;
 border-radius: 0px;
 border-style: dotted;
}

.dialog {
  overflow: hidden;
  position: fixed;
  top: 170px;
  height: 560px;
  width: 55%;
  display: none;
  border: 1px solid black;
  z-index: 1000;
  background-color: #f5f5f5;

}

.dialog-header {
  background-color: #f5f5f5;
  color: #222222;
  overflow: hidden;
  padding: 5px;
}

.dialog-title {
  float: left;
}

.dialog-close {
  background: #e6e6e6;
  border: 1px solid #d3d3d3;
  color: #555555;
  float: right;
  font-weight: normal;
}

.dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background-color: #f5f5f5;
  overflow: auto;
  width: auto;
  height: 500px;
}

.kanji-sel {
  width: 95%;
  border: 1px solid #d3d3d3;
  font-size: 2.1em;
}

.keyarea-hr {
  margin-top:5px;
  margin-bottom:5px;
  width:98%;
}

.modal-body{
 padding: 10px;
}

.modal-softkey {
  margin-top: 120px;
  margin-left: -260px;
  padding: 10px 5px;
  width: 1160px;
}

.modal-content-userinfo {
  margin-top: 120px;
  margin-left: -260px;
  padding: 10px 5px;
  top: -70px;
  width: 1160px;
}

.userinfo-dialog {
  top: 180px;
  height: 570px;
  width: 59%;
}

.modal-dialog-common{
  top: -40px;
}

.modal-softkey-btn {
  font-size: 2.2em;
  height: 70px;
  margin: 8px;
  width: 70px;
}

.modal-inputarea-btn {
  font-size: 1.5em;
  height: 50px;
  margin-bottom: 7px;
}
.modal-inputarea-text {
  font-size: 1.7em;
}

/** softkey layer */
div.Layer {
 color: transparent;
 overflow: hidden;
 position: absolute;
 text-align: left;
 white-space: pre-wrap;
}

div.Layer span {
 display: inline-block;
 max-width: 100%;
}

div.Layer span b {
 display: none;
 background: #d8dfea;
 background: -webkit-gradient(linear, center top, center bottom, from(#dce6fb),
  to(#bdcff1) );
 background: -webkit-linear-gradient(#dce6fb, #bdcff1);
 background: -moz-linear-gradient(#dce6fb, #bdcff1);
 background: -ms-linear-gradient(#dce6fb, #bdcff1);
 background: -o-linear-gradient(#dce6fb, #bdcff1);
 background: linear-gradient(#dce6fb, #bdcff1);
 -webkit-box-shadow: 0 0 0 1px #a3bcea;
 -moz-box-shadow: 0 0 0 1px #a3bcea;
 -ms-box-shadow: 0 0 0 1px #a3bcea;
 -o-box-shadow: 0 0 0 1px #a3bcea;
 box-shadow: 0 0 0 1px #a3bcea;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 -o-border-radius: 2px;
 border-radius: 2px;
 font-weight: normal;
}
textarea {
 position: relative;
 background: transparent;
 height: 14px;
 width: 480px;
 resize: none;
 overflow: hidden;
 border: none;
 outline: none;
}

/** scroll **/
.topdummy {
 position: fixed;
 top: -50%;
 right: 20px;
}
.bottomdummy {
 position: fixed;
 top: 50%;
 right: 20px;
}
.pageup {
 position: fixed;
 top: 40%;
 right: 18px;
}
.pageup a {
 display: block;
 text-decoration: none;
 outline: none;
}
.pageup a:focus,
.pageup a:active{
 border: 1px solid #000;
 border-style: dotted;
}
.pageup:hover {
 text-decoration: none;
}
.pagedown {
 position: fixed;
 bottom: 40%;
 right: 18px;
}
.pagedown a {
 display: block;
 text-decoration: none;
 outline: none;
}
.pagedown:hover {
 text-decoration: none;
}
.pagedown a:focus,
.pagedown a:active{
 border: 1px solid #000;
 border-style: dotted;
}

/*radio*/
.radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.radio + label {
  font-weight:normal;
  display: block;
  float: left;
  margin: 5px;
  height: 45px;
  text-align: center;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  color: #000000;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color:#ffffff;
}
.radio + label:hover,
.radio:focus + label {
  background-color:#e6e6e6;
  border: 1px solid #adadad;
}
.radio:checked + label {
  color:#ffffff;
  background-color:#1E9A7B;
  border: 1px solid #1E9A7B;
}
.radio:checked + label:hover,
.radio:checked:focus + label {
  color:#000000;
  background-color:#2EE589;
  border: 1px solid #2EE589;
}
.radio:disabled + label {
  background-color:#e6e6e6;
  border: 1px solid #adadad;
  color: #adadad;
}

/*checkbox*/
.checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.checkbox + label {
  font-weight:normal;
  display: block;
  float: left;
  margin: 5px;
  width: 130px;
  height: 45px;
  text-align: center;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
  color: #000000;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #ffffff;
}
.checkbox:focus + label {
  outline: thin dotted;
}
.checkbox:checked + label {
  color:#ffffff;
  background-color:#1E9A7B;
  border: 1px solid #1E9A7B;
}
.checkbox:focus + label ,
.checkbox:active + label {
  border-radius: 0px;
  border: 1px solid #000;
  border-style: dotted;
}

/*table*/
.tablehead {
  font-weight: bold;
  border: 1px solid #ccc;
  padding:7px;
  background:#E6FFE6;
  color:#007f92;
}
.tablerow {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.tbltop {
  border-top: 1px solid #ccc;
}
.tblsel {
  background:#1E9A7B;
  color: #ffffff;
}
.tblsel:hover,
.tblsel:focus {
  color: #000000;
  background:#2EE589;
}
.tblsel a{
  font-weight:normal;
  display:block;
  text-decoration:none;
  color: #ffffff;
  padding:5px;
}
.tblsel a:hover,
.tblsel a:focus {
  color: #000000;
  background-color: #2EE589;
}
.tbldef {
  background:#ffffff;
  color: #000000;
}
.tbldef:hover,
.tbldef:focus {
  background:#f5f5f5;
}
.tbldef a {
  font-weight:normal;
  display:block;
  text-decoration:none;
  color: #000000;
  padding:5px;
}
.tbldef a:hover,
.tbldef a:focus {
  color: #000000;
  background-color: #f5f5f5;
}
.bookshelf {
  table-layout: fixed;
  width: 93%;
  height: 200px;
}
.bookshelf2 {
  table-layout: fixed;
  width: 93%;
  height: 10px;
  font-size: 0.5em;
}
.spine {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  align-self: auto;
}
.bookcover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.bookcover img {
  width: 100%;
  height: auto;
}
.bookcover .noimage {
  border: 1px solid #000000;
}
.bookcover div {
  position: relative;
}
.bookcover div p {
  position: absolute;
  width: 100%;
  font-size: 1.0em;
  color: #000000;
  top: 2%;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  overflow: hidden;
  transform: translateX(-25%);
  height: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bookcover:hover {
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
  transition: 0.2s;
  z-index: 1;
  transform: scale(1.1) translate(0px, 6px);
}
.nonbookcover img {
  width: 100%;
  height: auto;
}
/*bookmeter*/
.modal-dialog-srch {
  position:fixed;
  top:5%;
  left:10%;
  width:80%;
}
.modal-content-srch {
  max-height: calc(100vh - 100px);
  overflow-y:auto;
}
.modal-content-srch-header,
.bookmeter-error-mes,
.bookmeter-nohit-mes{
 font-weight:bold;
}
.modal-content-srch-loader {
  text-align: center;
}
.bookmeter-reviews-user-name{
 font-weight:bold;
 font-size:1.1em;
}
.bookmeter-reviews-text{
 padding-left:10px;
 padding-right:25px;
 padding-top:5px;
 padding-bottom:5px;
}
.bookmeter-reviews-readat{
 padding-left:10px;
}
.ul-bookmeter-reviews{
 list-style: none;
}
.bookmeter-book-url{
 text-align:right;
}
.bookmeter-hr{
 margin:8px;
}