@charset "UTF-8";
/* 共通レイアウト -------------------------- */
html, body {
  width: 100%;
  height: 100%;
}
#wrapper {
  position: relative;
  min-height: 100%;
}
div#contents {
  width: 100%;
  margin: 0 auto;
  padding: 26px 0 calc(10px + 26px);    /* フッターの高さ分余白を取る */
}
/* ヘッダー -------------------------- */
header {
  width: 100%;
  margin: 0 auto;
  box-shadow: 2px 2px 3px #b7b7b7;
 // background: linear-gradient(180deg, rgba(102,102,102,1.00) 0%, rgba(34,38,46,1.00) 100%);
}
#header_inner {
  /*width: calc(1280px - 10px * 2);*/    /* 固定幅から左右padding分削る */
  width: calc(100% - 10px * 2);
  height: 38px;
  line-height: 38px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
      background-color: #0093ee;
      clear:both;

}
#header_logo {
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 901; /*サブメニューのマスクより上に表示するため*/
}
#header_logo img {
/*  width: 65px;
  height: 38px;*/
/*  width: 256px;
  height: 90px;*/
  /*width: 200px;
  height: 70px;*/
}
#header_right_box {
    width: 400px;
    text-align: right;
    height: 40px;
}
#header_userInfo {

    height: 0px;

}
#header_userInfo li {
  display: block;
  height: 17px;
  overflow: hidden;
  font-size: 85%;
  padding-top: 2px;
}
#header_userInfo #li_companyName {
  }
#header_userInfo #li_userID {
  }
#header_userInfo #li_companyName::before {
    content: url(../images/login_company.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding-top: 2px;
}
#header_userInfo #li_userID::before {
    content: url(../images/login_user.png);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    padding-top: 2px;
}
#header_logout {
  z-index: 901; /*サブメニューのマスクより上に表示するため*/
    height: 0px;

  /*line-height: 1.5em;*/
}
#header_logout a {
/*  color: #fff; */
/*  display: block;*/
/*  text-align: center;*/
  font-size: 85%;
/*  background-color: #ffffff;*/
/*  border-radius: 2px;*/
  transition: .4s;
 /* font-weight: bold;*/
}
#header_logout a:hover {
/*  background-color: #E5E5E5;*/
}
#header_logout #logout_txt {
  display: block;
  width: 50px;
  height: 14px;
}
#header_logout #logout_img {
  display: block;
  width: 50px;
  height: 20px;
  padding-top: 4px;
}
#logout_img img {
  width: 20px;
  height: 20px;
}

/* ナビゲーター(ヘッダー) -------------------------- */
#gnav {
  width: calc(85px * 5 + 1px * 6 + 160px);    /* メインメニューの中身は５ブロックまで可能 */
  margin: 0 auto;
  //padding-right: 100px;
}
.menu_main {
  position: relative;
}
.menu_main > li {
  float: left;
  width: 145px;
  height: 55px;
  line-height: 38px;
  border-right: 1px solid #ffffff;
}
.menu_main > li:first-child {
  border-left: 1px solid #ffffff;
}
.menu_main > li > a {
  display: block;
  width: calc(100% - 10px * 2);    /* 左右padding分削る */
  height: 100%;
  margin: 0 10px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  /*font-weight: bold;*/
  /*font-size: 108%;*/
}
.menu_main > li:hover > a {
/*   color: #000000; */
/*  background: #999999;*/
/*   background: #f5f5f5; */
}
/* .menu_main > li.menu_click > a {
  height: calc(100% - 4px) !important;
  border-bottom: 4px solid rgba(2,164,245,1) !important;
  color: #000000 !important;
  background: #ffffff !important;
  cursor: pointer !important;
}
.menu_main > li.menu_click > .menu_sub {
  display: block;
}
 */
 .menu_sub {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 38px;
  width: calc(200px * 4 + 10px * 3 + 1px * 2 + 20px * 2);
  height: 100px;    /* メインメニューからサブメニューまでの間隔以上に設定 */
  display: none;
}
.menu_sub > ul {
  position: absolute;
  width: calc(200px * 4 + 10px * 3);    /* サブメニューの中身は４ブロックまで可能 */
  margin-top: 10px;
  padding: 10px 20px 20px;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.menu_sub li {
  float: left;
  width: 200px;
  margin-left: 10px;
}
.menu_sub li:first-child {
  margin-left: 0;
}
.menu_sub dt,
.menu_sub dd {
  width: 100%;
  height: 32px;
  line-height: 32px;}
.menu_sub dt {
  position: relative;
  width: calc(100% - 30px);  /* 画像分幅を削る */
  padding-left: 30px;        /* 画像分余白を取る */
  margin-bottom: 5px;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}
.menu_sub dt::before,
.menu_sub dt::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 100%;
}
.menu_sub dt::before {
  z-index: 2;
  left: 5px;
  top: 5px;
  width: 16px;
  height: 16px;
  background: rgba(2, 164, 245, 0.5);
}
.menu_sub dt::after {
  left: 12px;
  top: 12px;
  width: 12px;
  height: 12px;
  background: rgba(124, 204, 244, 0.5);
}
.menu_sub a {
  display: block;
  width: calc(100% - 20px);  /* 画像分幅を削る */
  height: 100%;
  padding-left: 20px;        /* 画像分余白を取る */
  color: #000000;
  background: url(../images/arrow_off.png) no-repeat 0 50%;
}
.menu_sub a:VISITED,
.menu_sub a:LINK {
  color: #000000;
}
.menu_sub a:hover {
  color: #a32403;
  background: #efefef url(../images/arrow_on.png) no-repeat 0 50%;
}
.menu_mask {
  display:none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 58px;
  z-index: 900;
  width: 100%;
  height: 100%;
}
/* フッター -------------------------- */
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-width: 1280px;
  height: 26px;
  margin: 0 auto;
  background: #8b91a0;
}
footer #copy {
  font-size: 77%;
  text-align: right;
  color: #ffffff;
  height: 26px;
  line-height: 26px;
  padding-right: 20px;
}
footer a {
  color: #ffffff;
}


div.headerdiv{
	float:left;
}

header {
	background-color:white;
}


#header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0 10px 0;
    width: 1012px;
    margin: 0 auto;
}

header .logo img {
  width: 250px;
  height: auto;
}

/*メニュー*/
div.header-menu{
    height: 55px;
    line-height: 38px;
    padding: 8px;
    position: relative;
    background-color: #0093ee;
    clear: both;
}

.menu_main img{
	width:38px;
	padding-top: 5px;
}
/* .menu_main li:hover img{
	  -webkit-filter: invert(100%);
     -moz-filter: invert(100%);
     -o-filter: invert(100%);
     -ms-filter: invert(100%);
     filter: invert(100%);
}
 */

.menu_main a {
  text-decoration: none;
  font-size: 12px;
  line-height: 1em;
  position: relative;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-position: center 5px;
 }

.menu_main a span {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 1px;
}

.menu_main a#bt_shopmain{
  background-image: url(../images/shopmenu_shopbasicinformation.png);
}
.menu_main a#bt_shopmain:hover {
  background-image: url(../images/shopmenu_shopbasicinformation_h.png);
}

.menu_main a#bt_shopreservemain{
  background-image: url(../images/shopmenu_shopcalendar.png);
}
.menu_main a#bt_shopreservemain:hover {
  background-image: url(../images/shopmenu_shopcalendar_h.png);
}

.menu_main a#bt_shopreservemain{
  background-image: url(../images/shopmenu_shopcalendar.png);
}
.menu_main a#bt_shopreservemain:hover {
  background-image: url(../images/shopmenu_shopcalendar_h.png);
}

.menu_main a#bt_QA{
  background-image: url(../images/shopmenu_QA.png);
}
.menu_main a#bt_QA:hover {
  background-image: url(../images/shopmenu_QA_h.png);
}

.menu_main a#bt_access{
  background-image: url(../images/shopmenu_access.png);
}
.menu_main a#bt_access:hover {
  background-image: url(../images/shopmenu_access_h.png);
}

 .menu_main a:hover {
  text-decoration: none;
  background-color: #fff;
  opacity: 1;
  color: #0093ee;

}