@charset "utf-8";

/* タイトル */
h1 {
  background: url(../img/insurance/h1.gif) no-repeat;
}

/* h2 */
h2#h2_01 {
  background: url(../img/insurance/h2_01.gif) no-repeat;
}

h2#h2_02 {
  background: url(../img/insurance/h2_02.gif) no-repeat;
}

/* h3 */

h3#h3_01 {
  background: url(../img/insurance/h3_01.gif) no-repeat;
}

h3#h3_02 {
  background: url(../img/insurance/h3_02.gif) no-repeat;
}

h3#h3_03 {
  background: url(../img/insurance/h3_03.gif) no-repeat;
}

h3#h3_04 {
  background: url(../img/insurance/h3_04.gif) no-repeat;
}

/* ローカルナビ */
#lnavi_title01 {
  background: url(../img/insurance/lnavi01.gif) no-repeat;
}

#snavi01 a {
  background: url(../img/insurance/snavi01.gif) no-repeat;
}

#snavi02 a {
  background: url(../img/insurance/snavi02.gif) no-repeat;
}

#snavi01 a:hover,
#snavi02 a:hover {
  background-position: 0px -40px;
}

/*テーブル要素*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 5px;
}

td {
  padding: 10px 20px;
  border: 1px #dddddd solid;
  line-height: 20px;
}

.td1 {
  background: #f0fff0;
  width: 130px;
}

.popup {
  position: absolute;
  top: 500px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 100;
  visibility: hidden;
  width: 704px;
  height: 550px;
}

.popup.active {
  visibility: visible;
}

.popup .popup-inner {
  position: relative;
  box-shadow: 3px 3px 3px #a6a6a6;
  width: 100%;
}

.main_cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*margin-top: 40px; headerを覆わない時は必要*/
  visibility: hidden;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.main_cover.active {
  height: 100%;
  visibility: visible;
  background: rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.mark {
	cursor: pointer;
	text-decoration: underline;
}