@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/common/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;
}
.contentBar{display: none;}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	/* TOPバー */
	.contentBar{
		display: block;
		position: relative;
		width: 939px;
		top: 0;
		left: -20px;
		height: 15px;
		margin-top: -1px;
		margin-bottom:-15px;
		background: url(../../images/common/contentBar.png) no-repeat left 0;
		font-size: 0;
	}
	.ie8 .contentBar{
		position: absolute;
		top: 0;
		left: 10px;
		height: 15px;
		margin-bottom: -15px;
	}

	#subPage.index #content .main h1 {
		background: none;
		border-bottom:1px solid #cccccc;
		font-size: 189%;
		color: #000000;
		height: 48px;
	}
 	#subPage #content .main h1 {
		padding:0 0 12px;
		margin:0 0 20px;
		border-bottom: #CBCBCB dashed 1px;
		background: url(../../images/common/h1_bg.png) no-repeat 4px center;
		font-size: 189%;
		color: #000000;
	}
	#subPage.index #content .main h1 {
		margin: 0 0 0 0;
		padding: 20px 0 0 0;
	}
	/* インデックス */
	#subPage #content .main h1 span.index {
		padding: 12px 0 0 60px;
		height: 68px;
		line-height: 68px;
		background: url(../images/headline/h1_index_pc.png) no-repeat 11px center;
	}
	#subPage #content .main h2 {
		border-top:3px solid #6ccbe7;
		border-bottom: 0;
		padding: 0;
		text-indent: 0;
		background: url(../../images/common/h2_bar.png) no-repeat left bottom;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		vertical-align: top;
		line-height: 38px;
		display: block;
	}
	#subPage #content .main h2 span {
		padding:0 0 0 20px;
		background: none;
	}
	#subPage #content .main h2 span small {
		 font-size: 85%;
	}
}

 /* ローカルナビゲーション */
 /* タイトル */
aside.localnavi p {
}
/* Media Queries 切替 */
@media all and (min-width: 481px) {
	#subPage aside.side {
		background-color: #6ccbe7!important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		behavior:url("../../css/PIE.htc"); /* IE8 */
	}
	/* タイトル */
	aside.localnavi p {
	}
	aside.localnavi p span {
		background: url(../images/lnavi/ttl_qa.png) no-repeat right center;
	}
	 /* メニュー */
	#subPage aside.localnavi li{
		background: url(../../images/common/bt.png) no-repeat left center;
		outline: none;
	}
	#subPage aside.localnavi li#nav_l01 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_01.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l01 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l01.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l02 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_02.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l02 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l02.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l03 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_03.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l03 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l03.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l04 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_04.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l04 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l04.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l05 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_05.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l05 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l05.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l06 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_06.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l06 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l06.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l07 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_07.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l07 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l07.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l08 a {
		margin: 0 5px 0 0;
		padding: 11px 0 11px 30px;
		background: url(../images/lnavi/lnavi_07.png) no-repeat left center;
	}
	#subPage aside.localnavi li#nav_l08 a:hover {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li#nav_l08.active a {
		color:#6ccbe7;
	}
	#subPage aside.localnavi li.active {
		background: url(../../images/common/bt_on.png) no-repeat left center;
	}
	#subPage aside.localnavi li span {
		padding: 0 15px 0 15px;
		background: none;
	}
}