@charset "utf-8";

/* 健康保険のしくみ：デザインスタイル
 * **************************************************
 * Element [ 健康保険のしくみ ]  
 * **************************************************
 */



.mt_00 {margin-top: 0 !important; }
.mt_10 {margin-top: 1em !important; }
.mt_20 {margin-top: 2em !important; }
.mt_30 {margin-top: 3em !important; }
.ml_00 {margin-left: 0 !important; }
.ml_10 {margin-left: 1em !important; }
.ml_20 {margin-left: 2em !important; }
.ml_30 {margin-left: 3em !important; }
.mb_00 {margin-bottom: 0em !important; }
.mb_10 {margin-bottom: 1em !important; }
.mb_20 {margin-bottom: 2em !important; }
.mb_30 {margin-bottom: 3em !important; }

.fz95{font-size:95%!important;}
.fz100{font-size:100%!important;}
.fz108{font-size:108%!important;}

	#subPage #content .main h3.brown_t {
		color:#833C0B;
		font-weight:bold;
		margin-top:3em;
	}


	#subPage #content .main table.explanation.va td {
		vertical-align: middle!important;
	}

#subPage #content .main .explanation .orange_t{
	background:#e7f6bf;
}

 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}

 /* スペース */
#subPage #content .main .moreLink dd ul.discList + p {
  margin-top:15px;
}

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

/* テーブル */
/* 健康保険に加入するひと：扶養の認定に必要な必要な書類 */
#subPage #content .main table.ndDoc th {
	background-color: #e7f6bf;
	border-top: 1px solid #7b7b7b;		
	text-align:center;
	vertical-align: middle;	
}
#subPage #content .main table.ndDoc td {
	text-align:center;
	vertical-align: middle;
}
#subPage #content .main table.ndDoc td.bg {
	background-color: #f6f6ee;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main table.ndDoc {
	}
	#subPage #content .main table.ndDoc th {
		background-color: #e7f6bf;
		border-top: 1px solid #7b7b7b;		
		vertical-align: middle;	
		text-align:center;
	}
	#subPage #content .main table.ndDoc td {
		vertical-align: middle;	
		text-align:center;	
	}
	#subPage #content .main table.ndDoc td.bg {
		background-color: #f6f6ee;
	}
}

/* もっと詳しく：日本の医療保険：th */
#subPage #content .main .moreLink dd table.exists th {
  width: 7.0em;
  text-align: center;
}
#subPage #content .main .moreLink dd table.exists th span {
  display:block;
  font-size: 0.8em;
}
#subPage #content .main .moreLink dd table.exists td {
	background-color: #ffffff;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main .moreLink dd table.exists th {
	  width: 5.0em;
	  text-align: center;
	}
	#subPage #content .main .moreLink dd table.exists th span {
	  font-size: 93%;
	  white-space: nowrap;
	}
	#subPage #content .main .moreLink dd table.exists td {
		background-color: #ffffff;
	}
}


/* ======================================
　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 span.index {
	padding: 5px 0 5px 40px;
 	background: url(../images/headline/h1_index.png) no-repeat 3px center;
 	line-height: 125%;
 }
 /* 共通：見出し背景 */
#subPage #content .main h1 {
	background: url(../../images/headline/bg_sp_h1.jpg) repeat-x left top;
	border-bottom:3px solid #ccb399;
}
#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_structure_insurance.png) no-repeat 3px center;
}
#subPage #content .main h3 {
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	 /* カテゴリインデックス：見出し背景 */
	 #subPage.index #content .main h1 {
		position:relative; top:-5px; left:0px;
		background: none;
		border-top:1px solid #eddccb;		
		border-right:1px solid #eddccb;		
		border-bottom:1px solid #eddccb;		
		border-left:1px solid #eddccb;
		font-size: 189%;
		color: #000000;	 
		height: 48px;
		background-color: #f9eee3;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	 } 

	/* 共通 */
	#subPage #content .main h1 span {
		position:relative; top:-4px; left:0px;
	}

	 #subPage.index #content .main h1 span.index {
		display: block;
		padding: 2px 0 5px 50px;
		background: url(../images/headline/h1_index_pc.png) no-repeat 10px center;
	}
	 /* 共通：見出し背景 */
	#subPage #content .main h1 {
		background: url(../images/headline/bg_dt_h1.png) no-repeat center 11px;
		border-bottom:none;		
	}
	/* 健康保険とは */
	#subPage #content .main h1 span.insurance {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_insurance.png) no-repeat 7px center;
	}
	/* 健康保険組合のしごと */
	#subPage #content .main h1 span.work {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_work.png) no-repeat 7px center;
	}
	/* 健康保険組合の運営 */
	#subPage #content .main h1 span.administration {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_administration.png) no-repeat 7px center;
	}
	/* 医療費支払いのしくみ */
	#subPage #content .main h1 span.expenses {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_expenses.png) no-repeat 7px center;
	}
	/* 健康保険に加入する人 */
	#subPage #content .main h1 span.participation {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_participation.png) no-repeat 7px center;
	}
	/* 保険証 */
	#subPage #content .main h1 span.card {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_card.png) no-repeat 7px center;
	}
	/* 保険料 */
	#subPage #content .main h1 span.rate {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_rate.png) no-repeat 7px center;
	}
	/* 健康保険の給付 */
	#subPage #content .main h1 span.confer {
		display: block;
		padding: 5px 0 5px 50px;
		background: url(../images/headline/h1_confer.png) no-repeat 7px 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 {
		display: block;
		padding: 0 0 0 20px;
		background: url(../images/headline/mark_h2_structure_insurance.png) no-repeat 5px bottom;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}	
	#subPage #content .main h3 {
	}
}

 /* カテゴリインデックス */
 /* メニュー */
#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.insurance a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_insurance.png) no-repeat 5px center;	
}
 /* 健康保険組合のしごと */
#subPage.index #content .main li.work a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_work.png) no-repeat 5px center;	
}
 /* 健康保険組合の運営 */
#subPage.index #content .main li.administration a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_administration.png) no-repeat 5px center;	
}
 /* 医療費支払いのしくみ */
#subPage.index #content .main li.expenses a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_expenses.png) no-repeat 5px center;	
}
 /* 健康保険に加入する人 */
#subPage.index #content .main li.participation a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_participation.png) no-repeat 5px center;	
}
 /* 保険証 */
#subPage.index #content .main li.card a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_card.png) no-repeat 5px center;	
}
 /* 保険料 */
#subPage.index #content .main li.rate a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_rate.png) no-repeat 5px center;	
}
 /* 健康保険の給付 */
#subPage.index #content .main li.confer a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_confer.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 20px 20px 0;
		padding: 0;
		width: 228px;
		border: 1px solid #cccccc;		
	}
	#subPage.index #content .main li p {
		display:table-cell;
		vertical-align:middle;
		margin: 0;
		padding: 0 0 0 10px;
		height: 58px;
		background: none;
		line-height: 110%;
	}
	/* 健康保険とは */
	#subPage.index #content .main li.insurance a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_insurance.png) no-repeat left center;	
	}
	/* 健康保険組合のしごと */
	#subPage.index #content .main li.work a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_work.png) no-repeat left center;	
	}
	/* 健康保険組合の運営 */
	#subPage.index #content .main li.administration a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_administration.png) no-repeat left center;	
	}
	/* 医療費支払いのしくみ */
	#subPage.index #content .main li.expenses a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_expenses.png) no-repeat left center;	
	}
	/* 健康保険に加入する人 */
	#subPage.index #content .main li.participation a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_participation.png) no-repeat left center;	
	}
	/* 保険証 */
	#subPage.index #content .main li.card a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_card.png) no-repeat left center;	
	}
	/* 保険料 */
	#subPage.index #content .main li.rate a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_rate.png) no-repeat left center;	
	}
	/* 健康保険の給付 */
	#subPage.index #content .main li.confer a {
		display: block;
		text-indent:0;
		margin: 0;
		padding: 7px 7px 7px 40px;
		background: url(../images/index/index_confer.png) no-repeat left center;	
	}
}
 
 /* ローカルナビゲーション */
 /* タイトル */
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* タイトル */
	aside.localnavi p {
	}
	aside.localnavi p span {
		display: block;
		background: url(../images/lnavi/ttl_structure_insurance.png) no-repeat left center;
	}
	/* IE8 */
	html.ie8 aside.localnavi p span {
		background: url(../images/lnavi/ttl_structure_insurance.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.active {
		background-color: #fefce9;
	}
}

/* 給付割合 */
#subPage #content .main table.rate {
}
#subPage #content .main table.rate th {
	width: 45%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background-color: #e7f6bf;	
	vertical-align: middle;	
	text-align:left;
	border-top: 1px solid #7b7b7b;
	border-right: 1px solid #7b7b7b;
}
 /* 上部ボーダー */	
#subPage #content .main table.rate th.nbdTop{
	width: 5%;
	border-top: none;
}
#subPage #content .main table.rate td {
	vertical-align: middle;	
	text-align:center;	
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main table.rate {
	}
	#subPage #content .main table.rate th {
		width: 30%;
		padding-left: 1.0em;
		padding-right: 1.0em;
		background-color: #e7f6bf;	
		vertical-align: middle;	
		text-align:left;
		white-space:nowrap;		
		border-top: 1px solid #7b7b7b;
		border-right: 1px solid #7b7b7b;
	}
	 /* 上部ボーダー */	
	#subPage #content .main table.rate th.nbdTop{
		width: 20%;
		border-top: none;
	}
	#subPage #content .main table.rate td {
		vertical-align: middle;	
		text-align:center;	
		white-space:nowrap;	
	}
}

#subPage #content .main .moreLink .necessaryDoc dl.fileLink {
  margin-bottom: 10px;
  padding: 8px 8px 8px 10px;
  border: 1px solid #c1c1c1;
  background-color: #ffffff;
}
#subPage #content .main .moreLink .necessaryDoc dl.fileLink dt {
  font-size: 1.08em;
  text-indent: 0;
  background: none;
  color: #000;
  pointer-events: none;
}
#subPage #content .main .moreLink .necessaryDoc dl.fileLink dd {
  display: block !important;
}