@charset "Shift_JIS";

/*----------------------------------------------------------------------
ページ別コンテンツ
----------------------------------------------------------------------*/
/***content-step1***/
#content-step1 {
	margin: 0;
	padding: 0;
}
#content-step1 h2 {
	margin: 0 0 2px 0;
	padding: 0;
	border: 1px solid #7fc31b;
}
#content-step1 h3 {
	color:#006600;
	font-size:1.4em;
	line-height:1.4em;
	margin: 5px 0 15px 0;
	padding: 10px 0 10px 5px;
	border: 1px solid #7fc31b;
	background-image: url(../step1/metabolic/images/bg_step1h3.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
#content-step1 h4 {
	font-size:1.3em;
	line-height:1.3em;
	margin: 2px 0 15px 0;
	padding: 10px 0 10px 5px;
	border: 1px solid #999999;
	background-image: url(../step1/metabolic/images/bg_step1h3_orange.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
#content-step1 p {
	line-height:1.4em;
	margin: 10px 0 20px 0;
	padding: 0;
}


/*----------------------------------------------------------------------
小見出し
----------------------------------------------------------------------*/
.komidashi-step1 {
	color:#006600;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin: 0;
	padding: 2px 0 2px 0;
}
.komidashi-s-step1 {
	color:#000000;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
.komidashi-step1-lineleft {
	color:#006600;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin: 0;
	padding: 2px 0 2px 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #006600;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.komidashi-step1-lineleft-s {
	color:#333333;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
	margin: 10px 0px 0px 0px;
	padding: 3px 0 3px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
}
.komidashi-step1-lineleft-red {
	color:#ff0000;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	padding: 3px 0 3px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
}


.step1font-large {
	color:#000000;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0 0 0px 0;
	padding: 0;
}
.step1font-blue {
	color:#003399;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0 0 0px 0;
	padding: 0;
}
.step1font-red {
	color:#FF0000;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0 0 0px 0;
	padding: 0;
}
/*----------------------------------------------------------------------
チェック項目角
----------------------------------------------------------------------*/
.check-bg {
	margin: 0;
	padding: 5px;
	background-image: url(../step1/selfcheck/images/bg_check.gif);
	background-repeat: repeat-x;
	background-position: right top;
border:1px dotted #009900;
}
.check-bg-white {
	margin: 0;
	padding: 5px;
border:1px dotted #009900;
}
.check-td-yesno {
	width:70px;
}
.check-td-yesno {
	width:70px;
}
.check-chart{
	margin: 3px;
}
.check-chart td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
.check-metabo {
	margin: 0;
	padding: 5px;
	background-color: #d4f6a8;
	background-image: url(../step1/metabolic/images/bg_checkkado.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.hantei {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 0px;
}
.hantei table {
	background-color:#FFFFCC;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FF0066;
	border-left-color: #FF0066;
}
html>body table { border-collapse:separate }
.hantei th {
	font-size:120%;
	margin: 0;
	padding: 10px;
	background-image: url(../step1/metabolic/images/bg_checkhantei.gif);
	background-repeat: repeat-x;
	background-position: right top;
	text-align:center;
	white-space: nowrap;
	border-right:1px solid #FF0066;
	border-bottom:1px solid #FF0066;
}
.hantei td {
	line-height:140%;
	margin: 0;
	padding: 10px;
	border-right:1px solid #FF0066;
	border-bottom:1px solid #FF0066;
}
.hantei-midashi {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color:#FF0000;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
}
.hantei-kaisetsu {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	color:#FF0000;
	font-size:1em;
	line-height:1.2em;
}

/*---歯や口の健康度---*/
.hakuchi-kenkoukaisetsu {
	margin: 0;
}
.hakuchi-kenkoukaisetsu table {
	border-top:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
html>body table { border-collapse:separate }
/*---ヘッダセル---*/
.hakuchi-kenkoukaisetsu th {
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	background-color:#EBEACC;
	color:#333333;
	font-weight:bold;
	text-align:left;
	white-space: nowrap;
}
/*---データセル---*/
.hakuchi-kenkoukaisetsu td {
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	text-align:left;
}

/*----------------------------------------------------------------------
内蔵脂肪プラン
----------------------------------------------------------------------*/
#plan-title {
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8fc31f;
}


#naizoushobou-plan {
	width:98%;
	margin: 0 auto;
	padding: 0;
	border:2px solid #8fc31f;
}
.corse-title {
	background-color:#8fc31f;
}
#plan-sakusei {
	margin: 0 auto;
	padding: 0;
}
#plan-sakusei table {
	width:100%;
	margin: 0 auto;
	padding: 10px;
}
#plan-sakusei tr {
	margin: 0;
	padding: 10px;
	border-bottom:1px solid #cccccc;
}
#plan-sakusei th {
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 10px 10px 10px 20px;
	border-bottom:1px solid #FFFFFF;
	background-image: url(../step1/metabolic/images/bg_d_plan.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#plan-sakusei td {
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 10px;
	border-bottom:1px solid #FFFFFF;
	background-image: url(../step1/metabolic/images/bg_d_plan.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#plan-sakusei input{
	margin: 0 5px 0 5px;
	padding: 0px;
}
#naizoushobou-plan-kaisetsu{
	margin: 0px 5px 5px 1em;
	padding: 0px 10px 5px 10px;
	text-indent:-1em;
}
#course-select {
	width:100%;
	margin: 0 auto;
	padding: 0;
}
#course-select table {
	margin: 0 auto;
	padding: 10px;
}
#course-select tr {
	margin: 0;
	padding: 10px;
}
#course-select td {
	margin: 5px 0 5px 0;
	padding: 10px;
}


#plan-results {
	margin: 0 auto;
	padding: 10px;
}
#plan-results table {
	width:100%;
	margin: 0 auto;
	padding: 10px;
}
#plan-results tr {
	margin: 0;
	padding: 10px;
	border-bottom:1px solid #cccccc;
}
#plan-results th {
	color:#005500;
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 10px 10px 10px 20px;
	border-bottom:1px solid #FFFFFF;
}
#plan-results td {
	font-weight:bold;
	margin: 5px 0 5px 0;
	padding: 10px;
	border-bottom:1px solid #FFFFFF;
}
#plan-results input{
	margin: 1px 5px 1px 5px;
	padding: 0px;
}
.bg-results{
	background-image: url(../step1/metabolic/images/bg_d_planresults.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.results-hosoku{
	color:#663366;
	margin: 5px;
	padding: 5px;
	background-color:#FFFFFF;
	border:1px dotted #999999;
}
.results-data{
	text-align:right;
}
#coursebottom {
	padding: 10px 0px 10px 0px;
}


/*----------------------------------------------------------------------
ページ下部ナビゲーション
----------------------------------------------------------------------*/
#navi-bottom {
	margin: 0 auto;
	padding: 0 0 0 0;
	border-top:1px dotted #999999;
	text-align:center;
}
#navi-bottom table {
	margin: 0 auto;
	padding: 0 0 0 0;
}
#navi-bottom td {
	text-align:left;
}
#navi-bottom ul{
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
}
#navi-bottom li{
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 2px 18px;
	list-style: none;
	background-image: url(../step1/shokujibalance/images/li_sbg_s.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}



/*----------------------------------------------------------------------
食事バランスガイド個別
----------------------------------------------------------------------*/
#sbg-catch {
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
#sbg-introduction {
	margin: 0 0 10px 0;
	padding: 10px;
	border:1px dotted #999999;
}
#sbg-introduction-sub {
	color:#000000;
	font-size:0.9em;
	text-align:left;
	margin: 0;
	padding: 5px;
	border:1px dotted #999999;
}
/*--背景--*/
.bg-sbg-1 {background-color:#efe7a8;}
.bg-sbg-2 {background-color:#ceddcf;}
.bg-sbg-3 {background-color:#e8ccc4;}
.bg-sbg-4 {background-color:#c0bccf;}
.bg-sbg-5 {background-color:#b1d5e9;}
.bg-sbg-asa {background-color:#d03330;}
.bg-sbg-asa-light {background-color:#EDD7D7;}
.bg-sbg-hiru {background-color:#cf770a;}
.bg-sbg-hiru-light {background-color:#ECEECA;}
.bg-sbg-yuu {background-color:#2f2fce;}
.bg-sbg-yuu-light {background-color:#CFD6E9;}
.bg-sbg-select {background-color:#3CBEFF;}
.bg-sbg-select-light {background-color:#E8FDFF;}
/*--文字色--*/
.fc-sbg-1 {color:#ca9103;}
.fc-sbg-2 {color:#679f70;}
.fc-sbg-3 {color:#b65751;}
.fc-sbg-4 {color:#93778a;}
.fc-sbg-5 {color:#5da1bf;}
/*---チェック結果表示用テーブル---*/
.balancecheck {width:90%;margin: 15px auto 30px auto;}
	.balancecheck table {
	border-top:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:2px 1px 2px 1px;
	padding:2px;
	}
	html>body table { border-collapse:separate }
	/*---ヘッダセル---*/
	.balancecheck th {
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	font-weight: bold;
	text-align:center;
	white-space: nowrap;
	padding: 2px;
	}
	/*---データセル---*/
	.balancecheck td {
	border-right:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	padding: 2px;
	}
/*---バランス図表示用テーブル---*/
.balancedrawing {
	width:90%;
	margin: 15px auto 30px auto;
	border:1px solid #aaaaaa;}
	.balancedrawing table {
	background-color:#FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:10px;
	padding:0px;
	}
	html>body table { border-collapse:separate }
	/*---ヘッダセル---*/
	.balancedrawing th {
	font-weight: bold;
	text-align:center;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	}
	/*---データセル---*/
	.balancedrawing td {
	margin: 0px;
	padding: 0px;
	}
	

/*---あなたのバランスガイド図---*/
.anatabalanceguide {
	width:100%;
	margin: 0;
	padding:0px;
	border-top:10px solid #EE0000;
	}
.anatabalanceguide2 {
	margin: 0 auto;
	padding:0px;
	text-align:center;
	}
.anatabalanceguide-goukei {
	margin: 2px auto;
	padding:0;
	}
	.anatabalanceguide-goukei table {
	margin: 0;
	padding:2px;
	text-align:left;
	}
	.anatabalanceguide-goukei th {
	margin: 0;
	padding:1px 5px 1px 5px;
	border-top:2px solid #EE0000;
	border-bottom:2px solid #EE0000;
	text-align:left;
	}
	.anatabalanceguide-goukei td {
	margin: 0;
	padding:2px 3px 2px 3px;
	border-bottom:1px solid #999999;
	text-align:left;
	}
	.abg-color-tekisei{
	font-size:0.9em;
	color:#FFFFFF;
	background-color:#3366CC;
	padding: 0 2px 0 2px;
	margin: 0 auto;
	width:50px;
	text-align:center;
	vertical-align:middle;
	}
	.abg-color-ooi{
	font-size:0.9em;
	color:#FFFFFF;
	background-color:#006666;
	padding: 0 2px 0 2px;
	margin: 0 auto;
	width:50px;
	text-align:center;
	vertical-align:middle;
	}
	.abg-color-sukunai{
	font-size:0.9em;
	color:#FFFFFF;
	background-color:#FF0000;
	padding: 0 2px 0 2px;
	margin: 0 auto;
	width:50px;
	text-align:center;
	vertical-align:middle;
	}