@charset "shift_jis";

/*--からだの症状--*/
/*-- 左右カラム高さ合わせの為上位セレクタを上書き --*/
.page-symptom #main {
	width: 880px;
	padding: 0 20px;
	border-bottom: solid 20px #ffffff;
	background: url(/health/symptom/imgs/bg-main.gif) no-repeat 20px bottom #ffffff;
}
.page-symptom #main-wrap {
	width: 880px;
	margin-bottom: 1px;
	padding: 0;
	border-top: solid 10px #ffffff;
	background: url(/health/symptom/imgs/bg-main-wrap.gif) repeat-y;
}
.page-symptom #path {
	background: #ffffff;
}
.page-symptom #menu-left .inner {
	background-image: none;
}

.page-symptom #section-body p.to-pageTop, 
.page-symptom #page p.to-pageTop {
	height: 35px;
}

.page-symptom .symptom-box {
	margin: 0 0 10px;
	padding: 0 14px;
	background: url(/health/symptom/imgs/box-bg1.jpg) repeat left top;
}
.page-symptom .btm {
	margin: 0;
	padding: 0 14px;
	background-color: #F4F0EC;
}
.page-symptom .symptom-box .inner {
	width: 100%;
	padding: 13px 0;
	overflow: hidden;
}
.page-symptom .symptom-box .box {
	float: left;
	width: 205px;
	margin: 0 9px 10px 0;
	padding: 0 0 10px;
	background: url(/health/symptom/imgs/line-bottom.jpg) repeat-x left bottom;
}
.page-symptom .symptom-box .last {
	float: left;
	width: 205px;
	margin: 0;
}
.page-symptom .symptom-box img {
	padding: 0 10px 0 0;
}
.page-symptom .symptom-box a {
	display: table-cell;
	vertical-align: middle;
}
*html .page-symptom .symptom-box a {
	display: inline;
	zoom: 1;
	vertical-align: baseline;
}
*+html .page-symptom .symptom-box a {
	display: inline;
	zoom: 1;
	vertical-align: baseline;
}
.page-symptom .symptom-box a.txt {
	width: 130px;
}
*html .page-symptom .symptom-box a.txt {
	height: 45px;
	padding-top: 15px;
}
*+html .page-symptom .symptom-box a.txt {
	min-height: 45px;
	padding-top: 15px;
}

/*--症状別ページ--*/
.page-symptom #container-wrapper .italic {
	font-weight: normal;
}
.page-symptom .symptom-title-box {
	margin: 0 0 20px;
	padding: 10px;
	border: 1px solid #cccccc;
}
.page-symptom .symptom-title-box .inner {
	width: 100%;
	overflow: hidden;
}
.page-symptom .symptom-title-box .left {
	float: left;
	width: 80px;
	text-align: left;
}
.page-symptom .symptom-title-box .right {
	float: right;
	width: 555px;
}
.page-symptom #contents .symptom-title-box h1 {
	display: block;
	padding: 0 0 12px 0;
}
.page-symptom #contents .symptom-title-box h1 {
	color: #1080B6;
	font-size: 170%;
	line-height: 120%;
	font-weight: bold;
	text-decoration: none;
}
.page-symptom .symptom-title-box ul {
	zoom: 100%;
	widht: 555px;
	overflow: hidden;
}
.page-symptom .symptom-title-box ul li {
	float: left;
	width: 160px;
	margin-left: 15px;
	padding: 0 0 0 15px;
	background: url(/health/common/imgs/icon-arrow1.jpg) no-repeat left 4px;
}
.page-symptom .symptom-title-box ul > li:first-child {
	margin-left: 0;
	}
/* expression for IE6 (first-child) begin */
.page-symptom .symptom-title-box ul li.first-child {
	_margin-left: 0;
	}
.page-symptom .symptom-title-box ul li {
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
	}
/* expression for IE6 (first-child) end */

.page-symptom .symptom-title-box li.current {
	background: url(/health/common/imgs/icon-arrow1-current.jpg) no-repeat left 4px;
	color: #0F6BA2;
}

.page-symptom #contents .symptom-top {
	margin: 0;
	padding: 0 0 15px;
	font-size: 150%;
	font-weight: bold;
}
.page-symptom .txt-top {
	padding: 0 0 25px;
}
.page-symptom .flt-wrap {
	padding: 0 0 30px;
	zoom: 100%;
}
.page-symptom .flt-wrap:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.page-symptom .flt-wrap .img_left {
	float: left;
	margin-right: 10px;
}
.page-symptom .flt-wrap .img_right {
	float: right;
	margin-left: 10px;
}
.page-symptom .flt-wrap .left {
	float: left;
	width: 370px;
}
.page-symptom .flt-wrap .right {
	float: right;
	width: 280px;
	margin-bottom: 10px;
}
.page-symptom .flt-wrap .left2 {
	float: left;
	width: 270px;
}
.page-symptom .flt-wrap .right2 {
	float: right;
	width: 380px;
}
.page-symptom .flt-wrap .left3 {
	float: left;
	width: 430px;
}
.page-symptom .flt-wrap .right3 {
	float: right;
	width: 220px;
}
.page-symptom .flt-wrap .left4 {
	float: left;
	width: 320px;
}
.page-symptom .flt-wrap .right4 {
	float: right;
	width: 320px;
}
.page-symptom .flt-wrap .right5 {
	float: right;
	width: 400px;
}

.page-symptom .flt-wrap .notes-box {
	clear: both;
	border: 1px solid #E0E0E0;
	background-color: #f9f9f9;
	padding: 16px 30px;
	margin: 30px 0;
}

.page-symptom .txt1 {
	clear: both;
	padding: 0 0 10px;
}
.page-symptom .txt2 {
	clear: both;
	padding: 10px 0 0;
}
.page-symptom .txt3 {
	padding: 20px 0 3px;
	color: #0F6BA2;
	font-size: 120%;
	font-weight: bold;
}
.page-symptom .txt-right {
	clear: both;
	padding: 10px 0 0;
	text-align: right
}
.page-symptom .blue {
	color: #0F6BA2;
	font-weight: bold;
}
.page-symptom .bd {
	font-weight: bold;
}

.page-symptom .notice {
	font-size: 90%;
	line-height: 140%;
}

.page-symptom ul.navi-btm {
	clear: both;
	zoom: 100%;
	widht: 670px;
	padding: 20px 0 0;
	background: url(/health/symptom/imgs/line-dot.jpg) repeat-x left top;
	overflow: hidden;
}
.page-symptom ul.navi-btm li {
	float: left;
	width: 199px;
	margin-left: 14px;
	padding: 0 0 0 15px;
	background: url(/health/common/imgs/icon-arrow1.jpg) no-repeat left 4px;
}
.page-symptom ul.navi-btm > li:first-child {
	margin-left: 0;
	}
/* expression for IE6 (first-child) begin */
.page-symptom ul.navi-btm li.first-child {
	_margin-left: 0;
	}
.page-symptom ul.navi-btm li {
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
	}
/* expression for IE6 (first-child) end */

.page-symptom ul.navi-btm li.current {
	background: url(/health/common/imgs/icon-arrow1-current.jpg) no-repeat left 4px;
	color: #0f6ba2;
}

.page-symptom .foot-link {
	float: right;
	width: auto;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(/health/common/imgs/icon-arrow1.jpg) no-repeat left center;
}
.page-symptom dl.dl-num1 {
	clear: both;
}
.page-symptom dl.dl-num1 dd {
	padding: 0 0 5px 1em;
}
.page-symptom dl.dl-num2 {
	clear: both;
}
.page-symptom dl.dl-num2 dd {
	padding: 0 0 15px 2em;
	line-height: 135%;
}

.page-symptom div#text-lr{
	width: 100%;
	padding: 0;
	clear: both;
}
.page-symptom span#text-l{
	float: left;
}
.page-symptom span#text-r{
	float: right;
	padding: 0 50px 0 0;
	}
.page-symptom span.unit {
	position: relative;
	font-size: 80%;
	line-height: 80%;
	top: -3px;
	}

.page-symptom .symptom_bottom {
		padding-bottom:15px;
	}
/* 関連製品 */

.page-symptom .relative-box {
	clear: both;
	margin: 0 0 15px;
	background: url(/health/symptom/imgs/relative-body.jpg) repeat-y left top;
}
.page-symptom .relative-box .inner {
	background: url(/health/symptom/imgs/relative-foot.jpg) no-repeat left bottom;
	padding: 0 0 20px;
	position: relative;
	width: 100%;
}
.page-symptom #contents .relative-box h3 {
	padding: 0 0 15px;
}
.page-symptom .relative-box .product-item {
	list-style: none;
	overflow: hidden;
	padding: 0 0 0 31px;
	width: 395px;
	zoom: 100%;
}
.page-symptom .relative-box .product-item li {
	float: left;
	margin: 0 18px 0 0;	
	text-align: center;
	width: 102px;
}
.page-symptom .relative-box .item1 {
	padding-left: 145px;
	width: 250px;
}
.page-symptom .relative-box .item2 {
	padding-left: 85px;
	width: 310px;
}
.page-symptom .relative-box .icon-blank {
	padding-left: 5px;
	vertical-align: middle;
}
.page-symptom .relative-box .btn {
	position: absolute;
	left: 393px;
	top: 74px;
}

/* 関連情報 */

.page-symptom .relative2-box {
	clear: both;
	margin: 0 0 30px;
	background: url(/health/symptom/imgs/relative2-body.jpg) repeat-y left top;
}
.page-symptom .relative2-box .inner {
	background: url(/health/symptom/imgs/relative2-line.jpg) no-repeat left bottom;
	padding: 0 0 20px;
	position: relative;
	width: 100%;
}
.page-symptom #contents .relative2-box h3 {
	margin: 0;
	padding: 15px 20px 8px;
	background: url(/health/symptom/imgs/relative2-line.jpg) no-repeat left top;
	font-size: 120%;
	font-weight: bold;
}
.page-symptom .relative2-box .links {
	margin: 0 20px;
	padding: 15px 0 0;
	border-top: 1px solid #cccccc;
}
.page-symptom .relative2-box .links li {
	display: table-cell;
	width: 85px;
	padding: 0 9px;
	text-align: center;
	border-right: 1px dotted #cccccc;
	*display: inline;
	*zoom: 100%;
	vertical-align:top;
}
.page-symptom .relative2-box .links li.last-child {
	border-right: none;
}
.page-symptom .relative2-box .links li span {
	display: block;
	padding-top: 3px;
	text-align: left;
}

/*--症状別3ページ目--*/
.page-symptom .list {
	list-style: none;
}
.page-symptom .symptom-table {
	width: 100%;
	border-collapse: collapse;
}
.page-symptom .symptom-table th,
.page-symptom .symptom-table td {
	padding: 5px 8px;
	border: 1px solid #999999;
	vertical-align: middle;
}
.page-symptom .symptom-table th {
	text-align: center;
	background-color: #E5E5E5;
}
.page-symptom .symptom-table .cell1 {width: 20%; font-weight: bold;}
.page-symptom .symptom-table .cell2 {width: 20%;}
.page-symptom .symptom-table .cell3 {width: 24%;}
.page-symptom .symptom-table .cell4 {width: 36%;}
.page-symptom .symptom-table .cell5 {width: 16%; font-weight: bold;}
.page-symptom .symptom-table .cell6 {width: 16%;}
.page-symptom .symptom-table .cell7 {width: 36%; font-weight: bold; padding-left: 30px;}
.page-symptom .symptom-table .cell8 {width: 45%; font-weight: bold;}

.page-symptom .hz {
	font-size: 60%;
}
.page-symptom .column-box {
	margin: 0 0 30px;
	background: url(/health/symptom/imgs/column-body.jpg) repeat-y left top;
}
.page-symptom .column-box .inner-head {
	background: url(/health/symptom/imgs/column-head.jpg) no-repeat left top;
}
.page-symptom .column-box .inner-foot {
	width: 100%;
	padding: 16px 0px;
	background: url(/health/symptom/imgs/column-foot.jpg) no-repeat left bottom;
}
.page-symptom .column-box .column-h {
	margin: 0 0 15px;
	padding: 0 30px 13px;
	font-weight: bold;
	border-bottom: 1px solid #E0E0E0;
}
.page-symptom .column-box p {
	padding: 0 30px;
}
.page-symptom .column-box p.btm {
	width: 500px;
	margin: 0 0 0 30px;
	padding: 0;
	background: none;
}
.full-size {
	width: 100%;
}

/*カテゴリ別インデックスページ追加 (2011/07)
------------------------------------------------------------*/
/*-- インデックスページコンテンツ --*/
.page-symptom div.index {
	position: relative;
}

/*-- 見出し --*/
.page-symptom div.index .ttl_area {
	min-height: 95px;
	height: auto !important;
	height: 95px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/health/symptom/imgs/h-category-index-bg.jpg) no-repeat left top;
}
.page-symptom div.index .ttl_area img {
	position: absolute;
	top: 15px;
	left: 10px;
}
.page-symptom #main div.index h1 {
	display: block;
	margin-left: 98px;
	margin-right: 10px;
	padding: 16px 0 12px 0;
	background: url(/health/symptom/imgs/line-dot-title.gif) repeat-x left bottom;
	color: #1080B6;
	font-size: 170%;
	line-height: 120%;
	font-weight: bold;
}

/*-- リード --*/
.page-symptom div.index p.lead {
	padding-left: 98px;
	padding-top: 10px;
}

/*-- インデックスコンテンツ --*/
.page-symptom div.index div.index-contents {
	zoom: 100%;
	position: relative;
	width: 630px;
	margin: 0 auto;
	overflow: hidden;
}
.page-symptom div.index div#no3 {
	margin-bottom: 30px;
}

/*-- サブ見出し --*/
.page-symptom div.index div.index-contents h2 {
	margin: 30px 0 0 0 !important;
	padding: 3px !important;
	border: solid 1px #cccccc;
	background: url(/health/symptom/imgs/h-sub-category-index-bg.jpg) no-repeat left top #efefef;
}
.page-symptom div.index div.index-contents h2 span,
.page-symptom div.index div.index-contents h2 a {
	display: table-cell;
	*display: inline;/* hack for IE6/7 */
	vertical-align: middle;
}
.page-symptom div.index div.index-contents h2 span.category {
	padding-right: 8px;
}
.page-symptom div.index div.index-contents h2 .title {
	width: 100%;
	color: #1080b6;
	font-size: 115%;
	font-weight: bold;
}

/*-- 詳細ページ概要 --*/
.page-symptom div.index div.index-contents dl {
	zoom: 100%;
	width: 620px;
	margin-left: 10px;
	padding-top: 20px;
	overfow: hidden;
}
.page-symptom div.index div.index-contents dl dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.page-symptom div.index div.index-contents dl dd.key-visual {
	float: left;
	width: 100px;
	height: 90px;
}
.page-symptom div.index div.index-contents dl dd.link {
	float: right;
	width: 520px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}

.page-symptom div.index div.index-contents dl dd.link ul li {
	margin-top: 1em;
	padding-left: 15px;
	background: url(/health/imgs/info-arrow.jpg) no-repeat 0px 2px;
}
.page-symptom div.index div.index-contents dl dd.link ul > li: first-child {
	margin-top: 0;
	}
/* expression for IE6 (first-child) begin */
.page-symptom div.index div.index-contents dl dd.link ul li.first-child {
	_margin-top: 0;
	}
.page-symptom div.index div.index-contents dl dd.link ul li {
	behavior: expression(
	this.className += (this.previousSibling == null) ? " first-child" : "",
	this.style.behavior = "none"
	);
	}
/* expression for IE6 (first-child) end */

/*サイドカラムに日替わりクイズ表示追加 (2011/10)
------------------------------------------------------------*/
.page-symptom #quizebox {
	width: 190px;
	padding-bottom: 3px;
	border-bottom: solid 10px #ffffff;
	background: url(/health/symptom/imgs/bg-quizebox.jpg) no-repeat left bottom;
}
.page-symptom #quizebox .inner {
	width: 184px;
	border-right: solid 3px #e0e0e0;
	border-left: solid 3px #e0e0e0;
	background: #fbf6e2;
}

.page-symptom #quizebox div.quize-q {
	margin-bottom: 10px;
	line-height: 130%;
}
.page-symptom #quizebox div.quize-q p.thumb {
	float: left;
	padding: 0 5px;
	border: none;
	line-height: 0;
}
.page-symptom #quizebox div.quize-q p.thumb img {
	border: solid 1px #cccccc;
}

.page-symptom #quizebox div.quize-q p.q {
	float: none;
	padding: 0 5px;
}

.page-symptom #quizebox ul.answer {
	width: 177px;
	padding: 5px 0 3px 7px;
	background: #ffffff;
}
.page-symptom #quizebox ul.answer li {
	width: 83px;
}
.page-symptom #quizebox ul.answer li#answer-a {
	padding-right: 5px;
}
.page-symptom #quizebox ul.answer li img {
	float: left;
	padding-right: 5px;
}
.page-symptom #quizebox ul.answer li a {
}