@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :shokuiku.css
 style info :shokuikuディレクトリページ用CSS
=================================================================== */

/* 基本レイアウト等の設定
----------------------------------------------------------- */
@import url("shokuiku_common.css");

/* -----------------------------------------------------------
	shokuiku	トップページ
		#shokuiku.index
----------------------------------------------------------- */
div#shokuiku {
	width: 738px;
	margin-bottom: 20px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#shokuiku:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#shokuiku h2 {
	height: 98px;
	margin-bottom: 13px;
	font-size: 2px; line-height: 1;
}

/* 	リンク
-----------------------------------------------------------*/
div#shokuiku a:link,div#shokuiku a:visited {color: #49820B; text-decoration: underline;}
div#shokuiku a:hover,div#shokuiku a:active {color: #A38943; text-decoration: none;}

div.recipeBox a:link,div.recipeBox a:visited {color: #5B4E00!important; text-decoration: underline!important;}
div.recipeBox a:hover,div.recipeBox a:active {color: #A38943!important; text-decoration: none!important;}

/* 	ピックアップ
-----------------------------------------------------------*/
div#pickupContainer {
	background: url(../img/index/bg-pickup.gif) repeat-y left top;
	width: 738px;
	margin-bottom: 14px;
}
div#pickupContainer div#pickupTop {
	background: url(../img/index/bg-pickup_tp.gif) no-repeat left top;
}
div#pickupContainer div#pickupBttom {
	background: url(../img/index/bg-pickup_bt.gif) no-repeat left bottom;
	padding: 10px 15px 5px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#pickupBttom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#pickupContainer h3 {
	float: left;
	height: 16px; line-height: 16px;
	margin-right: 35px;
}
div#pickupContainer dl {
	margin-left: 100px;
	line-height: 1.4;
}
div#pickupContainer dt {
	float: left;
	padding-bottom: 5px;
	color: #000000;
}
div#pickupContainer dd {
	margin-left: 7em; padding-bottom: 5px;
}

/* 	食育コラム
-----------------------------------------------------------*/
div#columContainer {
	background: url(../img/index/bg-colum_tp.gif) no-repeat left top #D2E965;
	width: 738px;
	margin-bottom: 20px;
}
div#columContainer div#columBttom {
	background: url(../img/index/bg-colum_bt.gif) no-repeat left bottom;
	padding: 7px 0 6px 17px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#columBttom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#columContainer div#columTitle {
	float: left;
	width: 159px;
	margin-right:28px; padding-top: 10px;
}
div#columTitle h3 {
	height: 23px;
	margin-bottom: 11px;
	font-size: 2px; line-height: 1;
}
div#columTitle p {
	height: 23px;
	font-size: 2px; line-height: 1;
}
div#columContainer div#columContent {
	float: left;
	width: 262px;
	margin-right: 88px; _margin-right: 86px;/* IE6 */ padding-top: 15px;
}
div#columContent p {
	margin-bottom: 0px;
	font-size: 2px; line-height: 1;
}
div#columContent p#btn {
	height: 19px;
	font-size: 2px; line-height: 1;
}
div#columContainer p.bnr {
	height: 73px;
	margin-bottom: 0;
	font-size: 2px; line-height: 1;
}

/* 	2カラム
-----------------------------------------------------------*/
div.double-columContainer {
	background: url(../img/index/bg-2colum.gif) repeat-y left top;
	width: 365px;
	margin-bottom: 12px; _margin-bottom: 0px;/* IE6 */
	color: #000000;
}
*:first-child+html div.double-columContainer {/* IE7 */
	margin-bottom: 0;
}
div.double-columContainer div.double-columTop {
	background: url(../img/index/bg-2colum_tp.gif) no-repeat left top;
}
div.double-columContainer div.double-columBttom {
	background: url(../img/index/bg-2colum_bt.gif) no-repeat left bottom;
	padding: 19px 19px 20px 18px; _padding: 19px 19px 5px 18px;/* IE6 */
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div.double-columBttom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
*:first-child+html div.double-columBttom {/* IE7 */
	padding: 19px 19px 5px 18px;
}
div.double-columContainer h3 {
	margin-bottom: 10px;
	font-size: 2px; line-height: 1;
}
/* -- 食育体験学習会 -- */
div#training {
	float: left;
}
div#training h3 {
	height: 51px;
}
div#training div div div {
	background: url(../img/index/line-2colum.gif) no-repeat left bottom;
	margin-bottom: 14px; padding-bottom: 12px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#training div div div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#training dt {
	float: left;
	height: 140px;
	margin:0 8px 15px 0;
	font-size: 2px; line-height: 1;
}
div#training dd {
	margin-left:168px;
	margin-bottom:3px;
}
div#training dd a {
	background: url(../img/index/icn-arrow_colum.jpg) no-repeat 0 3px;
	padding-left: 12px;
}
div#training dd.stydyEvent {
	background: url(../img/index/line-study.gif) repeat-x top left;
	padding-top: 5px;
}
div#training dd.stydyEvent a {
	background: url(../img/index/icn_arrow_study.gif) no-repeat 0 3px;
	padding-left: 12px;
}
div#training ul {
	padding-bottom: 10px;
}
div#training li{
	height: 61px;
	font-size: 2px; line-height: 1;
	float:left;
}
div#training ul.catering {
	padding-bottom: 15px;
	zoom:1;
}
div#training ul.catering:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
/* -- おすすめ健康レシピ -- */
div#recipe {
	float: right;
}
div#recipe h3 {
	height: 50px;
}
div#recipe p a {
	background: url(../img/index/icn-arrow_colum.jpg) no-repeat 0 3px;
	padding-left: 10px;
}
div#recipe div#theme {
	float:left;
	width:326px;
	background: url(../img/index/bg-theme.gif) repeat-y;
}
div#recipe div#themeTop {
	background: url(../img/index/bg-theme_tp.gif) no-repeat left top;
}
div#recipe div#themeBottom {
	background: url(../img/index/bg-theme_bt.gif) no-repeat left bottom;
}

#themeLink dl{
	clear:both;
	background:url(../img/index/line01.gif) repeat-x bottom;
	padding:10px 0 11px 0;
	zoom:1;
}
#themeLink dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
#themeLink dt{
	float:left;
	line-height:1;
	width:130px;
}
#themeLink dd{
	float:left;
	line-height:1.4;
	width:197px;
}
#themeLink dl.last{
	background:none;
	padding-bottom:0;
}

div#theme h4 {
	background: url(../img/index/icn-theme.gif) no-repeat 11px center;
	padding-left:30px;
	padding-top:8px;
	padding-bottom:8px;
	zoom:1;
	font-size: 117%;
	line-height: 1.3;
	color: #48810C;
	vertical-align:middle; 
}



div#recipe div#theme_material {
	float:left;
	margin-top:15px;
	width:326px;
	background: url(../img/index/bg-theme.gif) repeat-y;
}
div#recipe div#theme_materialTop {
	background: url(../img/index/bg-theme_tp.gif) no-repeat left top;
}
div#recipe div#theme_materialBottom {
	background: url(../img/index/bg-theme_bt.gif) no-repeat left bottom;
}
div#recipe div#theme_material h4 {
	background: url(../img/index/icn-theme.gif) no-repeat 11px center;
	padding-left: 30px;
	font-size: 117%; line-height: 2.2; color: #48810C; 
}

.material {
	padding-top:10px;
	margin-bottom: 10px!important;
	clear:both;
}
div#recipe p.material a{
	background:none;
	padding-left:0;
	line-height:2;
	letter-spacing:2px;
}


div#recipe div.recipeBox {
	background-color: #FFF3AB;
	width: 157px;
	padding: 12px 0 5px;
}
div#recipe div.recipeBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div.recipeBox dl {
	margin: 0 15px 0;
	text-align: center;
}
div.recipeBox dt {
	height: 82px;
	margin-bottom: 3px;
	font-size: 2px; line-height: 1;
}

/* 	農業体験
-----------------------------------------------------------*/
div#agriContainer {
	clear: both;
	background: url(../img/index/bg-agri.gif) repeat-y left top;
	color: #5A4F00;
}
div#agriContainer div#agriTop {
	background: url(../img/index/bg-agri_tp.gif) no-repeat left top;
}
div#agriContainer div#agriBottom {
	background: url(../img/index/bg-agri_bt.gif) no-repeat left bottom;
	margin-bottom: 13px; padding: 7px 0 0 18px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#agriBottom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#agriBottom div {
	float: left;
	width: 268px;
	padding-top: 8px; margin-right: 15px;
}
div#agriBottom h3 {
	height: 55px;
	margin-bottom: 10px;
	font-size: 2px; line-height: 1;
}
div#agriBottom div p a {
	background: url(../img/index/icn-arrow_colum.jpg) no-repeat 0 3px;
	padding-left: 10px;
}
div#agriBottom p.txt {
	float: left;
	width: 237px;
	_width:232px;
	padding: 8px 0 0 10px;
	margin: 0 15px 0 0; _margin: 0 8px 0 0;
}
div#agriBottom p.bnr {
	height: 96px;
	margin-bottom: 8px;
	font-size: 2px; line-height: 1;
}

/* 	バナーエリア
-----------------------------------------------------------*/
div#bnrContainer {
	background: url(../img/index/bg-bnr.gif) no-repeat left top;
	width: 738px;
	margin-bottom: 13px; padding: 7px 0;
}
div#bnrContainer ul {
	margin: 0 7px;
}
div#bnrContainer li {
	display: inline;
	height: 74px;
	font-size: 2px; line-height: 1;
}

/* 	イオン食育活動
-----------------------------------------------------------*/
div#aeon-shokuikuContainer {
	background: url(../img/index/bg-aeon.gif) repeat-y 0 15px;
	width: 738px;
	color: #452D07;
}
div#aeon-shokuikuContainer div#aeon-shokuikuTop {
	background: url(../img/index/bg-aeon_tp.gif) no-repeat left top;
}
div#aeon-shokuikuContainer div#aeon-shokuikuBottom {
	background: url(../img/index/bg-aeon_bt.gif) no-repeat left bottom;
	padding: 20px 18px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#aeon-shokuikuBottom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#aeon-shokuikuBottom div {
	width: 330px;
}
div#aeon-shokuikuContainer h3 {
	height: 18px;
	margin-bottom: 15px;
	font-size: 2px; line-height: 1;
}
div#aeon-shokuikuContainer p a {
	background: url(../img/index/icn-arrow_aeon.gif) no-repeat 0 3px;
	padding-left: 10px;
}



/* -----------------------------------------------------------
		マージン
----------------------------------------------------------- */
.marB0 {
	margin-bottom: 0px!important;
}
.marB10 {
	margin-bottom: 10px!important;
}
.marR8 {
	margin-right: 8px!important;
}
.marR13 {
	margin-right: 13px!important;
}
.marR9 {
	margin-right: 9px!important;
}