body{
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#playboard{
    width:558px;
    height:263px;
	background-image:url(../images/21back.jpg);
	/*2011.12.01*/
/*	background-image:url(../images/page1.png);*/
/*	background-position:0px -263px;*/
	background-repeat:no-repeat;
	position:relative;
}

#attention{
	display:none;
}

#stage,#start,#quest,#seasoning,#graph,#advice,#mark{
	display:none;
}

/*「戻る」ボタン*/
.backButton{
	position:absolute;
	top:219px;
	right:47px;
	cursor:pointer;
}

/*「次へ」ボタン*/
.nextButton{
	position:absolute;
	top:219px;
	right:16px;
	cursor:pointer;
}

/*「男性」ラジオボタン*/
#maleRadio{
	position:absolute;
	top:22px;
	left:357px;
}

/*「女性」ラジオボタン*/
#femaleRadio{
	position:absolute;
	top:22px;
	left:425px;
}

/*「年齢」テキストボックス*/
#ageText{
	position:absolute;
	top:45px;
	left:357px;
	width:43px;
}

/*「身長」テキストボックス*/
#heightText{
	position:absolute;
	top:75px;
	left:357px;
	width:43px;
}

/*「身体活動レベル-低い」テキストボックス*/
#lowerRadio{
	position:absolute;
	top:124px;
	left:288px;
}

/*「身体活動レベル-ふつう」テキストボックス*/
#normalRadio{
	position:absolute;
	top:142px;
	left:288px;
}

/*「身体活動レベル-高い」テキストボックス*/
#upperRadio{
	position:absolute;
	top:200px;
	left:288px;
}

/*問診ページ番号*/
.pageText{
	position:absolute;
	top:223px;
	right:135px;
	font-size:10pt;
	color:#000;
}

/*問診回答チェック1*/
#check1{
	position:absolute;
	top:52px;
	left:338px;
}

/*問診回答チェック2*/
#check2{
	position:absolute;
	top:82px;
	left:338px;
}

/*問診回答チェック3*/
#check3{
	position:absolute;
	top:112px;
	left:338px;
}

/*問診回答チェック4*/
#check4{
	position:absolute;
	top:142px;
	left:338px;
}

/*問診回答チェック5*/
#check5{
	position:absolute;
	top:172px;
	left:338px;
}

/*100%ライン*/
#perline{
	position:absolute;
	top:44px;
	left:452px;
}

/*グラフ(エネルギー)*/
#graph1{
	position:absolute;
	top:43px;
	left:350px;
	width:80px;
	height:15px;
}

/*グラフ(たんぱく質)*/
#graph2{
	position:absolute;
	top:63px;
	left:350px;
	height:15px;
}

/*グラフ(脂質)*/
#graph3{
	position:absolute;
	top:83px;
	left:350px;
	height:15px;
}

/*グラフ(炭水化物)*/
#graph4{
	position:absolute;
	top:103px;
	left:350px;
	height:15px;
}

/*グラフ(カルシウム)*/
#graph5{
	position:absolute;
	top:123px;
	left:350px;
	height:15px;
}

/*グラフ(鉄)*/
#graph6{
	position:absolute;
	top:143px;
	left:350px;
	height:15px;
}

/*グラフ(食物繊維)*/
#graph7{
	position:absolute;
	top:163px;
	left:350px;
	height:15px;
}

/*グラフ(食塩)*/
#graph8{
	position:absolute;
	top:183px;
	left:350px;
	height:15px;
}

/*充足率の値*/
#graph span{
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	width:50px;
	text-align:right;
}

/*エネルギー充足率値*/
#suf1{
	position:absolute;
	top:43px;
	left:495px;
}

/*たんぱく質充足率値*/
#suf2{
	position:absolute;
	top:63px;
	left:495px;
}

/*脂質充足率値*/
#suf3{
	position:absolute;
	top:83px;
	left:495px;
}

/*炭水化物充足率値*/
#suf4{
	position:absolute;
	top:103px;
	left:495px;
}

/*カルシウム充足率値*/
#suf5{
	position:absolute;
	top:123px;
	left:495px;
}

/*鉄充足率値*/
#suf6{
	position:absolute;
	top:143px;
	left:495px;
}

/*食物繊維充足率値*/
#suf7{
	position:absolute;
	top:163px;
	left:495px;
}

/*食塩充足率値*/
#suf8{
	position:absolute;
	top:183px;
	left:495px;
}

/*アドバイステキスト*/
#adviceText{
	position:absolute;
	top:30px;
	left:290px;
	width:250px;
	line-height:1.3;
	font-size:12px;
}

/*味付け うすい*/
#fcheck1{
	position:absolute;
	top:52px;
	left:338px;
}

/*味付け ふつう*/
#fcheck2{
	position:absolute;
	top:82px;
	left:338px;
}

/*味付け こい*/
#fcheck3{
	position:absolute;
	top:112px;
	left:338px;
}

/*今、あなたがめざしたいものは？(減量したい)*/
#mcheck1{
	position:absolute;
	top:49px;
	left:290px;
}

/*今、あなたがめざしたいものは？(糖尿病をきちんと管理したい)*/
#mcheck2{
	position:absolute;
	top:74px;
	left:290px;
}

/*今、あなたがめざしたいものは？(スポーツのための体づくりをしたい)*/
#mcheck3{
	position:absolute;
	top:99px;
	left:290px;
}

/*今、あなたがめざしたいものは？(健康的な食生活を身につけたい)*/
#mcheck4{
	position:absolute;
	top:149px;
	left:290px;
}

#glayLayer{
	background-color:#000;
	opacity:0.60;
	-moz-opacity:0.60;
	filter: alpha(opacity=60);
	height:100%;
	width:100%;
	display:none;
	position:absolute;
}

#overLayer{
	background-color:#333;
	border-style:solid;
	border-color:#C00;
	border-width:2px;
	display:none;
	width:250px;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
	font-size:90%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

#overLayer img{
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
}





