@charset 'utf-8';

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

#bodyAreaBg #mainArea .topSpacer {
	height: 1px;
	padding: 0px;
	margin: 0px 0px 19px;
}

#bodyAreaBg #mainArea .bottomSpacer {
	height: 1px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

/* navigationArea
-------------------------------------------------- */

#navigationArea {
	width: 169px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/* navigationHead
-------------------------------------------------- */

#navigationHead {
	width: 169px;
	height: 47px;
	padding: 0px;
	margin: 0px 0px 3px;
}

#navigationHead a {
	width: 169px;
	height: 47px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	background: url(/health_illness/harasma/shared/images/to_top_navi.gif) left top no-repeat;
}

#navigationHead a:hover {
	background-position: 0px -47px;
	text-decoration: none;
	color: #ffa700;
}

#navigationHead a:link,
#navigationHead a:visited,
#navigationHead a:active {
	text-decoration: none;
	color: #ff9100;
}

/* localNavigation
-------------------------------------------------- */

#localNavigation {
	width: 169px;
	height: 186px;
	_height: 192px;
	_he\ight: 186px;
	padding: 6px 0px 0px;
	margin: 0px;
	background: url(/health_illness/harasma/shared/images/lnav_bg.gif) left top no-repeat;
}

#localNavigation a {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
}

#localNavigation .menuKnow,
#localNavigation .menuHear,
#localNavigation .menuFlow,
#localNavigation .menuDownload {
	width: 169px;
	padding: 0px;
	margin: 0px;
}

#localNavigation .menuKnow a,
#localNavigation .menuHear a,
#localNavigation .menuFlow a,
#localNavigation .menuDownload a {
	width: 169px;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}

#localNavigation .menuKnow a {
	height: 42px;
	background: url(/health_illness/harasma/shared/images/menu_001.gif) left top no-repeat;
}

#localNavigation .menuHear a {
	height: 56px;
	background: url(/health_illness/harasma/shared/images/menu_002.gif) left top no-repeat;
}

#localNavigation .menuFlow a {
	height: 28px;
	background: url(/health_illness/harasma/shared/images/menu_003.gif) left top no-repeat;
}

#localNavigation .menuDownload a {
	height: 54px;
	background: url(/health_illness/harasma/shared/images/menu_004.gif) left top no-repeat;
}

#containerArea .leftNaviCategory1 .menuKnow a,
#containerArea .leftNaviCategory2 .menuHear a,
#containerArea .leftNaviCategory3 .menuFlow a,
#containerArea .leftNaviCategory4 .menuDownload a {
	color: #fffeea;
}

#containerArea .leftNaviCategory1 .menuKnow a,
#containerArea .leftNaviCategory1 .menuKnow a:hover {
	background-position: 0px -84px;
}

#containerArea .leftNaviCategory2 .menuHear a,
#containerArea .leftNaviCategory2 .menuHear a:hover {
	background-position: 0px -112px;
}

#containerArea .leftNaviCategory3 .menuFlow a,
#containerArea .leftNaviCategory3 .menuFlow a:hover {
	background-position: 0px -56px;
}

#containerArea .leftNaviCategory4 .menuDownload a,
#containerArea .leftNaviCategory4 .menuDownload a:hover {
	background-position: 0px -108px;
}

#localNavigation .menuKnow a:hover,
#localNavigation .menuHear a:hover,
#localNavigation .menuFlow a:hover,
#localNavigation .menuDownload a:hover {
	text-decoration: none;
	color: #fffeea;
}

#localNavigation .menuKnow a:hover {
	background-position: 0px -42px;
}

#localNavigation .menuHear a:hover {
	background-position: 0px -56px;
}

#localNavigation .menuFlow a:hover {
	background-position: 0px -28px;
}

#localNavigation .menuDownload a:hover {
	background-position: 0px -54px;
}

#localNavigation .menuKnow a:link,
#localNavigation .menuKnow a:visited,
#localNavigation .menuKnow a:active,
#localNavigation .menuHear a:link,
#localNavigation .menuHear a:visited,
#localNavigation .menuHear a:active,
#localNavigation .menuFlow a:link,
#localNavigation .menuFlow a:visited,
#localNavigation .menuFlow a:active,
#localNavigation .menuDownload a:link,
#localNavigation .menuDownload a:visited,
#localNavigation .menuDownload a:active {
	text-decoration: none;
	color: #ffffff;
}

/* processNavigation
-------------------------------------------------- */

#processNavigation {
	width: 711px;
	padding: 0px;
	margin: 0px;
}

#processNavigation .body {
	width: 711px;
	height: 36px;
	padding: 0px;
	margin: 13px 0px 0px;
}

#processNavigation .menuPlan,
#processNavigation .menuExecute,
#processNavigation .menuInspect,
#processNavigation .menuImprove {
	width: 181px;
	height: 36px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#processNavigation .menuPlan a,
#processNavigation .menuExecute a,
#processNavigation .menuInspect a,
#processNavigation .menuImprove a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#processNavigation .menuImprove {
	width: 168px;
}

#processNavigation .menuPlan {
	width: 181px;
	height: 36px;
	background: url(/health_illness/harasma/shared/images/menu_plan_on.gif) left top no-repeat;
}

#processNavigation .menuExecute {
	width: 181px;
	height: 36px;
	background: url(/health_illness/harasma/shared/images/menu_execute_on.gif) left top no-repeat;
}

#processNavigation .menuInspect {
	width: 181px;
	height: 36px;
	background: url(/health_illness/harasma/shared/images/menu_inspect_on.gif) left top no-repeat;
}

#processNavigation .menuImprove {
	width: 168px;
	height: 36px;
	background: url(/health_illness/harasma/shared/images/menu_improve_on.gif) left top no-repeat;
}

#processNavigation .menuPlan a:hover,
#processNavigation .menuExecute a:hover,
#processNavigation .menuInspect a:hover {
	width: 181px;
	height: 36px;
	background-color: transparent;
}

#processNavigation .menuImprove a:hover {
	width: 168px;
	height: 36px;
	background-color: transparent;
}

#processNavigation .menuPlan a:hover img,
#processNavigation .menuExecute a:hover img,
#processNavigation .menuInspect a:hover img {
	visibility: hidden;
}

#processNavigation .menuImprove a:hover img {
	visibility: hidden;
}

/* mainContent
-------------------------------------------------- */

#mainContent {
	width: 711px;
	padding: 0px;
	margin: 0px;
	float: right;
	line-height:1.37;
	color: #333333;
}

/* mainArea
-------------------------------------------------- */

#mainArea {
	width: 910px;
	padding: 0px;
	margin: 0px;
	line-height:1.37;
	color: #333333;
}

/* contentsUnit
-------------------------------------------------- */

#containerArea .contentsUnit {
	width:691px;
	_width:711px;
	_w\idth:691px;
	padding: 12px 10px 0px;
	margin: 0px;
}

#containerArea .contentsUnit p {
	padding: 0px 0px 18px;
	margin: 0px;
}

/* questionBox
-------------------------------------------------- */

#mainArea .questionBox {
	width: 682px;
	_width: 691px;
	_w\idth: 682px;
	padding: 1px 0px 4px 9px;
	margin: 0px 0px 9px;
	position: relative;
	background: url(/health_illness/harasma/shared/images/hr_002.gif) left bottom repeat-x;
}

#mainArea .questionBox .icon {
	width: 19px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 1px;
	left: 9px;
}

#mainArea .questionBox .textBox {
	width: 652px;
	_width: 682px;
	_w\idth: 652px;
	padding: 4px 0px 4px 30px;
	margin: 0px;
	font-weight: bold;
	color: #518402;
}

/* answerBox
-------------------------------------------------- */

#mainArea .answerBox_001 {
	width: 672px;
	_width: 691px;
	_w\idth: 672px;
	padding: 0px 10px 3px 9px;
	margin: 0px;
	position: relative;
}

#mainArea .answerBox_002 {
	width: 672px;
	_width: 691px;
	_w\idth: 672px;
	padding: 0px 10px 7px 9px;
	margin: 0px;
	position: relative;
}

#mainArea .answerBox_001 .icon,
#mainArea .answerBox_002 .icon {
	width: 19px;
	height: 19px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 9px;
}

#mainArea .answerBox_001 .answerText,
#mainArea .answerBox_002 .answerText {
	width: 642px;
	_width: 672px;
	_w\idth: 642px;
	padding: 0px 0px 0px 30px;
	margin: 0px;
}

#mainArea .answerBox_001 .imgRight_001,
#mainArea .answerBox_002 .imgRight_001 {
	width: 150px;
	_width: 180px;
	_w\idth: 150px;
	padding: 0px 0px 15px 30px;
	margin: 0px;
	float: right;
	border: none;
}

/* nextBackNavigation
-------------------------------------------------- */

#mainArea .nextBackNavigation {
	width: 691px;
	_width: 711px;
	_w\idth: 691px;
	padding: 13px 10px 0px;
	margin: 0px;
	background: url(/health_illness/harasma/shared/images/hr_003.gif) left top repeat-x;
}

#mainArea .nextBackNavigation .pageBack {
	width: 217px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .nextBackNavigation .connectionBox {
	width: 387px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .nextBackNavigation .connectionBox strong {
	padding: 0px 5px 0px 4px;
	margin: 0px;
	font-weight: normal;
	color: #cccccc;
}

#mainArea .nextBackNavigation .connectionBox strong.existing {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color: #ff6d15;
}

#mainArea .nextBackNavigation .connectionBox .pageNext {
	padding: 0px;
	margin: 0px;
	float: right;
	text-align: right;
}

#mainArea .nextBackNavigation .connectionBox .textLink {
	padding: 0px;
	margin: 0px;
	float: left;
}

/* Table Element
-------------------------------------------------- */

#containerArea .generalTable {
	padding: 4px 0px 5px;
	margin: 0px 0px 12px;
}

#containerArea div.generalTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	/*\*//*/
	revise: MacIE5.0bug;
	width: 99%;
	/**/
}

#containerArea div.generalTable table th {
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	background: #fff1d6;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: none;
	border-left: 1px solid #cccccc;
	color: #6c4916;
}

#containerArea div.generalTable table td {
	padding: 9px 11px 10px;
	margin: 0px;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: none;
	border-left: none;
	color: #333333;
	background: #ffffff;
}

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

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

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

#containerArea div.generalTable table p {
	padding: 0px;
	margin: 0px;
}

#mainArea ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#mainArea ul li {
	padding: 3px 0px 0px 13px;
	margin: 0px;
	line-height: 100%;
	background: url(/health_illness/harasma/shared/images/orange_bullet_.gif) 0px 3px no-repeat;
}

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

#mainArea ul.link a {
	padding: 2px 0px 3px 13px;
	margin: 0px;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -13px;
	text-indent: 0;
	/**/
}

#mainArea ul.link li.outsideLink a {
	background: url(/common/images/link_outside.gif) 0px 4px no-repeat;
}

html*#mainArea ul.link li.outsideLink a {
	background: url(/common/images/link_outside.gif) 0px 4px no-repeat;
}

* html #mainArea ul.link li.outsideLink a {
	background: url(/common/images/link_outside.gif) 0px 5px no-repeat;
	_background: none;
	_background/* */: url(/common/images/link_outside.gif) 0px 4px no-repeat;
}

/* nextLink
-------------------------------------------------- */

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

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

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

#mainArea ul.link a {
	padding: 2px 0px 3px 17px;
	margin: 0px;
	/*\*//*/
	revise: MacIE5.0bug;
	display: inline-block;
	margin-left: -17px;
	text-indent: 0;
	/**/
}

#mainArea ul.link a {
	background: url(/common/images/arrow_blue_right.gif) 7px 3px no-repeat;
}

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

* html #mainArea ul.link a {
	background: url(/common/images/arrow_blue_right.gif) 7px 4px no-repeat;
	_background: none;
	_background/* */: url(/common/images/arrow_blue_right.gif) 7px 3px no-repeat;
}

#mainArea ul.link li {
	padding-left: 17px;
	_padding-left: 0px;
	_padding-left/* */: 17px;
	text-indent: -17px;
	_text-indent: 0px;
	_text-indent/* */: -17px;
}

/* variousDescription
-------------------------------------------------- */

.colorBrown {
	color: #6c4916;
}

.colorGray {
	color: #cccccc;
}

.colorRed {
	color: #cc0000;
}

.bold {
	font-weight: bold;
}

body .changePadding0 {
	padding: 0px !important;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

/* clear
-------------------------------------------------- */

.clear {
	clear: both;
}