@charset "UTF-8";
/* CSS Document */
/* /consultationのための設定
-----------------------------------------------------------------------*/
.max-width {
  width: 720px !important;
  height: auto;
  margin: 0 0 20px 0;
}

#consultationNotearea {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 35px;
  background: url(/img/pages/bg_operator.png) no-repeat right center;
}
#consultationNotearea p {
  line-height: 1.4;
  margin-bottom: 0px;
}
#consultationNotearea p .font_s {
  font-size: 12px;
}
#consultationNotearea .mBottom_15 {
  margin-bottom: 15px;
}
#consultationNotearea a {
  font-weight: bold;
  font-size: 15px;
}

/*** article 更新系page共通******/
.center_s article .article_inner {
  margin-bottom: 10px;
  /* デレクター用汎用クラス
  -----------------------------------------------------------------------*/
}
.center_s article .article_inner .article_title {
  margin-bottom: 15px;
}
.center_s article .article_inner img {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
.center_s article .article_inner img {
  border: 1px solid #CCCCCC;
  padding: 1px;
  width: 200px;
}
.center_s article .article_inner p {
  margin-bottom: 20px;
}
.center_s article .article_inner p:after {
  clear: both;
  content: "";
  display: block;
}
.center_s article .article_inner .mBottom_15 {
  margin-bottom: 15px;
}
.center_s article .article_inner .mBottom_35 {
  margin-bottom: 35px;
}
.center_s article .article_inner .mar_0 img {
  border: none;
}
.center_s article .article_inner img.right {
  float: right;
  margin-left: 10px;
}
.center_s article .article_title {
  margin-bottom: 15px;
}
.center_s article .article_title h1 {
  border-left: 6px solid #EB8965;
  color: #FC5461;
  font-size: 22px;
  line-height: 1.3;
  padding: 5px 0 3px 11px;
}

/*** article 固定ページの共通設定******/
#methods article,
#houses article,
#columns article,
#cares article {
  margin-bottom: 10px;
}
#methods article .article_inner a.post-link,
#houses article .article_inner a.post-link,
#columns article .article_inner a.post-link,
#cares article .article_inner a.post-link {
  background: url(/img/icon/allow_w.gif) no-repeat 5px center #c55e67;
  border-radius: 3px;
  padding: 5px;
  color: #fff;
  text-decoration: none;
  text-indent: 8px;
  margin: 10px auto 0 auto;
  float: right;
}
#methods article .article_inner a.post-link:hover,
#houses article .article_inner a.post-link:hover,
#columns article .article_inner a.post-link:hover,
#cares article .article_inner a.post-link:hover {
  background: url(/img/icon/allow_w.gif) no-repeat 5px center #b6525b;
}
#methods article .article_inner .areaHeader,
#houses article .article_inner .areaHeader,
#columns article .article_inner .areaHeader,
#cares article .article_inner .areaHeader {
  margin-bottom: 20px;
}
#methods article .article_inner .areaHeader .titleWrap h1.end_title_bg,
#houses article .article_inner .areaHeader .titleWrap h1.end_title_bg,
#columns article .article_inner .areaHeader .titleWrap h1.end_title_bg,
#cares article .article_inner .areaHeader .titleWrap h1.end_title_bg {
  height: 39px;
  line-height: 42px;
  color: #ffffff;
  font-size: 19px;
  border-left: none;
  margin: 0px 0px 15px 0px;
  padding: 0px 0 0 36px;
  background: url(/img/common/bg_article_h1_01.png) no-repeat left center;
}
#methods article .article_inner .areaHeader .titleWrap h1.end_title_bg_long,
#houses article .article_inner .areaHeader .titleWrap h1.end_title_bg_long,
#columns article .article_inner .areaHeader .titleWrap h1.end_title_bg_long,
#cares article .article_inner .areaHeader .titleWrap h1.end_title_bg_long {
  height: 39px;
  line-height: 42px;
  color: #ffffff;
  font-size: 19px;
  border-left: none;
  margin: 0px 0px 15px 0px;
  padding: 0px 0 0 36px;
  background: url(/img/common/bg_article_h1_02.png) no-repeat left center;
}
#methods article .article_inner .areaHeader .innerArea,
#houses article .article_inner .areaHeader .innerArea,
#columns article .article_inner .areaHeader .innerArea,
#cares article .article_inner .areaHeader .innerArea {
  margin-bottom: 20px;
  padding: 0 10px;
}
#methods article .article_inner .areaHeader .innerArea img,
#houses article .article_inner .areaHeader .innerArea img,
#columns article .article_inner .areaHeader .innerArea img,
#cares article .article_inner .areaHeader .innerArea img {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
  padding: 1px;
}
#methods article .article_inner .areaHeader .innerArea p,
#houses article .article_inner .areaHeader .innerArea p,
#columns article .article_inner .areaHeader .innerArea p,
#cares article .article_inner .areaHeader .innerArea p {
  font-size: 115%;
}
#methods article .article_inner .areaHeader .innerArea:after,
#houses article .article_inner .areaHeader .innerArea:after,
#columns article .article_inner .areaHeader .innerArea:after,
#cares article .article_inner .areaHeader .innerArea:after {
  content: "";
  display: block;
  clear: both;
}
#methods article .article_inner section#articles h2.care_end_hd,
#houses article .article_inner section#articles h2.care_end_hd,
#columns article .article_inner section#articles h2.care_end_hd,
#cares article .article_inner section#articles h2.care_end_hd {
  margin-bottom: 12px;
  padding-left: 10px;
  height: 31px;
  line-height: 33px;
  color: #533326;
  font-size: 124%;
  font-weight: bold;
  clear: both;
  background: url(/img/care/end_h2_bg.png) no-repeat left center;
}
#methods article .article_inner section#articles .innerArea,
#houses article .article_inner section#articles .innerArea,
#columns article .article_inner section#articles .innerArea,
#cares article .article_inner section#articles .innerArea {
  margin-bottom: 20px;
  padding: 0 10px;
}
#methods article .article_inner section#articles .innerArea img,
#houses article .article_inner section#articles .innerArea img,
#columns article .article_inner section#articles .innerArea img,
#cares article .article_inner section#articles .innerArea img {
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}
#methods article .article_inner section#articles .innerArea:after,
#houses article .article_inner section#articles .innerArea:after,
#columns article .article_inner section#articles .innerArea:after,
#cares article .article_inner section#articles .innerArea:after {
  content: "";
  display: block;
  clear: both;
}

/*** article コラムの設定******/
#columns article {
  /*
  	add by kudo
  */
}
#columns article .article_inner .arrowed {
  color: #584534;
  font-size: 117%;
  margin-bottom: 15px;
  line-height: 21px;
  height: 14px;
}
#columns article .article_inner .inner_hd_area {
  color: #584534;
  font-size: 117%;
  margin-bottom: 15px;
  line-height: 14px;
  height: 14px;
  padding-left: 25px;
  background: url(/img/uploads/arrow_14x14.png) no-repeat left 0px;
}
#columns article .article_inner dl {
  margin-bottom: 20px;
}
#columns article .article_inner dl dd {
  font-size: 115%;
  line-height: 1.8;
  margin-bottom: 20px;
}
#columns article .article_inner dl:last-child {
  margin-bottom: 0px;
}
#columns article .article_inner .end_thumb_box {
  float: left;
  margin-right: 0px;
  padding: 1px;
  width: 91px;
  position: relative;
}
#columns article .article_inner .end_thumb_box:after {
  content: url(/img/uploads/arrow51x14.png);
  display: block;
  height: 14px;
  left: 56px;
  position: absolute;
  top: 31px;
  width: 31px;
  z-index: 500;
}
#columns article .article_inner .end_thumb_box2 {
  float: left;
  margin-right: 0px;
  padding: 1px;
  width: 100px;
  position: relative;
}
#columns article .article_inner .end_thumb_box2:after {
  content: url(/img/uploads/arrow45x14.png);
  display: block;
  height: 14px;
  left: 64px;
  position: absolute;
  top: 31px;
  z-index: 500;
}
#columns article .article_inner .erupt_out {
  border: 2px solid #EF8C95;
  border-radius: 4px 4px 4px 4px;
  padding: 10px;
  position: relative;
  width: 400px;
}
#columns article .article_inner .erupt_out p {
  margin-bottom: 0px;
}
#columns article .article_inner .erupt_out2 {
  margin-bottom: 10px;
}
#columns article .article_inner .erupt_out2 .erput_inner {
  border: 2px solid #8cb1ef;
  border-radius: 4px 4px 4px 4px;
  padding: 10px;
  position: relative;
  width: 391px;
}
#columns article .article_inner .erupt_out2 p {
  margin-bottom: 0px;
}
#columns article .article_inner .erupt_out2 p.adjust {
  text-align: right;
  color: #aaaaaa;
  clear: both;
}
#columns article .article_inner .enquetwrap {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
}
#columns article .article_inner .enquetwrap h3.arrowed {
  padding-left: 20px;
  font-size: 14px;
  height: auto;
  font-weight: bold;
  background: left 3px no-repeat;
}
#columns article .article_inner .men h3.arrowed {
  background-image: url(/img/icon/ico_circle01.png);
}
#columns article .article_inner .women h3.arrowed {
  background-image: url(/img/icon/ico_circle02.png);
}
#columns article .article_inner .women p:last-child {
  margin-bottom: 0px;
}
#columns article .article_inner p {
  margin-bottom: 20px;
}
#columns article ul li {
  margin-bottom: 20px;
}
#columns article ul:after {
  content: "";
  display: block;
  clear: both;
}

article p.renewdate2 {
  text-align: right;
  padding-right: 6px;
  color: #aaaaaa;
}

article .article_inner h2 {
  color: #745749;
  font-size: 124%;
  font-weight: bold;
  margin-bottom: 10px;
  clear: both;
}

article .article_inner {
  padding-bottom: 15px;
}

article .article_inner strong {
  font-weight: bold;
  font-size: 108%;
}

/*** article faq/exp******/
article .question_area {
  margin-bottom: 20px;
}

article .question_area .person_hd {
  height: 40px;
  line-height: 55px;
  padding-left: 50px;
  margin-bottom: 0px;
  background: url(/img/end/faq_hd_q.png) no-repeat left center;
}

article .question_area .person_hd2 {
  height: 40px;
  line-height: 58px;
  padding-left: 50px;
  margin-bottom: 0px;
  background: url(/img/end/faq_hd_q_m.png) no-repeat left center;
}

article .question_area .person_area {
  display: block;
  margin-bottom: 0px;
  padding-top: 19px;
  font-size: 124%;
  line-height: 1;
  color: #784701;
}

article .question_area .question_inner {
  padding: 20px;
  border-bottom: 1px solid #e8d5c3;
  border-left: 1px solid #e8d5c3;
  border-right: 1px solid #e8d5c3;
  border-radius: 0 0 10px 10px;
}

article .question_area .question_inner p.large {
  color: #584040;
  font-size: 125%;
  margin-bottom: 0px;
}

article .answer_area .person_hd {
  background: url(/img/end/faq_hd_a.png) no-repeat left center;
  height: 61px;
  line-height: 97px;
  padding-left: 68px;
  margin-bottom: 0px;
}

article .answer_area .person_hd .person_area {
  margin-bottom: 0px;
  font-size: 125%;
  color: #ffffff;
}

article .answer_area .question_inner {
  border-bottom: 1px solid #e5a8ab;
  border-left: 1px solid #e5a8ab;
  border-right: 1px solid #e5a8ab;
  padding: 20px;
  border-radius: 0 0 10px 10px;
}

article .answer_area .question_inner p.large {
  color: #584040;
  font-size: 125%;
  margin-bottom: 0px;
}

p.notes {
  padding-top: 5px;
  font-size: 100% !important;
  color: #999999;
  text-align: right;
}
