@charset 'utf-8';

/* navigationBox leftArea
-------------------------------------------------- */

#leftArea .navigationBox {
	background: url(/health/fiber/shared/images/sidenavi_bg.gif) 0px 0px repeat-y;
}

#leftArea .navigationBox .body {
	background: url(/health/fiber/shared/images/sidenavi_bottom.gif) left bottom no-repeat;
}

#leftArea .navigationBox .mainMenu {
	padding: 0px 0px 1px;
	margin: 0px 0px 0px 1px;
	font-weight: bold;
	background: url(/health/fiber/shared/images/sidenavi_hr.gif) left bottom no-repeat;
}

#leftArea .navigationBox .mainMenu div a {
	padding: 8px 9px 6px 18px;
	margin: 0px 1px 0px 0px;
	background: url(/shared/images/arrow_brown_right.gif) 8px 13px no-repeat;
	display: block;
}

#leftArea .navigationBox .body .end {
	background: none;
}

#leftArea .navigationBox .body .end a {
	padding: 8px 9px 6px 18px;
}

#leftArea .navigationBox .mainMenu a:hover {
	color: #c70026;
}

#leftArea .navigationBox .mainMenu .position1 a:hover,
#leftArea .navigationBox .mainMenu .position2 a:hover,
#leftArea .navigationBox .mainMenu .position3 a:hover,
#leftArea .navigationBox .mainMenu .position4 a:hover,
#leftArea .navigationBox .mainMenu .position5 a:hover {
	background: url(/shared/images/arrow_orange_right.gif) 8px 13px no-repeat;
}

#leftArea .navigationBox .mainMenu .parent a {
	margin: 0px;
	background: url(/shared/images/arrow_brown_right.gif) 8px 13px no-repeat;
	display: block;
}

#leftArea .navigationBox .mainMenu .subMenu div {
	font-weight: normal;
	background: none;
}

#leftArea .navigationBox .mainMenu .subMenu div a {
	padding: 0px 3px 2px 31px;
	margin: 0px;
	background: url(/shared/images/arrow_brown_right.gif) 20px 6px no-repeat;
	display: block;
}

#leftArea .navigationBox .mainMenu .subMenu .end a {
	padding: 0px 3px 6px 31px;
	margin: 0px;
	background: url(/shared/images/arrow_brown_right.gif) 20px 6px no-repeat;
	display: block;
}

#leftArea .llnavCategory1 .navigationBox .mainMenu .position1 a,
#leftArea .llnavCategory2 .navigationBox .mainMenu .position2 a,
#leftArea .llnavCategory3 .navigationBox .mainMenu .position3 a,
#leftArea .llnavCategory4 .navigationBox .mainMenu .position4 a,
#leftArea .llnavCategory5 .navigationBox .mainMenu .position5 a {
	color: #c70026;
	background: url(/shared/images/arrow_orange_right.gif) 8px 13px no-repeat;
}

#leftArea .llnavCategory1-1 .navigationBox .mainMenu .subMenu .position1-1 a,
#leftArea .llnavCategory1-2 .navigationBox .mainMenu .subMenu .position1-2 a,
#leftArea .llnavCategory2-1 .navigationBox .mainMenu .subMenu .position2-1 a,
#leftArea .llnavCategory2-2 .navigationBox .mainMenu .subMenu .position2-2 a,
#leftArea .llnavCategory2-3 .navigationBox .mainMenu .subMenu .position2-3 a,
#leftArea .llnavCategory2-4 .navigationBox .mainMenu .subMenu .position2-4 a,
#leftArea .llnavCategory3-1 .navigationBox .mainMenu .subMenu .position3-1 a,
#leftArea .llnavCategory3-2 .navigationBox .mainMenu .subMenu .position3-2 a,
#leftArea .llnavCategory3-3 .navigationBox .mainMenu .subMenu .position3-3 a,
#leftArea .llnavCategory4-1 .navigationBox .mainMenu .subMenu .position4-1 a,
#leftArea .llnavCategory4-2 .navigationBox .mainMenu .subMenu .position4-2 a,
#leftArea .llnavCategory4-3 .navigationBox .mainMenu .subMenu .position4-3 a,
#leftArea .llnavCategory4-4 .navigationBox .mainMenu .subMenu .position4-4 a {
	color: #c70026;
	background: url(/shared/images/arrow_orange_right.gif) 20px 6px no-repeat;
}

#leftArea .navigationBox .mainMenu .subMenu .position1-1 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position1-2 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position2-1 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position2-2 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position2-3 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position2-4 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position3-1 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position3-2 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position3-3 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position4-1 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position4-2 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position4-3 a:hover,
#leftArea .navigationBox .mainMenu .subMenu .position4-4 a:hover {
	color: #c70026;
	background: url(/shared/images/arrow_orange_right.gif) 20px 6px no-repeat;
}

#leftArea .navigationBox .headingTop {
	width: 169px;
	height: 53px;
	background: url(/shared/images/sidenavi_fiber_on.gif) 0px 0px no-repeat;
	display: block;
}

#leftArea .navigationBox .headingTop a {
	display:block;
}

#leftArea .navigationBox .headingTop a:hover img {
	width: 169px;
	height: 53px;
	visibility: hidden;
}

#leftArea .navigationBox .headingTop a:hover {
	width: 169px;
	height: 53px;
	background-color: transparent;
}

/* heading Element
-------------------------------------------------- */

#mainArea h2 {
	padding: 0px 0px 8px;
	margin: 15px 0px 9px;
	font-size: 130%;
	line-height: 1.4;
	font-weight: bold;
	color: #ce4000;
	background: url(/health/fiber/shared/images/h2_bg_bottom.gif) left bottom no-repeat;
}

#mainArea h2 span {
	padding: 0px 0px 0px 22px;
	background: url(/health/fiber/shared/images/h2_bg_line.gif) 0px 4px no-repeat;
	display: block;
}

#mainArea h3 {
	padding: 0px;
	margin: 15px 0px 6px;
	font-size: 120%;
	line-height: 1.2;
	color: #ce4000;
	font-weight: bold;
	background: none;
}

#mainArea h3 span {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	display: block;
	background: none;
}

/* image Element
-------------------------------------------------- */

#mainArea .image {
	padding: 3px 0px;
	margin: 0px;
}

#mainArea .caption {
	padding: 0px 0px 2px;
	margin: 0px;
	font-size: 75%;
	line-height: 1.5;
	color: #999999;
}

/* paragraph Element
-------------------------------------------------- */

#mainArea .colorRed {
	color: #cd1c1c;
}

#mainArea .strongType_010 {
	font-weight: bold;
}

/* supportUnit
-------------------------------------------------- */

#mainArea .supportUnit {
	padding: 0px;
	margin: 0px;
}

/* captionBottom
-------------------------------------------------- */

#mainArea ul.captionBottom li {
	padding: 10px 3px 3px 24px;
	margin: 0px 0px 8px;
	float: right;
	font-weight: bold;
	color: #333333;
	background: url(/health/fiber/shared/images/arrow_connect_right.gif) 0px 19px no-repeat;
}

#mainArea ul.captionBottom li span {
	font-size: 175%;
	font-weight: bold;
	color: #ce4000;
}

/* table Element
-------------------------------------------------- */

#mainArea div.generalTable {
	width: 711px;
	padding: 3px 0px 4px;
	margin: 0px 0px 18px;
}

#mainArea div.generalTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 1px;
	/*\*//*/
	revise: MacIE5.0bug;
	width: 99%;
	/**/
	font-size: 100%;
	line-height: 1.85;
}

#mainArea div.generalTable .caption {
	font-size: 95%;
	font-weight: bold;
	line-height: 1.1;
	color: #333333;
	margin: 0px 0px 7px;
	padding: 0px;
}

#mainArea div.generalTable .caption span {
	display: block;
	float: left;
}

#mainArea div.generalTable .caption span.subCaption {
	display: block;
	font-weight: normal;
	color: #333333;
}

#mainArea div.generalTable thead th {
	padding: 0px 9px 0px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	background: #ce4000;
	white-space: nowrap;
	line-height: 1.8;
}

#mainArea div.generalTable tbody th {
	padding: 0px 9px 0px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	color: #333333;
	vertical-align: top;
	text-align: left;
	background: #e5e5e5;
	line-height: 1.8;
}

#mainArea div.generalTable tbody th.changeBgGray {
	background: #f2f2f2;
}

#mainArea div.generalTable table td {
	padding: 0px 9px 0px;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	vertical-align: top;
	background: #ffffff;
	line-height: 1.8;
}

#mainArea div.generalTable .right{
	text-align: right !important;
}

#mainArea div.generalTable .left{
	text-align: left !important;
}

#mainArea div.generalTable .center{
	text-align: center !important;
}

/* Link Element
-------------------------------------------------- */

#mainArea ul.link a {
	padding: 4px 0px 3px 24px;
	margin: 0px;
}

#mainArea ul.link a {
	background: url(/shared/images/arrow_crimson_right.gif) 6px 7px no-repeat;
}

html*#mainArea ul.link a {
	background: url(/shared/images/arrow_crimson_right.gif) 6px 7px no-repeat;
}

* html #mainArea ul.link a {
	background: url(/shared/images/arrow_crimson_right.gif) 6px 8px no-repeat;
	_background: none;
	_background/* */: url(/shared/images/arrow_crimson_right.gif) 6px 7px no-repeat;
}

/* pluginElement
-------------------------------------------------- */

#mainArea div.pluginElement {
	width: 711px;
	padding: 3px 0px 4px;
	margin: 0px 0px 18px;
	background: none;
}

#mainArea div.pluginElement .body {
	padding: 1px;
	border: 1px solid #dadada;
	background: #ffffff;
}

#mainArea div.pluginElement .twoColumns {
	width: 707px;
	padding: 6px 0px 0px;
	margin: 0px;
	background: #fbddcf;
}

#mainArea div.pluginElement .twoColumns .column {
	width: 110px;
	_width: 121px;
	_w\idth: 110px;
	padding: 5px 0px 0px 11px;
	float: left;
}

#mainArea div.pluginElement .twoColumns .columnEnd {
	width: 558px;
	_width: 571px;
	_w\idth: 558px;
	padding: 2px 13px 0px 0px;
	margin: 0px;
	float: right;
}

#mainArea div.pluginElement .pluginImg {
	width: 110px;
	padding: 0px;
	margin: 0px;
}

#mainArea div.pluginElement p {
	padding: 2px 0px;
	margin: 0px 0px 5px;
	line-height: 1.4;
	color: #555555;
}

#mainArea div.pluginElement ul.link {
	padding: 0px;
	margin: 0px 0px 7px;
	list-style: none;
	font-size: 90%;
	line-height: 1.8;
}

#mainArea div.pluginElement ul.link li {
	padding: 2px 0px 5px;
	padding-left: 20px;
	_padding-left: 20px;
	_padding-left/* */: 20px;
	text-indent: -20px;
	_text-indent/* */: -20px;
	_te\xt-indent: -20px;
	margin: 0px 0px 1px;
	line-height: 1.35;
}

#mainArea div.pluginElement ul.link li.fileLink {
	padding: 2px 0px 5px 20px;
	background: url(/health/fiber/shared/images/link_icon_file.gif) 0px 3px no-repeat;
}

#mainArea div.pluginElement ul.link a {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	background: none;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -20px;
	text-indent: 0;
	/**/
}

/* siegeTextBox
-------------------------------------------------- */

#mainArea .siegeTextBox {
	width: 711px;
	padding: 3px 0px 4px;
	margin: 0px 0px 18px;
}

#mainArea .siegeTextBox .base {
	width: 711px;
	padding: 0px;
	margin: 0px;
	background: #fbddcf;
}

#mainArea .siegeTextBox .body {
	width: 711px;
	padding: 12px 0px;
	margin: 0px;
}

#mainArea .siegeTextBox .body p {
	padding: 0px;
	margin: 0px 15px;
}

/* twoColumnPointBox
-------------------------------------------------- */

#mainArea .twoColumnPointBox {
	width: 711px;
	padding: 3px 0px 0px;
	margin: 0px 0px 18px;
}

#mainArea .twoColumnPointBox .column {
	width: 81px;
	margin: 0px 9px 0px 0px;
	float: left;
}

#mainArea .twoColumnPointBox .columnEnd {
	width: 621px;
	float: right;
}

#mainArea .twoColumnPointBox .columnEnd h2 {
	width: 81px;
	padding: 0px;
	margin: 0px 0px 6px;
	background: none;
}

#mainArea .twoColumnPointBox .columnEnd p {
	padding: 0px;
	margin: 0px 2px;
}

/* twoIntoColumnsType1
-------------------------------------------------- */

#mainArea .twoIntoColumnsType1 {
	width: 711px;
	padding: 0px;
	margin: 0px;
}

#mainArea .twoIntoColumnsType1 .column {
	width: 231px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 11px;
	float: right;
}

#mainArea .twoIntoColumnsType1 .column .image {
	padding: 3px 0px;
	margin: 0px 0px 18px;
}

#mainArea .twoIntoColumnsType1 p {
	margin: 0px 0px 18px;
	padding: 0px;
}

/* twoColumnsType1
-------------------------------------------------- */

#mainArea .twoColumnsType1 {
	width: 711px;
	padding: 0px;
	margin: 0px 0px 18px;
}

#mainArea .twoColumnsType1 .column {
	width: 346px;
	float: left;
}

#mainArea .twoColumnsType1 .columnEnd {
	width: 346px;
	float: right;
}

/* threeColumnsType1
-------------------------------------------------- */

#mainArea .threeColumnsType1 {
	width: 711px;
	padding: 0px;
	margin: 0px 0px 18px;
}

#mainArea .threeColumnsType1 .column {
	width: 226px;
	margin: 0px 15px 0px 0px;
	float: left;
}

#mainArea .threeColumnsType1 .columnEnd {
	width: 226px;
	float: right;
}

/* twoCrossBox
-------------------------------------------------- */

#mainArea .twoCrossBox {
	width: 711px;
	padding: 3px 0px 4px;
	margin: 0px 0px 18px;
}

#mainArea .twoCrossBox .layoutBgSingle {
	width: 711px;
	padding: 0px;
	margin: 0px;
	background: url(/health/fiber/shared/images/layout_bg_single.gif) left top repeat-y;
}

#mainArea .twoCrossBox .layoutBgBottomSingle {
	width: 711px;
	padding: 0px 0px 5px;
	margin: 0px;
	background: url(/health/fiber/shared/images/layout_bg_bottom_single.gif) left bottom no-repeat;
}

#mainArea .twoCrossBox .layoutBg {
	width: 711px;
	padding: 0px;
	margin: 0px;
	background: url(/health/fiber/shared/images/layout_bg.gif) left top repeat-y;
}

#mainArea .twoCrossBox .layoutBgBottom {
	width: 711px;
	padding: 0px 0px 5px;
	margin: 0px;
	background: url(/health/fiber/shared/images/layout_bg_bottom.gif) left bottom no-repeat;
}

#mainArea .twoCrossBox .leftBox {
	width: 346px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .twoCrossBox .rightBox {
	width: 346px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .twoCrossBox h2,
#mainArea .twoCrossBox h2 a {
	width: 346px;
	padding: 0px;
	margin: 0px;
	background: none;
}
#mainArea .twoCrossBox h3,
#mainArea .twoCrossBox h3 a {
	width: 346px;
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .twoCrossBox p {
	padding: 0px;
	margin: 9px 15px 2px 11px;
}

#mainArea .changeMarginBottomEnd {
	margin: 0px 0px 24px;
}

/* questionImage
-------------------------------------------------- */

#mainArea .assistantImage_010 {
	width: 710px;
	padding: 0px;
	margin: 0px 0px 5px;
}

#mainArea .assistantImageOusually {
	width: 710px;
	padding: 3px 0px 4px;
	margin: 0px 0px 18px;
}

/* answerImage
-------------------------------------------------- */

#mainArea .doctorImage_010 {
	width: 710px;
	padding: 0px;
	margin: 0px 0px 5px;
}

#mainArea .doctorImageOusually {
	width: 710px;
	padding: 3px 0px 4px;
	margin: 0px 0px 18px;
}

/* graph
-------------------------------------------------- */

#mainArea .graphType1 {
	padding: 3px 0px 4px;
	margin: 0px auto 18px;
}

#mainArea .graphType2 {
	padding: 3px 0px 4px;
	margin: 0px 0px 18px 123px;
}

#mainArea .graphType3 {
	padding: 3px 0px 4px;
	margin: 0px 0px 18px 130px;
}

/* Field Spacer
-------------------------------------------------- */

.radioFieldSpacer {
	padding: 4px 4px 0px 1px;
	float: left;
}

/* Field Spacer
-------------------------------------------------- */

.floatRight {
	float: right;
}

/* relateBox
-------------------------------------------------- */

#mainArea .relateBox {
	padding: 0px 0px 7px;
	margin: 0px;
}

#mainArea .relateBox .title {
	padding: 0px 0px 2px 6px;
	margin: 0px;
	font-weight: bold;
}

#mainArea .relateBox ul.link {
	padding: 0px;
	margin: 0px 0px 12px 1px;
	list-style: none;
}

#mainArea ul.link li {
	padding: 1px 0px 2px;
	margin: 0px 11px 1px 0px;
	background: none;
	line-height: 130%;
}

#mainArea .relateBox ul.link a {
	padding: 4px 0px 3px 17px;
	margin: 0px;
}

/* backToTopNavigation
-------------------------------------------------- */

#backToTopNavigation {
	width: 910px;
	height: 11px;
	_height: 25px;
	_he\ight: 11px;
	padding: 21px 0px 5px;
	margin: 0px;
}

#backToTopNavigation a {
	width: 111px;
	height: 11px;
	padding: 0px;
	margin: 0px;
	float: right;
	display: block;
	line-height: 1;
	color: #ffffff;
	text-decoration: none;
}

/* toTopNavigationElement
-------------------------------------------------- */

.toContentsNavigationElement a {
	background: url(/shared/images/arrow_crimson_right.gif) 4px 5px no-repeat;
}

