@charset "utf-8";

/* 保険料と保険給付：デザインスタイル
 * **************************************************
 * Element [ 保険料と保険給付 ]  
 * **************************************************
 */
 
 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}

/* テーブル */
/* 保険料 */
#subPage #content .main table.rate th {
	background-color: #e7f6bf;
	text-align:center;
	vertical-align: middle;	
}
#subPage #content .main table.rate td {
	text-align:center;
	vertical-align: middle;
}
#subPage #content .main table.rate td:first-child {
	background-color: #f6f6ee;
}
/* 保険料：テーブル：ボーダー追加：上 */	
#subPage #content .main table.rate th.borAddTp{
	border-top: 1px solid #7b7b7b;
}

/* 保険給付一覧 */
#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;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* 保険料 */
	#subPage #content .main table.rate {
	}
	#subPage #content .main table.rate th {
		background-color: #e7f6bf;	
		vertical-align: middle;	
		text-align:center;
		white-space:nowrap;		
	}
	#subPage #content .main table.rate td {
		vertical-align: middle;	
		text-align:center;	
		white-space:nowrap;	
	}
	#subPage #content .main table.rate td:first-child {
		background-color: #f6f6ee;
	}
	 /* 保険料：テーブル：ボーダー追加：上 */	
	#subPage #content .main table.rate th.borAddTp{
		border-top: 1px solid #7b7b7b;
	}	

	/* 保険給付一覧 */
	#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: 20%;
		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;
	}
}

/* ======================================
　Element [ 保険料と保険給付 ]  
====================================== */
 /* カテゴリインデックス：見出し背景 */
 #subPage.index #content .main h1 {
 	background: url(../images/headline/bg_sp_index_h1.jpg) repeat-x left top;
	border-bottom:1px solid #ffb11a;
	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 #ffb11a;
}
#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_insurance_benefits.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 #ffb11a;		
	}
	/* 保険料 */
	#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.own {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_own.png) no-repeat 10px center;
	}
	/* 家族の保険給付一覧 */
	#subPage #content .main h1 span.family {
		padding: 5px 0 5px 60px;
		background: url(../images/headline/h1_family.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_insurance_benefits.gif) no-repeat 8px center;
		color:#ffb11a;
	}
	#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.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.own a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_own.png) no-repeat 5px center;	
}
 /* 家族の保険給付一覧 */
#subPage.index #content .main li.family a {
	margin: 0;
	padding: 7px 0 7px 40px;
	background: url(../images/index/index_family.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 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.rate {
	background: url(../images/index/index_rate_pc.png) no-repeat 0 center;	
	}
	#subPage.index #content .main li.own {
		background: url(../images/index/index_own_pc.png) no-repeat 0px center;			
	}
	#subPage.index #content .main li.family {
	background: url(../images/index/index_family_pc.png) no-repeat 0 center;
	}
		
	#subPage.index #content .main li.rate a {
		margin: 0;
		padding: 7px 7px 7px 0;
		font-size:108%;
	}
	 /* 本人の保険給付一覧 */
	#subPage.index #content .main li.own a {
		margin: 0;
		padding: 7px 7px 7px 0;
		font-size:108%;

	}
	 /* 家族の保険給付一覧 */
	#subPage.index #content .main li.family a {
		margin: 0;
		padding: 7px 7px 7px 0;
		font-size:108%;
		
	}
}
 
 /* ローカルナビゲーション */
 /* タイトル */
aside.localnavi p {
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* タイトル */
	aside.localnavi p {
	}
	aside.localnavi p span {
		background: url(../images/lnavi/ttl_insurance_benefits.png) no-repeat left center;
	}
	/* IE8 */
	html.ie8 aside.localnavi p span {
		background: url(../images/lnavi/ttl_insurance_benefits.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.active {
		background-color: #FFFFFF;
	}
	

	#subPage.index #content .main {
	border-top:10px solid #ffc452;
	background-color:#FFF;
	}
	#subPage article.main {
	border-top:10px solid #ffc452;
	background-color:#FFF;
	padding-top:10px;
	}

}