@charset 'utf-8';

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 910px;
	height: 84px;
	padding: 0px;
	margin: 0px;
	font-size: 1%;
}

/* pageTitle
-------------------------------------------------- */

#mainArea .pageTitle {
	width: 711px;
	padding: 0px;
	margin: 0px 0px 22px;
	background: none;
}

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

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

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

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

#mainArea .twoColumnsType1 div.leftColumn {
	width: 101px;
	float: left;
}

#mainArea .twoColumnsType1 div.rightColumn {
	width: 591px;
	float: right;
}

#mainArea .twoColumnsType1 div.image {
	padding: 3px 0px 5px;
	margin: 0px 0px 12px;
}

#mainArea h2 {
	width: 500px;
	padding: 0px 0px 3px;
	margin: 0px 0px 3px;
	font-size: 130%;
	line-height: 1.4;
	font-weight: bold;
	color: #333333;
	background: none;
}

/* multiBox
-------------------------------------------------- */

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

#mainArea .multiBox .layoutBase {
	width: 711px;
	padding: 0px;
	margin: 0px;
	background: url(/health/fiber/selfcheck/recipe/shared/images/contents_bg.gif) left top repeat-y;
}

#mainArea .multiBox .layoutHead {
	width: 711px;
	padding: 0px;
	margin: 0px;
	background: url(/health/fiber/selfcheck/recipe/shared/images/contents_bg_head.gif) left top no-repeat;
}

#mainArea .multiBox .layoutBottom {
	width: 701px;
	_width: 711px;
	_w\idth: 701px;
	padding: 10px 0px 6px 10px;
	margin: 0px;
	background: url(/health/fiber/selfcheck/recipe/shared/images/contents_bg_bottom.gif) left bottom no-repeat;
}

#mainArea .multiBox .leftColumn {
	width: 210px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .multiBox .leftColumn .images {
	padding: 0px 0px 4px;
	margin: 0px 0px 8px;
}

#mainArea .multiBox .rightColumn {
	width: 480px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#mainArea .multiBox .rightColumn h2 {
	width: 470px;
	padding: 0px;
	margin: 0px 0px 3px;
	font-size: 100%;
	font-weight: bold;
	background: none;
}

#mainArea .multiBox .rightColumn h3 {
	padding: 0px;
	margin: 0px 0px 3px 1px;
	font-size: 100%;
	line-height: 1.2;
	color: #333333;
	font-weight: normal;
	background: none;
}

#mainArea .multiBox .rightColumn .readText {
	padding: 0px;
	margin: 0px 10px 8px 0px;
}

#mainArea .multiBox .rightColumn .materialSection {
	width: 479px;
	_width: 480px;
	_w\idth: 479px;
	padding: 0px 0px 8px 1px;
	margin: 0px;
	font-size: 85%;
}

#mainArea .multiBox .rightColumn .materialSection .text_010 {
	padding: 0px 38px 0px 0px;
	margin: 0px;
	float: left;
}

#mainArea .multiBox .rightColumn .materialSection .text_020 {
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainArea .multiBox .rightColumn ol {
	padding: 0px 0px 0px 22px;
	margin: 0px 10px 0px 3px;
	list-style-type: decimal;
}

#mainArea .multiBox .rightColumn ol li {
	padding: 1px 0px 2px;
	margin: 0px;
	line-height: 130%;
}

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

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

/* toContentsNavigationElement
-------------------------------------------------- */

.mainAreaDefaultGrid1 .toContentsNavigationElement {
	width: 711px;
	padding: 12px 0px 6px;
	background: url(/shared/images/to_pagetop_hr.gif) left top repeat-x;
}

.mainAreaDefaultGrid1 .toContentsNavigationElementEnd {
	width: 711px;
	padding: 0px 0px 14px;
	background: none;
}

.toContentsNavigationElementEnd a {
	height: 11px;
	padding: 2px 6px 0px 17px;
	margin: 0px;
	float: right;
	display: block;
	line-height: 1;
	color: #000000;
	text-decoration: none;
	background: url(/shared/images/arrow_crimson_right.gif) 4px 5px no-repeat;
}

.toContentsNavigationElementEnd a:link {
	color: #338ccc;
	text-decoration: none;
}

.toContentsNavigationElementEnd a:visited {
	color: #7f4eb8;
	text-decoration: none;
}

.toContentsNavigationElementEnd a:hover {
	color: #c70026;
	text-decoration: underline;
}

.toContentsNavigationElementEnd a:active {
	color: #c70026;
	text-decoration: underline;
}