@charset "UTF-8";

#area1 {
	width: 800px;
	margin:0px auto;
}
#area2 {
	float: left;
	width: 570px;
	margin: 5px 2px 0px 0;
}

#area3 {
	float: right;
	width: 200px;
	margin: 5px 5px 0px 2px;
}
/*------------------------- メインエリア -------------------------*/
.body_box {
	width: 570px;
	margin: 8px auto;
	text-align: left;
}

.body_box h3{
	margin: 10px 0px;
	font-weight:bold;
	border-bottom:1px solid #CC6600;
}

.column_text {
	width: 500px;
	margin: 10px auto;
	text-align: left;
}
.column_text p {
	line-height:180%;
	margin:20px 0px;
}

.link,
.link a{
	text-align: center;
	margin:15px auto;
	font-size:11px;
}
.link_s,
.link_s a {
	font-size: 11px;
	margin-top: 5px;
	text-align:right;
}

.link02,
.link02 a {
	font-size: 11px;
	margin: 0px 5px 0px auto;
	text-align: right;
}
/*----------- みんなの食育top ------------*/
.syokuiku_top {
	background: url(../images/syokuiku/top_bg.jpg) no-repeat;
	width: 580px;
	height: 460px;
	float: left;
}

.syokuiku_toptxt {
	margin-top: 103px;
	margin-left: 30px;
	text-align: left;
	line-height: 165%;
}

/*----------- プロフィール ------------*/
.prof {
	float: right;
	background: url(../images/syokuiku/prof_bg.jpg) no-repeat;
	width: 200px;
	height: 240px;
}

.profname {
	color: #FF3333;
	text-align: left;
	padding-top: 75px;
	margin-left: 8px;
}

.proftxt {
	text-align: left;
	xmargin-top: 10px;
	padding: 8px;
	font-size: 90%;
}

/*----------- 食育についてメニュー ------------*/
.syokuikumenu {
	float: left;
	margin-top: 5px;
	background: url(../images/syokuiku/syokuikumenu_bg.jpg) no-repeat;
	width: 580px;
	height: 400px;
}

.menu {
	width: 441px;
	margin: 0px auto;
	margin-top: 100px;
}


/*----------- 食育とは ------------*/
.syokuikutowa {
	float: left;
	margin-top: 5px;
	background: url(../images/syokuiku/syokuikutowa_bg.jpg) no-repeat;
	width: 580px;
}

.syokuikutowa_txt1 {
	margin-top: 140px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

/*----------- 5w2h ------------*/
.taberukotobox {
	background: url(../images/syokuiku/5w2h_bg.gif) no-repeat;
	width: 440px;
	height: 188px;
	padding-left: 15px;
	padding-top: 2px;
	margin: 20px 0 20px 0;
}

.tk_txt {
	margin-top: 32px;
	margin-left: 20px;
}

.tk_bold {
	font-size: 115%;
	font-weight: bold;
	color: #FF9900;
}

.syokuikutowa_txt2 {
	margin-right: 25px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

/*----------- 何をどれだけ食べれば良いの？ ------------*/
.naniwo {
	float: left;
	margin-top: 5px;
	background: url(../images/syokuiku/naniwo_bg.jpg) no-repeat;
	width: 580px;

}

.naniwo_txt1 {
	margin-top: 140px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

.naniwobox {
	float: left;
	width: 570px;
	padding-left: 10px;
	text-align: left;
	line-height: 165%;
}

/*----------- 「いただきます」と「ごちそうさま」 ------------*/
.itadakimasu {
	float: left;
	margin-top: 5px;
	background: url(../images/syokuiku/itadakimasu_bg.jpg) no-repeat;
	width: 580px;
}

.itadakimasu_txt1 {
	margin-top: 140px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

.itadakimasubox {
	width: 570px;
	text-align: left;
	margin-left: 10px;
	line-height: 165%;
}

/*----------- 食卓の記憶 ------------*/
.syokutaku {
	float: left;
	margin-top: 5px;
	background: url(../images/syokuiku/syokutaku_bg.jpg) no-repeat;
	width: 570px;
}

.syokutaku_txt1 {
	margin-top: 140px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

.syokutakubox {
	width: 570px;
	text-align: left;
	margin-left: 10px;
	line-height: 165%;
}

.orangebox {
	background: url(../images/syokuiku/orangebox.gif) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 0 13px;
}

/*----------- 五感 ------------*/
.gokan {
	float: left;
	margin-top: 5px;
	background: url(../images/syokuiku/gokan_bg.jpg) no-repeat;
	width: 570px;
}

.gokan_txt1 {
	margin-top: 140px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

.gokanbox {
	width: 570px;
	text-align: left;
	margin-left: 10px;
	line-height: 165%;
}

/*----------- 料理の五感表 ------------*/
.gokantablebox {
	background: url(../images/syokuiku/gokan_bg.gif) no-repeat;
	width: 550px;
	height: 182px;
	margin-left: 10px;
}

.gk_txt {
	margin-top: 37px;
	margin-left: 23px;
}

/*----------- 簡単レシピレシピ ------------*/
.kantan {
	float: left;
	margin-top: 5px;
	background: url(../syokuiku/kantanrecipe/images/kantan_bg.jpg) no-repeat;
	width: 570px;
}


.kantan_txt {
	margin-top: 177px;
	margin-left: 10px;
	text-align: left;
	line-height: 165%;
}

.recipe_list {
	clear: both;
	width: 560px;
	text-align: left;
	margin: 5px auto 15px auto;
}

.recipe_list ul {
	list-style: none;
}

.recipe_list li {
	float: left;
	vertical-align:t op;
	width: 120px;
	height: 110px;
	margin: 5px 8px;
	text-align: center;
}

.recipe_list li a {
	font-size: 11px;
	line-height: 120%;
}

.recipe_list li img {
	display: block;
	margin: 5px auto;
}

.recipe_text01 {
	text-align: left;
	margin: 10px;
	line-height: 140%;
}
.recipe_text02 {
	font-size: 95%;
	text-align: left;
	margin: 6px;
	line-height: 140%;
	color: #666666;
}


/*--- レシピページ ---*/
/*--- 1段目（写真、コメント） ---*/

.mark_waku {
	background-color: #FFFFFF;
	width: 820px;
	height: 800px;
	margin: auto;
	padding-top: 20px;
}

.tablemark {
	border-collapse: collapse;
}

.tablemark td.mark1 {
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-left: 1px solid #FFCC66;
	width: 26px;
	vertical-align: top;
}

.tablemark td.mark2 {
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	width: 26px;
}

.tablemark td.mark3 {
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-right: 1px solid #FFCC66;
	width: 26px;
}

.tableindic {
	border-collapse: collapse;
}

.tableindic td.indic1 {
	border: 1px solid #b27400;
	width: 70px;
	padding: 3px;
	background-color: #ffdb99;
	vertical-align: top;
}

.tableindic td.indic2 {
	border: 1px solid #b27400;
	width: 150px;
	padding: 3px;
	vertical-align: top;
}

.recipe_box1 {
	float: left;
	margin-top: 5px;
	width: 570px;
}

.recipe_box2 {
	float: left;
	width: 570px;
	padding-top: 5px;
}

.recipe_title {
	float: left;
	width: 570px;
	xmargin-bottom: 10px;
}

.recipe_title h2 {
	text-align: left;
	font-size: 125%;
	font-weight: bold;
}

.recipe_comment {
	float: left;
	width: 570px;
	text-align: left;
	margin-bottom: 10px;
}

.recipe_photo {
	float: left;
	width: 330px;
	text-align: left;
}

.commentary {
	float: right;
	width: 220px;
	text-align: left;
}

.commentary p {
	line-height: 150%;
}

/*--- 2段目（材料、準備、手順） ---*/
.recipe_box3 {
	float: left;
	width: 570px;
	padding-top: 3px;
}

/*--- 材料 ---*/
.zairyoubox {
	float: left;
	width: 200px;
}

.zairyou {
	float: left;
	width: 180px;
	text-align: left;
}

.howmany {
	float: left;
	width: 170px;
	text-align: left;
	color: #cd5c5c;
	margin-bottom: 5px;
}

.zairyou ul,
.ex_zairyou ul {
	list-style: none;
	margin: 3px 0px 15px 10px;
}

.zairyou li,
.ex_zairyou li {
	padding: 2px;
	border-top: 1px dotted #CCCCCC;
}

/*--- 作り方 ---*/
.processbox {
	float: right;
	width: 300px;
}

.process {
	width: 350px;
	float: right;
	text-align: left;
	line-height: 150%;
	margin-bottom: 10px;
}

.process ol,
.ex_process ol {
	list-style: none;
	margin: 3px 0px 15px 0px;
}

.process li,
.ex_process li {
	margin: 2px 0px 5px 5px;
	padding-left:16px;
}

.p_no1 {
	background:url(../syokuiku/kantanrecipe/images/p_no1.gif) no-repeat left top;
}
.p_no2 {
	background:url(../syokuiku/kantanrecipe/images/p_no2.gif) no-repeat left top;
}
.p_no3 {
	background:url(../syokuiku/kantanrecipe/images/p_no3.gif) no-repeat left top;
}
.p_no4 {
	background:url(../syokuiku/kantanrecipe/images/p_no4.gif) no-repeat left top;
}
.p_no5 {
	background:url(../syokuiku/kantanrecipe/images/p_no5.gif) no-repeat left top;
}
.p_no6 {
	background:url(../syokuiku/kantanrecipe/images/p_no6.gif) no-repeat left top;
}
.p_no7 {
	background:url(../syokuiku/kantanrecipe/images/p_no7.gif) no-repeat left top;
}
.p_no8 {
	background:url(../syokuiku/kantanrecipe/images/p_no8.gif) no-repeat left top;
}
.p_no9 {
	background:url(../syokuiku/kantanrecipe/images/p_no9.gif) no-repeat left top;
}
.p_no10 {
	background:url(../syokuiku/kantanrecipe/images/p_no10.gif) no-repeat left top;
}
.p_no11 {
	background:url(../syokuiku/kantanrecipe/images/p_no11.gif) no-repeat left top;
}
.p_no12 {
	background:url(../syokuiku/kantanrecipe/images/p_no12.gif) no-repeat left top;
}
.p_no13 {
	background:url(../syokuiku/kantanrecipe/images/p_no13.gif) no-repeat left top;
}
.p_no14 {
	background:url(../syokuiku/kantanrecipe/images/p_no14.gif) no-repeat left top;
}
.p_no15 {
	background:url(../syokuiku/kantanrecipe/images/p_no15.gif) no-repeat left top;
}

.point {
	width: 570px;
	height: 120px;
	background-color: #FCEEC8;
}

.point_g {
	float: left;
	padding: 8px;
	height: 100px;
	background-color: #FCEEC8;
}

.poin_t {
	float: right;
	padding: 10px;
	background-color: #FCEEC8;
	width: 380px;
	height: 100px;
	text-align: left;
}


.icontitle {
	color: #ff9900;
	font-size: 130%;
	font-weight: bold;
}

.tableicon {
	border-collapse: collapse;
	width: 250px;
	background-color: #FFFFFF;
}

.tableicon td.line0 {
	text-align: left;
	width: 250px;
	padding: 8px 8px 15px 8px;
}

.tableicon td.line1 {
	width: 55px;
	vertical-align: top;
	vext-align: left;
	padding-bottom: 8px;
}

.tableicon td.line2 {
	width: 195px;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	padding: 0 8px 0 3px;
}

/*--- レシピページの見方 ---*/

.hr_waku {
	background-color: #FFFFFF;
	width: 700px;
	padding-top: 20px;
	margin: auto;
}

.howtorecipe_k {
	position: relative;
	margin: auto;
	background: url(../syokuiku/kantanrecipe/images/howto_bg.gif) no-repeat;
	width: 615px;
	height: 600px;
}

.howtorecipe_a {
	position: relative;
	background: url(../syokuiku/allergic/images/howto_bg.gif) no-repeat;
	width: 615px;
	height: 800px;
	margin: auto;
}


.hr1 {
	position: relative;
	text-align: left;
	top: 220px;
	left: 0;
	font-size: 115%;
	font-weight: bold;
	color: #FF9900;
}


.hr2 {
	position: absolute;
	text-align: left;
	top: 243px;
	left: 0;
}

.hr3 {
	position: relative;
	text-align: left;
	top: 333px;
	left: 0;
	font-size: 115%;
	font-weight: bold;
	color: #FF9900;
}

.hr4 {
	position: absolute;
	text-align: left;
	top: 373px;
	left: 0;
}

.hr5 {
	position: absolute;
	text-align: left;
	top: 8px;
	left: 250px;
}

.hr6 {
	position: absolute;
	text-align: left;
	top: 480px;
	left: 0;
	font-size: 115%;
	font-weight: bold;
	color: #FF9900;
}

.hr7 {
	position: absolute;
	text-align: left;
	top: 500px;
	left: 0;
}

.hr8 {
	position: absolute;
	text-align: left;
	top: 128px;
	left: 0;
	font-size: 115%;
	font-weight: bold;
	color: #FF9900;
}

.hr9 {
	position: absolute;
	text-align: left;
	top: 150px;
	left: 0;
}

.hr10 {
	position: absolute;
	text-align: left;
	top: 590px;
	left: 0;
}


/*----------- アレルギーっ子のスマイルレシピ ------------*/
.allergic {
	float: left;
	margin-top: 5px;
	background: url(../syokuiku/allergic/images/allergic_bg.jpg) no-repeat;
	width: 570px;
}


/*----------- アレルギー物質の表示 ------------*/
.allergic_box  {
	width: 550px;
	margin: 8px auto;
	text-align: left;
	padding: 0 10px 0 10px;
	xbackground-color: #669933;
}

.t_indi {
	font-size: 135%;
	font-weight: bold;
	margin-bottom: 15px;
}

.t_komidashi {
	font-weight: bold;
	width: 550px;
	margin-bottom: 7px;
	color: #ff6347;
	border-bottom: 1px dotted #ff6347;
}

.redtext {
	color: #ff0000;
}

.obligation_box {
	font-size: 125%;
	xbackground-color: #ffc0cb;
	background-color: #ffc0cb;
	padding: 8px;
	width: 250px;
	text-align: left;
    border: 1px solid #DEDEDE;
}

.recommend_box {
	background-color: #f5deb3;
	padding: 8px;
	width: 520px;
	text-align: left;
	border: 1px solid #DEDEDE;
}

.tabletrans {
	margin-top: 0.2em;
	margin-bottom: 1em;
	width: 530px;
	border-collapse: collapse;
	border: solid 1px #999;
	font-size: 100%;
}

table.tabletrans th {
	background-color: #fa8072;
	color: #FFFFFF;
	border: solid 1px #999;
	padding: 4px 6px;
	text-align: center;
	font-weight: bolder;
}

table.tabletrans td {
	border: solid 1px #999;
	padding: 4px 6px;
}

table.tabletrans td.course1 {
	background-color: #ffc0cb;
	text-align: center;
	font-size: 110%;
	font-weight: bolder;
	white-space: nowrap;
	vertical-align: top;
}

table.tabletrans td.course2 {
	vertical-align: top;
}

.bold {
	font-weight: bolder;
}

/*----------- サブナビ ------------*/
#snavi {
	float: right;
	width: 200px;
}

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

#snavi li {
	list-style: none;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

#snavi li a {
	display: block;
	text-decoration: none;
	line-height: 240%;
}

#snavi li a:hover {
	text-decoration: underline;
}

.snavi_link1 {
	background:url("../images/syokuiku/b_link_o.gif") no-repeat left;
}

.snavi_link2 {
	background:url("../images/syokuiku/b_link_os.gif") no-repeat left;
	margin-left: 20px;
}

/*----- pick up -----*/

.pickup {
	width: 200px;
	margin: 5px 0px 8px 0px;

}

.pickup li {
	list-style: none;
	padding: 2px 0px;
}

.banner {
	width: 190px;
	margin: 4px auto;
}

.banner img {
}

/*----- バナー -----*/

.banner_big {
	width: 200px;
	margin: 4px auto;
}

/*--- バックナンバー ---*/
.backnobox {
	width: 190px;
	margin:8px auto 20px auto;
	padding-bottom:10px;
	text-align: left;
	border-bottom:1px #CCCCCC dotted;
}
.backnobox ul {
	list-style:none;
}
.backnobox li {
	margin:5px 2px;
	text-align: left;
	line-height:140%;
}
.backnobox a {
	font-size:11px;
}