@charset "utf-8";

/* ライフイベント編：デザインスタイル
 * **************************************************
 * Element [ ライフイベント編 ]  
 * **************************************************
 */
 
/* 注釈 */
#subPage #content .main ul.note2 {
	margin: 5px 2% 2% 2%;
	padding:0;
}
#subPage #content .main ul.note2 li {
	margin: 0 0 0 1.0em;
	text-indent: -1.0em;
	font-size: 100%;
	text-align:left;
} 
/* Media Queries 切替 */
@media all and (min-width: 481px) { 
 	/* 注釈 */
	#subPage #content .main ul.note2 {
		margin: 0.5em 0 1.0em 0;
		padding:0;
	}
	#subPage #content .main ul.note2 li {
		margin: 0 0 0 1.0em;
		text-indent: -1.0em;
		font-size: 108%;
		text-align:left;
	}
}

  /* テーブル：自己負担限度額：注釈 */
/* もっと詳しく：テーブル：自己負担限度額：注釈：リセット */
#subPage #content .main .moreLink dd ul.note.limit {
	margin: 5px 0 0 2.5em;
}
#subPage #content .main .moreLink dd ul.note.limit li {
	text-indent: -3.5em;
}
#subPage #content .main .moreLink dd ul.note.limit li span {
	margin-right:1.0em;
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* もっと詳しく：テーブル：自己負担限度額：注釈：リセット */
	#subPage #content .main .moreLink dd ul.note.limit {
		margin: 5px 0 0 4.0em;
	}
	#subPage #content .main .moreLink dd ul.note.limit li {
		text-indent: -5.0em;
	}
	#subPage #content .main .moreLink dd ul.note.limit li span {
		margin-right:1.0em;
	}
}
 
 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}

 /* リスト：リセット */
#subPage #content .moreLink .target .discList {
	margin: 10px 0 0 0;
	padding: 0;
}
#subPage #content .moreLink .target .discList li {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	  #subPage #content .moreLink .target .discList {
			margin: 10px 0 0 0;
			padding: 0;
	 }
	  #subPage #content .moreLink .target .discList li {
			margin: 0;
			padding: 0;
			font-size: 93%;
	 }
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* IE10印刷エラー対策：下層ページ：本文（675px） */
	#subPage article.main.printMs {
		padding-bottom: 250px;
	}
}

 /* スペース：追加 */
#subPage #content ul.pageLink + dl.colList{
  margin-top:20px;
}
#subPage #content table.benefitL + table.fringe{
  margin-top:20px;
}
#subPage #content table.insurance + table.fringe{
  margin-top:20px;
}

/* Media Queries 切替 */
@media all and (max-width: 480px) {
	#subPage #content p img{
		height:auto;
		width: 98%;
		max-width: 98%;
	}
}

/* リスト：カテゴリー色 */
#subPage #content .main dl.colList dt {
	color: #de659c;	
}

 /* 必要書類 */
#subPage #content .main .necessaryDoc dt.imtDoc {
	background-color: #de659c;
}
#subPage #content .main .necessaryDoc dt.excDoc {
	background-color: #de659c;
}
#subPage #content .main .necessaryDoc dt.excDoc  span {
	font-size: 0.9em;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main .necessaryDoc dt.imtDoc {
		background-color: #de659c;
	}
	#subPage #content .main .necessaryDoc dt.excDoc {
		background-color: #de659c;
	}
	#subPage #content .main .necessaryDoc dt.excDoc span {
		font-size: 93%;
	}	
}

/* 「退職したとき」インデックス */
 /* メニュー */
#subPage.retire #content .main ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #cccccc;
}	 
#subPage.retire #content .main li {
	margin: 0;
	padding: 4% 0;
	font-size: 1.0em;
	font-weight: bold;			
	color: #474747;	
	text-align: left;
	border-bottom: 1px solid #cccccc;	
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#f2f3f4));
	background: -webkit-linear-gradient(#FFFFFF, #f2f3f4);
	background: -moz-linear-gradient(#FFFFFF, #f2f3f4);
	background: -ms-linear-gradient(#FFFFFF, #f2f3f4);
	background: -o-linear-gradient(#FFFFFF, #f2f3f4);
	background: linear-gradient(#FFFFFF, #f2f3f4);
	-pie-background: linear-gradient(#FFFFFF, #f2f3f4);
}
#subPage.retire #content .main li a {
	color: #474747;
	text-decoration: none;
}
#subPage.retire #content .main li a:hover {
	color: #474747;
}
#subPage.retire #content .main li p {
	margin: 0;
	padding: 0;
	background: url(../../images/sp/mark.png) no-repeat 98% 50%;
}
 /* 退職後の医療保険 */
#subPage.retire #content .main li.retirement a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/retire/index/index_retirement.png) no-repeat 5px center;	
}
 /* 引き続き健康保険に加入したいとき */
#subPage.retire #content .main li.continuation a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/retire/index/index_continuation.png) no-repeat 5px center;	
}
 /* 退職したあとの継続給付 */
#subPage.retire #content .main li.continues a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/retire/index/index_continues.png) no-repeat 5px center;	
}
 /* 退職者医療制度（経過措置） */
#subPage.retire #content .main li.medical a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/retire/index/index_medical.png) no-repeat 5px center;	
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage.retire #content .main ul {
		position:relative; top:0px; left:87px;
		margin: 30px 0 0 0;		
		width: 500px;
		border-top: none;
	}	 
	#subPage.retire #content .main li {
		float: left;
		position:relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#f2f3f4));
		background: -webkit-linear-gradient(#FFFFFF, #f2f3f4);
		background: -moz-linear-gradient(#FFFFFF, #f2f3f4);
		background: -ms-linear-gradient(#FFFFFF, #f2f3f4);
		background: -o-linear-gradient(#FFFFFF, #f2f3f4);
		background: linear-gradient(#FFFFFF, #f2f3f4);
		-pie-background: linear-gradient(#FFFFFF, #f2f3f4);
	}
	#subPage.retire #content .main li a {
		color: #474747;
		text-decoration: none;
	}
	#subPage.retire #content .main li a:hover {
		color: #474747;
	}
	#subPage.retire #content .main ul {
		margin: 30px 0 400px 0;
		padding: 0;
	}
	#subPage.retire #content .main li {
		margin: 0 20px 20px 0;
		padding: 0;
		width: 228px;
		border: 1px solid #cccccc;		
	}
	#subPage.retire #content .main li p {
		display:table-cell;
		vertical-align:middle;
		margin: 0 0 0 45px;
		padding: 0 0 0 45px;
		height: 58px;
		background: none;
		text-indent:-45px;
		line-height: 130%;
	}
	/* 退職後の医療保険 */
	#subPage.retire #content .main li.retirement a {
		margin: 0;
		padding: 7px 7px 7px 45px;
		background: url(../images/retire/index/index_retirement.png) no-repeat 10px center;	
	}
	/* 引き続き健康保険に加入したいとき */
	#subPage.retire #content .main li.continuation a {
		margin: 0;
		padding: 7px 7px 7px 45px;
		background: url(../images/retire/index/index_continuation.png) no-repeat 10px center;	
	}
	/* 退職したあとの継続給付 */
	#subPage.retire #content .main li.continues a {
		margin: 0;
		padding: 7px 7px 7px 45px;
		background: url(../images/retire/index/index_continues.png) no-repeat 10px center;	
	}
	/* 退職者医療制度（経過措置） */
	#subPage.retire #content .main li.medical a {
		margin: 0;
		padding: 7px 7px 7px 45px;
		background: url(../images/retire/index/index_medical.png) no-repeat 10px center;	
	}
}

/* テーブル */
/* 給付 */
#subPage #content .main table.insurance {
}
#subPage #content .main table.insurance th {
	background-color: #e7f6bf;
	border-right: 1px solid #7b7b7b;
	border-bottom: 1px solid #7b7b7b;
	vertical-align: middle;	
	text-align:center;
	width: 22%;
}
#subPage #content .main table.insurance td.bg {
	text-align:center;		
	background-color: #f6f6ee;
	width: 20%;	
}
#subPage #content .main table.insurance td {
	vertical-align: middle;	
	text-align:left;
}
/* 法定給付 */
#subPage #content .main table.benefit th {
	background-color: #e7f6bf;
	text-align:center;
	vertical-align: middle;	
}
#subPage #content .main table.benefit td {
	text-align:left;
	vertical-align: middle;
}
#subPage #content .main table.benefit td:first-child {
	text-align:center;
	background-color: #f6f6ee;
}
#subPage #content .main table.benefit td.bg {
	text-align:center;
}
/* 法定給付（th：左） */
#subPage #content .main table.benefitL th {
	border-right: 1px solid #7b7b7b;
	background-color: #e7f6bf;
	text-align:center;
	vertical-align: middle;	
}
#subPage #content .main table.benefitL td {
	text-align:center;
	vertical-align: middle;
}
#subPage #content .main table.benefitL td.bg {
	text-align:center;
}

/* 付加給付 */
#subPage #content .main table.fringe th {
	background-color: #e7f6bf;
	text-align:center;
	vertical-align: middle;	
}
#subPage #content .main table.fringe td {
	text-align:left;
	vertical-align: middle;
}
#subPage #content .main table.fringe td:first-child {
	text-align:center;
	background-color: #f6f6ee;
}

/* 負担額 */
#subPage #content .main table.expense {
}
#subPage #content .main table.expense th {
	background-color: #e7f6bf;	
	vertical-align: middle;	
	text-align:center;
}
#subPage #content .main table.expense td {
	vertical-align: middle;	
	text-align:center;	
}
#subPage #content .main table.expense td.bg {
	background-color: #f6f6ee;
}

#subPage #content .main table.expense.sum td:first-child {
	text-align:left;	
}

#subPage #content .main table.expense td:first-child {
	background-color: #f6f6ee;
}
 /* 上部ボーダー */	
#subPage #content .main table.expense th.bdTop{
	border-top: 1px solid #7b7b7b;
}
 /* 上部ボーダー */	
#subPage #content .main table.expense td.nbdTop{
	border-top: none;
}

/* 対象 */
#subPage #content .main table.target {
	margin: 0 0 10px 0;

	width: 100%;
}
#subPage #content .main table.target th {
	padding: 0 2px;
	background-color: #e7f6bf;
	border-right:1px solid #7b7b7b;
	width: 30%;
	vertical-align: middle;	
	text-align:left;
}
#subPage #content .main table.target td {
	vertical-align: middle;
	background-color: #ffffff;
	text-align:left;
	border:none;
}
#subPage #content .main table.target td.join {
	width: 33%;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* 給付 */
	#subPage #content .main table.insurance {
	}
	#subPage #content .main table.insurance th {
		background-color: #e7f6bf;
		border-right: 1px solid #7b7b7b;
		border-bottom: 1px solid #7b7b7b;
		vertical-align: middle;	
		text-align:center;
		width: 21%;
		white-space:nowrap;			
	}
	#subPage #content .main table.insurance td.bg {
		width: 20%;
		text-align:center;		
		background-color: #f6f6ee;
		white-space:nowrap;		
	}
	#subPage #content .main table.insurance td {
		vertical-align: middle;	
		text-align:left;
	}
	/* 法定給付 */
	#subPage #content .main table.benefit {
	}
	#subPage #content .main table.benefit th {
		background-color: #e7f6bf;	
		vertical-align: middle;	
		text-align:center;
	}
	#subPage #content .main table.benefit td {
		text-align:left;
		vertical-align: middle;	
	}
	#subPage #content .main table.benefit td:first-child {
		text-align:center;
		background-color: #f6f6ee;
	}
	#subPage #content .main table.benefit td.bg {
		text-align:center;
	}	
	/* 法定給付（th：左） */
	#subPage #content .main table.benefitL th {
		border-right: 1px solid #7b7b7b;
		background-color: #e7f6bf;
		text-align:center;
		vertical-align: middle;	
	}
	#subPage #content .main table.benefitL td {
		text-align:center;
		vertical-align: middle;
	}
	#subPage #content .main table.benefitL td.bg {
		text-align:center;
	}
	/* 付加給付 */
	#subPage #content .main table.fringe th {
		background-color: #e7f6bf;
		text-align:center;
		vertical-align: middle;	
	}
	#subPage #content .main table.fringe td {
		text-align:left;
		vertical-align: middle;
	}
	#subPage #content .main table.fringe td:first-child {
		white-space:nowrap;
		text-align:center;
		background-color: #f6f6ee;
	}	
	/* 負担額 */
	#subPage #content .main table.expense {
	}
	#subPage #content .main table.expense th {
		background-color: #e7f6bf;	
		vertical-align: middle;	
		text-align:center;
	}
	#subPage #content .main table.expense td {
		vertical-align: middle;	
		text-align:center;	
	}

	#subPage #content .main table.expense.sum td:first-child {
		text-align:left;	
	}

	#subPage #content .main table.expense td:first-child {
		background-color: #f6f6ee;
	}
	 /* 上部ボーダー */	
	#subPage #content .main table.expense th.bdTop{
		border-top: 1px solid #7b7b7b;
	}
	 /* 上部ボーダー */	
	#subPage #content .main table.expense td.nbdTop{
		border-top: none;
	}

	/* 対象 */
	#subPage #content .main table.target {
		margin: 0 0 10px 0;
		width: 100%;
	}
	#subPage #content .main table.target th {
		padding: 10px 5px;
		background-color: #e7f6bf;
		border-right:1px solid #7b7b7b;
		width: 28%;
		vertical-align: middle;	
		text-align:left;
		white-space:nowrap;
	}
	#subPage #content .main table.target td {
		vertical-align: middle;
		text-align:left;
		border:none;
	}
	#subPage #content .main table.target td.join {
		width: 50%;
	}
}
 
/* ======================================
　Element [ライフイベント編 ]  
====================================== */
 /* カテゴリインデックス：見出し背景： */
 #subPage.index #content .main h1 {
 	background: url(../images/headline/bg_sp_index_h1.jpg) repeat-x left top;
	border-bottom:1px solid #c1c1c1;
	font-size: 123.1%;
	color: #FFFFFF;
 }
 /* インデックス */
 #subPage.index #content .main h1 div.index {
	padding: 5px 0 3px 80px;
 	background: url(../images/headline/h1_index.png) no-repeat 5px center;
 	line-height: 125%;
 }
 /* 共通：見出し背景 */
#subPage #content .main h1 {
	padding:5px 0 5px 0px;
	background: url(../../images/headline/bg_sp_h1.jpg) repeat-x left top;
	border-bottom:3px solid #de659c;
}

/* 結婚したとき */
#subPage #content .main h1 div.marry {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_marry.png) no-repeat 3px center;
}
/* 出産するとき */
#subPage #content .main h1 div.birth {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_birth.png) no-repeat 3px center;
}
/* 出産で仕事を休むとき */
#subPage #content .main h1 div.maternity {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_maternity.png) no-repeat 3px center;
}
/* 病気やけがで仕事を休むとき */
#subPage #content .main h1 div.off {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_off.png) no-repeat 3px center;
}
/* 引越したとき */
#subPage #content .main h1 div.moving {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_moving.png) no-repeat 3px center;
}
/* 死亡したとき */
#subPage #content .main h1 div.death {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_death.png) no-repeat 3px center;
}
/* 退職したとき */
#subPage #content .main h1 div.retire {
	padding: 5px 0 5px 40px;
	background: url(../images/headline/h1_retire.png) no-repeat 3px center;
}

/* 退職したとき：退職後の医療保険 */
#subPage #content .main h1 div.retirement {
	padding: 5px 0 5px 40px;
	background: url(../images/retire/headline/h1_retirement.png) no-repeat 3px center;
}
/* 退職したとき：引き続き健康保険に加入したいとき */
#subPage #content .main h1 div.continuation {
	padding: 5px 0 5px 40px;
	background: url(../images/retire/headline/h1_continuation.png) no-repeat 3px center;
}
/* 退職したとき：退職したあとの継続給付 */
#subPage #content .main h1 div.continues {
	padding: 5px 0 5px 40px;
	background: url(../images/retire/headline/h1_continues.png) no-repeat 3px center;
}
/* 退職したとき：退職者医療制度（経過措置） */
#subPage #content .main h1 div.medical {
	padding: 5px 0 5px 40px;
	background: url(../images/retire/headline/h1_medical.png) no-repeat 3px center;
}

/* 70歳になったとき */
#subPage #content .main h1 div.over70 {
	padding: 5px 0 5px 50px;
	background: url(../images/headline/h1_over70.png) no-repeat 3px center;
}
/* 75歳になったとき */
#subPage #content .main h1 div.over75 {
	padding: 5px 0 5px 50px;
	background: url(../images/headline/h1_over75.png) no-repeat 3px center;
}

#subPage #content .main h2 {
	text-indent:-1.1em;
	padding-left:1.3em;
	background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #c1c1c1;
}
#subPage #content .main h2 span {
	padding: 12px 0 10px 20px;
	background: url(../images/headline/mark_h2_lifeevent.gif) no-repeat 8px center;
}
#subPage #content .main h3 {
	font-weight: bold;	
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	 /* カテゴリインデックス：見出し背景 */
	 #subPage.index #content .main h1 {
		background: none;
		border-bottom:1px solid #cccccc;		
		font-size: 189%;
		color: #000000;	
		padding: 5px 0 5px 0px; 
	 }
	 /* インデックス */	 
	 #subPage.index #content .main h1 div.index {
		padding: 0 0 0 70px;
		background: url(../images/headline/h1_index.png) no-repeat 30px center;
	}
	 /* 共通：見出し背景 */
	#subPage #content .main h1 {
		background: url(../../images/headline/bg_dt_h1.jpg) repeat-x left top;
		border-bottom:3px solid #de659c;
		padding: 15px 0 13px 0;	
	}
	/* 結婚したとき */
	#subPage #content .main h1 div.marry {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_marry.png) no-repeat 10px center;
	}
	/* 出産するとき */
	#subPage #content .main h1 div.birth {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_birth.png) no-repeat 10px center;
	}
	/* 出産で仕事を休むとき */
	#subPage #content .main h1 div.maternity {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_maternity.png) no-repeat 10px center;
	}
	/* 病気やけがで仕事を休むとき */
	#subPage #content .main h1 div.off {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_off.png) no-repeat 10px center;
	}
	/* 引越したとき */
	#subPage #content .main h1 div.moving {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_moving.png) no-repeat 10px center;
	}
	/* 死亡したとき */
	#subPage #content .main h1 div.death {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_death.png) no-repeat 10px center;
	}
	/* 退職したとき */
	#subPage #content .main h1 div.retire {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_retire.png) no-repeat 10px center;
	}

	/* 退職したとき：退職後の医療保険 */
	#subPage #content .main h1 div.retirement {
		padding: 5px 0 5px 50px;
		background: url(../images/retire/headline/h1_retirement.png) no-repeat 10px center;
	}
	/* 退職したとき：引き続き健康保険に加入したいとき */
	#subPage #content .main h1 div.continuation {
		padding: 5px 0 5px 50px;
		background: url(../images/retire/headline/h1_continuation.png) no-repeat 10px center;
	}
	/* 退職したとき：退職したあとの継続給付 */
	#subPage #content .main h1 div.continues {
		padding: 5px 0 5px 50px;
		background: url(../images/retire/headline/h1_continues.png) no-repeat 10px center;
	}
	/* 退職したとき：退職者医療制度（経過措置） */
	#subPage #content .main h1 div.medical {
		padding: 5px 0 5px 50px;
		background: url(../images/retire/headline/h1_medical.png) no-repeat 10px center;
	}

	/* 70歳になったとき */
	#subPage #content .main h1 div.over70 {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_over70.png) no-repeat 10px center;
	}
	/* 75歳になったとき */
	#subPage #content .main h1 div.over75 {
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_over75.png) no-repeat 10px center;
	}
	#subPage #content .main h2 {
		text-indent:0;
		padding-left:0;	
		background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #c1c1c1;
	}
	#subPage #content .main h2 span {
		padding: 12px 0 10px 20px;
		background: url(../images/headline/mark_h2_lifeevent.gif) no-repeat 8px center;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}	
	#subPage #content .main h3 {
		 font-weight: bold;
		 color:#de659c;
	}
}

/* カテゴリインデックス */
 /* メニュー */
#subPage.index #content .main li p {
	margin: 0;
	padding: 0 25px 0 0;
	background: url(../../images/sp/mark.png) no-repeat 98% 50%;
}
 /* 結婚したとき */
#subPage.index #content .main li.marry a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_marry.png) no-repeat 5px center;	
}
 /* 出産するとき */
#subPage.index #content .main li.birth a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_birth.png) no-repeat 5px center;	
}
 /* 出産で仕事を休むとき */
#subPage.index #content .main li.maternity a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_maternity.png) no-repeat 5px center;	
}
 /* 病気やけがで仕事を休むとき */
#subPage.index #content .main li.off a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_off.png) no-repeat 5px center;	
}
 /* 引越したとき */
#subPage.index #content .main li.moving a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_moving.png) no-repeat 5px center;	
}
 /* 死亡したとき */
#subPage.index #content .main li.death a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_death.png) no-repeat 5px center;	
}
 /* 退職したとき */
#subPage.index #content .main li.retire a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_retire.png) no-repeat 5px center;	
}
 /* 70歳になったとき */
#subPage.index #content .main li.over70 a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_over70.png) no-repeat 5px center;	
}
 /* 75歳になったとき */
#subPage.index #content .main li.over75 a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_over75.png) no-repeat 5px center;	
}
 /* Media Queries 切替 */
@media all and (min-width: 481px) {
	 /* メニュー */
	#subPage.index #content .main ul {
		margin: 30px 0 0 0;
		padding: 0;
	}
	#subPage.index #content .main li {
		margin: 0 10px 10px 0;
		padding: 0;
		width: 280px;
		border: 1px solid #cccccc;
	}
	#subPage.index #content .main li p {
		display:table-cell;
		vertical-align:middle;
		margin: 0 0 0 45px;
		padding: 0 0 0 45px;
		height: 58px;
		background: none;
		text-indent:-45px;
		line-height: 110%;
	}
	/* 結婚したとき */
	#subPage.index #content .main li.marry a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_marry.png) no-repeat 10px center;	
	}
	/* 出産するとき */
	#subPage.index #content .main li.birth a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_birth.png) no-repeat 10px center;	
	}
	/* 出産で仕事を休むとき */
	#subPage.index #content .main li.maternity a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_maternity.png) no-repeat 10px center;	
	}
	/* 病気やけがで仕事を休むとき */
	#subPage.index #content .main li.off a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_off.png) no-repeat 10px center;	
	}
	/* 引越したとき */
	#subPage.index #content .main li.moving a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_moving.png) no-repeat 10px center;	
	}
	/* 死亡したとき */
	#subPage.index #content .main li.death a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_death.png) no-repeat 10px center;	
	}
	/* 退職したとき */
	#subPage.index #content .main li.retire a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_retire.png) no-repeat 10px center;	
	}
	/* 70歳になったとき */
	#subPage.index #content .main li.over70 a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_over70.png) no-repeat 10px center;	
	}
	/* 75歳になったとき */
	#subPage.index #content .main li.over75 a {
		margin: 0;
		padding: 7px 0 7px 45px;
		background: url(../images/index/index_over75.png) no-repeat 10px center;	
	}
}

 /* ローカルナビゲーション */
 /* タイトル */
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	aside.localnavi p span {
		background: url(../images/lnavi/ttl_lifeevent.png) no-repeat left center;
	}
	/* IE8 */
	html.ie8 aside.localnavi p span {
		background: url(../images/lnavi/ttl_lifeevent.png) no-repeat left 6px;
	}
	 /* メニュー */
	#subPage aside.localnavi li#nav_l01 a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_01.png) no-repeat right center;
	}	 
	#subPage aside.localnavi li#nav_l01 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_01_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l01.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_01_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l02 a {
		margin: 0 5px 0 0;	
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_02.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l02 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_02_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l02.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_02_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l03 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_03.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l03 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_03_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l03.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_03_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l04 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_04.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l04 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_04_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l04.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_04_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l05 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_05.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l05 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_05_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l05.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_05_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l06 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_06.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l06 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_06_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l06.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_06_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l07 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_07.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l07 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_07_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l07.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_07_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l08 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_08.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l08 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_08_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l08.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_08_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l09 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_09.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l09 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_09_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l09.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_09_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li#nav_l10 a {
		margin: 0 5px 0 0;		
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_10.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l10 a:hover {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_10_on.png) no-repeat right center;
	}
	#subPage aside.localnavi li#nav_l10.active a {
		margin: 0 5px 0 0;
		padding: 11px 0;
		background: url(../images/lnavi/lnavi_10_on.png) no-repeat right center;
	}	
	#subPage aside.localnavi li.active {
		background-color: #FFFFFF;
	}
}