/* Variables */
/* Main code */
@media screen and (max-width: 1000px) {
  body {
    overflow-x: scroll !important;
  }
}
a {
  text-decoration: none;
}
a:link,
a:visited {
  color: #666;
}
body {
  color: #666;
}
a:hover,
.hum_text {
  color: #57b53c !important;
  /* 旧カラー #5bb43b */
}
body {
  max-width: 1600px;
  position: relative;
  font-size: 13px;
  font-family: "メイリオ", "Meiryo UI", "sans-serif";
  line-height: 24px;
  margin: 0 auto;
  min-height: 100%;
  overflow-x: hidden;
}
html {
  height: 100%;
}
#contents_header {
  position: relative;
  width: 1600px;
  height: 118px;
  left: 50%;
  margin-left: -800px;
  background-image: url("/img/header/contentsheader.jpg");
}
#footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 78px;
  background: #5c7c34 repeat-x;
}
#footer > div {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: auto;
}
#main_box {
  width: 1000px;
  padding: 82px 0 78px;
  margin: auto;
}
#main_contents {
  position: relative;
  width: 100%;
  margin-bottom: 60px;
}
#news_container {
  width: 75%;
  margin: 30px 0 30px auto;
}
#news_container .topic {
  height: 80px;
  /* トップページ以外に表示される記事項目には無条件で80pxの高さが与えられる */
}
#panel4_box {
  margin: 40px auto;
}
#panel4 {
  display: table;
  width: 999px;
  height: 742px;
  background-image: url("/img/bg/humiclesafety_back.jpg");
  margin: 20px auto;
}
#panel4 > div {
  display: table-row;
}
/* トップページ以外の全ページの上部左側のサイドメニュー */
#sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 24%;
  text-align: left;
}
#sidebar > div {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px;
}
#sidebar > div > div {
  display: table-cell;
  vertical-align: middle;
}
#top_menu {
  position: relative;
  width: 1000px;
  height: 72px;
  margin: 10px auto 0;
}
.double_line {
  height: 3px;
  width: 100%;
  border: solid #666;
  border-width: 1px 0;
}
.dropdown_jittai {
  position: absolute;
  display: none;
  top: 100%;
  /* #top_menuの縦のmargin */
  width: 280px;
  z-index: 3;
  text-align: left;
}
.dropdown_jittai > div {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  padding-left: 24px;
  background-color: #818f6e;
  z-index: 4;
}
.dropdown_jittai > div:not(:last-child) {
  border: solid white;
  border-width: 0 0 1px 0;
}
.dropdown_jittai a {
  color: white;
}
.each_panel {
  display: table-cell;
  width: 50%;
  height: 50%;
  vertical-align: middle;
}
.light_pink_text {
  color: #e69793 !important;
}
.sub_hum_text {
  color: #5c7c34 !important;
}
.sub_hum_text_blue {
  color: #07aabd !important;
}
.midashi_box {
  display: inline-block;
  border: solid 25px;
  border-image: url("/img/bg/title_waku.png") 25 repeat;
  text-align: center;
  line-height: 30px;
  padding: 5px 8px 0;
}
.news_jittai_ud_waku {
  width: 100%;
  height: 3px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #ddd;
}
.panel4_midashi {
  font-size: 15px;
}
.pink_text {
  color: #da5c8e !important;
}
.topic {
  display: table;
  border-collapse: separate;
  text-align: left;
  border-spacing: 8px 0;
  width: 100%;
  height: 20%;
  /* 記事を5つ均等にコンテナに収める */
  /* 日付 - 当該サイト - 文言 */
}
.topic:not(:last-child) {
  border: solid #ddd;
  border-width: 0 0 1px 0;
}
.topic > div {
  display: table-cell;
  vertical-align: middle;
}
.topic img {
  width: 131px;
  height: 34px;
}
.top_menu_item {
  position: relative;
}
.top_menu_item:hover {
  background-color: #e5e5e5;
}
.top_menu_item_box {
  position: relative;
  padding: 7px 0;
}
.what_pg {
  margin: 30px auto;
  width: 55%;
}
.what_pg > span:first-of-type {
  font-size: 1.16em;
}
.yokobou_box {
  position: relative;
  width: 100%;
  text-align: center;
}
.yokobou_box > div {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  background: white;
  z-index: 1;
}
/* topプロパティーだけ当該要素のstyle属性で直に指定する必要アリ */
.yokobou {
  position: absolute;
  border: solid #666;
  border-width: 0 0 1px 0;
  left: 0;
  right: 0;
}
/*# sourceMappingURL=main.css.map */