@charset "utf-8";

/*　common
============================================================*/
.page_menu .layoutItem{margin:0;}
.page_menu .layoutItem li{margin-right:10px;}
.about_submenu .layoutItem li{margin-bottom:0.5em;padding:0;}

.nav-single{margin-bottom:2em;}
.nav-single:after{content:"";display:block;clear:both;}
.nav-single a{display:inline-block;position:relative;color:#222;font-weight:bold;line-height:1.4;text-decoration:none;}
.nav-single a:after{content:"";display:block;position:absolute;top:0.0em;bottom:0.2em;width:0;height:0;margin:auto;border-style:solid;}
.nav-single a:hover{text-decoration:underline;}
.nav-single .navLeft{float:left;width:48%;}
.nav-single .navLeft a{padding:0 0 0 0.75em;}
.nav-single .navLeft a:after{left:0;border-width:3.5px 5px 3.5px 0;border-color:transparent #f2ce00 transparent transparent;}
.nav-single .navRight{float:right;width:48%;text-align:right;}
.nav-single .navRight a{padding:0 0.75em 0 0;}
.nav-single .navRight a:after{right:0;border-width:3.5px 0 3.5px 5px;border-color:transparent transparent transparent #f2cd00;}

.layoutItem.centered .linkBtn{margin:10px;}


/*　Ｑ＆Ａ
============================================================*/
#faq_form{position:relative;margin:30px 0 0 106px;}
#faq_btn{position:absolute;top:31px;left:203px;z-index:20;}

.faq .text_area dd,
.faq .text_area dt{margin:0;padding:0;}
.faq .text_area dd a{color:#222;text-decoration:none;}
.faq .text_area .gotopagetop a{color:#222;text-decoration:none;}
.FAQ-topix{margin-bottom:10px;}
.clearfix:after,
.QA-box:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
.faq1 .QA-box + hr,
.faq2 .QA-box + hr,
.faq3 .QA-box + hr{margin-top:0;}


/*　Ｑ＆Ａ　病気について　*/

.faq1 .text_area {
	background: #daf2ff;
	padding: 30px 40px;
	margin-bottom: 30px;
}

#contents_left .text_area p.note_q1 {
	border-bottom: #49aeff solid 2px;
	padding-bottom: 0;
	display: inline-block;
	font-size: 90%;
	margin-bottom: 20px;
}

.faq1 dl#faq1 dt {
	height: 30px;
	width: 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	clear: left;
	background: url(/Portals/0/images/osteoporosis/faq/faqabout/q1_bg.gif) no-repeat 2px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.faq1 dl#faq1 dd {
	float: left;
	padding-left: 5px;
	padding-top: 1px;
}

.faq1 hr {
	border: none;
	border-top: #49aeff dashed 2px;
	height: 2px;
	margin: 25px 0;
}

.faq1 dl.faq1_answer dt {
	height: 104px;
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	padding-left: 63px;
	padding-top: 60px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	clear: left;
	background: url(/Portals/0/images/osteoporosis/faq/faqabout/a1_bg.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.faq1 dl.faq1_answer dd {
	background: #ffffff;
	padding: 20px;
	border-radius: 10px;
	float: left;
	font-size: 110%;
	font-weight: bold;
	width: calc(100% - 120px);
}

.faq1 dl.faq1_answer dd span.plain {
	font-weight: normal;
	font-size: 90%;
}

.faq1 .text_area .gotopagetop {
	float: right;
	font-size: 90%;
	background: url(/Portals/0/images/osteoporosis/faq/faqabout/totop1.gif) no-repeat 0 6px;
	padding-left: 1.2em;
	display: block;
}

.faq1 td.tdtitle {
	background: #49aeff;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

/*　Ｑ＆Ａ　予防　*/

.faq2 .text_area {
	background: #ffe3e6;
	padding: 30px 40px;
	margin-bottom: 30px;
}

#contents_left .text_area p.note_q2 {
	border-bottom: #ff72b3 solid 2px;
	padding-bottom: 0;
	display: inline-block;
	font-size: 90%;
	margin-bottom: 20px;
}

.faq2 dl#faq2 dt {
	height: 30px;
	width: 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	clear: left;
	background: url(/Portals/0/images/osteoporosis/faq/faqprevention/q2_bg.gif) no-repeat 2px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.faq2 dl#faq2 dd {
	float: left;
	padding-left: 5px;
	padding-top: 1px;
}

.faq2 hr {
	border: none;
	border-top: #ff72b3 dashed 2px;
	height: 2px;
	margin: 25px 0;
}

.faq2 dl.faq2_answer dt {
	height: 104px;
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	padding-left: 63px;
	padding-top: 60px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	clear: left;
	background: url(/Portals/0/images/osteoporosis/faq/faqprevention/a2_bg.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.faq2 dl.faq2_answer dd {
	width: calc(100% - 120px);
	background: #ffffff;
	padding: 20px;
	border-radius: 10px;
	float: left;
	font-size: 110%;
	font-weight: bold;
}

.faq2 dl.faq2_answer dd span.plain {
	font-weight: normal;
	font-size: 90%;
}

.faq2 .text_area .gotopagetop {
	float: right;
	font-size: 90%;
	background: url(/Portals/0/images/osteoporosis/faq/faqprevention/totop2.gif) no-repeat 0 6px;
	padding-left: 1.2em;
	display: block;
}


/*　Ｑ＆Ａ　治療　*/
.faq3 .text_area {
	background: #ffebcd;
	padding: 30px 40px;
	margin-bottom: 30px;
}

#contents_left .text_area p.note_q3 {
	border-bottom: #ff8100 solid 2px;
	padding-bottom: 0;
	display: inline-block;
	font-size: 90%;
	margin-bottom: 20px;
}

.faq3 dl#faq3 dt {
	height: 30px;
	width: 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2em;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	clear: left;
	background: url(/Portals/0/images/osteoporosis/faq/faqtreatment/q3_bg.gif) no-repeat 2px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.faq3 dl#faq3 dd {
	float: left;
	padding-left: 5px;
	padding-top: 1px;
}

.faq3 hr {
	border: none;
	border-top: #ff8100 dashed 2px;
	height: 2px;
	margin: 25px 0;
}

.faq3 dl.faq3_answer dt {
	height: 104px;
	width: 120px;
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
	padding-left: 63px;
	padding-top: 60px;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	float: left;
	clear: left;
	background: url(/Portals/0/images/osteoporosis/faq/faqtreatment/a3_bg.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.faq3 dl.faq3_answer dd {
	width: calc(100% - 120px);
	background: #ffffff;
	padding: 20px;
	border-radius: 10px;
	float: left;
	font-size: 110%;
	font-weight: bold;
}

.faq3 dl.faq3_answer dd span.plain {
	font-weight: normal;
	font-size: 90%;
}

.faq3 .text_area .gotopagetop {
	float: right;
	font-size: 90%;
	background: url(/Portals/0/images/osteoporosis/faq/faqtreatment/totop3.gif) no-repeat 0 6px;
	padding-left: 1.2em;
	display: block;
}