/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* *******************************************************
clear fix
******************************************************* */
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }


/* *******************************************************
Common
******************************************************* */
body{
	font-size:81.3%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wrapper{
	width:950px;
	margin:0 auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.center{
	text-align:center;
}

a{
	color:#009944;
}

a:hove{
	text-decoration:underline;
	
}

em{
/*	color:#ff0000;2017/12/25delete*/
}

.frame{
	padding:2px;
	border: solid 1px #ccc;
}

.pdf{
	background:url(../img/icon_pdf.gif) no-repeat right 0;
	padding-right: 20px;
}

.remarkable{
	background:url(../img/bg_workshop_event.gif) repeat 0 0;
	margin-top:10px;
	padding:20px 0;
   position:relative;
   overflow:hidden;
}

.remarkable ul{
   position:relative;
   left:50%;
   float:left;
   margin:0;
}

.remarkable li{
   position:relative;
   left:-50%;
   margin:0;
   background:url(../img/arrow_green.gif) no-repeat left;
   padding-left:8px;
   line-height: 2em;
}

.innerLink_box{
	border: solid 3px #89c997;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 0 20px;
}

.top_10{
	margin-top:10px;
}

.bottom_20{
	margin-bottom:20px;
}	


span.red {
	color: red;
}	
	
/* *******************************************************
header
******************************************************* */
#header{
	width:980px;
	margin:0 auto;
	font-size:0.923em;
	background:url(../img/bg_hader.jpg) no-repeat right 20px;
}	

#header h1{
	float:left;
	margin-top:26px;
	padding-bottom:15px;
}

#header #priNavi{
	float:right;
}

#header #priNavi ul{
	float:left;
	margin-top:12px;
}

#header #priNavi ul li{
	float:left;
	padding:0 5px;
	border-right:1px solid #CCC;
}

#header #priNavi ul li.last{
	border:none;
}

#header #priNavi ul li a{
	color:#333;
	text-decoration:none;	
}

#header #priNavi ul li a:hover{
	color:#009944;
	text-decoration: underline;
}

#header #priNavi #text_size{
	float:right;
	background: #FFF;
	border:solid 1px #89c997;
	border-top:none;
	padding:9px;
	margin-left: 7px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	   filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#header #priNavi #text_size h1{
	margin-top: 3px;
	padding-bottom: 0;
}

#header #priNavi #text_size h1,#header #priNavi #text_size a{
	float:left;	
}

#header #priNavi #text_size a.minus,#header #priNavi #text_size a.plus{
	width:18px;
	height:18px;
	overflow:hidden;
	margin-left:6px;
	text-indent:-9999px;
}

#header #priNavi #text_size a.minus{
	background:url(../img/minus.png) no-repeat 0 0;
}

#header #priNavi #text_size a.plus{
	background:url(../img/plus.png) no-repeat 0 0;
}

#header #priNavi #text_size a.minus:hover{
	background:url(../img/minus_ov.png) no-repeat 0 0;
}

#header #priNavi #text_size a.plus:hover{
	background:url(../img/plus_ov.png) no-repeat 0 0;
}


/* *******************************************************
footer
******************************************************* */
footer{
	margin-top: 30px;
}

footer #page_top{
	width:950px;
	margin:0 auto;
}

footer #page_top p a{
	border-radius: 100px 100px 0 0;
	border:solid 1px #ccc;
	border-bottom:none;
	background: url(../img/bg_workshop_event.gif) repeat 0 0;
	color:#009944;		
	display: block;
	padding: 30px 20px 10px 20px;
	text-decoration:none;
}

footer #page_top p a:hover{
	background: url(../img/bg_common.gif) repeat 0 0;
	color:#fff;	
}

#footer{
	padding:0 0 7px 0;
	border-top: solid 1px #ccc;
	clear:both;
	background: #FFF;
}

#footer #footer_navi{
	border-bottom: solid 1px #ccc;
}

#footer #footer_navi ul{
	width:950px;
	margin:0 auto;
	padding:9px 0 7px 0;
}

#footer #footer_navi ul li{
	float: right;
	padding:0 5px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#footer #footer_navi ul li.last{
	border-right:none;
}

#footer #footer_navi ul li a{
	color:#333;
	text-decoration:none;
	font-size:85%;
}

#footer #footer_navi ul li a:hover{
	color:#009944;
	text-decoration: underline;
}

#footer #footer_wrapper{
	width:940px;
	margin:0 auto;
	font-size:0.923em;
	line-height:1.6em;
	padding-top: 10px;
}

#footer #footer_wrapper em{
	font-weight:bold;
	color: #333;
}

#footer #footer_wrapper small{
	margin-top:3em;
	line-height:1.4em;
	color:#999;
}


/* *******************************************************
gMenu
******************************************************* */
#gMenu {
	clear:both;
	background: url(../img/bg_gmenu.png) repeat-x 0 0;

background: url(../img/bg_gmenu.png) repeat-x 0 0 -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: url(../img/bg_gmenu.png) repeat-x 0 0 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
background: url(../img/bg_gmenu.png) repeat-x 0 0 -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: url(../img/bg_gmenu.png) repeat-x 0 0 -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: url(../img/bg_gmenu.png) repeat-x 0 0 -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: url(../img/bg_gmenu.png) repeat-x 0 0 linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}

#gMenu ul{
	width:980px;
	margin:0 auto;
}

#gMenu ul li{
	float:left;
	font-size:1.077em;
}

#gMenu ul li a{
	display:block;
	padding:16px 22px 14px 23px;	
	color:#FFF;
	text-decoration:none;
	border-left:1px solid #777;
	
}

#gMenu ul li.last a{
	border-right:1px solid #777;
	padding-right: 32px;
	display:block;
}

#gMenu ul li a:hover,#gMenu ul li a.active{
	display:block;
	background: rgba(225, 225, 225, 0.2);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33ffffff,endcolorstr=#33ffffff,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff)";
zoom:1;
}


/* *******************************************************
Bread
******************************************************* */
#bread{
	margin-bottom:20px;
}

#bread ul{
	width:980px;
	margin:0 auto;]
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-radius:0 0 5px 5px / 0 0 5px 5px;
	background:#f7f7f7;
	
}

#bread ul li{
	float:left;
	background:url(../img/bg_bread_li.gif) no-repeat right ;
	padding: 10px 17px 7px 5px;
}

#bread ul li.first{
	/*background:none;*/
	padding: 7px 12px 5px 10px
}


/* *******************************************************
mainVisual
******************************************************* */
#mainVisual{
	width:980px;
	margin:20px auto 0 auto;
	position:relative;
	overflow:hidden;
}


#news{
	padding:20px;
	width:205px;
	height:288px;
	overflow:hidden;
	z-index:9;
	background:url(../img/bg_news.png) no-repeat 0 0;
	position:absolute;
	top:37px;
	right:37px;
	font-size:0.923em;
}

#news h1{
	margin-bottom:11px;
	color: #009944;
	font-weight: bold;
	font-size:120%;
}

#news dl dt{
	font-weight:bold;
	color: #ff7000;
	padding-top: /*5px*/10px;
}

#news /*dt,*/dd{
	line-height:1.8em;
	padding-left: 10px;
}

#news dl dd { padding-bottom: 10px;/**/ }

#news ul li{
	line-height:1.2em;
}


#news .news dt{
	line-height:1.8em;
	padding-left: 10px; }

/* *******************************************************
workshop_event
******************************************************* */
.workshop_event{
	width:450px;
	margin-top:30px;
	border:solid 5px #89c997;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

.workshop_event_header{
	background:url(../img/bg_workshop_event.gif) repeat 0 0;		
}

.workshop_event h1{
	float:left;
}

.workshop_event h1 img{
	margin:-23px 0 0 -20px;
}

.workshop_event ul{
	float:right;
	padding:10px 10px 10px 0;
	min-height: 38px;
	width:380px;
}

.workshop_event ul li{
	float:left;
	margin-left:15px;
	background:url(../img/arrow_green.gif) no-repeat left;
	padding-left:7px;
	line-height:1.6em;
	font-size:0.923em;
}

.workshop_event ul li a{
	text-decoration:none;
	white-space:nowrap;
}

.workshop_event ul li a:hover{
	text-decoration:underline;
}

.workshop_event dl{
	clear:both;
	padding:10px;
}

.workshop_event dt{
	clear:left;
}

.workshop_event dl dt{
	float:left;
	padding-left:7px;
	width:6em;
	background: url(../img/arrow_green.gif) no-repeat left;
}

.workshop_event dl dd{
	padding-left:7em;
}

.workshop_event dl dt,.workshop_event dl dd{
	line-height:1.8em;
	font-size:0.923em;
}

.workshop_event dl dt,.workshop_event dl dd a{
	vertical-align:top;
}

.workshop_event dl dd em{
	margin-right:7px;
}

/* *******************************************************
feature
******************************************************* */
#feature{
	clear:both;
	padding-top:30px;
}

#feature h1{
	color:#FFF;
	font-weight:bold;
	background:url(../img/bg_common.gif) repeat 0 0;	
	font-size:1.231em;
	padding:12px 10px 8px 17px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px; 
}

#feature ul{
	margin-right:-20px;
	padding:10px 0;
}

#feature ul li{
	width:230px;
	float:left;
	margin-right:10px;
	line-height:1.8em;
}

#feature ul li span{
	padding: 0 10px;
	display: block;
	line-height: 1.5em;*/
}

#feature ul li.last{
	margin-right:0;
}

#feature ul li a img{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px; 
	border:solid 5px #89c997;
}
	
#feature ul li a img:hover{
	border:solid 5px #009944;
}

/* *******************************************************
banner
******************************************************* */
#banner{
	clear:both;
	margin:20px 0;
	padding-top:20px;
	border-top:solid 1px #ccc;
}

#banner ul li{
	float:left;
	margin-right:20px;
}


/* *******************************************************
Common
******************************************************* */
#vidual_wrapper{
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#vidual_common{
	margin-bottom:30px;
	border:solid 3px #89c997;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;	
}

#vidual_common h1{
	font-size:1.846em;
	margin:30px;
}

#vidual_common h2{
	margin: -20px 0 25px 22px;
}





/* *******************************************************
Common Main
******************************************************* */
.main{
	width:710px;
	float:left;
}

.main .contents_wrapper{
	border: solid 1px #89c997;
	border-radius:10px;
	padding:40px 20px;
	margin-bottom:20px;
	line-height:1.6em;
}

.main h1{
	background:url(../img/bg_common.gif) repeat 0 0;
	border-radius:10px 10px 0 0 / 10px 10px 0 0;
	font-size:1.231em;
	color:#fff;
	padding:10px 0 9px 18px;
}

.main .h1_contents_wrapper{
	border-left: solid 1px #89c997;
	border-bottom: solid 1px #89c997;
	border-right: solid 1px #89c997;
	border-radius: 0 0 10px 10px / 0 0 10px 10px;
	padding:10px 20px 20px 20px;
	margin-bottom:20px;
	line-height:1.6em;
}

.main .h1_contents_wrapper table{
	/margin-bottom:2em;	/*ie67*/
}

.main .h1_contents_wrapper h2,
.main .h1_contents_wrapper h3,
.main .h1_contents_wrapper h4{
font-weight: bold;
margin: 1em;	
}

.main .h1_contents_wrapper h3{
	color:#ff7000;
}

.main .h1_contents_wrapper h4{
	margin: 0;
}

.main .h1_contents_wrapper h2{
margin: 2em 0 1em;
background:#EEE;
padding: 7px 0 5px 12px;
border-radius: 30px;
}



.main .h1_contents_wrapper h2.first{
	margin-top:10px;
}

.main .h1_contents_wrapper p,
.main .h1_contents_wrapper ol,
.main .h1_contents_wrapper ul,
.main .h1_contents_wrapper dl{
	margin: 10px;
	line-height:2em;
}

.main .h1_contents_wrapper ol li,
.main .h1_contents_wrapper ul li {
/*text-indent: -2em;
padding-left: 2em;*/
	list-style-position: inside;
}

.main .h1_contents_wrapper ol li ul{
	margin:0;
}

.main .h1_contents_wrapper ol li ol li{
	list-style:none;
}

.main .h1_contents_wrapper dl dt{
	float:left;
	width:5em;
	font-weight:bold;
}

.main .h1_contents_wrapper dl dd{
	padding-left:5em;
}

.main .h1_contents_wrapper dl.em dt{
	width:7em;
}

.main .h1_contents_wrapper dl.em dd{
	padding-left:7em;
}

.caution{
	text-indent: -1em;
padding-left: 1em;
}

/* *******************************************************
Common Side
******************************************************* */

.side{
	width:220px;
	float: right;
}

.side h1{
	background:url(../img/bg_side_h1.gif) repeat-x left ;
	margin-bottom: 5px;
	font-size:1.077em;
	text-indent:10px;S
}

.side .side_font{
	background:#FFF;
	padding:0 5px;
}

.side .side_font strong{
	font-weight: bold;
}

.side ul.side_menu{
	border:solid 1px #89c997;
	margin-bottom:20px;
}

.side ul.side_menu li{
	padding: 0 5px;
	border-top: dotted 1px #ccc;	
}

.side ul.side_menu li.child{
	padding: 0 15px;	
}

.side ul.side_menu li a{
	display:block;
	line-height: 1em;
	background: url(../img/L_green.gif) no-repeat 10px;
	padding: 10px 0 8px 20px;
	text-decoration:none;
}

.side ul.side_menu li:hover,
.side ul.side_menu li.active{
	background:url(../img/bg_workshop_event.gif) repeat 0 0;
}



.side ul.side_menu li:first-child{
	border:none;
}

/*.side ul.side_menu li:first-child a{
	display:block;
	line-height: 1em;
	background: url(../img/arrow_green.gif) no-repeat left;
	padding: 10px 0 8px 8px;
	text-decoration:none;
}
*/








.side ul.banner{
	margin-bottom:20px;
}
.side ul.banner li{
	margin-bottom:10px;
}

.side ul.banner li a img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;	
-moz-box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
box-shadow: 1px 1px 5px #333;
}

.side ul.banner li a:hover{
   filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;	
}


/* *******************************************************
見出し背景画像
******************************************************* */
#vidual_common.report{
	background:url(../../report/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.security_system{
	background:url(../../security_system/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.about{
	background:url(../../about/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.membership{
	background:url(../../membership/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.supporting_member{
	background:url(../../supporting_member/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.sitemap{
	background:url(../../sitemap/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.sanitary{
	background:url(../../sanitary/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.privacy{
	background:url(../../privacy/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.inquiry{
	background:url(../../inquiry/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.food_life{
	background:url(../../food_life/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.workshop{
	background:url(../../workshop/img/bg_h1.jpg) no-repeat right top;
}

#vidual_common.event{
	background:url(../../event/img/bg_h1.jpg) no-repeat right top;
}











/* *******************************************************
Metabo Menu
******************************************************* */
#vidual_metabo{
	float:left;
	width:640px;
	margin-bottom:30px;
	padding:20px 30px;
	background:url(../../metabo_menu/img/bg_metabo_man.jpg) no-repeat right top;
	border:solid 1px #009944;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px; 	
}

#vidual_metabo p{
	width:388px;
	margin:15px 0;
	line-height:1.6em;
}

#vidual_metabo ul li{
	float:left;
	margin-right:10px;
}

#vidual_metabo ul li img{
	border:solid 1px #CCCCCC;
	padding:1px;
}


/* *******************************************************
Metabo Menu index
******************************************************* */
#metabo_index{
	float:right;
	width:260px;
	margin-bottom:30px;
}

#metabo_index h2{
	line-height: 0;
}

#metabo_index dl{
/*	overflow:auto; */
/*	height: 250px; */
/*	width: 258px; */
/*	border:solid 1px #FFCC00; */
	border-top:none;
	background:url(../../metabo_menu/img/bg_metaboIndex.gif) repeat 0 0  ;
}

#metabo_index dl dt	{
	width:50px;
	height:50px;
	margin-top:10px;
/*	margin-left:10px; */
}

#metabo_index dl dd{
	min-height:50px;
	margin-top:-50px;
	padding:0 0px 10px 70px;
	/*      上 右  下   左
	/*border-bottom:1px solid #FFCC00;*/
	line-height: 1.3em;
}

#metabo_index dl dd.last{
	border:none;
}

#metabo_index p{
	margin:8px 0 0 0;
	background:url(../img/arrow_green.gif) no-repeat left;
	padding-left:8px;
	float:right;
}

/* ************************
Metabo Recipe index 2014/06/11 インデックス部 iframe化
************************* */
iframe {
border: solid 1px #FFCC00;
}

#metabo_recipe_index{
/*	float:right; */
	width:241px;
/*	margin-bottom:30px; */
}

#metabo_recipe_index h2{
	line-height: 0;
}

#metabo_recipe_index dl{
/*	overflow:auto; */
/*	height: 250px; */
	width: 240px;
/*	border:solid 1px #FFCC00; */
	border-top:none;
	background:url(../../metabo_menu/img/bg_metaboIndex.gif) repeat 0 0  ;
}

#metabo_recipe_index dl dt	{
	width:50px;
	height:50px;
	margin-top:10px;
	margin-left:10px;
}

#metabo_recipe_index dl dd{
	min-height:50px;
	margin-top:-50px;
/*	margin-right:18px; */
	padding:0 10px 10px 70px;
	/*      上 右  下   左 */
	/*border-bottom:1px solid #FFCC00;*/
	line-height: 1.3em;
}

#metabo_recipe_index dl dd.last{
	border:none;
}




/* *******************************************************
Metabo Menu Dish
******************************************************* */
#metabo_dish{
	width: 630px;
	float:left;
}

#metabo_dish img{
	border: solid 1px #CCCCCC;
	padding:4px;
}

#metabo_dish h2{
	font-weight: bold;
	font-size:1.385em;
	margin-bottom: 20px;
}

#metabo_dish ul.btn{
	clear:both;
/*	width: 620px;
	background:#f7f7f7;
	padding:10px 0 0 10px;
	margin:20px -18px 30px 0;*/
}

#metabo_dish ul.btn li{
	float:left;
	line-height: 1.4em;
	margin:0 14px 15px 0;
	background:url(../img/btn_01.png) no-repeat 0 0;
	width:306px;
	height:48px;
	overflow:hidden;
	color:#fff;
	border:none;
	cursor: pointer;	
}
#metabo_dish ul.btn li.btn2{
	background:url(../img/btn_01-2.png) no-repeat 0 0;
	height:65px;
}

#metabo_dish ul.btn li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	margin-top: 13px;
}

#metabo_dish ul.btn li:hover{
	   filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;	
}

#nutrition{
	width:228px;
	float:right;
	margin-top: -25px;
	padding-top: 40px;
	margin-bottom: 20px;
	background:url(../../metabo_menu/img/bg_nutrition.png) no-repeat 0 0;
}

#nutrition h3{
		color:#009944;
		text-align:center;
		margin-bottom: 12px;
}

#nutrition dl{
	padding-bottom:45px;
	background:url(../../metabo_menu/img/bg_nutrition_bottom.png) no-repeat left bottom;
}

#nutrition dt{
	float:left;
	padding-left: 30px;
	padding-top: 1px;
}

#nutrition dd{
	text-align:right;
	background:url(../../metabo_menu/img/bg_nutrition_dd.png) repeat-y 0 0;
}

#nutrition dt,#nutrition dd{
	line-height:2em;
}

#nutrition dd span{
	display: block;
	margin:0 5px 0 3px;
	padding-right:30px;
	border-top: solid 1px #E2EFEF;	
}

#nutrition dd.last span{
	border-bottom: solid 1px #E2EFEF;
}


#recommend{
	width: 300px;
	float:right;
	margin-top: -8px;
	background:#f7f7f7;
}

#recommend h3{
	color:#009944;
	font-weight:bold;
	margin-bottom:10px;
	background: #fff;
	padding-bottom: 10px;
}

#recommend p{
	line-height:1.8em;
	padding:0 10px 10px 10px;
}


	
/* *******************************************************
Metabo Menu Pop up Contents
******************************************************* */
.inline_wrapper{
	width:461px;
	font-size:13px;
	line-height:1.2em;
}

.inline_wrapper h2{
	color:#058725;
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
}

.inline_wrapper h3{
	color:#333;
	clear:both;	
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
	padding-top:22px;
	border-top: solid 1px #ccc;
	font-weight:bold;
}

.inline_wrapper img{
	float:left;
	border: solid 1px #ccc;
	padding: 2px;
}

.inline_wrapper dl{
	width: 205px;
	float:right;
}

.inline_wrapper dl dt{
	float:left;
}

.inline_wrapper dl dd{
	text-align:right;
}

.inline_wrapper ol {
    margin-left: 2.0em;
}

.inline_wrapper li {
    text-indent: -2.0em;
    padding-top: 5px;
}





/* *******************************************************
Miyayashiki
******************************************************* */
#vidual_miyayashiki{
	float:left;
	position:relative;
	width:640px;
	margin-bottom:30px;
	padding:30px;
	border:solid 1px #009944;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px; 	
}

#vidual_miyayashiki h2{
	position:absolute;
	right:30px;
	top:30px;
}

#vidual_miyayashiki p{
	width:388px;
	margin:15px 0;
	line-height:1.6em;
}

#vidual_miyayashiki ul li{
	float:left;
	margin-right:10px;
}

#vidual_miyayashiki ul li img{
	border:solid 1px #CCCCCC;
	padding:1px;
}


/* *******************************************************
Miyayashiki Archive
******************************************************* */
#miyayashiki_archive{
	float:right;
	width:255px;
	height:319px;
	margin-bottom:30px;
	border: solid 1px #cccccc;
	background:#FFF;
}

#miyayashiki_archive h2{
	line-height: 1em;
	color:#FFF;
	font-size:1.231em;
	background:url(../img/bg_common.gif) repeat 0 0;
	padding: 15px 15px 12px 15px;
	border-bottom: solid 1px #ccc;
}

#miyayashiki_archive iframe{
border: solid 0px #FFF;
}


/*
#miyayashiki_archive ul{
	overflow: auto;
	height: 18em;
	padding:3px 15px 0 15px;
	/*border-bottom: solid 1px #ccc;*/
	/*height: 200px;*/
}
/*
#miyayashiki_archive ul li{
	overflow: auto;
	line-height: 1em;
	background:url(../img/arrow_green.gif) no-repeat left;
	padding:10px 0 8px 8px;
	border-bottom: dotted 1px #ccc;
}

#miyayashiki_archive ul li a{
	text-decoration:none;
}

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

#miyayashiki_archive p{
	background:url(../img/arrow_green.gif) no-repeat 15px;
		padding:22px 15px 13px 23px;	
}
*/


/* ************************
Miyayashiki index 2014/06/19 index部分iFrame化
************************* */
#miyayashiki_index{
	padding-left:10px;
}

#miyayashiki_index ul{
/*	overflow: auto; */
	height: 18em;
	padding:3px 15px 0 15px;
	/*border-bottom: solid 1px #ccc;*/
	/*height: 200px;*/
}

#miyayashiki_index ul li{
	overflow: auto;
	line-height: 1em;
	background:url(../img/arrow_green.gif) no-repeat left;
	padding:10px 0 8px 8px;
	border-bottom: dotted 1px #ccc;
}

#miyayashiki_index ul li a{
	text-decoration:none;
}

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

.miyayashiki_p{
	background:url(../img/arrow_green.gif) no-repeat 15px;
		padding:9px 15px 13px 23px;	
}


/* *******************************************************
Miyayashiki subject
******************************************************* */
#miyayashiki_subject{
	width: 510px;
	float:left;
	margin-bottom: 30px;
	padding-bottom:15px;
	padding:0 0 13px 15px;
	border-left: solid 1px #89c997;	
}

#miyayashiki_subject h2{
	font-size:1.385em;
	line-height:1.6em;
	border-bottom: solid 1px #89c997;
	margin-left: -30px;
	text-indent: 30px;
	margin-bottom: 12px;
}

#miyayashiki_subject h3{
	font-weight:bold;
	margin-top:1em;
		line-height:1.6em;	
}

#miyayashiki_subject p{
	line-height:1.6em;	
}

#monthly_menu{
	float:right;
	width:394px;
	height:325px;
	background:url(../../miyayashiki/img/bg_monthly_menu.gif) no-repeat 0 0;
	margin-bottom:30px;
	position:relative;
}

#monthly_menu h2,#monthly_menu h3, #monthly_menu p{
	position:absolute;
}

#monthly_menu h2{
	z-index:30;
	margin:-3px 0px 0 -2px;
}

#monthly_menu h3{
	z-index:20;
	bottom:20px;
	text-align:center;
	width:394px;		
}

#monthly_menu p{
	z-index:10;
	margin:15px 0 0 16px;
}



/* *******************************************************
Miyayashiki how to cook
******************************************************* */
#how2cook{
	clear:both;
}

#how2cook #recipe{
	float:left;
	width:264px;
	background:url(../../miyayashiki/img/bg_how2cook.gif) repeat 0 0;
}

#how2cook .h2_wapper{
	padding: 0 0 15px 15px;
	border-left: solid 1px #89c997;
	margin-bottom:20px;
}

#how2cook h2{
	border-bottom: solid 1px #89c997;
	padding:0 0 5px 30px;
	margin-left: -30px;
}
	
#how2cook #recipe h3{
	text-align:center;
	padding-top:15px;
}

#how2cook #recipe p{
	text-align:center;
	margin-top:15px;
	position:relative;
}

#how2cook #recipe p img{
	background:#FFF;
	padding:3px;
	border: solid 1px #CCC;
}

#how2cook #recipe p img.clip{
	position:absolute;
	background:none;
	border:none;
	top: -24px;
	left: 10px;
}

#how2cook #recipe dl{
		border-top:solid 1px #92755A;
	margin:15px;
	padding-bottom:15px;	
}


#how2cook #recipe dt{
	float:left;

}

#how2cook #recipe dd{
	text-align:right;
	border-bottom:solid 1px #92755A;

}

#how2cook #recipe dt,#how2cook #recipe dd{
	line-height:2em;
}


/* *******************************************************
Miyayashiki operation
******************************************************* */
#operation_01,#operation_02{
	width:666px;
	float:right;
}

#operation_01 ul,#operation_02 ul{
	margin-right:-20px;
	zoom: 1;
}

#operation_01 ul li,#operation_02 ul li{
float: left;
margin:0 15px 18px 0;
display:inline;

}

#operation_01 ul li img,#operation_02 ul li img{
float: left;
	background:#FFF;
	padding:3px;
	-moz-box-shadow: 2px 2px 8px rgba(000,000,000,0.4);
	-webkit-box-shadow: 2px 2px 8px rgba(000,000,000,0.4);
	box-shadow: 2px 2px 8px rgba(000,000,000,0.4);
}

#operation_01 ul li img.number,#operation_02 ul li img.number{
	padding:0;
	margin: 3px 0 0 -207px;
	vertical-align: top;
	-moz-box-shadow: none;
	-webkit-box-shadow:  none;
}

#operation_01 dl.text{
	padding-bottom:15px;
	line-height:1.6em;
	clear: both;
	background: #f7f7f7;
	padding: 15px;
	margin-bottom: 20px;
}

#operation_02 dl.text{
	padding:15px;
	line-height:1.6em;
	clear: both;
background: #f7f7f7;	
	width:403px;/*変更点*/
	float: left;/*変更点*/
	margin-right: 17px;	/*変更点*/
}

#operation_01 dl.text dt,#operation_02 dl.text dt{
	float:left;
	clear:both;
	width:2em;
}

#operation_01 dl.text dd,#operation_02 dl.text dd{
	padding-left:2em;	
}

#operation_01 h4{
	font-size: 135%;
	margin-bottom: 10px;
	color:#009944;
}


/* *******************************************************
Inquiry
******************************************************* */
form dl dd {
}

#inquiry dl{
	border-bottom:solid 1px #ccc;
}

#inquiry p{
	padding:0;
}

#inquiry .caution{
	color:#3ba0c5;
}


#inquiry dt{
	float:left;
	clear: both;
	white-space: nowrap;
}

#inquiry dd{
	padding-left:50%;
	border-top:solid 1px #ccc;
	padding-top: 6px;
padding-bottom: 5px;
}

#inquiry dd input{
	width:330px;
}

#inquiry dd.checkbox input{
	width: inherit;
}

#inquiry p.check_box{
	padding:0;
}

.border_top{
	border-top:solid 1px #ccc;
}

.border_bottom{
	border-bottom:solid 1px #ccc;
}


#inquiry textarea,#acl textarea{
	width: 100%;
	overflow:auto;
}

#inquiry .submit_wapper{
	margin:30px 0;
	float: left;
	left: 50%;
	position: relative;	
}

#inquiry .submit input{
	float: left;
	left: -50%;
	/left: -100%;
	position: relative;
}

 dt span,#inquiry p span{
	color:#CC0000;
}


#agree{
	position: relative;
	top: 2px;
	margin-right: 5px;
}

confirm_02 p span.errMsg,#inquiry p span.errMsg{
	color:#fff;
}

.confirm{
	text-align:center;
}


#inquiry input.btn{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:123%;
	background:url(../img/btn_01.png) no-repeat 0 0;
	width:306px;
	height:48px;
	overflow:hidden;
	color:#fff;
	border:none;
	cursor: pointer;
}


#inquiry .btn_back{
	display:block;
	background: url(../img/btn_02.png) no-repeat 0 0;
	width:106px;
	height:48px;
		cursor: pointer;
		float: left;
		padding-top: 10px;
font-size: 123%;
}

#inquiry .btn_back a{
		color:#fff;
		text-decoration:none;	
}

#inquiry input.btn:hover,#inquiry .btn_back:hover{
	   filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;	
}


#inquiry #confirm_02 dt,#inquiry #confirm_02 dd,#inquiry #confirm_02 dd p{
	margin:0;
	padding:0;
}

#inquiry #confirm_02 dt,#inquiry #confirm_02 dd{
	padding: 17px 0;
	min-height: 23px;
}






.PhoneFax dl{
	margin: 0 0 15px 0;
}
.PhoneFax dl dt{
margin: 0 0 5px;
font-weight: bold;
}

.PhoneFax dl dd span{
font-size: 197%;
color:#009944;
}


/* *******************************************************
Membership
******************************************************* */

table{
	width:100%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

table th,
table td{
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
vertical-align: middle;
padding: 10px 10px 7px 10px;
line-height: 1.6em;
font-size:95%;
}

table th{
	background-color:#EEE;
	white-space:nowrap;
}

.workshop table th{
	width:125px;	
}

table td .postspan{
	margin-right:1em;
}

table td .fax{
	margin-left:1em;
}

table tr.odd{
	background: #f7f7f7;
}



/* *******************************************************
大学生の食育レポート
******************************************************* */

body#foodED{
	background: #f4f1bc url(../../food_education/img/bg_body.png) no-repeat center 140px;
}

body#foodED header{
	background:#FFF;
}

#food_education #vidual_wrapper h1{
	margin:0px 20px 53px 10px;
	float:left;
}

#advisor{
	display:block;
	padding-top:130px;
	color:#fff;
	line-height:1.8em;
}

#food_education .report_pad{
	background: #fff url(../../food_education/img/bg_report_pad2.png) no-repeat bottom;
	padding-bottom:115px;
	-moz-box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
box-shadow: 1px 1px 5px #333;
}

#food_education .report_pad h1{
	text-align:center;
	color:#005426;
	font-weight:bold;
	font-size:169%;
	background:url(../../food_education/img/bg_report_pad_h1.png) no-repeat top;
	overflow:hidden;
	padding:72px 0 0 0;
}

#food_education .report_pad h2{
	font-size:115%;
	text-align:center;
	padding:17px 0 30px 0;
}

#food_education .report_pad header{
	margin-bottom:40px;
}

#food_education .report_pad .report_contents{
	margin:0 60px;
}

#food_education .report_pad .report_contents h3{
	font-weight:bold;
	font-size:115%;
	color:#005426;
	margin:2em 0 0.5em 0;
}

#food_education .report_pad .report_contents p{
	line-height:1.6em;
	margin-bottom:1em;
}

#food_education .report_pad .report_contents table{
	border:none;
	margin-bottom:1em;
}

#food_education .report_pad .report_contents table tr.odd{
	background:#fff;
}

#food_education .report_pad .report_contents table td{
	border:none;
}

#food_education .report_pad .report_contents table img{
	background:#FFF;
	padding:7px;
	-moz-box-shadow: 1px 1px 5px #333;
-webkit-box-shadow: 1px 1px 5px #333;
box-shadow: 1px 1px 5px #333;
}

/* *******************************************************
最近のレポート　
******************************************************* */
#FD_archive{
	float:right;
	width:220px;
	margin-bottom:30px;
	border: solid 1px #ccc;
	background:#FFF;
}

#FD_archive h2{
	line-height: 1em;
	font-size:1.231em;
	padding: 22px 15px 18px 15px;
	border-bottom: solid 1px #ccc;
	background: #eee url(../../food_education/img/bg_FD_archive.jpg) no-repeat 130px 0px;
}

#FD_archive ul{
	padding:3px 15px 0px 15px;
	/*border-bottom: solid 1px #ccc;*/
	/*height: 200px;*/
	overflow: auto;
}

#FD_archive ul li{
	line-height: 1em;
	background:url(../img/arrow_green.gif) no-repeat left;
	padding:10px 0 8px 8px;
	border-bottom: dotted 1px #ccc;
}

#FD_archive ul li a{
	text-decoration:none;
}

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

#FD_archive p{
	background:url(../img/arrow_green.gif) no-repeat 15px;
		padding:15px 15px 15px 23px;	
}


body#foodED .side .side_font{
	background:none;
}




/* *******************************************************
食育のチカラ
******************************************************* */

/*body#foodED2{
	background: #fff url(../../food_education2/img/bg_body.png) no-repeat center 140px;
}*/

body#foodED2{
  background-image:
    /*url("../../food_education2/img/bg_body.jpg"), /* 最前面の背景レイヤーの背景画像 */
    url("../../asaoka/img/bg_body.jpg"), /* 最前面の背景レイヤーの背景画像 */
    /*linear-gradient( to right, rgba(255,255,255,0),  #fff ),*/
   /* url("../../food_education2/img/background.jpg");*/
    url("../../asaoka/img/background.jpg");

  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	/*no-repeat,*/
	repeat;
}

body#foodED2 header{
	background:#FFF;
}

#food_education2 #vidual_wrapper h1{
	margin:0px 20px 53px 10px;
	float:left;
}

#advisor2{
	display:block;
/*	padding-top:100px;*/
	padding-top:90px;
	padding-right: 15px;
/*	color:#fff;*/
	color:#000;
	line-height:1.6em;
	text-align: right;
/*	text-shadow: 2px 2px 3px rgba(0,0,0,0.8)*/
	text-shadow: 2px 2px 3px rgba(255,255,255,1.0)
}

#food_education2 .report_pad{
	background: #fff /*url(../../food_education/img/bg_report_pad2.png)*/ no-repeat bottom;
	padding-bottom:30px;
	-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 1px 1px 5px #333;
}

#food_education2 .report_pad h1{
	text-align:center;
	color:#005426;
	font-weight:bold;
	font-size:169%;
	background:/*url(../../food_education/img/bg_report_pad_h1.png)*/ no-repeat top;
	overflow:hidden;
	padding:72px 0 0 0;
}

#food_education2 .report_pad h2{
	font-size:115%;
	text-align:center;
	padding:17px 0 30px 0;
}


.h3-11 {		position:relative;
				padding: 20px 0px 5px 35px;
				border-bottom:2px dotted #ccc;
				font-weight: bold;
				font-size: 20px;
				color: #333; }
.h3-11:before {	content:''; 
				border-radius:50px;
				-webkit-border-radius:50px;
				-moz-border-radius:50px; 
				height:12px; 
				width:12px; 
				display:block; 
				position:absolute; 
				top:24px; 
				left:18px; 
				background-color:#FF931A;/*小*/
				box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
				filter:alpha(opacity=50);
				-moz-opacity:0.50;
				-khtml-opacity: 0.50;
				opacity:0.50;
				z-index: 1; }
.h3-11:after {	content:''; 
				border-radius:30px;
				-webkit-border-radius:30px;
				-moz-border-radius:30px; 
				height:21px; 
				width:21px; 
				display:block; 
				position:absolute; 
				top:10px; 
				left:7px; 
				background-color:#8DE559;/*大*/
				box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset; }


#food_education2 .report_pad header{
	margin-bottom:40px;
}

#food_education2 .report_pad .report_contents{
	margin:30px;
	font-size: 110%;
	line-height: 1.6em;
}

.h3-3 {			border-bottom: solid 3px #FFCC4D;/*長い*/
				position: relative;
				font-size: 1.2em;
				margin-bottom: 15px; }
.h3-3:after {	position: absolute;
				content: " ";/*これがないと2色にならない*/
				display: block;/*これがないとサンドイッチラインになる*/
				border-bottom: solid 3px #ADF568;/*短い*/
				bottom: -3px;/*ここで太さの分マイナスすることで線を1本に見せる*/
				width: 10%; }

#food_education2 .report_pad .report_contents div{
	margin:30px 0px;
}

#food_education2 .report_pad .report_contents p{
	margin:10px 0px;
}

#food_education2 .report_pad .report_contents img{
	background:#FFF;
	width:240px;
	padding:5px;
	margin: 3px 20px 20px 20px;
	-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 1px 1px 5px #333;
}

/* modal */
.lock {			    overflow:hidden; }
.modal-content {    position:relative;
				    display:none;
				    width:650px;
				    max-height:70%;
				    margin:30px;
				    padding:20px;
				    border-radius:10px 0px 0px 10px;
				    background:#fff;
				    overflow:auto;
				    position:fixed;
				    z-index:3; }
.modal-content p {  margin:0; padding:0; }
.modal-overlay {    display:none;
				    position:fixed;
				    top:0;
				    left:0;
				    width:100%;
				    height:100%;
				    background-color:rgba(0,0,0,0.75);
				    z-index:1 !important; }
.modal-wrap {	    display:none;
				    position:fixed;
				    top:0;
				    left:0;
				    width:100%;
				    height:100%;
				    overflow:auto;
				    z-index:2; }
.modal-open {	    color:#00f; }
.modal-open:hover { cursor:pointer; color:#f00; }
.modal-close {	    font-weight:700; padding-bottom:10px; }
.modal-close a {	text-align:right; margin-top:20px; color:green; }
.modal-close:hover {cursor:pointer; color:#f00; }


/* *******************************************************
最近のレポート2(食育のチカラ)　
******************************************************* */
#FD_archive2{
	float:right;
	width:220px;
	margin-bottom:30px;
	border: solid 1px #ccc;
	background:#FFF;
}

#FD_archive2 h2{
	line-height: 1em;
	font-size:1.231em;
	padding: 22px 15px 18px 15px;
	/*border-bottom: solid 1px #ccc;*/
/*	background: url(../../food_education2/img/bg_FD_archive2.jpg) no-repeat /*#eee 130px 0px/;*/
	background: url(../../asaoka/img/bg_FD_archive2.jpg) no-repeat /*#eee 130px 0px*/;
}

#FD_archive2 ul{
	padding:3px 10px 0px 10px;
	overflow: auto;
	border: none;
	width: 180px;
	float: right;
}

#FD_archive2 ul li{
	line-height: 1.3em;
	background:url(../img/arrow_green.gif) no-repeat left;
	padding:10px 0 8px 8px;
	border-bottom: dotted 1px #ccc;
}

#FD_archive2 ul li a{
	text-decoration:none;
}

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

#FD_archive2 p{
		background:url(../img/arrow_green.gif) no-repeat 15px;
		padding:15px 15px 15px 23px;	
}

#FD_archive2 span {	background: #009944;
					color: #fff;
					border-radius: 10px;
					padding: 1px 3px 0px 3px;
					margin-right: 3px;
					font-size: 0.8em;
					}

body#foodED2 .side .side_font{
	background:none;
}


/* *******************************************************
サイトマップ
******************************************************* */

#sitemap h3{
	background: url(../img/L_green.gif) no-repeat left;
	padding: 0 0 0 10px;
}

#sitemap h4{
	background: url(../img/L_green.gif) no-repeat left;
	padding: 0 0 0 10px;
	margin:1em 1em 1em 3em;
}

#sitemap .h1_contents_wrapper section{
	width:324px;
	float:left;
	margin-right:20px;
}


/* *******************************************************
トップページ(index.html)
******************************************************* */
#top_news {
	border:1px solid #3EB134;
	margin-bottom:20px;
	padding:40px;
	font-size:1.25em;
	line-height:1.5em;
}
#top_news ul {
	margin:20px 20px 0px;
	line-height:1.65em;
}

/* *******************************************************
講習会
******************************************************* */
span.juyo {
	padding: 1px 5px 0px;
	color: #fff;
	background-color: red;
	font-weight: 700;
}