@charset "UTF-8";

/* ------------------------------------------------------------
  BASE CSS
  最終更新日 : 2011-05-19
------------------------------------------------------------ */


/* Base Area Style
------------------------------------------------------------ */

body #container p { line-height: 160%; }
body #container sup { font-size: 70%; line-height: 70%; }
body #container sub { font-size: 70%; line-height: 70%; }
body #container .fontMs { font-family: "MS PGothic"; }

#container { text-align: left; }

#mainArea {
	width: 64.65em;
	margin: 0 auto;
}

#topMain {
	width: 64.65em;
	text-align: left;
}

#contentsArea {
	float: left;
	width: 44.54em;
	text-align: left;
}

#localArea {
	float: right;
	width: 17.95em;
	text-align: left;
}


/* Header Area Style
------------------------------------------------------------ */

#headerArea {
	position: relative;
	width: 64.65em;
	height: 5.02em;
	text-align: left;
	margin-bottom: 2px;
}

#headerArea #headerTitle {
	position: absolute;
	width: 20.97em;
	height: 2.22em;
	margin-top: 10px;
}

#headerArea #headerNavi {
	position: absolute;
	width: 25em;
	margin: 10px 0 0 552px;
}

#headerArea #headerNavi li {
	float: right;
	background-image: none;
	padding-left: 0;
	margin-left: 6px;
}

#headerArea #headerSub {
	position: absolute;
	width: 25em;
	margin: 52px 0 0 551px;
}

#headerArea #headerSub li {
	float: right;
	background-image: none;
	padding-left: 0;
	margin-left: 15px;
}

/* Main Area Style
------------------------------------------------------------ */

#mainArea .btn {
	padding: 0;
}

#mainArea ul {
	margin: 0;
	padding: 0;
}

#mainArea ul li {
	margin: 0;
	padding: 0;
}

#mainArea h1
{
	width: 39.12em;
	height: 2.0em;
}

#mainArea h2
{
	background-color: transparent;
	padding: 0em;
	margin: 0em;
}


/* Global Area Style
------------------------------------------------------------ */

#globalArea { height: 76px; }
#globalAreaTop { height: 56px; }

#globalArea,
#globalAreaTop {
	clear: both;
	width: 64.65em;
	background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/img/global_bg.gif") no-repeat left top;
}

#globalArea li,
#globalAreaTop li {
	float: left;
	background-image: none;
	padding-left: 0;
}

#globalArea li img,
#globalAreaTop li img { vertical-align: bottom; }


/* Local Area Style
------------------------------------------------------------ */

#localArea #localNavi {
	width: 17.95em;
	margin-bottom: 15px;
}

#localArea #localNavi ul li {
	width: 17.95em;
	background-image: none;
	vertical-align: top;
	padding-left: 0;
	margin: 0em 0em 0.62em 0em;
}

#localArea #localNavi ul li img { vertical-align: top; }

#localArea #localNavi ul li ul li {
	background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/img/local_arrow_01.gif") no-repeat 20px 14px;
	border-bottom: 1px solid #e8e8e8;
}

#localArea #localNavi ul li ul li a {
	display: block;
	padding: 10px 10px 8px 34px;
}

#localArea #localNavi a:link    { color: #3c3c3c; text-decoration: none; }
#localArea #localNavi a:visited { color: #3c3c3c; text-decoration: none; }
#localArea #localNavi a:hover   { color: #2e72ce; text-decoration: none; }

#localArea #localNavi ul li ul li a:hover { background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/img/local_arrow_02.gif") no-repeat 20px 14px #e9f1f6; }

#localDl {
	width: 17.95em;
	height: 10.41em;
	background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/img/local_dl_bg.gif") no-repeat left 57px;
	margin-bottom: 15px;
}

#localDl li {
	float: left !important;
	padding: 0 0 1px 0 !important;
	margin: 0 !important;
}

#localDl li img { vertical-align: bottom; }

.localLink {
	background: url("https://www.maff.go.jp/j/syokuiku/kodomo_navi/img/local_link_arrow.gif") no-repeat left 7px;
	padding-left: 8px;
}

.localLink a:link    { color: #005ba9; text-decoration: none; }
.localLink a:visited { color: #005ba9; text-decoration: none; }
.localLink a:hover   { color: #005ba9; text-decoration: underline; }
.localLink a:active  { color: #005ba9; text-decoration: underline; }


/* Contents Area Style
------------------------------------------------------------ */

#contentsArea	h2
{
	background-color: transparent;
	padding: 0em;
	margin: 0em;
}

#contentsArea	div.box600 h3
{
	border: transparent;
	padding: 0em;
}

#contentsArea	h3.mb15,
		h3.mb20,
		h3.mb30,
		h4.mb10
{
	padding: 0em;
	border: transparent;
}


#contentsArea	h4.style2
{
	border-left: transparent;
}


#contentsArea	div.stagesdFrameTop h3
{
	border-bottom: transparent;
}

#contentsArea	div.yunIllTitle01 h3.yunIll,
		div.yunIllTitle02 h3.yunIll,
		div.yunIllTitle03 h3.yunIll,
		div.yunIllTitle04 h3.yunIll,
		div.yunIllTitle05 h3.yunIll,
		div.yunIllTitle06 h3.yunIll,
		div.yunIllTitle07 h3.yunIll
{
	margin: 0em;
	padding: 0em;
	border-bottom: transparent;
}


#contentsArea	>p,
		p.mb0,
		p.mb20,
		p.mb30,
		table.mb20 tbody tr td p,
		table.pl30 tbody tr td p,
		div.approachFrame3 div p,
		div.approachFrame3List1 div p,
		table tbody tr td.pr20 p,
		div.regionLeft220 p,
		div.regionLeft220 div.mb05 p,
		div.regionLeft380 p,
		div.regionLeft380 div.regionRight112 p,
		div.regionLeft420 p,
		div.regionRightList p,
		div.regionRight180 p,
		div.regionRight220 p,
		div.regionRight380 p,
		div.regionFrame div.frameBottom div.photo p,
		div.regionFrame div.frameBottom div.text p,
		div.regionFrame div.frameBottom div.text div.region2Bg p,
		div.region3List div.region3List1 p,
		div.region3List div.region3List2 p,
		div.region3List div.region3List3 p,
		div.ProvideIndex dl dd p,
		div.ProvideDwLd dl dd p,
		div.schoolIndex div.schoolIndexleft div.schoolCasesIndex p,
		div.schoolIndex div.schoolIndexRight div.schoolCasesIndex p,
		table.schoolCases2Table tbody tr td p.schoolCases2Read,
		div.effortLeft160 p,
		div.effortLeft220 p,
		div.effortLeft260 p,
		div.effortLeft380 p,
		div.effortRight220 p,
		div.effortRight340 p,
		div.effortRight380 p,
		div.effortRight440 p
{
	margin: 0em;
	padding: 0em;
}

#contentsArea	div.approachPoint1 div.list ul li,
#contentsArea	div.approachPoint2 div.list ul li,
#contentsArea	div.approachPoint3 div.list ul li,
#contentsArea	div.approachPoint4 div.list ul li,
#contentsArea	div.approachMain1 div.list ul li,
#contentsArea	div.approachMain2 div.list ul li,
#contentsArea	div.approachMain3 div.list ul li,
#contentsArea	div.approachMain4 div.list ul li,
#contentsArea	div.balanceList div ul li
{
	margin:	0em 0em 0.62em 0em;
}


#contentsArea	div.approachFrame1 div,
		div.approachFrame2 div,
		div.approachFrame3 div
{
	padding: 0em 1.18em 1.18em 1.18em;
}

#contentsArea	div.approachFrame1 div p,
		div.approachFrame2 div p,
		div.approachFrame3 div p,
		div.useIndex div.useIndexLeft p,
		div.useIndex div.useIndexRight p,
		div.yunNavi1 p.mb12,
		div.yunNavi2 p.mb12,
		div.yunNavi3 p.mb12		
{
	padding: 0em;
}


#contentsArea	div.approachFrame1 div table tbody tr td p,
		div.approachFrame4 div table tbody tr td p
{
	margin: 0em;
}

#contentsArea	div.approachFrame4 div
{
	padding: 0.18em 1.18em 1.18em 1.18em;
}

#contentsArea	div.box600 p
{
	margin: 0em;
	padding: 0em;
}

#contentsArea	div.regionRightList
{
	float: none;
	padding: 0em 0em 0em 30em;
}

#contentsArea	div.regionMainB div.list ul li
{
	margin: 0em 0em 0.82em 0em;
}


#contentsArea	div.regionRightList div.region2List ul li
{
	margin: 0em 0em 0.87em 0em;
	background: transparent;
}

#contentsArea	div.regionFrame div.frameBottom ul li
{
	background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/approach/img/region_list_point.gif") no-repeat 2px 5px;
	padding: 0em 0em 1.25em 0.93em;
}

#contentsArea	div.regionMainC div.list ul li
{
	margin: 0em 0em 0.82em 0em;
}



#contentsArea	table.chartTableDesign tbody tr td,
		table.useBalanceTable tbody tr th,
		table.useBalanceTable tbody tr td,
		table.useRuleTable01 tbody tr th,
		table.useRuleTable01 tbody tr td,
		table.useRuleTable02 tbody tr th,
		table.useRuleTable02 tbody tr td,
		table.useTrainingTable tbody tr th,
		table.useTrainingTable tbody tr td,
		table.eachfoodTable tbody tr th,
		table.eachfoodTable tbody tr td,
		table.useServingTable tbody tr td
{
	border: solid 0.06em #000000;
}

#contentsArea	table.useSvTable01 tbody tr th,
		table.useSvTable01 tbody tr td
{
	width: auto;
	border: solid 0.06em gray;
}




#contentsArea	div.stagesdFramebody
{
	padding: 0em 0em 0.06em 0em;
}


#contentsArea	div.box600 table tbody tr td p.stagesdKoma01,
#contentsArea	div.box600 table tbody tr td p.stagesdKoma02
{
	padding: 3.75em 0em 0.62em 12.5em;
}

#contentsArea	div.guideArea h2
{
	background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/guide/img/h2_circle.gif") no-repeat 2px top;
	margin: 0em 0em 1.87em 0em;
	padding: 0.93em 0em 1em 5.81em;
}


#contentsArea	div.guideList h3
{
	width: auto;
	height: auto;
	border-bottom: transparent;
}

#contentsArea	h3.useTrainingH3,
		h3.yunMessage
{
	border-bottom: transparent;
}

#contentsArea	div.guideList div ul li
{
	margin: 0.62em 0em 0em 0em;
	padding: 0.25em 0.62em 0.62em 0.62em;
	background: transparent;
}

#contentsArea	div.schoolIndex div.schoolIndexleft div.schoolCasesIndex h4,
		div.schoolIndex div.schoolIndexRight div.schoolCasesIndex h4
{
	border-left: transparent;
}

#contentsArea	div.useSvFrame h4
{
	border-left: transparent;
	padding:0em;
}


#contentsArea	div.schoolIndex div.schoolIndexleft div.schoolCasesIndex,
		div.schoolIndex div.schoolIndexRight div.schoolCasesIndex
{
	padding-bottom: 0.37em;
}

#contentsArea	div.schoolsPoint div.point ul li,
#contentsArea	div.schoolsPoint2 div.point ul li,
#contentsArea	div.usePoint div.point ul li
{
	padding: 0.62em 0em 0.68em 0em;
}

#contentsArea	div.schoolIndex div.schoolIndexleft div.schoolIndexbox01 p,
		div.schoolIndex div.schoolIndexleft div.schoolIndexbox02 p,
		div.schoolIndex div.schoolIndexleft div.schoolIndexbox03 p,
		div.schoolIndex div.schoolIndexRight div.schoolIndexbox01 p,
		div.schoolIndex div.schoolIndexRight div.schoolIndexbox02 p,
		div.schoolIndex div.schoolIndexRight div.schoolIndexbox03 p
{
	margin: 0em;
}

#contentsArea	div.useSvFrame,
#contentsArea	div.yunIllContents div.yunIllBox04,
#contentsArea	div.messageFrame
{
	width: auto;
}

#contentsArea	p.yunPoint
{
	margin: 0em 0emz 1.25em 0em;
	padding: 0em 1em;	
}


#contentsArea	div.box600 div.useList ul li
{
	background: url("https://www.maff.go.jp/j/syokuiku/zissen_navi/yun/img/use_point.gif") no-repeat left 5px;
	padding: 0em 0em 0.62em 0.93em;
}

#contentsArea	div.rerationFrame
{
	padding-bottom: 0.56em;
}

#contentsArea	p.eachfoodTitle1,
#contentsArea	p.eachfoodTitle2,
#contentsArea	p.eachfoodTitle3,
#contentsArea	p.eachfoodTitle4,
#contentsArea	p.eachfoodTitle5
{
	padding-left: 0.62em;
	margin-bottom: 0.62em;
}

#contentsArea	p.linkArrow,
#contentsArea	p.linkArrow a
{
	padding: 0em 0em 0em 1.25em;
}