@charset "utf-8";

/* =============================================================
共通
* ============================================================= */
#header_v2 {margin-top: 0;}
#header_v2 .inner {width: 100%;}
#header_v2 .inner #header .inner,
#header_v2 .inner nav ul,
#header_v2 .inner .new {
    width: 960px;
    margin: 0 auto;
}
#header, *, #header *:before, #header *:after,
#footer, *, #footer *:before, #footer *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#header a, #header a:link, #header a:visited,
#footer a, #footer a:link, #footer a:visited {
    color: #0046A2;
    text-decoration: underline;
}

/* =============================================================
Header
* ============================================================= */
#header {
  font-size: 14px;
  line-height: 1.6;
  background: url("/newpackage/0302953/img/bkg_header.jpg") repeat-x left top;
  position: relative;
  height: 120px;
}
#header.active {
  background-image: none;
  background-color: #f7f7f5;
}
#header_inner {
  width: 950px;
  height: 120px;
  margin: 0 auto;
  padding: 0;
}
#header_inner:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
#header h1.site_name {
    position: absolute;
    top: 42px;
    left: 50%;
    margin-left: -480px;
    padding: 0;
  }
#header h2.group_name {
  position: absolute;
  top: 10px;
  left: 50%;
  width: 100px;
  display: block;
  margin: 0.75em 0 0.75em 380px;
  font-size: 1.5em;
  font-weight: bolder;
}
#header .group_name img {
  width: 100%;
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}
#header #header-top {
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: 180px;
/*
  width: 468px;
  float: right;
*/
}
#header div.utility {
/*
  margin: 35px 0 20px 0;
  float: right;
*/
}
#header div.utility ul li {
  background: url("/newpackage/0302953/img/arrow.gif") no-repeat 0 6px;
  float: left;
  margin: 0 0 0 15px;
  padding: 0 0 0 10px;
  display: inline;
}
#header div.search-box {
  clear: both;
  text-align: right;
}
#globalNavi {
  position: relative;
  background-color: #0078FF;
  height: 38px;
  margin: 0 auto 30px;
}
#globalNavi ul {
  width: 960px;
  height: 38px;
  margin: 0 auto;
  padding: 0;
}
#globalNavi ul li {
  float: left;
  text-indent: -9999px;
}
#globalNavi ul li a {
  height: 38px;
  display: block;
  background-image: url("/newpackage/0302953/img/global_navi.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#globalNavi li#cmitem-home {
  margin-right: 0px;
}
#globalNavi li#cmitem-home a {
  width: 75px;
  background-position: 0 0;
}
#globalNavi li#cmitem-home a:hover {
  width: 75px;
  background-position: 0 -38px;
}
#globalNavi #cmitem-menuitem_1 a {
  width: 107px;
  background-position: -75px 0;
}
#globalNavi #cmitem-menuitem_1 a:hover {
  width: 107px;
  background-position: -75px -38px;
}
#globalNavi #cmitem-menuitem_2 a {
  width: 108px;
  background-position: -182px 0;
}
#globalNavi #cmitem-menuitem_2 a:hover {
  width: 108px;
  background-position: -182px -38px;
}
#globalNavi #cmitem-menuitem_3 a {
  width: 114px;
  background-position: -290px 0;
}
#globalNavi #cmitem-menuitem_3 a:hover {
  width: 114px;
  background-position: -290px -38px;
}
#globalNavi #cmitem-menuitem_4 a {
  width: 177px;
  background-position: -404px 0;
}
#globalNavi #cmitem-menuitem_4 a:hover {
  width: 177px;
  background-position: -404px -38px;
}
#globalNavi #cmitem-menuitem_5 a {
  width: 91px;
  background-position: -581px 0;
}
#globalNavi #cmitem-menuitem_5 a:hover {
  width: 91px;
  background-position: -581px -38px;
}
#globalNavi #cmitem-menuitem_6 a {
  width: 108px;
  background-position: -672px 0;
}
#globalNavi #cmitem-menuitem_6 a:hover {
  width: 108px;
  background-position: -672px -38px;
}
#globalNavi #cmitem-menuitem_7 a {
  width: 90px;
  background-position: -780px 0;
}
#globalNavi #cmitem-menuitem_7 a:hover {
  width: 90px;
  background-position: -780px -38px;
}
#globalNavi #cmitem-menuitem_8 a {
  width: 90px;
  background-position: -870px -38px;
}
#globalNavi #cmitem-menuitem_8 a:hover {
  width: 90px;
  background-position: -870px 0px;
}
#globalNavi li ul {
  display: none;
}

/* =============================================================
Footer
* ============================================================= */
#footer {
  font-size: 14px;
  line-height: 1.6;
  background: #FFFFFF url("/newpackage/0302953/img/bkg_footer.gif") repeat-x center top;
  margin: 0;
  padding: 0;
  color: #333333;
}
#footer a,
#footer a:link,
#footer a:visited {
  color: #0046A2;
  /*color: #704525;*/
  text-decoration: underline;
}
#footer a:hover {
  color: #6F98CE;
  text-decoration: none;
}
#footer_inner {
  /*width: 950px;*/
  margin: 0 auto;
  padding: 0;
}
#footer_inner address br {
  display:none;
}
#footer ul#footerNavi {
  padding: 13px 0;
  border-bottom: 1px dotted #D8DADA;
}
#footer ul#footerNavi li {
  width: 128px;
  float: left;
  padding-right: 10px;
}
#footer #footerNavi {
  margin: 0 auto;
  padding: 0;
  max-width: 950px;
}
#footer #footerNavi ul {
  padding-top: 20px;
  text-align: center;
}
#footer #footerNavi ul:before,
#footer #footerNavi ul:after {
  content: "";
  clear: both;
  display: block;
}
#footer #footerNavi ul li {
  display: inline;
  margin-right: 20px;
}
#footer #footerNavi ul li a {
  background: url("/newpackage/0302953/img/arrow2.gif") no-repeat left 0.2em;
  padding-left: 9px;
}
#footer #footerNavi ul li.first {
  width: 100px;
  height: 23px;
  background: url("/newpackage/0302953/img/bg_go-company.jpg") no-repeat 0 0;
  margin: 0;
  padding-top: 7px;
  font-weight: bold;
}
#footer #footerNavi ul li.last {
  border: none;
}
#footer table {
  width: 100%;
}
#footer table td.footerLogo {
  width: 200px;
  text-align: left;
  vertical-align: bottom;
  padding: 0;
}
#footer table td.kobutsu-permission {
  width: 550px;
  text-align: left;
  padding: 0 10px 0 0;
  vertical-align: bottom;
  font-size: 83%;
}
#footer table td.footerUtility {
  width: 200px;
  text-align: right;
  padding: 0 10px 0 0;
  vertical-align: bottom;
}
#footer table td.footerUtility ul li {
  background: url("/newpackage/0302953/img/arrow.gif") no-repeat 0 6px;
  display: inline;
  float: right;
  margin: 0 0 0 15px;
  padding: 0 0 0 10px;
}
#footer address {
  clear: both;
  margin: 10px 0 0;
  padding: 10px 10px 0 0;
  text-align: right;
  font-size: 83%;
  font-style: normal;
  text-align: center;
}