@charset "UTF-8";

#tmp_kn_topics_cnt ul {
  margin: 0;
  padding: 0;
}

#page .hmHdBgSummer, .hmHdContBgh {
  font-size: 1em;
}

/* スマホでのPCサイト表示修正CSS */
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
    font-size: 90% !important;
  }

  .pbHorizontalNested {
    line-height: 1.2 !important;
    text-indent: 0;
  }

  .hmSubMenu {
    margin-top: 0;
  }
}
/* ==========================================================================
 * Base
 * ========================================================================== */
.pbPage {
  width: 100%;
  min-width: 1216px;
  color: #222;
  border: none;
}

/* ==========================================================================
 * ヘッダーエリア
 * ========================================================================== */
/*  レイアウト
 * ----------------------------------------------------------------- */
.pbHeaderArea {
  margin-bottom: 15px;
}

/*  検索窓
 * ----------------------------------------------------------------- */
.hm-SearchBlockh form > table {
/*  width: 255px;*/
  width: 350px;
  margin-left: auto;
}
.hm-SearchBlockh form > table input[type="radio"] {
  margin-bottom: 5px;
}
.hm-SearchBlockh .hmSearchBt {
  margin-bottom: 5px;
}
.hmInputForm {
  background-image: url(/library/bg/bg_search_box02.gif);
  background-repeat: no-repeat;
  background-position: 3px 2px;
/*  width: 132px;*/
  width: 300px;
  float: left;
/*  height: 18px;*/
  height: 25px;
  padding-left: 5px;
  vertical-align: top;
  border: 1px solid #B7B7B7;
  outline: none;
}
.hmInputForm.isActive {
  background-image: none;
}

/*  サブメニュー
 * ----------------------------------------------------------------- */
.hm-SubMenu img {
  margin-right: 2px;
  vertical-align: middle;
}

/*  グローバルナビゲーション
 * ----------------------------------------------------------------- */
.hm-GrobalNavi {
  letter-spacing: -1px;
}
.hm-GrobalNaviMenu:hover,
.hm-GrobalNaviMenu-Left:hover,
.hm-GrobalNaviMenu-Right:hover,
.hm-GrobalNaviMenu-pulldownWrap.act .hm-GrobalNaviMenu {
  background-image: url(/library/bg/bg_headerArea_GrobalNaviMenu_act.gif);
/******************************************************************************/
/*　追記(2016.06.02 H.Kamiwaki)                                               */
/******************************************************************************/
/*  background-image: url(/library/bg/bg_headerArea_GrobalNaviMenu_act2.gif);*/
/******************************************************************************/
/*　ここまで　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/******************************************************************************/
}

/******************************************************************************/
/*　追記(2016.06.02 H.Kamiwaki)                                               */
/******************************************************************************/
.hm-GrobalNaviMenu-Left .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_left.gif) no-repeat top left;}
.hm-GrobalNaviMenu-Left:hover .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_left_act.gif) no-repeat top left;}
.hm-GrobalNaviMenu-Right .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_right.gif) no-repeat top right;}
.hm-GrobalNaviMenu-Right:hover .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_right_act.gif) no-repeat top right;}
/*
.hm-GrobalNaviMenu-Left .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_left2.gif) no-repeat top left;}
.hm-GrobalNaviMenu-Left:hover .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_left_act2.gif) no-repeat top left;}
.hm-GrobalNaviMenu-Right .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_right2.gif) no-repeat top right;}
.hm-GrobalNaviMenu-Right:hover .hm-GrobalNaviMenu { background: url(/library/bg/bg_headerArea_GrobalNaviMenu_right_act2.gif) no-repeat top right;}
*/
/******************************************************************************/
/*　ここまで　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/******************************************************************************/

.hm-GrobalNaviMenu-Right .hm-GrobalNaviMenu a {
  border: none;
}
.hm-GrobalNaviMenu:hover a,
.hm-GrobalNaviMenu-pulldownWrap.act .hm-GrobalNaviMenu a {
  color: #8ED1E0;
/******************************************************************************/
/*　追記(2016.04.28 H.Kamiwaki)                                               */
/******************************************************************************/
  font-size: 0.9em;
  background: url("/library/bg/shiromaru.gif") no-repeat;
/******************************************************************************/
/*　ここまで　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/******************************************************************************/
}

/******************************************************************************/
/*　追記(2016.05.02 H.Kamiwaki)                                               */
/******************************************************************************/
.hm-GrobalNaviMenu:hover a,
.hm-GrobalNaviMenu-pulldownRWrap.actR .hm-GrobalNaviMenu a {
  color: #8ED1E0;
  font-size: 0.9em;
  background: url("/library/bg/shiromaru.gif") no-repeat;
}

/******************************************************************************/
/*　ここまで　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/******************************************************************************/
.hm-GrobalNaviMenu a {
  display:block;
  padding: 10px;
  border-right: 1px solid #8CAE40;
  margin: 0 auto;
}

/* プルダウンメニュー */
#headerArea,
#headerArea .pbNestedWrapper { overflow: visible!important;}
.hm-GrobalNaviMenu-pulldown {
  position: relative;
  margin: -4px 0 0 0;
}
.hm-GrobalNaviMenu-pulldown ul {
  display: none;
  width: 180%;
  position: absolute;
  margin: 0;
  padding: 0;
  border: 4px solid #690;
  background: #fff;
}
.hm-GrobalNaviMenu-pulldown ul li {
  margin: 0;
  padding: 0;
  background: url(/library/ic/ic_topListitem.gif) no-repeat 10px 12px;
  line-height: 1.3;
}
.hm-GrobalNaviMenu-pulldown ul li a {
  display: block;
  padding: 10px 15px 10px 30px;
  border-bottom: 1px solid #f1f1f1;
}
.hm-GrobalNaviMenu-pulldown ul li a:hover {
/*  background: url(/library/ic/ic_topListitem.gif) no-repeat 10px 12px #E59D29;*/
  background: url(/library/ic/ic_topListitem.gif) no-repeat 10px 12px #8ED1E0;
}

/******************************************************************************/
/*右メニュー　追記(2016.04.28 H.Kamiwaki)                                     */
/******************************************************************************/
.hm-GrobalNaviMenu-pulldownR {
  position: relative;
  margin: -4px 0 0 0;
}
.hm-GrobalNaviMenu-pulldownRWrap.actR {
}
.hm-GrobalNaviMenu-pulldownR ul {
  display: none;
  width: -100%;
  position: absolute;
  margin: 0;
  padding: 0;
  border: 4px solid #690;
  background: #fff;
}
.hm-GrobalNaviMenu-pulldownR ul li {
  margin: 0;
  padding: 0;
  background: url(/library/ic/ic_topListitem.gif) no-repeat 10px 12px;
  line-height: 1.3;
}
.hm-GrobalNaviMenu-pulldownR ul li a {
  display: block;
  padding: 10px 15px 10px 30px;
  border-bottom: 1px solid #f1f1f1;
}
.hm-GrobalNaviMenu-pulldownR ul li a:hover {
  background: url(/library/ic/ic_topListitem.gif) no-repeat 10px 12px #8ED1E0;
}
/******************************************************************************/
/*　ここまで　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/******************************************************************************/

/*  hm-ヘッダーコントロール
 * ----------------------------------------------------------------- */
.hm-HdContBg img {
  vertical-align: bottom;
}

/*  hm-ヘッダーコントロール-言語
 * ----------------------------------------------------------------- */
.hm-HdCont-Language {
  white-space: nowrap;
}
.hm-HdCont-Language a {
  margin-right: 2px;
  margin-left: 2px;
  font-weight: normal;
}

/*  hm-ヘッダーコントロール-文字サイズ
 * ----------------------------------------------------------------- */
.hm-HdCont-Size {
  white-space: nowrap;
}
.hm-HdCont-Size a {
  padding: 2px;
  text-align: center;
  background-color: #FFF;
}

/*  hm-ヘッダーコントロール-色合い
 * ----------------------------------------------------------------- */
.hm-HdCont-Color a {
  text-align: center;
}
.hm-HdCont-Color a.hm-HdCont-Color--default {
  padding: 2px;
  color: #222;
  background-color: #FFF;
}
.hm-HdCont-Color a.hm-HdCont-Color--default:link, .hm-HdCont-Color a.hm-HdCont-Color--default:visited, .hm-HdCont-Color a.hm-HdCont-Color--default:hover {
  color: #222;
}
.hm-HdCont-Color a.hm-HdCont-Color--blue, .hm-HdCont-Color a.hm-HdCont-Color--yellow, .hm-HdCont-Color a.hm-HdCont-Color--black {
  padding: 3px;
}
.hm-HdCont-Color a.hm-HdCont-Color--blue {
  background-color: #0101FF;
}
.hm-HdCont-Color a.hm-HdCont-Color--yellow {
  background-color: #FF0;
}
.hm-HdCont-Color a.hm-HdCont-Color--yellow:link, .hm-HdCont-Color a.hm-HdCont-Color--yellow:visited, .hm-HdCont-Color a.hm-HdCont-Color--yellow:hover {
  color: #222;
}
.hm-HdCont-Color a.hm-HdCont-Color--black {
  background-color: #000;
}

/*  PC・スマホ切替
 * ----------------------------------------------------------------- */
/*.stViewMode {
  width: 250px;
  margin: 20px auto 0;
}
.stViewMode dt {
  display: none;
}
.stViewMode dd {
  float: left;
  margin-right: 10px;
}*/

/* スマホ表示切り替え */
.stViewMode{
  width:299px;
  margin:0 auto;
}

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

dl.stViewMode {
 background: #e9e9e8;
 width: 100%;
 font-size: 350%;
 padding: 15px 5px;
 display: table;
}

dl.stViewMode a {
  text-decoration: none;
}

.stViewMode dt{
  display:none;
}

.stViewMode dd {
  background:url("/library/img/deviceSwitch/sp.png") no-repeat;
  background-position: left center;
  background-size: 700px;
  border: none;
  /*position: relative;*/
  height: 200px;
  width: 50%;
  padding-left: 150px;
}

.stViewMode dd.stLast {
  display: table-cell;
  vertical-align: middle;
  background:url("/library/img/deviceSwitch/pc.png") no-repeat;
  background-position: left center;
  background-size: 600px;
  height: 200px;
  background-color: #FFF;
  border: 1px solid #d2d2d0;
  padding-left: 170px;
}

.stViewMode dd a{
  position: absolute;
  top: 0;
  left: 0;
  /*width: 100%;*/
  height: 135px;
  padding-top: 80px;
  padding-left: 140px;
  display: table-cell;
}


/*  リードスピーカー
 * ----------------------------------------------------------------- */
.rsbtn {
  margin-left: 10px;
  margin-bottom: 20px !important;
}

#pbBlock1622444, .hm-readspeaker-mod {
  overflow: visible;
}

/* ==========================================================================
 * メインエリア
 * ========================================================================== */
/*  hm-防災情報
 * ----------------------------------------------------------------- */
.hm-Emergency-info-title h2 {
  margin: 0;
  padding: 10px 14px 8px;
  line-height: 1.5;
  color: #CD0026;
  font-size: 135.7%;
  border: none;
  background: none;
}

/*  情報一覧
 * ----------------------------------------------------------------- */
.hm-info-title-new .hm-info-title {
  border-left:1px solid #E3F8BF;
}
.hm-info-title-bg:hover, .hm-info-title-bg.isActive {
  background-image: url(/library/bg/bg_mainArea_btn_green_act.gif);
  color: #FEFEFE;
}
.hm-info-title:hover, .hm-info-title-bg.isActive .hm-info-title {
  border-top: 1px solid #394513;
  border-bottom: 2px solid #3F5709;
  border-left: 1px solid #536F09;
  background-image: url(/library/bg/bg_active_tab.gif);
  background-repeat: no-repeat;
  background-position: 50% 90%;
  color: #FEFEFE;
  cursor: pointer;
}
.hm-info-title span.first {
  font-size: 140%;
  vertical-align: 1px;
}
.hm-info-title span.second {
  font-size: 90%;
}

.hm-info-body-more img:first-child {
  margin-right: 10px;
}

/*  コンテンツ
 * ----------------------------------------------------------------- */
.hm-top-main-contents-title h2 {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #374B0C;
  font-weight: bold;
  font-size: 128.57%;
  border: none;
  background: none;
}

/*  人生の節目に
 * ----------------------------------------------------------------- */
.hm-lifemenu-syussei:hover, .hm-lifemenu-nyugaku:hover, .hm-lifemenu-shigoto:hover, .hm-lifemenu-kekkon:hover, .hm-lifemenu-korei:hover, .hm-lifemenu-hikkoshi:hover, .hm-lifemenu-byoki:hover, .hm-lifemenu-okuyami:hover {
  background-image: url(/library/bg/bg_mainArea_btn_green_act.gif);
}
.hm-lifemenu-syussei a, .hm-lifemenu-nyugaku a, .hm-lifemenu-shigoto a, .hm-lifemenu-kekkon a, .hm-lifemenu-korei a, .hm-lifemenu-hikkoshi a, .hm-lifemenu-byoki a, .hm-lifemenu-okuyami a {
  display: block;
  padding: 30px 0 30px 72px;
  border-bottom: 2px #7DA21E solid;
}
.hm-lifemenu-syussei a:hover, .hm-lifemenu-nyugaku a:hover, .hm-lifemenu-shigoto a:hover, .hm-lifemenu-kekkon a:hover, .hm-lifemenu-korei a:hover, .hm-lifemenu-hikkoshi a:hover, .hm-lifemenu-byoki a:hover, .hm-lifemenu-okuyami a:hover {
  border-bottom: 2px solid #435B0D;
}
.hm-lifemenu-syussei a { background: url(/library/bg/bg_lifeEvents01.gif) no-repeat 7px center;}
.hm-lifemenu-syussei a:hover { background: url(/library/bg/bg_lifeEvents01_act.gif) no-repeat 7px center;}
.hm-lifemenu-nyugaku a { background: url(/library/bg/bg_lifeEvents02.gif) no-repeat 7px center;}
.hm-lifemenu-nyugaku a:hover { background: url(/library/bg/bg_lifeEvents02_act.gif) no-repeat 7px center;}
.hm-lifemenu-shigoto a { background: url(/library/bg/bg_lifeEvents03.gif) no-repeat 7px center;}
.hm-lifemenu-shigoto a:hover { background: url(/library/bg/bg_lifeEvents03_act.gif) no-repeat 7px center;}
.hm-lifemenu-kekkon a { background: url(/library/bg/bg_lifeEvents04.gif) no-repeat 7px center;}
.hm-lifemenu-kekkon a:hover { background: url(/library/bg/bg_lifeEvents04_act.gif) no-repeat 7px center;}
.hm-lifemenu-korei a { background: url(/library/bg/bg_lifeEvents05.gif) no-repeat 7px center;}
.hm-lifemenu-korei a:hover { background: url(/library/bg/bg_lifeEvents05_act.gif) no-repeat 7px center;}
.hm-lifemenu-hikkoshi a { background: url(/library/bg/bg_lifeEvents06.gif) no-repeat 7px center;}
.hm-lifemenu-hikkoshi a:hover { background: url(/library/bg/bg_lifeEvents06_act.gif) no-repeat 7px center;}
.hm-lifemenu-byoki a { background: url(/library/bg/bg_lifeEvents07.gif) no-repeat 7px center;}
.hm-lifemenu-byoki a:hover { background: url(/library/bg/bg_lifeEvents07_act.gif) no-repeat 7px center;}
.hm-lifemenu-okuyami a { background: url(/library/bg/bg_lifeEvents08.gif) no-repeat 7px center;}
.hm-lifemenu-okuyami a:hover { background: url(/library/bg/bg_lifeEvents08_act.gif) no-repeat 7px center;}

/*  事業者の方へ・広報
 * ----------------------------------------------------------------- */
.hm-top-main-contents-list-item a {
  display: block;
  padding: 10px 10px 10px 39px;
}

.hm-top-main-contents-list-row.noBorder {
  border-bottom: none;
}

/*  スライドバナー
 * ----------------------------------------------------------------- */
#page .bx-wrapper {
  max-width: inherit;
  margin: 0 auto 20px;
  padding: 0 40px;
  border: none;
  background-color: transparent;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#page .bx-wrapper .bx-viewport {
  height: auto !important;
  *margin-top: 20px;
}
#page .bx-wrapper .bx-viewport .bxslider li {
  margin: 0;
  padding: 0;
  background: none;
}
#page .bx-wrapper .bx-prev, #page .bx-wrapper .bx-next {
  top: 60%;
}
#page .bx-wrapper .bx-prev:hover, #page .bx-wrapper .bx-prev:focus, #page .bx-wrapper .bx-next:hover, #page .bx-wrapper .bx-next:focus {
  background-position: 0 0;
}
#page .bx-wrapper .bx-prev {
  left: 5px;
  background: url("/library/bg/bg_slideBanner_prev.gif") no-repeat 0 0;
}
#page .bx-wrapper .bx-next {
  right: 5px;
  background: url("/library/bg/bg_slideBanner_next.gif") no-repeat 0 0;
}

/*  企業バナー広告
 * ----------------------------------------------------------------- */
.hm-ad-banner ul {
  margin: 0;
  padding: 0;
}
.hm-ad-banner ul li {
  float: left;
  width: 20%;
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  background: none;
}
.hm-ad-banner p {
  clear: left;
  margin-right: 10px;
  text-align: right;
}

/* ==========================================================================
 * 左右エリア
 * ========================================================================== */
/*  コンテンツ枠
 * ----------------------------------------------------------------- */
.hm-sidearea-box-title img {
  margin-right: 13px;
  vertical-align: -1px;
}
.hm-sidearea-box-title h2 {
  margin-left: 30px;
  text-indent: -30px;
  color: #374B0C;
  font-weight: bold;
  font-size: 128.57%;
}

.hm-sidearea-box-link a, .hm-sidearea-box-link-bottom a {
  display: block;
  padding: 9px 10px 8px 39px;
}
.hm-sidearea-box-link a {
  border-bottom: 1px solid #EFEFEF;
}

.hm-sidearea-box-link-bottom a {
  padding-bottom: 0;
}

.hm-sidearea-box-link-right-arrow a {
  display: block;
  padding: 10px 25px 10px 10px;
  background: url(/library/bg/bg_right_arrow_gray.gif) no-repeat right 50%;
}

.hm-sidearea-box-text h3 {
  font-weight: bold;
  font-size: 128.57%;
  background: none;
}

/* ==========================================================================
 * フッターエリア
 * ========================================================================== */
/*  レイアウト
 * ----------------------------------------------------------------- */
.pbFooterArea {
  margin-top: 170px;
  padding-top: 0;
}