@charset "UTF-8";

/* googleカスタム検索 */

#gsc,
#glossary-gsc {
    width:100%;
    margin:0 auto;
    position:relative;

    text-align:left;
    font-weight:normal;
    line-height:normal;
}

#gsc .gsc-control-cse { padding: 0 !important; }

#gsc .gsc-input,
#glossary-gsc .gsc-input {
	padding: 0 !important;
	background-image:none !important;
}

#gsc .gsc-input::placeholder,
#glossary-gsc .gsc-input::placeholder {
    color: transparent;
}

#gsc .gsc-input:-ms-input-placeholder,
#glossary-gsc .gsc-input:-ms-input-placeholder {
    color: #fff;
}

#gsc .gsc-search-button{
    margin:0 0 0 -8px !important;
}

#gsc .gsc-search-box .gsc-input-box,
#gsc .gsc-search-box .gsc-input-box-hover,
#gsc .gsc-search-box .gsc-input-box-focus {
    font-size: 1.7rem;
    vertical-align: middle;
    margin-right: -3px;
    font-weight: bold;
    border: solid thin #cfcfcf;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: rgb(207, 207, 207);
    border-right: none;
    border-radius: .7rem 0 0 .7rem;
}

#gsc .gsc-search-box .gsc-search-button {
    width: 14%;
    font-size: 1.7rem;
    font-weight: bold;
    padding: .2rem;
    vertical-align: middle;
}

#gsc .gsc-search-box button.gsc-search-button-v2,
#gsc .gsc-search-box button.gsc-search-button {
    width: 100%;
    height: 100%;
    background-color: #ffa800;
    border: solid thin #cfcfcf;
    border-radius: 0 .7rem .7rem 0;
}

#gsc .gsc-search-box .gsc-search-button:hover {
    opacity: 0.8;
}

#gsc .gsib_a {
    padding-bottom: .1rem;
}

#glossary-gsc td.gsib_b {
    display: none !important;
}

// 医療関係者向け骨粗鬆症用のスタイル
#confirmBox .gray:hover span{   background-position:-395px bottom;}

#btnArea{
  width:640px;
  margin:0 auto;
  text-align:center;
  zoom:1;
}
#btnAreaInner{
  padding:6px 0 2px;
  text-align:right;
}
#btnAreaInner:after{
  clear:both;
  content:"";
  display:block;
  height:0;
}
#btnArea img.help{
  margin-bottom:-2px;
}
#btnArea li{
  position:relative;
  display:inline-block;
  *
  display:inline;
  *
  zoom:1;
  margin-right:10px;
}

.tooltip{
  position:relative;
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.tooltip:before,
.tooltip:after{
  position:absolute;
  visibility:hidden;
  opacity:0;
  z-index:999999;
  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}
.tooltip:before{
  content:'';
  border:6px solid transparent;
}
.tooltip:after{
  padding:11px 11px 0 11px;
}
.tooltip:hover {
  position: relative;
  z-index: 999999;
  background: #f8f8f8;
  text-decoration: none;
}
.tooltip span {
  display: none;
  margin-left: 8px;
  padding: 8px;
  line-height: 1.6;
  font-size:13px;
  font-weight:normal;
  text-align: left;
}
.tooltip:hover span{
  display: inline;
  position: absolute;
  left:-180px;
  top:26px;
  background-color:#ffffee;
  border:1px solid #eeeeee;
  width:200px;
}
.tooltip:hover span{width: 216px;}

.arrow_box {
    position: relative;
    background: #ffffee;
    border: 1px solid #ffffee;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 180px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 238, 0);
    border-bottom-color: #ffffee;
    border-width: 6px;
    margin-left: -6px;
}
.arrow_box:before {
    border-color: rgba(255, 255, 238, 0);
    border-bottom-color: #ffffee;
    border-width: 7px;
    margin-left: -7px;
}

//お気に入り保存のチェックボックス

.chkbox{
  background:url("/img/btn_save_s.gif") no-repeat left top;
  cursor:pointer;
  display:block;
  width:77px;
  height:32px;
  line-height:32px;
  overflow:hidden;
}
.chkbox_on{
  background:url("/img/btn_save_s.gif") no-repeat left bottom;
}
.chkbox input[type="checkbox"]{
  opacity:0;
  position:absolute;
}
/* check_l --------------*/
.chkboxL{
  background:url("../img/btn_save.gif") no-repeat left top;
  cursor:pointer;
  display:block;
  width:194px;
  height:38px;
  line-height:38px;
  overflow:hidden;
}
.chkboxL_on{
  background:url("../img/btn_save.gif") no-repeat left bottom;
  cursor:pointer;
  display:block;
  width:194px;
  height:38px;
  line-height:38px;
  overflow:hidden;
}
.chkboxL_on input[type="checkbox"],
.chkboxL input[type="checkbox"]{
  opacity:0;
  position:absolute;
}
a.disabled{
    pointer-events: none;
}

#glossary-gcs{
    width:100%;
    margin:0 auto;
    position:relative;
    text-align:initial;
    font-weight:initial;
    line-height:initial;
}