@charset "utf-8";

/* 健康保険ガイド（PC）：style_health_insurance_guide_pc.css
 * **************************************************
 * Elements
 * **************************************************
 */

/*  Space
------------------------------------------------------------------- */
#subPage .main section > p + ul.parenList {
	margin-top: -15px;
}
#subPage .main p + .pageLink {
	margin-top: 30px;
}

/* Elements
------------------------------------------------------------------ */
/* 健康保険制度 */
/* もっと詳しく：リスト */
/*  List：数字（パーレン） */
#subPage .main .moreLink dd ul.parenList {
	margin-left: 4.0em;
	text-indent: -4.0em;
	list-style-type: none;
}

/* もっと詳しく：円囲み */
#subPage .main .moreLink > dl dl {
	padding: 10px 10px;
}
#subPage .main .moreLink > dl dl + dl{
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}
#subPage .main .moreLink > dl dl dt {
	font-size: 1.4em; /* =14px */
	font-weight: bold;
	color: #008dc7;	
}
#subPage .main .moreLink > dl dl dd {
	font-size: 1.3em; /* =13px */
}

/* もっと詳しく：テーブル */
#subPage .main .moreLink dd table.j‎Insurance {
	margin: 15px 0 0 0;
}
#subPage .main .moreLink dd table.j‎Insurance th {
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	color: #008dc7;	
	text-align: center;
}
#subPage .main .moreLink dd table.j‎Insurance th span {
	display: block;
	font-size: 115%; /* =16px */
	font-weight: bold;
}
#subPage .main .moreLink dd table.j‎Insurance td {
	text-align: left;
}
#subPage .main .moreLink dd table.j‎Insurance td span {
	display: block;
	text-align: right;
}
/* 保険料 */
#subPage .main .moreLink dd .idt {
	display: block;
	margin-left: 1.0em;
}

/* 家族：被扶養者：テーブル */
#subPage .main .pRange {
	margin-top: -10px;
}
#subPage .main .pRange th {
	color: #008dc7;	
	text-align: center;
	font-weight: bold;
}

/* 家族：被扶養者：被扶養者認定の手続き：テーブル */
#subPage .main .attDoc {
	margin-top: -10px;
}
#subPage .main .attDoc th {
	padding: 4px;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	color: #008dc7;	
	font-size: 92%; /* =13px */
	text-align: center;
	font-weight: bold;
}
#subPage .main .attDoc td {
	width: 9%;
	padding: 4px;
	font-size: 92%; /* =13px */
}
#subPage .main .attDoc td.bg {
	background-color: #f8f8f8;
	width: 0%;
}
#subPage .main .attDoc td.bgY {
	background-color: #fffbe8;
	text-align: left;
}

#subPage .main .conEx {
}
#subPage .main .conEx th {
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	color: #008dc7;	
	text-align: center;
	font-weight: bold;
}
#subPage .main .conEx td {
	text-align: left;
}
#subPage .main .conEx td.rowspan{
	width: 10%;
}
#subPage .main .conEx td.bg {
	background-color: #f8f8f8;
	width: 40%;
}
#subPage .main .conEx td .notes {
	margin-left: 2.0em;
	margin-bottom: 0;
}
#subPage .main .conEx td .notes li {
	font-size: 100%; /* =14px */
}
#subPage .main .conEx td.bg .notes {
	margin-left: 1.0em;
	margin-bottom: 0;
}

/* 保険料：テーブル */
#subPage .main .insFee {
}
#subPage .main .insFee th {
	color: #008dc7;	
	text-align: center;
	font-weight: bold;
}
#subPage .main .insFee td.bg {
	background-color: #f8f8f8;
}
#subPage .main .insFee td.bgY {
	background-color: #fffbe8;
}

/* 健康保険の給付：テーブル */
#subPage .main .rate {
}
#subPage .main .rate th {
	width: 45%;
	border-top: 1px solid #cccccc;
	color: #008dc7;	
	text-align: left;
	font-weight: bold;
}
#subPage .main .rate th.nbdTop {
	width: 3.0em;
	border-top: none;
}
#subPage .main .rate td {
	border-left: 1px solid #cccccc;
}

/* 本人の保険給付一覧：テーブル */
#subPage .main .insuList {
	margin-top: 10px;
}
#subPage .main .insuList th {
	width: 45%;
	border-top: 1px solid #cccccc;
	color: #008dc7;	
	text-align: left;
	font-weight: bold;
}
#subPage .main .insuList td {
	text-align: left;
}
#subPage .main .insuList td.bgY {
	width: 20%;
	background-color: #fffbe8;
	text-align: center;
}
#subPage .main .insuList td.bg {
	width: 22%;
	background-color: #f8f8f8;
	text-align: center;
}

/* Notes */
#subPage .main ul.notes.pr {
	margin-left: 3.5em;
	text-indent: -3.5em;
}
/*underline*/
#subPage .main span.underline{
	text-decoration: underline;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#subPage .main ul.notes.pr {
		margin-left: 4.4em;
		text-indent: -4.4em;
	}
}

