@charset "UTF-8";
/* CSS Document */

/*__ lifescene */

h1.subtop {
　display: table;
	color: #222222;
  border-radius: 6px;
	font-size: 180%;
}
h1.subtop span {
  display: table-cell;
	vertical-align: middle;
  height: 100px;
	padding-left: 130px;
}

/*__ ライフシーン サブトップ　h1 __*/
.life01 h1.subtop { background: #fecfd5; }
.life02 h1.subtop { background: #fee58f; }
.life03 h1.subtop { background: #ade1f5; }
.life04 h1.subtop { background: #adef9f; }
.life05 h1.subtop { background: #eed3f8; }
.life06 h1.subtop { background: #fedbba; }

.life01 h1.subtop span { background: url(../c_img/bg_life01.png)no-repeat 1em 50%; }
.life02 h1.subtop span { background: url(../c_img/bg_life02.png)no-repeat 1em 50%; }
.life03 h1.subtop span { background: url(../c_img/bg_life03.png)no-repeat 1em 50%; }
.life04 h1.subtop span { background: url(../c_img/bg_life04.png)no-repeat 1em 50%; }
.life05 h1.subtop span { background: url(../c_img/bg_life05.png)no-repeat 1em 50%; }
.life06 h1.subtop span { background: url(../c_img/bg_life06.png)no-repeat 1em 50%; }

h1.middle {
  color: #222222;
	padding: 12px 16px 10px 16px;
}
.life01 h1.middle,
.life01 .life_menu h2 { background: #fecfd5; border-bottom: 2px solid #f17280; }
.life02 h1.middle,
.life02 .life_menu h2 { background: #fee58f; border-bottom: 2px solid #d9bd14; }
.life03 h1.middle,
.life03 .life_menu h2 { background: #ade1f5; border-bottom: 2px solid #27aee2; }
.life04 h1.middle,
.life04 .life_menu h2 { background: #adef9f; border-bottom: 2px solid #4ec137; }
.life05 h1.middle,
.life05 .life_menu h2 { background: #eed3f8; border-bottom: 2px solid #ca99db; }
.life06 h1.middle,
.life06 .life_menu h2 { background: #fedbba; border-bottom: 2px solid #fea12d; }


.life_menu h2 {
  border-radius: 0;
	font-size: 110%;
	padding: 14px 12px;
	margin-top: 0;
	margin-bottom: 0;
  color: #222222;
	margin-bottom: 1em;
}

.life_menu h2 a {
  color: #222222;
}
.subtop_menu_box h2 a:hover {
  text-decoration: underline;
}

.lifescene .life_menu h3 { background: #f7f7f7; margin-bottom: 1em; padding-left: 14px;}
.life01 .life_menu h3 { border-bottom: 2px solid #fecfd5; }
.life02 .life_menu h3 { border-bottom: 2px solid #fee58f; }
.life03 .life_menu h3 { border-bottom: 2px solid #ade1f5; }
.life04 .life_menu h3 { border-bottom: 2px solid #adef9f; }
.life05 .life_menu h3 { border-bottom: 2px solid #eed3f8; }
.life06 .life_menu h3 { border-bottom: 2px solid #fedbba; }


/*__ サイド　分類メニュー __*/

.lifescene #bunrui_menu h2.faq_menu a { background-image: url(../c_img/icon_navi_faq.png);}
.life01 #bunrui_menu h2 a { background-image: url(../c_img/icon_life01.png);}
.life02 #bunrui_menu h2 a { background-image: url(../c_img/icon_life02.png);}
.life03 #bunrui_menu h2 a { background-image: url(../c_img/icon_life03.png);}
.life04 #bunrui_menu h2 a { background-image: url(../c_img/icon_life04.png);}
.life05 #bunrui_menu h2 a { background-image: url(../c_img/icon_life05.png);}
.life06 #bunrui_menu h2 a { background-image: url(../c_img/icon_life06.png);}

#bunrui_menu h2 a {
  display: block;
  color: #222222;
	padding-left: 34px;
	margin: 10px 0;
	background-size: 24px auto;
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	cursor: default;
}

#bunrui_menu ul {
	margin-bottom: 1.5em;
}
#bunrui_menu li {
	border-bottom: 1px dotted #aaaaaa;
}

#bunrui_menu li a {
  display: block;
  padding: 8px 8px 8px 16px;
	color: #333333;
	border-left: 2px solid #fff;
}

#bunrui_menu li.select a,
#bunrui_menu li a:hover{ background: #f7f7f7; padding-left: 12px; }


#bunrui_menu li.select a.life01,
#bunrui_menu li a.life01:hover{ border-left: 6px solid #f17280;}
#bunrui_menu li.select a.life02,
#bunrui_menu li a.life02:hover{ border-left: 6px solid #d9bd14;}
#bunrui_menu li.select a.life03,
#bunrui_menu li a.life03:hover{ border-left: 6px solid #27aee2;}
#bunrui_menu li.select a.life04,
#bunrui_menu li a.life04:hover{ border-left: 6px solid #4ec137;}
#bunrui_menu li.select a.life05,
#bunrui_menu li a.life05:hover{ border-left: 6px solid #ca99db;}
#bunrui_menu li.select a.life06,
#bunrui_menu li a.life06:hover{ border-left: 6px solid #fea12d;}


/* スマホ用
====================================================================*/

@media screen and (max-width:640px) {

  .lifescene h1.subtop {
    padding: 0;
    border-radius: 0;
    font-size: 150%;
    min-height: auto;
  }

  .lifescene h1.subtop span {
    padding-left: 90px;
    height: 70px;
  }
}