@charset "Shift_JIS";
/*
layout.cssでは以下の要素を制御しています。
[]内はキーとなるid名、クラス名です。
・テキストインデント
・メインコンテンツ[#contents]
・ヘッダ[#head]
・グローバルメニュー[#gMenu]
・フッタ[#foot]
・基本構造
*/
/* @group テキストインデント */
ul#gMenu li a, div#head h1 {
  text-indent: -9999px;
}
/* @end */
/* @group テキストインデント */
ul#gMenub li a, div#head h1 {
  text-indent: -9999px;
}
/* @end */
/* @group メインコンテンツ[#contents] */
div#contents {
  padding: 0;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
}
/* @end */
/* @group ヘッダ[#head] */
div#head {
  background: #fff;
}
@media screen and (max-width: 480px) {
  div#head {
    display: none;
  }
}
div#head h1 {
  height: 70px;
  width: 300px;
  background: transparent url(https://www.his-j.com/tyo/corp/campaign/epos/img/logo.png) left center;
  float: left;
  margin: 0;
}
div#head ul#headUnit li {
  float: left;
  padding: 0;
  display: inline;
  margin: 0;
}
/* @end */
/* @group グローバルメニュー[#gMenu] */
ul#gMenu {
  clear: both;
  height: 48px;
  overflow: hidden;
  background: transparent url(../img/gnavi2.gif);
}
ul#gMenu li, ul#gMenu li a {
  float: left;
  height: 48px;
  display: block;
}
ul#gMenu li#gMenu01 a {
  width: 143px;
}
ul#gMenu li#gMenu02 a {
  width: 138px;
}
ul#gMenu li#gMenu03 a {
  width: 140px;
}
ul#gMenu li#gMenu04 a {
  width: 198px;
}
ul#gMenu li#gMenu01 a:hover {
  background: url(../img/gnavi.gif) no-repeat 0 -48px;
}
ul#gMenu li#gMenu02 a:hover {
  width: 138px;
  background: url(../img/gnavi.gif) no-repeat -143px -48px;
}
ul#gMenu li#gMenu03 a:hover {
  width: 140px;
  background: url(../img/gnavi.gif) no-repeat -281px -48px;
}
ul#gMenu li#gMenu04 a:hover {
  width: 198px;
  background: url(../img/gnavi.gif) no-repeat -421px -48px;
}
ul#gMenu li#gMenuMailMagazine {
  float: right;
  height: 28px;
  margin: 9px 10px 0 0;
  display: inline;
}
ul#gMenu li#gMenuMailMagazine a {
  text-indent: 0;
}
ul#gMenu li#gMenuMailMagazine a img {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha( opacity=95 )";
}
ul#gMenu li#gMenuMailMagazine a img {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha( opacity=95 )";
}
ul#gMenu li#gMenuMailMagazine a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
}
/* @end */
/* @group グローバルメニュー[#gMenub] */
ul#gMenub {
  clear: both;
  height: 48px;
  overflow: hidden;
  background: transparent url(../img/gnavi.gif);
}
ul#gMenub li, ul#gMenub li a {
  float: left;
  height: 48px;
  display: block;
}
ul#gMenub li#gMenub01 a {
  width: 143px;
}
ul#gMenub li#gMenub02 a {
  width: 138px;
}
ul#gMenub li#gMenub03 a {
  width: 140px;
}
ul#gMenub li#gMenub04 a {
  width: 198px;
}
ul#gMenub li#gMenub01 a:hover {
  background: url(../img/gnavi.gif) no-repeat 0 -48px;
}
ul#gMenub li#gMenub02 a:hover {
  width: 138px;
  background: url(../img/gnavi.gif) no-repeat -143px -48px;
}
ul#gMenub li#gMenub03 a:hover {
  width: 140px;
  background: url(../img/gnavi.gif) no-repeat -281px -48px;
}
ul#gMenub li#gMenub04 a:hover {
  width: 198px;
  background: url(../img/gnavi.gif) no-repeat -421px -48px;
}
ul#gMenub li#gMenubMailMagazine {
  float: right;
  height: 28px;
  margin: 9px 10px 0 0;
  display: inline;
}
ul#gMenub li#gMenubMailMagazine a {
  text-indent: 0;
}
ul#gMenub li#gMenubMailMagazine a img {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha( opacity=95 )";
}
ul#gMenub li#gMenubMailMagazine a img {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha( opacity=95 )";
}
ul#gMenub li#gMenubMailMagazine a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
}
/* @end */
/* @group フッタ[#foot] */
div#foot {
  padding: 10px 10px 20px;
  font-size: 85%;
  line-height: 180%;
  background: #242424;
}
div#foot a {
  color: #fff;
  text-decoration: underline;
}
div#foot a:link {
  color: #fff;
  text-decoration: none;
}
div#foot a:visited {
  color: #ccc;
  text-decoration: none;
}
div#foot a:hover {
  color: #fff;
  text-decoration: underline;
}
div#foot ul li {
  display: inline;
  white-space: nowrap;
}
div#foot ul li a {
  padding: 0 3px 0 0;
}
div#foot ul#bmList {
  border-bottom: #666 1px solid;
  margin: 0 0 10px;
  padding: 0 10px 5px;
  text-align: right;
}
div#foot div#fNavi {
  float: left;
  width: 915px;
}
@media screen and (max-width: 480px) {
  div#foot div#fNavi {
    width: 100%;
  }
}
div#pMark {
  width: 88px;
  float: right;
  text-align: right;
}
div#copyRight {
  padding: 0 0 10px;
  text-align: center;
  clear: both;
}
/* @end */
/* @group 基本構造 */
body {
  background-color: #FFFFFF;
  text-align: center;
  border: 0;
}
div#wrapper {
  width: 1024px;
  text-align: left;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  div#wrapper {
    width: 100%;
  }
}
/* @end */