@charset "utf-8";

/* IncGlobalHeader */
#header *, #header ::before, #header ::after{
  box-sizing: unset;
}
#header-renew{
  padding: 5px 0 5px;
  display: flex;
  align-items: center;
}
.rightBox{
  display: flex;
}
.float #siteLogo{
  margin-top: 20px;
}
.head-text{
  font-size: .9rem;
  color:#666;
  text-align: right;
  margin-bottom: 5px;
}
.head-text a{
  color:#666;
}
.inner{
  width: 1000px;
  padding: 0 10px;
  margin: auto;
}

#header {background: #FFF url("https://www.itoman.com/-img/share/header.jpg") repeat-x 0 100%;}

#siteLogo h1{
  margin: 0;
}
#siteLogo a {
  display: block;
}

#mainNavi {
  height: 30px;
  padding-bottom: 10px;
}
#mainNavi ul li {
  display: block;
  float: left;
  line-height: 30px;
}
#mainNavi ul li a{
  display: block;
  height: 100%;
  padding: 0;
  overflow: hidden;
  transition: unset;
  font-size: 95%;
}

.mainTab a {background-image: url("https://www.itoman.com/-img/share/mainNavi_20091102.gif");text-indent: -999em;}
.mainTab.home    { width: 139px; }
.mainTab.school  { width: 121px; }
.mainTab.locator { width: 130px;margin-left: -110px; }
.mainTab.special { width: 150px; }
.mainTab.suggest { width: 150px; }
.mainTab.fitness { width:  80px; }
.mainTab.corp    { width: 100px;margin-left: 45px; }
.mainTab.saiyo   { width: 115px; }
.mainTab.privacy { width: 138px; }

.mainTab.home a    {background-position: 0px -6px;}
.mainTab.school a  { background-position: -139px -6px; }
.mainTab.locator a { background-position: -257px -6px; }
.mainTab.special a { background-position: -387px -6px; }
.mainTab.suggest a { background-position: -540px -6px; }
.mainTab.fitness a { background-position: -470px   -6px; }
.mainTab.corp a    { background-position: -700px   -6px; }
.mainTab.saiyo a   { background-position: -800px -6px; }
.mainTab.privacy a { background-position: -860px   -6px; }

.mainTab.home a:hover       {background-position: 0px -96px;}
.mainTab.school a:hover     { background-position: -139px -98px; }
.mainTab.locator a:hover    { background-position: -257px -97px; }
.mainTab.special a:hover    { background-position: -387px -97px; }
.mainTab.suggest a:hover    { background-position: -540px -98px; }
.mainTab.fitness a:hover    { background-position: -470px -99px; }
.mainTab.corp a:hover       { background-position: -700px -98px; }
.mainTab.saiyo a:hover      { background-position: -800px -98px; }
.mainTab.privacy a:hover    { background-position: -860px -99px; }

.mainTab.home a:focus       { background-position:    0px -236px; }
.mainTab.school a:focus     { background-position: -139px -98px; }
.mainTab.locator a:focus    { background-position: -257px -97px; }
.mainTab.special a:focus    { background-position: -387px -97px; }
.mainTab.suggest a:focus    { background-position: -540px -98px; }
.mainTab.fitness a:focus    { background-position: -470px -99px; }
.mainTab.corp a:focus       { background-position: -700px -98px; }
.mainTab.saiyo a:focus      { background-position: -800px -98px; }
.mainTab.privacy a:focus    { background-position: -860px -99px; }

 #index .mainTab.home a      { background-position:    0px -236px; }
 #school .mainTab.school a   { background-position: -139px 40px; }
 #locator .mainTab.locator a { background-position: -257px 40px; }
 #special_class .mainTab.special a { background-position: -387px 40px; }
 #special .mainTab.fitness a { background-position: -570px 40px; }
 #suggest .mainTab.fitness a { background-position: -540px 40px; }
 #corp .mainTab.corp a       { background-position: -696px 40px; }
 #saiyo .mainTab.saiyo a     { background-position: -800px 40px; }
 #privacy .mainTab.privacy a { background-position: -860px 40px; }


ul#menu{
  position: absolute;
}
ul.sub{
  overflow: hidden;
  font-size:1.5rem;
  text-align: center;
  float: left;
}
ul.sub li{
  height:39px;
  line-height:30px;
  background: #BFDFFF;
  opacity: 0.9;
}
ul.sub li:hover{
  height:39px;
  line-height:30px;
  cursor: pointer;
  opacity: 1;
}
ul.sub li.mainTab{
  opacity: 1;
}
ul#menu li{
  float: left;
}
ul#menu .sub li{
  float: none;
}
ul.sub li a.first{
  font-size:18px;
  text-align: left;
  margin-left: 10px;
  text-decoration: underline;
}
ul.sub li a.sec{
  font-size:15px;
  text-align: left;
  margin-left: 28px;
  text-decoration: underline;
}
ul.sub li a.third{
  font-size:15px;
  text-align: left;
  margin-left: 10px;
  text-decoration: underline;
}
ul.sub li:not(:first-child){
    padding-right:10px;
}
.sub:hover ul.fade{
  opacity:  1;
}
.sub ul.fade{
  opacity: 0;
}


/* IncGlobalFooter */
#footInfo {
  font-size: .9rem;
  text-align:center;
  padding: 5px 0;
}
#copyright {
  padding-bottom: .2em;
  border-bottom: 1px solid #999;
}
#footLink ul li {
  display: inline;
  padding-right: 1em;
}
#footLink ul li a {
  color: #666;
  background: url("https://www.itoman.com/-img/share/link_footer.gif") no-repeat 0 .4em;
  padding-left: 1.5em;
}
#footLink ul li a:hover {
  text-decoration: underline;
}