@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////////
使用カラー参照

淡いピンク	#F8F2F1
グレー		#F8F7F3
肌色		#F9F4EE
////////////////////////////////////////////////////////////*/

/*******************************************************************
	CSS リセット
*******************************************************************/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	font-weight: normal;
	font-style: normal;
}
/* --BODY-- */
body {
	font:12px/1.5 "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	overflow:visible;
	color:#333;
}
/* for IE7 */
*+html body {
	font-size:75%;
}
/* for IE6 */
* html body {
	font-size:75%;
}
caption, th {
	text-align:left;
}
code, kbd, pre, samp, tt {
	font-family:monospace;
	line-height:100%;
}

/* for IE7 */
*+html code, kbd, pre, samp, tt {
	font-size:108%;
}
input, select, textarea{
	font-size:100%;
}
ol, ul {
	list-style:none;
}
q:before, q:after {
	content:'';
}
p strong {
	color: #c00;
}
/* tables still need 'cellspacing="0"' */
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
i {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: inherit;
}
/*******************************************************************
	アンカー
*******************************************************************/
a {
	overflow: hidden;
	color: #000;
}
a:hover {
	color: #c00;
}
#content a.inline {
	background: none;
	padding: 0;
	margin: 0;
	color: #c00;
}
#content a.inline:hover {
	text-decoration: underline;
}
#description a,
.intro #subContent a {
	background: url(../img/common/marker/arrowTriangle.gif) left 0.3em no-repeat;
	padding-left: 13px;
}
/*******************************************************************
	構造
*******************************************************************/
html {
	overflow-y: scroll;
}
body {
	text-align: center;
	background: #F2F2F2;
}
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	background: #f2f2f2;
	font-size: 120%;
}

#content {
	overflow: hidden;
	position: relative;
	background: url(../img/common/whiteBoard/body.png) 0 0 no-repeat;
	padding: 0 50px;
	padding-bottom: 36px;
}
#description {
	width: 530px;
	padding-bottom: 40px;
	float: left;
	margin-top: 40px;
}
#description p {
	margin-bottom: 1em;
}
#subContent {
	width: 300px;
	float: right;
	position: relative;
	margin-top: 70px;
}
.long #description {
	width: 600px;
}
.long #subContent {
	width: 230px;
}
.short #description {
	width: 300px;
}
.short #subContent {
	width: 530px;
}
.half #description {
	width: 420px;
}
.half #subContent {
	width: 410px;
}
/* レシピ、日常生活に適度な運動を取り入れましょう、最新の治療法を知っていますか？ */
.recipe #description,
.scene #description,
.medical #description {
	width: 470px;
}
.recipe #subContent,
.scene #subContent,
.medical #subContent {
	width: 360px;
}
/* 導入ページ */
.intro#index #description {
	width: 470px;
}
.intro#index #subContent {
	width: 360px;
}
/* サブコンテンツなし */
.single #description,
.quiz #description {
	width: auto !important;
	float: none;
}
/* クイズ サブコンテンツなし */
.quiz #description {
	width: 750px;
}
#subContent.illustration,
#subContent.table {
	text-align: center;
}
#subContent.table table {
	margin: 0 auto;
}

#header,
#content,
#footer,
#siteNavi {
	clear: both;
	overflow: hidden;
	position: relative;
}

#contentFooter {
	clear: both;
/*
	位置固定する場合
	width: 100%;
	position: absolute;
	left: 50px;
	bottom: 0;
	height: 36px;
*/
}
#contentFooter .navi {
	clear: both;
}

/*******************************************************************
	ヘディング
*******************************************************************/
h1 {
	font-weight: bold;
	font-size: 140%;
}
h1 span {
	display: block;
	color: #c00;
	font-size: 60%;
}
h2 {
	font-weight: bold;
	color: #990;
}
#index h2,
.top h2,
.intro h2 {
	font-size: 170%;
	margin-bottom: 15px;
}
h3 {
	font-weight: bold;
	font-size: 140%;
	color: #603;
	margin-bottom: 15px;
}
#index h3,
.intro h3 {
	font-size: 110%;
}
h4 {
	font-weight: bold;
	color: #c00;
	margin: 5px 0;
}
/*******************************************************************
	テーブル
*******************************************************************/
th, td {
	border: 2px solid #ccc;
	background: #fff;
	text-align: center;
	padding: 3px;
}
/*******************************************************************
	フォーム
*******************************************************************/
form div.vertical {
	width: 50%;
	float: left;
}
form div.vertical h4 {
	color: #c00;
	font-weight: bold;
}
form div.vertical label {
	display: block;
	margin: 1em 0;
}
form input.button {
	clear: both;
	display: block;
	border: 1px solid #ccc;;
	font-weight: bold;
	cursor: pointer;
	color: #c00;
	background: url(../img/common/marker/button/arrowRed.png) 15px center no-repeat #F8F2F1;
	margin: 10px 0 0 auto;
	width: 140px;
	height: 50px;
}
#recipeRecommender input.button {
	margin: 0 auto;
	width: 220px;
}

form input.buttonHover {
	background: url(../img/common/marker/button/arrowWhite.png) 15px center no-repeat #c00;
	color: #fff;
}
form li {
	position: relative;
	border-bottom: 2px solid #ccc;
	padding: 3px 0;
	overflow: hidden;
}
form li span {
	display: block;
	width: 170px;
	float: left;
	clear: left;
}
form li label {
	width: 100px;
	display: inline-block;
}
form li.long label {
	width: 205px;
}
form#targetLDLCalcurator li span {
	width: 600px;
}

/*******************************************************************
	ナビゲーション
*******************************************************************/
/* サイトナビ */
#siteNavi {
	clear: both;
}
#siteNavi li {
	display: block;
	height: 65px;
	width: 160px;
	float: left;
}
#siteNavi a {
	display: block;
	background: url(../img/common/siteNavi.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}
#siteNavi #topNavi {
	width: 150px;
}
#topNavi a {
	background-position: 0 0;
}
#howtoNavi a {
	background-position: -150px 0;
}
#knowledgeNavi a {
	background-position: -310px 0;
}
#riskNavi a {
	background-position: -470px 0;
}
#controlNavi a {
	background-position: -630px 0;
}
#medicalNavi a {
	background-position: -790px 0;
}
#topNavi a:hover {
	background-position: 0 -65px;
}
#howtoNavi a:hover {
	background-position: -150px -65px;
}
#knowledgeNavi a:hover {
	background-position: -310px -65px;
}
#riskNavi a:hover {
	background-position: -470px -65px;
}
#controlNavi a:hover {
	background-position: -630px -65px;
}
#medicalNavi a:hover {
	background-position: -790px -65px;
}
.top #topNavi a {
	background-position: 0 -65px;
}
.howto #howtoNavi a {
	background-position: -150px -65px;
}
.knowledge #knowledgeNavi a {
	background-position: -310px -65px;
}
.risk #riskNavi a {
	background-position: -470px -65px;
}
.control #controlNavi a {
	background-position: -630px -65px;
}
.medical #medicalNavi a {
	background-position: -790px -65px;
}

/* ページナビゲーション */
#contentFooter .navi {
	float: left;
	margin-right: 30px;
	display: inline;
}
#contentFooter .navi li {
	float: left;
	height: 36px;
	width: 42px;
	background: url(../img/common/pageNavi/bg.gif) right 0 no-repeat;
	margin-left: -4px;
	display: inline;
}
#contentFooter .navi li a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../img/common/pageNavi/button.png) -60px 0 no-repeat;
	color: #fff;
	line-height: 30px;
	text-align: center;
	position: relative;
	top: 3px;
	left: 7px;
	padding: 0;
}
#contentFooter .navi li.current a,
#contentFooter .navi li a:hover {
	background-position: -60px -30px;
}
#contentFooter #naviIndex {
	width: 72px;
	margin-left: 0;
}
#contentFooter #naviIndex a {
	background-position: 0 0;
	width: 60px;
}
#contentFooter #naviIndex.current a,
#contentFooter #naviIndex a:hover {
	background-position: 0 -30px;
}

/* コンテンツナビゲーション */
#subContent ol.navi {
	margin-left: 2em;
}
#subContent ol.navi li {
	list-style-type: decimal;
	padding: 5px 0;
	font-size: 200%;
	color: #990;
	margin-left: 5px;
}
#subContent ol.navi li span {
	display: inline-block;
	font-size: 45%;
	color: #333;
	width: 100%;
	height: 100%;
	background: url(../img/common/dotLine.png) 0 bottom repeat-x;
}
#subContent ol.navi li a {
	font-weight: bold;
	font-size: 115%;
}
#subContent ol.navi li a:hover {
	color: #c00;
}

/* ページサブナビ */
#description .navi {
	clear: both;
/*	text-align: right;*/
	margin-top: 1em;
}
#description .navi a,
#contentFooter p a {
	background: url(../img/common/marker/arrowSquare.png) left center no-repeat;
	padding-left: 13px;
	margin-left: 10px;
}
#contentFooter p a {
	padding-right: 1em;
}
#contentFooter p a.inline {
	background: none;
	padding: 0;
	margin: 0;
	color: #c00;
}
#contentFooter p a.inline:hover {
	text-decoration: underline;
}


/**************************************************************************
	ヘッダ
 **************************************************************************/
#header {
	background: #f2f2f2;
	padding-bottom: 10px;
}
#glossaryButton {
	width: 90px;
	height: 30px;
	position: absolute;
	top: 2.5em;
	right: 0;
}
#glossaryButton a {
	display: block;
	background: url(../img/common/navi/glossary.png) 0 0 no-repeat;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	padding-left: 35px;
}
#glossaryButton a:hover {
	background-position: 0 -30px;
}
#metaNavi {
	position: absolute;
	top: 5px;
	right: 0;
}
#metaNavi li {
	display: inline;
	font-size: 85%;
}
#fontSize {
	width: 200px;
	height: 30px;
	background: #777;
	position: absolute;
	top: 2.5em;
	right: 100px;
	color: #fff;
}
#fontSize span {
	width: 120px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin: 0px 5px;
	text-align: right;
	font-weight: bold;
}
#fontSize a {
	width: 25px;
	height: 25px;
	background: url(../img/common/fontSizeButton.png) 0 0  no-repeat;
	text-indent: -9999px;
	margin: 2.5px;
	float: left;
}
#fontSize #fontSmall {
	background-position: 0 0;
}
#fontSize #fontLarge {
	background-position: -25px 0;
}
#fontSize #fontSmall:hover {
	background-position: 0 -25px;
}
#fontSize #fontLarge:hover {
	background-position: -25px -25px;
}

/**************************************************************************
	フッタ
 **************************************************************************/
#footer {
	height: 200px;
	background: url(../img/common/whiteBoard/footer.png) 0 0 no-repeat #f2f2f2;
}
#logo {
	position: absolute;
	bottom: 0;
	right: -15px;
	width: 280px;
}
#logo li {
	width: 180px;
	float: left;
}
#logo li.short {
	width: 100px;
}
#copyright {
	position: absolute;
	left: 15px;
	top: 130px;
	color: #666;
	font-size: 85%;
	width: 600px;
}

#director {
	position: absolute;
	top: 130px;
	right: 0;
}

/**************************************************************************
	総合トップ
 **************************************************************************/
#grandTop #swfObject {
	width: 950px;
	height: 510px;
}

#grandTop #subContent {
	float: none;
	width: auto;
	padding-top: 15px;
	margin-top: 0;
	overflow: hidden;
}
#grandTop #footer {
	background: #f2f2f2;
	height: 90px;
}
#grandTop #copyright,
#grandTop #director {
	top: 15px;
}
#grandTop #subContent h2 {
	padding-bottom: 10px;
	background: url(../img/grandTop/h2/bottomLine.png) 0 bottom repeat-x #f2f2f2;
	margin-bottom: 0;
}
#history,
#recommendation {
	float: left;
	background: #fff;
}
#history {
	background: url(../img/grandTop/bg/history.png) center bottom no-repeat;
	width: 600px;
/*
	min-height: 305px;
	height: auto !important;
	height: 305px;
*/
	min-height: 220px;
	height: auto !important;
	height: 220px;
}
#history ul {
	margin: 10px 20px 30px 20px;
}
#history li {
	position: relative;
	padding: 5px;
	background: url(../img/common/dotLine.png) left bottom repeat-x;
	font-size: 90%;
	overflow: hidden;
}
#history li span {
	display: inline-block;
	background: url(../img/common/marker/arrowSquare.png) left 0.4em no-repeat;
	float: right;
	width: 410px;
	padding-left: 15px;
}

#recommendation {
	background: url(../img/grandTop/bg/recommendation.png) center bottom no-repeat;
	width: 330px;
	margin-left: 20px;
}
#recommendation ul {
	margin: 5px 0 15px 0;
}
#recommendation li {
	width: 300px;
	height: 80px;
	margin: 5px 15px;
}
#recommendation li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/grandTop/recommendation.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#recommendation li#recommendMedical a {
	background-position: 0 0;
}
#recommendation li#recommendRisk a {
	background-position: 0 -80px;
}
#recommendation li#recommendControl a {
	background-position: 0 -160px;
}
#recommendation li#recommendMedical a:hover {
	background-position: -300px 0;
}
#recommendation li#recommendRisk a:hover {
	background-position: -300px -80px;
}
#recommendation li#recommendControl a:hover {
	background-position: -300px -160px;
}

/**************************************************************************
	トップ	class="top"
 **************************************************************************/
.top#index #subContent ul.navi li {
	width: 311px;
	height: 135px;
	position: relative;
}
.top#index #controlContentNavi {
	background: url(../img/regacy/top/control.png) 0 0 no-repeat;
}
.top#index #medicalContentNavi {
	background: url(../img/regacy/top/medical.png) 0 0 no-repeat;
}
.top#index #subContent ul.navi li a {
	position: absolute;
	top: 50px;
	left: 30px;
}

.top#page1 #subContent ul.navi li {
	width: 311px;
	height: 51px;
	position: relative;
	background: url(../img/regacy/top/contentNavi.png) 0 0 no-repeat;
	margin: 15px 0;
}
.top#page1 #subContent ul.navi li a {
	position: absolute;
	top: 15px;
	left: 30px;
}
.top#page1 #subContent #howtoContentNavi {
	background-position: 0 0;
}
.top#page1 #subContent #knowledgeContentNavi {
	background-position: 0 -51px;
}
.top#page1 #subContent #riskContentNavi {
	background-position: 0 -102px;
}
.top#page1 #subContent #controlContentNavi {
	background-position: 0 -153px;
}
.top#page1 #subContent #medicalContentNavi {
	background-position: 0 -204px;
}

/**************************************************************************
	あなたのコレステロール本当に大丈夫？	class="howto"
 **************************************************************************/
.howto#index #subContent img {
	position: absolute;
	right: -40px;
	top: 0;
}
.howto#page1 #subContent tbody th {
	width: 1.5em;
	background: #F8F7F3;
}
.howto#page1 #subContent thead th {
	background:#F1EBD5;
}
.howto#page1 #subContent td.grayCell {
	color: #000;
	background: #F8F7F3;
}
.howto#page1 #subContent td.pinkCell {
	color: #c00;
	background: #F8F2F1;
}
.howto#calculateLDL .attention {
	margin: 1em 0 2em 0;
	color: #666;
	font-size: 85%;
	line-height: 1.2;
}
/* フォーム */
#LDLcaluculater div,
#LDLcaluculater p.sign {
	float: left;
}
#LDLcaluculater label,
#LDLcaluculater span.label {
	display: block;
	font-size: 85%;
	color: #c00;
	text-align: center;
}
#LDLcaluculater div {
 	width: 150px;
}
#LDLcaluculater p.sign {
	width: 1em;
	font-size: 200%;
	padding: 0.5em;
	color: #666;
}
#LDLcaluculater div #result,
#LDLcaluculater div input {
	width: 150px;
	border: 1px solid #ccc;
	font-size: 200%;
	text-align: right;
	background: #fff;
	height: 1.2em;
	line-height: 1.2em;
}
#LDLcaluculater div span {
	display: block;
	text-align: right;
}

/**************************************************************************
	最新の治療法を知っていますか？ class="medical"
 **************************************************************************/
#checkSheet {
	background: #fff;
	border: 1px solid #636;
	width: 25em;
	min-height: 34px;
	height: auto !important;
	height: 34px;
	float: left;
}
#checkSheet h4,
#checkSheet ul
{
	float:left;
}
#checkSheet li {
	display: inline;
}
#checkSheet * {
	min-height: 34px;
	height: auto !important;
	height: 34px;
	line-height: 34px;
}
#checkSheet h4 {
	background: url(../img/common/icon/pdf.png) left center no-repeat;
	padding: 0 10px 0 35px;
	margin: 0 0 0 5px;
	color: #636;
	font-size: 100%;
}
#checkSheet a {
	background: url(../img/common/marker/arrowTriangle.gif) left 0.3em no-repeat;
	padding-left: 13px;
}
.medical .download {
	background: url(../img/common/icon/pdfLarge.png) left center no-repeat;
	margin: 1em 0;
	padding: 25px 45px;
}
.medical .attention {
	color: #666;
	font-size: 85%;
}

/**************************************************************************
	始めよう！コレステロールコントロール class="control"
 **************************************************************************/
.control#index #description img {
	float: right;
}
/* 日常生活に適度な運動を取り入れましょう */
.control#page1 #subContent ul li {
	width: 180px;
	height: 135px;
	float: left;
	display: inline;
	margin: 5px;
}
.control#page1 #subContent ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* 料理のコレステロール値 */
.control#page2 #subContent {
	border: 1px solid #ccc;
	background: #fff;
}
/* jquer で追加するクラス */
.dishCholesterol {
	position: absolute;
	left: 180px;
	top: 0;
}
#dishes {
	background: #F9F4EE;
	margin: 5px 10px 10px 190px;
	height: 400px;
}
#dishes h4 {
	width: 180px;
	margin: 10px 0 10px -180px;
	position: relative;
	color: #333;
	font-weight: normal;
	background: url(../img/common/marker/arrowTriangle.gif) 2px 0.8em no-repeat;
	text-indent: 14px;
	padding: 5px 0;
	font-size: 90%;
}
#dishes table {
	margin: 20px;
	font-size: 90%;
}
#dishes th,
#dishes td {
	background: none;
	border: none;
}
#dishes th {
	width: 250px;
	text-align: left;
}
#dishes th span {
	font-size: 80%;
}
#dishes td {
	color: #c00;
	width: 50px;
	text-align: right;
}
/* あなたにピッタリの献立は？ */
.control#page3 #subContent {
	background: #fff;
	border: 1px solid #ccc;
}
.control#page3 #subContent form {
	margin: 50px;
}
/* わたしはこんな風にがんばっています */
.control#page4 #subContent ul {
	margin-left: 30px;
}
.control#page4 #subContent ul li {
	width: 150px;
	float: left;
	display: inline-block;
	margin: 5px;
}
.control#page4 #subContent ul li img {
	position: relative;
	margin-left: -15px;
}
.control#page4 #subContent ul li span {
	display: block;
}
.control#page4 #subContent ul li a {
	color: #666;
	font-size: 80%;
}
.control#page4 #subContent ul li a:hover span {
	color: #c00;
}
.control#page4 #subContent ul li span {
	color: #000;
	background: url(../img/common/marker/arrowTriangle.gif) left center no-repeat;
	padding-left: 14px;
	font-size: 120%;
}
.case h4 {
	color: #333;
}
.case h4 span {
	color: #666;
	font-size: 80%;
	padding-left: 1em;
}
.scene #description ul {
	margin: 20px;
}
.scene #description li {
	list-style-type: disc;
	margin: 1em 0;
}
/* 右上のナビゲーション */
.scene #subContent ul.navi {
	position: relative;
	top: -20px;
}
.scene #subContent ul.navi li {
	display: inline;
}
.scene #subContent ul.navi li a {
	background: none;
	padding: 0;
}
.scene #subContent ul.navi li.current a {
	color: #c00;
}


/**************************************************************************
	お勧めメニュー
 **************************************************************************/
.menu #description h4 {
	width: 140px;
	height: 140px;
	float: left;
}
.menu #dateNavi {
	position: absolute;
	top: 60px;
	right: 70px;
}
.menuSheet {
	width: 210px;
	float:left;
	border: 1px solid #ccc;
	margin-left: 20px;
	display: inline;
	background: #fff;
	position: relative;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}
.menuSheet h5 {
	color:  #369;
	text-align: center;
	margin-top: 15px;
}
/* ピン画像 */
.menuSheet img {
	position: absolute;
	top: -15px;
	left: 80px;
}
.menuSheet ul {
	background: #F8F2F1;
	width: 190px;
	margin: 10px;
	padding: 10px 0;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.menuSheet li {
	padding: 2px 5px;
	font-size: 85%;
	line-height: 1;
}
.menuSheet p {
	text-align: right;
	color: #666;
	font-size: 85%;
	position: absolute;
	bottom: 0;
	right: 15px;
}
.menuSheet p span {
	color: #c00;
	padding-left: 0.5em;
}
.menuSheet a span {
	display: inline-block;
	width: 40px;
	height: 14px;
	background: url(../img/control/menu/recipe.gif) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 4px;
	overflow: hidden;
	vertical-align: text-bottom;
}
.menuSheet a:hover span {
	background-position: 0 -14px;
	text-decoration: none;
}
.menuSheet a:hover {
	text-decoration: none;
}
.menu #totalValue {
	clear: both;
	text-align: right;
	margin: 5px 15px;
}
.menu #totalValue li {
	display: inline;
	padding-left: 1em;
	color: #c00;
	font-weight: bold;
	font-size: 95%;
}
.menu #dateNavi li {
	display: inline;
}
.menu #dateNavi a {
	color: #333;
	background: none;
	padding-left: 0;
}
.menu #dateNavi .current a {
	color: #c00;
}
.menu #description .navi {
	position: absolute;
	left: 40px;
	top: 290px;
}


/**************************************************************************
	レシピ
 **************************************************************************/
 /* 材料 */
.recipe #dish {
	width: 250px;
	float: left;
	margin-right: 20px;
	display: inline;
	color: #c00;
}
.recipe #dish img {
	border: 1px solid #ccc;
	margin: 5px 0;
}
.recipe h4 {
	color: #c00;
	font-weight: bold;
}
.recipe #ingredients {
	width: 200px;
	float: left;
}
.recipe #ingredients ul ul {
	margin-left: 2em;
	position: relative;
	margin-top: -1.5em;
}
 /* 作り方 */
.recipe #subContent h4 {
	margin-top: 55px;
}
.recipe #subContent ol {
	margin-left: 2em;
}
.recipe #subContent ol li {
	list-style-type: decimal;
	padding: 5px;
	border-bottom: 1px solid #ddd;
	line-height: 1;
	color: #060;
}
.recipe #subContent ol li span {
	color: #333;
}
.recipe #subContent ol li a {
	font-weight: bold;
	color: #000;
	font-size: 120%;
}

#recipeIndex #description ul {
	width: 50%;
	float: left;
	padding-bottom: 1em;
}
#recipeIndex #description ul li {
	margin: 5px 0;
}
#recipeIndex #description ul li a {
	background: url(../img/common/marker/arrowTriangle.gif) left center no-repeat;
	padding-left: 14px;
}
/**************************************************************************
	放っておくとなぜ危険？
 **************************************************************************/
.risk .postit {
	width: 335px;
	height: 109px;
	margin: 20px;
	float: left;
	display: inline;
	background: url(../img/regacy/risk/postit.png) 0 0 no-repeat;
	position: relative;
}
.risk .postit h4 {
	position: absolute;
	top: 15px;
	left: 25px;
	font-size: 85%;
	font-weight: normal;
}
.risk .postit a,
.risk .postit p {
	position: absolute;
	top: 55px;
	left: 25px;
}
.risk#page4 .scene {
	clear: left;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.risk#page4 .scene.last {
	border-bottom: none;
}
.risk#page4 .scene div {
	width: 600px;
	float: left;
}
.risk#page4 .scene img {
	margin: 2em 0 0 30px;
}
.risk#page4 .scene * img {
	margin-top: 0;
}
.risk#page4 #description dl {
	overflow: hidden;
	margin: 10px 0;
}
.risk#page4 #description dl dt {
	display: inline;
	float: left;
	margin-right: 10px;
}
.risk#page4 #description dl dd {
	color: #c93;
	font-size: 85%;
	display: block;
	float: left;
	width: 100px;
	padding-top: 1em;
}
.risk h3 cite {
	font-size: 70%;
}
.risk form {
	position: relative;
	zoom: 1;
}
.risk form li {
	border-color: #D9B3C4;
	zoom: 1;
}
.risk #checkResult {
	border: 2px solid #C97A9D;
	width: 520px;
	height: 70px;
	position: relative;
	left: 305px;
	text-indent: 5px;
	background: #fff;
	margin: 20px;
}
.risk #checkResult span {
	font-weight: bold;
	color: #c00;
	display: block;
	padding: 5px 15px;
	font-size: 130%;
}
.risk form input.button {
	clear: both;
	display: block;
	font-weight: bold;
	cursor: pointer;
	color: #c00;
	background: url(../img/common/formButton.png) 0 0 no-repeat;
	margin: 10px 0 0 auto;
	width: 141px;
	height: 51px;
	position: absolute;
	left: 80px;
	bottom: -80px;
	border: none;
}
.risk form input.button:hover {
	color: #f00;
}
.risk .note {
	border: 1px solid #ccc;
	background: #fff;
	padding: 15px;
}

/**************************************************************************
	知ってる？コレステロール	class="knowledge"
 **************************************************************************/
.knowledge#index #description img {
	float: right;
}
/* クイズを始めるボタン */
.knowledge#page1 a.button {
	display: block;
	margin: 0 auto;
	width: 12em;
	height: 3em;
	background: url(../img/common/marker/button/arrowRed.png) 10px center no-repeat #F8F2F1;
	border: 1px solid #ccc;
	color: #c00;
	font-weight: bold;
	text-align: center;
	line-height: 3em;
	position: relative;
	top: 2em;
}
.knowledge#page1 a.button:hover {
	background: url(../img/common/marker/button/arrowWhite.png) 10px center no-repeat #c00;
	color: #fff;
}
.knowledge#page1 #description div {
	text-align: center;
	position: relative;
	margin-top: 30px;
}
/* ドクター画像 */
.knowledge#page1 #description div img {
	position: absolute;
	top: -10px;
	right: 80px;
}
/* 答えと解説を見る */
.knowledge#page1 #seeQandA {
	position: absolute;
	top: 50px;
	right: 30px;
	background: none;
}
/* 食べ物に含まれるコレステロール */
.knowledge#cholesterol table {
}
.knowledge#cholesterol th,
.knowledge#cholesterol td {
	border: none;
	background: none;
}
.knowledge#cholesterol th {
	width: 160px;
	text-align: left;
	padding-left: 30px;
}
.knowledge#cholesterol td {
	text-align: right;
	color: #c00;
	border-right: 1px solid #ccc;
	padding-right: 30px;
}
.knowledge#cholesterol #printButton,
.recipe #printButton {
	position: absolute;
	top: 40px;
	right: 50px;
}

/* クイズ */
#list #description ol {
	width: 350px;
	float: left;
	margin: 20px 35px;
	display: inline;
	position: relative;
	left: 20px;
}
#list #description ol li {
	min-height: 120px;
	height: auto !important;
	height: 120px;
}
#list #description ol li dt {
	font-weight: bold;
	position: relative;
	color: #063;
	margin: 1.5em 0 0.5em 0;
}
#list #description ol li dt span {
	position: absolute;
	left: -1.5em;
	top: -0.5em;
	font-size: 200%;
}
#list #description ol li dd {
	color: #333;
	position: relative;
	min-height: 90px;
	height: auto !important;
	height: 90px;
}
#list #description ol li dd.true {
	background: url(../img/regacy/knowledge/true.png) 20px 0 no-repeat;
}
#list #description ol li dd.false {
	background: url(../img/regacy/knowledge/false.png) 20px 0 no-repeat;
}

.quiz #description .navi {
	text-align: left;
}
.quiz #explanation {
	width: 700px;
}

.quiz #answerSelect,
.quiz #explanation {
	position: relative;
	left: 50px;
	clear: both;
}
.quiz #answerSelect a {
	display: inline-block;
	width: 175px;
	height: 120px;
	background: url(../img/regacy/knowledge/selectAnswer.png) 0 0 no-repeat;
	border: 1px solid #ccc;
	float: left;
	margin: 10px;
	text-indent: -9999px;
	padding: 0;
}

.quiz #answerSelect img {
	margin-left: 30px;
	float: left;
}
.quiz #answerSelect a.true {
	background-position: 0 0;
}
.quiz #answerSelect a.false {
	background-position: -175px 0;
}
.quiz #answerSelect a.true:hover {
	background-position: 0 -120px;
}
.quiz #answerSelect a.false:hover {
	background-position: -175px -120px;
}
.quiz #explanation img {
	float: left;
	margin-right: 10px;
}
.quiz #explanation img.illustration {
	float: right;
	margin: -50px 0 0 15px;
	position: relative;
}
.quiz h3 span {
	font-size: 200%;
	font-weight: bold;
}

#page3.knowledge #subContent a {
	position: absolute;
	top: 150px;
	right: 60px;
}
/*******************************************************************
	サイトメタページ	class="site"
*******************************************************************/
.site #description {
	font-size: 90%;
}

/* サイトマップ */
#sitemap .links {
	float: left;
	width: 380px;
	margin: 0 10px;
	display: inline;
}
#sitemap #description .date {
	clear: both;
	margin-left: 0;
}
#sitemap #description .date li {
	width: 2.5em;
	float: left;
}
#sitemap #description p {
	margin: 0;
}
#sitemap .links ul {
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#sitemap .links ul ul {
	border-bottom: none;
	margin-bottom: 0;
}
#sitemap .links a {
	display: inline-block;
	color: #900;
	font-size: 95%;
}
#sitemap .links a:hover {
	color: #c00;
}
#sitemap .links h3 {
	margin: 15px 0;
}
#sitemap .links h3 a {
	font-weight: bold;
	font-size: 110%;
}
#sitemap .links h4 {
	color: #333;
	font-weight: normal;
	font-size: 100%;
}
#sitemap .links h4 a {
	font-size: 100%;
}

#sitemap .links .switch {
	display: inline-block;
	width: 65px;
	height: 14px;
	background: url(../img/common/navi/subCategory.gif) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 1em;
	cursor: pointer;
	padding: 0;
	line-height: 14px;
}
#sitemap .links .subCategoryOpened {
	background-position: 0 -14px;
}
/* プライバシーポリシー
#privacy #description ol {
	margin: 0 30px;
}
#privacy #description ol li {
	list-style: decimal;
	font-weight: bold;
	color: #603;
	font-size: 100%;
}
#privacy #description ol li h3 {
	font-size: 100%;
	margin-bottom: 5px;
}
#privacy #description ol li p {
	color: #333;
}
 */
 
/* ご利用条件 */
#terms #description h3 {
	margin-top: 2em;
}
#terms #description table {
	margin-bottom: 1em;
}
#terms #description th {
	font-weight: bold;
	text-align: left;
	padding: 5px 15px;
	color: #444;
	background: #efefef;
}
#terms #description td {
	text-align: left;
	padding: 5px 15px;
}
#terms #description ul {
	margin: 1em 0;
}
#terms #description ul li {
	margin: 1em 0;
}
#terms #description li p {
	margin: 0;
	font-weight: bold;
}
#terms #description .navi {
	margin-top: 2em;
}
/* 用語集 */
#glossary #description {
}
#glossary #description ul li {
	width: 170px;
	float: left;
	margin: 5px;
	display: inline;
	position: relative;
}
#glossary dt {
	font-weight: bold;
	color: #c00;
	margin-bottom: 1em;
	font-size: 110%;
}
#glossary #description .navi {
	text-align: left;
	padding-top: 2em;
}