@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"; }
.btn {
	border: none;
}

#container { text-align: center; }

#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;
}


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

#mainArea .btn {
	padding: 0;
}

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

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

#mainArea h1 {
	width: auto;
	margin: 0em !important;
}


/* 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;
}


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

#globalArea {
	clear: both;
	width: 64.65em;
	height: 5.02em;
	background: url(/j/syokuiku/minna_navi/img/global_bg.gif) no-repeat left top;
}

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

#globalArea 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-left: 0;
}

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

#localArea #localNavi ul li ul li {
	background: url(/j/syokuiku/minna_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: #2ba412; text-decoration: none; }

#localArea #localNavi ul li ul li a:hover { background: url(/j/syokuiku/minna_navi/img/local_arrow_02.gif) no-repeat 20px 14px #e9f8e7; }

.localLink {
	background: url(/j/syokuiku/minna_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,
		.guideArea .guideTitle1 h2,
		.guideArea .guideTitle2 h2,
		.guideArea .guideTitle3 h2,
		.guideArea .guideTitle4 h2,
		.guideArea .guideTitle5 h2,
		.guideArea .guideTitle6 h2,
		.guideArea .guideTitle7 h2,
		.guideArea .guideTitle8 h2,
		.guideArea .guideTitle9 h2,
		.guideArea .guideTitle10 h2
{
	margin: 0em;
	padding: 0em;
	background-color: transparent;
}

#contentsArea>h3
{
	padding: 0em;
	border-bottom: transparent;
}

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

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


#contentsArea	>p,
#contentsArea	div p,
		div.mb06 p,
		div.mb25 p,
		div.mb45 p,
		div.box600 p,
		div.checkFrame3 p,
		div.clubTxt p,
		div.clubMemberPost p,
		div.resipeFrame p,
		div.topics2Text300 p,
		table tbody tr td p
{
	margin: 0em;
	padding: 0em;
}

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

#contentsArea	div.healthy_menu_point p,
		div.resipeMake div.block p.make,
{
	margin: 0em;
}

#contentsArea	div.box600 p.chartTitle1,
#contentsArea	div.box600 p.chartTitle2,
#contentsArea	div.box600 p.chartTitle3,
#contentsArea	div.box600 p.chartTitle4,
#contentsArea	div.box600 p.chartTitle5
{
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0.62em;
}

#contentsArea	div.box600 p.aboutGpFrame
{
	padding: 0.62em 1.75em 1.81em 8.12em;
}

#contentsArea	div.aboutCtFrame p.qText,
#contentsArea	div.aboutCtFrame p.aText
{
	padding: 0.37em 0em 1em 3.75em;
}

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

#contentsArea	table.chartTable th,
		table.chartTable td,
		table.topicsTable th,
		table.topicsTable td,
		table.topicsTable04 th,
		table.topicsTable04 td
{
	border: solid 0.06em #000000;
}

#contentsArea	p.aboutGpTitle6
{
	padding: 0em 0em 0em 0.62em;
}

#contentsArea	div.aboutList div ul li
{
	margin: 0em 0em 0.93em 0em;
}

#contentsArea	div.checkChart ul li,
		div.checkNavi ul li,
		div.recipeNavi ul li
{
	background: transparent;
}

#contentsArea	div.checkChart ul li img{
	margin: 0em 0em 0em 2.5em;
}

#contentsArea	div.checkChart ul li:first-child img{
	margin: 0em 0em 0em 1.25em;
}

#contentsArea	div.selectFrame1 p.selectRead,
#contentsArea	div.selectFrame2 p.selectRead,
#contentsArea	div.selectFrame3 p.selectRead,
#contentsArea	div.selectFrame4 p.selectRead,
#contentsArea	div.selectFrame5 p.selectRead
{
	margin: 0em;
	padding: 1.87em 1.87em 1.12em 12.7em;
	font-size: 125%;
}

#contentsArea	div.selectFrame1 p.selectText,
#contentsArea	div.selectFrame2 p.selectText,
#contentsArea	div.selectFrame3 p.selectText,
#contentsArea	div.selectFrame4 p.selectText,
#contentsArea	div.selectFrame5 p.selectText
{
	padding: 0em 1.87em 2.5em 14.06em;
}

#contentsArea	div.guideList li
{
	margin: 0em 0em 1.25em 0em;
}

#contentsArea div.clubList ul li
{
	background: url(/j/syokuiku/minna_navi/recipe/img/club_list_point.gif) no-repeat 17px;
	padding: 0em 0em 0em 2.37em;
	margin: 0em 0em 0.68em 0em;
}

#contentsArea div.healthy_menu_menu ul li
{
	background: url(/j/syokuiku/minna_navi/recipe/img/healthy_menu_point.gif) no-repeat left 4px;
	padding: 0em 0em 0em 1em;
	margin: 0em 0em 0.43em 0em;
}	

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

#contentsArea	div.point
{
	margin: 0em 0em 0em 2.81em;
}


#contentsArea	div.resipeMate div.resipe_manupage_spec_lblock_t1_cb img,
		div.resipeMate div.resipe_manupage_spec_lblock_t2_cb img,
		div.resipeMate div.resipe_manupage_spec_lblock_t3_cb img
{
	vertical-align:	auto;
}

#contentsArea	div.resipeMate p.mate,
		div.resipeMate div.resipe_manupage_spec_lblock_t2r_r
{
	width:	7.05em;
}

#contentsArea	div.resipeMate p.name,
		div.resipeMate p.mate
{
	margin: 0em;
	font-size: 1.00em;
}

#contentsArea	div.topicsIndexNavi dl.ml20
{
	margin-left: 1.0em !important;
}

#contentsArea	div.topicsIndexNavi p.linkArrow
{
	padding-left: 1.87em;
}

#contentsArea	div.relationFrame p.text,
#contentsArea	div.relationFrame p.inLink
{
	padding: 0em 2.18em 0.93em 2.18em;
}


#contentsArea>div.mb20
{
	font-size: 1.14em;
}