@charset "UTF-8";
/*==================================================
    Base Layout
    Header Area
    Contents Area
    Footer Area
==================================================*/
/*--------------------------------------------------
    Base Layout
--------------------------------------------------*/
body {
  -webkit-text-size-adjust: 100%;
}

div#container {
  font-size: 14px;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.714;
  letter-spacing: 1px;
}

/*--------------------------------------------------
    Header Area
--------------------------------------------------*/
div#header div#header-inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
div#header div#header-inner .logo {
  margin: 0;
}
div#header div#header-inner ul.list-banner {
  margin: 0;
  position: absolute;
  right: 0;
  top: 32px;
}
div#header div#header-inner ul.list-banner li {
  display: inline-block;
  margin-left: 11px;
  *display: inline;
  *zoom: 1;
}

div#nav-global {
  background: url(/~chiiki/iju/shared/images/texture-01.png) repeat 0 0;
  margin-bottom: 15px;
}
div#nav-global ul {
  width: 979px;
  margin: 0 auto;
  padding: 0 0 0 1px;
}
div#nav-global ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  *zoom: 1;
}
div#nav-global ul li {
  float: left;
  padding: 0;
  position: relative;
  display: inline-block;
  width: 189px;
}
div#nav-global ul li.vline {
  display: inline-block;
  width: 1px;
  height: 44px;
  margin-top: 6px;
  margin-left: 2px;
  margin-right: 2px;
  border-right: 1px solid #cccccc;
}
div#nav-global ul li.gnavi_line1 {
  border-bottom: 1px solid #cccccc;
}
div#nav-global ul li.gnavi_right {
  margin-right: 0;
}
div#nav-global ul li a {
  display: block;
  /*border-left: 1px solid #ccc;*/
  /*border-right: 1px solid #ccc;*/
}
div#nav-global ul li a img {
  display: block;
}
div#nav-global ul li ul {
  position: absolute;
  top: 56px!important;
  left: -1px;
  z-index: 100;
  width: auto;
  border: 0 none;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  display: none;
}
div#nav-global ul li ul li {
  float: none;
  padding: 0;
  border: 0 none;
  border-bottom: 1px solid #ccc;
}
div#nav-global ul li ul li a {
  border: 0 none;
  display: block;
  background-color: #f6f2ed;
  color: #333;
  padding: 14px 14px 12px;
  min-width: 162px;
  text-decoration: none;
}
div#nav-global ul li ul li a:hover, div#nav-global ul li ul li a:active, div#nav-global ul li ul li a:focus {
  background-color: #dacfb4;
  text-decoration: none;
}
div#nav-global .sns-wrap {
  position: relative;
  width: 979px;
  margin: 0 auto;
}
div#nav-global ul.sns {
  position: absolute;
  display: block;
  width: 330px;
  bottom: -54px;
  right: 0;
  margin: 0;
  text-align: right;
}
div#nav-global ul.sns li {
  display: inline-block;
  position: relative;
  float: none;
  padding: 0;
  width: 30px
}
div#nav-global ul.sns li.text {
  width: 100px;
  line-height: 30px;
  font-size: 14px;
  margin-top: -21px;
  margin-right: 5px;
  vertical-align: middle;
}
div#nav-global ul.sns li img {
  width: 30px;
}
/*--------------------------------------------------
    Contents Area
--------------------------------------------------*/
div#contents div#contents-inner,
div#contents div.contents-inner {
  width: 980px;
  margin: 0 auto;
}
div#contents div#contents-inner:after,
div#contents div.contents-inner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div#contents div#contents-inner p.topic-path,
div#contents div.contents-inner p.topic-path {
  width: 700px;
  margin: 0 0 12px;
  padding: 6px 0 6px;
  font-size: 78.57143%;
}
div#contents div#contents-inner p.topic-path a,
div#contents div.contents-inner p.topic-path a {
  color: #333;
}
div#contents div#contents-inner p.topic-path em,
div#contents div.contents-inner p.topic-path em {
  font-style: normal;
}
div#contents div#contents-inner div#main,
div#contents div.contents-inner div#main {
  width: 710px;
  float: left;
}
div#contents div#contents-inner div.full-width,
div#contents div.contents-inner div.full-width {
  width: 960px !important;
}
div#contents div#contents-inner div#sub,
div#contents div.contents-inner div#sub {
  width: 220px;
  float: right;
}
div#contents div#contents-inner div#sub div#nav-local,
div#contents div.contents-inner div#sub div#nav-local {
  margin: 0 0 30px;
}
div#contents div#contents-inner div#sub div#nav-local ul,
div#contents div.contents-inner div#sub div#nav-local ul {
  margin: 0;
  border-top: 2px solid #ccc;
}
div#contents div#contents-inner div#sub div#nav-local ul li,
div#contents div.contents-inner div#sub div#nav-local ul li {
  background-color: #f5f3f1;
  border-bottom: 1px solid #ccc;
}
div#contents div#contents-inner div#sub div#nav-local ul li a,
div#contents div.contents-inner div#sub div#nav-local ul li a {
  display: block;
  background: url(/~chiiki/iju/shared/images/icon-arrow-03.png) no-repeat 10px center;
  padding: 12px 12px 10px 24px;
  font-size: 114.28571%;
  line-height: normal;
}
div#contents div#contents-inner div#sub div#nav-local ul li a:hover, div#contents div#contents-inner div#sub div#nav-local ul li a:active, div#contents div#contents-inner div#sub div#nav-local ul li a:focus,
div#contents div.contents-inner div#sub div#nav-local ul li a:hover,
div#contents div.contents-inner div#sub div#nav-local ul li a:active,
div#contents div.contents-inner div#sub div#nav-local ul li a:focus {
  background-color: #DACFB4;
  text-decoration: none;
  color: #333;
}
div#contents div#contents-inner div#sub div#nav-local ul li ul,
div#contents div.contents-inner div#sub div#nav-local ul li ul {
  border-top: 1px solid #ccc;
}
div#contents div#contents-inner div#sub div#nav-local ul li ul li a,
div#contents div.contents-inner div#sub div#nav-local ul li ul li a {
  background: url(/~chiiki/iju/shared/images/icon-arrow-04.png) no-repeat 11px center;
  padding: 12px 12px 10px 24px;
  font-size: 100%;
  line-height: normal;
}
div#contents div#contents-inner div#sub div.list-banner ul li,
div#contents div.contents-inner div#sub div.list-banner ul li {
  margin: 0 0 12px;
}

/*--------------------------------------------------
    Footer Area
--------------------------------------------------*/
div#footer {
  background: url(/~chiiki/iju/shared/images/texture-01.png) repeat 0 0;
}
div#footer div#footer-inner {
  width: 980px;
  margin: 0 auto;
  padding: 46px 0 0;
}
div#footer div#footer-inner ul.nav-footer-01 {
  text-align: center;
  margin: 0 0 6px;
}
div#footer div#footer-inner ul.nav-footer-01 li {
  display: inline-block;
  border-left: 1px solid #ccc;
  padding-left: 26px;
  padding-right: 26px;
  letter-spacing: 0;
  margin: 0 0 16px;
}
div#footer div#footer-inner ul.nav-footer-01 li.row-first {
  border-left: 0 none;
}
div#footer div#footer-inner ul.nav-footer-01 li a {
  font-size: 114.28571%;
  text-decoration: none;
}
div#footer div#footer-inner ul.nav-footer-02 {
  text-align: center;
  margin: 0 0 50px;
}
div#footer div#footer-inner ul.nav-footer-02 li {
  display: inline-block;
  margin: 0 34px 0 0;
  letter-spacing: 0;
}
div#footer div#footer-inner ul.nav-footer-02 li a {
  text-decoration: none;
}
div#footer p#copyright {
  margin: 0;
  text-align: center;
  color: #fff;
  background-color: #000000;
  font-size: 85.71429%;
  padding: 30px 0 30px;
}
