@charset "utf-8";

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

/* ======================================
　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.gif) no-repeat 8px center;
}
#subPage #content .main h3 {
}
/* 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;	 
		height: 48px;
	 } 
	 #subPage.index #content .main h1 span.index {
		padding: 5px 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.jpg) repeat-x left top;
		border-bottom:3px solid #ccb399;		
	}
	/* 健康保険とは */
	#subPage #content .main h1 span.insurance {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_insurance.png) no-repeat 10px center;
	}
	/* 健康保険組合のしごと */
	#subPage #content .main h1 span.work {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_work.png) no-repeat 10px center;
	}
	/* 健康保険組合の運営 */
	#subPage #content .main h1 span.administration {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_administration.png) no-repeat 10px center;
	}
	/* 医療費支払いのしくみ */
	#subPage #content .main h1 span.expenses {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_expenses.png) no-repeat 10px center;
	}
	/* 健康保険に加入する人 */
	#subPage #content .main h1 span.participation {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_participation.png) no-repeat 10px center;
	}
	/* 保険証 */
	#subPage #content .main h1 span.card {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_card.png) no-repeat 10px center;
	}
	/* 保険料 */
	#subPage #content .main h1 span.rate {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_rate.png) no-repeat 10px center;
	}
	/* 健康保険の給付 */
	#subPage #content .main h1 span.confer {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_confer.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_structure_insurance.gif) no-repeat 8px center;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}	
	#subPage #content .main h3 {
	}
}


	#subPage #content .main h2 {
		text-indent:0;
		padding-left:0;	
		padding-top:0;
		background: url(../../images/headline/bg_dt_h2.jpg) repeat-x left bottom;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #c1c1c1;
		color:#b9790f;
		
	}
	#subPage #content .main h2 span {
		display:inline-block;
		padding: 12px 0 10px 20px;
		text-indent:0px;
		background: url(../images/headline/mark_h2_notice.gif) no-repeat 8px center;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}	
	#subPage #content .main h3.notice-t {
		font-weight:bold;
		font-size:130%;
		padding-top:2em;
		color:#009e79;
	}

 /* カテゴリインデックス */
 /* メニュー */
#subPage.index #content .main li p {
	margin: 0;
	padding: 0 25px 0 0;
	background: url(../../images/sp/mark.png) no-repeat 98% 50%;
}
	/* 段落（本文） */
	#subPage #content .main p {
		margin:1em;
		font-size: 90%;
		line-height: 1.5;
		color: #000000;	 
		text-align: left;		
	}

	#subPage #content .main p br.sp{
		display:none;
	}

 /* 健康保険とは */
#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) {

	.pc_none{display:none;}
	
	 /* メニュー */
	#subPage.index #content .main ul {
		margin: 30px 0 0 0;
		padding: 0;
	}
	#subPage.index #content .main li {
		margin: 0 60px 20px 0;
		padding: 0 55px 0 0 ;
		width: 200px;
	}
	#subPage.index #content .main li p {
		display:table-cell;
		vertical-align:middle;
		margin: 0; /* IE7対策 修正 */
		padding: 0; /* IE7対策 修正 */
		height: 58px;
		background: none;
		text-indent:0px;
		line-height: 1.1;
		zoom:1; /* IE7 */
		_display:inline; /* IE7 */
	}
	#subPage.index #content .main li a {
		position:relative; top:0px; left:57px;
		position:relative; *top:15%; left:57px;
	}
	

	/* 健康保険とは */
	#subPage.index #content .main li.insurance {
		background: url(../images/index/index_insurance_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.insurance a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
	/* 健康保険組合のしごと */
	#subPage.index #content .main li.work {
		background: url(../images/index/index_work_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.work a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
	/* 健康保険組合の運営 */
	#subPage.index #content .main li.administration a {
		margin: 0;
		padding: 7px 7px 7px 0;
		background: url(../images/index/index_administration.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.administration  {
		background: url(../images/index/index_administration_pc.png) no-repeat 0px center;	
	}
	/* 医療費支払いのしくみ */
	#subPage.index #content .main li.expenses {
		background: url(../images/index/index_expenses_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.expenses a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
	/* 健康保険に加入する人 */
	#subPage.index #content .main li.participation {
		background: url(../images/index/index_participation_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.participation a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
	/* 保険証 */
	#subPage.index #content .main li.card  {
		background: url(../images/index/index_card_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.card a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
	/* 保険料 */
	#subPage.index #content .main li.rate  {
		background: url(../images/index/index_rate_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.rate a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
	/* 健康保険の給付 */
	#subPage.index #content .main li.confer {
		background: url(../images/index/index_confer_pc.png) no-repeat 0px center;	
	}
	#subPage.index #content .main li.confer a {
		margin: 0;
		padding: 7px 7px 7px 0;
	}
}
 
 /* ローカルナビゲーション */
 /* タイトル */
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* タイトル */
	aside.localnavi p {
	}
	aside.localnavi p span {
		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: #FFFFFF;
	}
	
	
	#subPage.index #content .main {
	border-top:10px solid #d6cbbb;
	background-color:#FFF;
	}
	#subPage article.main {
	border-top:10px solid #d6cbbb;
	background-color:#FFF;
	padding-top:10px;
	}

		/* 段落（本文） */
	#subPage #content .main p {
		margin:1em;
		font-size: 100%;
		line-height: 1.5;
		color: #000000;	 
		text-align: left;		
	}
	
	#subPage #content .main p br.sp{
		display:block;
	}
    


#subPage.notice #content .main {
	position:relative;
	padding: 0 0 20px 0;
	width: 100%;
} 
	#subPage.notice article.main section {
		padding:20px;
	}
}