@charset "utf-8";

/* けんぽQ&A：デザインスタイル
 * **************************************************
 * Element [ けんぽQ&A ]  
 * **************************************************
 */
 
 /* スペース：リセット */
#subPage #content .main h1 + h2{
  margin-top:0;
}

/* Q&A */
#subPage #content .main .qaLink{
	margin: 4% 0 0 0;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;	
}
#subPage #content .main .qaLink dl {
	border-top: 1px dotted #CCCCCC;
	background-color: #FAF9F4;
}
#subPage #content .main .qaLink dt {
	padding: 2% 0 2% 30px;
	font-size: 1.0em;
	line-height: 130%;	
	border-top: 1px dotted #CCCCCC;
	background: url(../images/qa/qa_close.png) no-repeat 12px 10px;
	cursor: pointer;
}
#subPage #content .main .qaLink dt.close {
	background: url(../images/qa/qa_close.png) no-repeat 12px 10px;
}
#subPage #content .main .qaLink dt.open {
	background: url(../images/qa/qa_open.png) no-repeat 12px 10px;
}
#subPage #content .main .qaLink dd {
	margin: 0 2% 2% 2%;
	padding: 1% 1% 5px 1%;
	font-size: 1.0em;
	background-color: #f5f5f5;	
}
#subPage #content .main .qaLink dd p {
	background: url(../images/qa/mark_answer.png) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
#subPage #content .main .qaLink dd ul {
	margin: 0 0 10px 0;
	padding: 0;
}
#subPage #content .main .qaLink dd li {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* Q&A */
	#subPage #content .main .qaLink{
		margin:20px 0 0 0;
		padding: 0;
		border-bottom: 1px dotted #CCCCCC;
	}
	#subPage #content .main .qaLink dl {
		border-top: 1px dotted #CCCCCC;
		background-color: #FAF9F4;
	}
	#subPage #content .main .qaLink dt {
		padding: 10px 0 10px 30px;
		font-size: 116%;
		line-height: 130%;	
		border-top: 1px dotted #CCCCCC;
		background: url(../images/qa/qa_close.png) no-repeat 12px 10px;
		cursor: pointer;
	}
	#subPage #content .main .qaLink dt.close {
		background: url(../images/qa/qa_close.png) no-repeat 12px 10px;
	}
	#subPage #content .main .qaLink dt.open {
		background: url(../images/qa/qa_open.png) no-repeat 12px 10px;
	}
	#subPage #content .main .qaLink dd {
		margin: 0 0 10px 0;
		padding: 5px 10px 10px 10px;
		font-size: 100%;
		display: none;
		background-color: #f5f5f5;
	}
	#subPage #content .main .qaLink dd p {
			background: url(../images/qa/mark_answer.png) no-repeat 0 2px;
			padding: 0 0 0 25px;
	}
	#subPage #content .main .qaLink dd ul {
		margin: 0 0 10px 0;
		padding: 0;
	}
	#subPage #content .main .qaLink dd li {
		margin: 0;
		padding: 0;
		font-size: 108%;
	}
}

/* ======================================
　Element [けんぽQ&A ]  
====================================== */
 /* 見出し背景 */
#subPage #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 #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 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_qa.gif) no-repeat 8px center;
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage #content .main h1 {
		background: url(../../images/headline/bg_dt_h1.jpg) repeat-x left top;
		border-bottom:3px solid #a6937c;
		font-size: 189%;
		color: #000000;	
	}
	/* インデックス */
	#subPage #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 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_qa.gif) no-repeat 8px center;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}
}

 /* ローカルナビゲーション */
 /* タイトル */
aside.localnavi p {
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* タイトル */
	aside.localnavi p {
	}
	aside.localnavi p span {
		background: url(../images/lnavi/ttl_qa.png) no-repeat left center;
	}
	/* IE8 */
	html.ie8 aside.localnavi p span {
		background: url(../images/lnavi/ttl_qa.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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) 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.gif) no-repeat right center;
	}
	#subPage aside.localnavi li.active {
		background-color: #FFFFFF;
	}
	images/title.jpg
	#subPage.index #content .main {
	border-top:10px solid #d6cbbb;
	background-color:#FFF;
	}
	#subPage article.main {
	border-top:10px solid #d6cbbb;
	background-color:#FFF;
	}
	
	.subtitle {
		background:url(../images/subtitle_back.gif) no-repeat center left !important;
		line-height:40px!important;
		height:40px!important;
		font-size:160% !important;
		font-weight:bold;
		padding-left:50px !important;
		margin-top:20px !important;
		border-bottom:3px solid #d4c8b7;
		padding:8px 0 5px 0;
}