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

/* ----- ▼グローバルメニュー ----- */
#g_menu {
	width:100%;
	height:50px;
	display:block;
	margin:10px auto 5px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}
#g_menu > ul {
	display:flex;
	margin:0;
	padding:0;
	list-style: none;
  font-size: 100%;
  background-color:#fff;
}
#g_menu > ul li {
	padding:0;
	margin: 0;
	position: relative;
	list-style: none;
	width: 33.3%;
	flex-grow: 1;
}
#g_menu > ul li a {
	border-right: 1px solid #2bbd07;
	height:50px;
	text-align:center;
	background: linear-gradient(0deg, #18ff00, #f7f7f7) !important;
	margin: 0;
	padding: 0;
	color:#000;
	display: block;
	text-decoration:none;
	background-image:none;
	line-height:50px;
	font-size:105%;
	box-sizing: border-box;
}
#g_menu > ul li a.g_left {
	border-right: 0px solid #2bbd07;
}
#g_menu > ul li a:hover {
	background: linear-gradient(0deg, #24880b, #5aff31 ) !important;
	color:#fff;
	display: block;}
#g_menu > ul li a.m_on {
	background: linear-gradient(0deg, #24880b, #5aff31 ) !important;
	color:#fff;
}

#g_menu ul li ul {
	top: 50px;
	position: absolute;
	margin:0;
	padding:0;
}
#g_menu ul li ul li {
	overflow: hidden;
	height: 0;
	transition: 0.2s;
	width:100%;
}
#g_menu ul li ul li a {
	border-top: 1px solid #ccc;
	width:190px;
	font-size:85%;
}
#g_menu ul li:hover > ul > li {
  overflow: visible;
  height: 50px;
}

#g_menu ul li.sp_menu {
	display:none;
}

/* ----- ▲グローバルメニュー ----- */

#headerSub {
	width: 100% !important;
	margin: 52px 0 0 0px !important;
	text-align: right;
}
#headerSub a {
	font-size: 90%;
	text-decoration: none;
}
#headerSub a:hover {
	color: #ff6c00;
}
#localArea p {
	padding: 0 10px !important;
}
.triangle-right:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #ff8218;
	margin-right: 5px;
}