@charset "UTF-8";
/*薄い*/
/*濃い*/
/*ボーダーカラー*/
/*#b0c4de*/
/*----------メニューバー-----------*/
.menu-, .menu-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.menu-list, .menu-one {
  -webkit-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
}

.menu-name:hover + .menu-list, .menu-list:hover {
  opacity: 1;
  z-index: 2;
}

.menu- {
  color: #e6e6fa;
  background: "";
  border-left: 2px dotted #008080;
  text-align: center;
}

.menu-:after {
  content: "";
  clear: both;
  display: block;
}

.menu-case {
  width: 13.9%;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 2px dotted #008080;
}

.menu-case :hover .menu-name {
  color: #008080;
}

.menu-name {
  padding: 0;
  cursor: default;
  background-color: "";
  vertical-align: middle;
}
.menu-name :hover {
  background-color: #000000;
}

.menu-name a {
  display: block;
  width: auto;
  height: auto;
  padding: 0.3em;
}

.menu-list {
  opacity: 0;
  z-index: -1;
  position: absolute;
  border-top: 3px solid #008080;
  width: 180px;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 4px -2px #333333;
  box-shadow: 0 1px 4px -2px #333333;
}

.menu-one {
  padding: 10px 10px;
  cursor: pointer;
}

.menu-one:hover {
  background-color: #e6e6fa;
}

/*-------------------------------------------------------*/
.gazo {
  width: 100%;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#head_bar {
  margin: 0;
  padding: 0;
  background-color: #333333;
  height: auto;
  z-index: 5;
}

.menu2- {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.menu2-name:hover + .menu2-list, .menu2-list:hover {
  opacity: 1;
  z-index: 2;
}

.menu2- {
  color: #e6e6fa;
  background: "";
  border-left: 0px dotted #008080;
  text-align: center;
}

.menu2-:after {
  content: "";
  clear: both;
  display: block;
}

.menu2-case {
  width: 14%;
  float: left;
  margin: 0;
  padding: 0;
  border-right: 0px dotted #008080;
}

.menu2-case :hover .menu2-name {
  border-bottom: 3px solid #008080;
}

.menu2-name {
  padding: 0;
  cursor: default;
  background-color: "";
  vertical-align: middle;
}
.menu2-name :hover {
  border-bottom: 3px solid #008080;
}

.menu2-name a {
  display: block;
  width: auto;
  height: auto;
  padding: 0.3em;
}

/*---------
.menu-list {
  opacity: 0;
  z-index: -1;
  position: absolute;
  border-top: 3px solid $cha;
  width: 180px;
  background: $shiro;
  -webkit-box-shadow: 0 1px 4px -2px $red02;
  -moz-box-shadow: 0 1px 4px -2px $red02;
  box-shadow: 0 1px 4px -2px $red02;
}
.menu-one {
  padding: 10px 10px;
  cursor: pointer;
}
.menu-one:hover {
  background-color: $red01;
}
---------------*/
/*--http://www.tagindex.com/template/list/photo_hor2_2.html--*/
/* --- newsリストエリア --- */
ul.news {
  width: 100%;
  /* リストエリアの幅 */
  margin: 0;
  padding: 10px 10px 0;
  /* リストエリアのパディング（上、左右、下） */
  list-style-type: none;
}

/* --- リスト項目 --- */
ul.news li {
  width: 180px;
  /* 項目の幅 */
  float: left;
}

/* --- 項目内容 --- */
ul.news dl {
  width: 170px;
  /* 内容の幅 */
  margin: 0 auto;
  /* 内容のセンタリング */
  font-size: 95%;
}

/* --- 写真エリア --- */
ul.tnews dt {
  height: 122px;
  /* 写真エリアの高さ（dt要素の高さを指定する場合） */
  margin-bottom: 5px;
  /* 写真エリアの下マージン */
}

ul.news dt img {
  border: 1px #e6e6fa solid;
  /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.news dd {
  margin: 0 0 3px;
  /* キャプションエリアのマージン（上、左右、下） */
  height: 6.5em;
  /* キャプションエリアの高さ */
  line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

/*---更新情報-----*/
/* --- 新着情報エリア --- */
div.update {
  width: 500px;
  /* 新着情報エリアの幅 */
  font-size: 100%;
}

.update a {
  display: block;
  width: auto;
  height: auto;
}

/* --- 見出し --- */
div.update h3 {
  margin: 0 0 5px;
  /* 見出しのマージン（上、左右、下） */
  font-size: 1em;
}

/* --- 新着リスト --- */
div.update dl {
  width: 100%;
  /* 新着リストの幅 */
  height: 170px;
  /* 新着リストの高さ */
  overflow: auto;
  margin: 0;
  background-color: #e6e6fa;
  /* 新着リストの背景色 */
  border-top: 1px #333333 dotted;
  /* 新着リストの上境界線 */
  border-bottom: 1px #333333 dotted;
  /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update dt {
  width: 6.7em;
  /* 日付エリアの幅 */
  float: left;
  padding: 7px 0 6px 3px;
  /* 日付エリアのパディング（上右下左） */
  line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
  margin: 0;
  padding: 7px 3px 6px 6.6em;
  /* 本文エリアのパディング（上右下左） */
  border-bottom: 1px #333333 dotted;
  /* 本文エリアの下境界線 */
  line-height: 120%;
}
div.update dd :hover {
  background-color: #ffffff;
}

/* --- clearfix --- */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

/*--------------サムネイル-----------------------*/
/* --- リストエリア --- */
ul.thumbnail {
  width: 500px;
  /* リストエリアの幅 */
  margin: 0;
  padding: 0;
  border-top: 1px #808080 dotted;
  /* リストエリアの上境界線 */
  list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
  padding: 20px 15px;
  /* リスト項目のパディング（上下、左右） */
  border-bottom: 1px #808080 dotted;
  /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
  width: 100%;
  margin: 0;
  font-size: 1em;
}

/* --- 写真エリア --- */
ul.thumbnail dt.photo {
  width: 180px;
  /* 写真エリアの幅 */
  float: left;
}

ul.thumbnail dt.photo img {
  border: 0px #808080 solid;
  /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,
ul.thumbnail dd {
  margin: 0 0 0 200px;
  /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
  margin-bottom: 5px;
  /* タイトルエリアの下マージン */
  line-height: 120%;
}

/* --- コメントエリア --- */
ul.thumbnail dd {
  line-height: 130%;
}

/* --- clearfix --- */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

/*----------------サムネイルS--------------------*/
/* --- リストエリア --- */
ul.thumbnail-s {
  width: 300px;
  /* リストエリアの幅 */
  margin: 0;
  padding: 0;
  border-top: 1px #808080 dotted;
  /* リストエリアの上境界線 */
  list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail-s li {
  padding: 10px 0px;
  /* リスト項目のパディング（上下、左右） */
  border-bottom: 1px #808080 dotted;
  /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail-s dl {
  width: 100%;
  margin: 0;
  font-size: 0.9em;
}

/* --- 写真エリア --- */
ul.thumbnail-s dt.photo {
  width: 100px;
  /* 写真エリアの幅 */
  float: left;
}

ul.thumbnail-s dt.photo img {
  border: 0px #808080 solid;
  /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail-s dt.title,
ul.thumbnail-s dd {
  margin: 0 0 0 110px;
  /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail-s dt.title {
  margin-bottom: 5px;
  /* タイトルエリアの下マージン */
  line-height: 130%;
}

/* --- コメントエリア --- */
ul.thumbnail-s dd {
  line-height: 120%;
}

/* --- clearfix-s --- */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}