/* header
----------------------------------------------- */
#header {
  position: relative;
  padding: 0;
  margin: 10px 20px 5px 20px;
  height:70px;
  background: url(temp/cat/img/head-bg.png) repeat-x;
  >top:10px;
  >height:80px;
}
#header .inb {
  position: relative;
  height:70px; width:100%;
  background: url(temp/cat/img/head-bgr.png) right 0 no-repeat;
}

#header #logo {
  position:absolute;
  top:0px; left:0px;
  z-index: 2;
}
#header #logo h1 {
  display:none;
}
#header #logo a {
  display: block;
  width: 220px;
  height: 70px;
}

#header #logo a {
  background: url(temp/cat/img/head-logo.png?0.01) no-repeat;
}
#header #logo a:hover {
  background-position: left bottom;
  border-style:none;
}

}
#header #logo a:hover {
  border-style:none;
}

#header h2 {
  position:absolute;
  top:10px; left:0px;
  padding:20px 0 0 190px;
  font-size:11px;
  color:#fff;
  z-index: 1;
}

/* head-tab
------------------------------------- */
#head-tab {
  background: url(temp/cat/img/head-bgr.png) right top no-repeat;
  height:70px;
  font-size:.9em;
  z-index: 2;
}
#head-tab ul {
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0 10px 0 0;
  list-style: none;
}
#head-tab ul li {
  float: right;
  background: transparent url(temp/cat/img/tabs.png) 100% 0px no-repeat;
  padding: 0 4px 0 0;
  margin: 0 3px 0 0;
  display: inline;
  white-space: nowrap;
  _font-family:'ＭＳ Ｐゴシック';
}
#head-tab ul li a {
  float: left;
  display: block;
  padding: 4px 4px 4px 10px;
  background: transparent url(temp/cat/img/tabs.png) 0 0 no-repeat;
  font-weight: bold;
  color: #fff;
}
#head-tab ul li.active {
  background: url(temp/cat/img/tabs.png) 100% -120px no-repeat;
}
#head-tab ul li.active a {
  background: url(temp/cat/img/tabs.png) 0 -120px no-repeat;
  color: #949494;
}
#head-tab ul li:hover {
  background-position: 100% -60px;
  border-bottom-style:none;
}
#head-tab ul li:hover a {
  background-position: 0% -60px;
}
#head-tab ul li.active:hover {
  background-position: 100% -180px;
}
#head-tab ul li.active:hover a {
  background-position: 0% -180px;
}
#head-tab a:hover {
  border-bottom-style:none;
}


/* elements
------------------------------------- */
blockquote {
  border:1px solid #ddd;
  padding:5px;
  margin:5px 0;
  background-color: #efefef;
}

/* map
----------------------------------------------- */
img.marker {width:20px; height:30px; z-index:1;}
img.shadow {width:37px; height:30px;}

