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

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

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

/* -----------------------------------------------------------
	サイドメニュー
----------------------------------------------------------- */

div#localNavi ul li.study a{
	background: url(../img/common/glb_navi/bg-navi_on.gif) no-repeat left top;
	font-weight: bold; color: #74561C;	padding: 7px 0 7px 25px; _padding: 4px 0 4px 25px;/* IE6 */
}
*:first-child+html div#localNavi ul li.study a {/* IE7 */
	padding: 4px 0 4px 25px;
}
body:first-of-type  div#localNavi ul li.study a {/* Safari3 */	padding: 7px 0 6px 25px;
}

/* -----------------------------------------------------------
	リンク
----------------------------------------------------------- */
div#study a:link,div#study a:visited {color: #49820B; text-decoration: underline;}
div#study a:hover,div#study a:active {color: #A38943; text-decoration: none;}
/* -----------------------------------------------------------
	study	各ページ共通
		#study
----------------------------------------------------------- */
div#study {
	margin-bottom: 20px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#study:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#study h2 {
	height: 71px;
	margin: 0 0 25px 1px;
	font-size: 1px; line-height: 1;
}

p#page_top {
	clear: both;
	text-align: right;
	height: 13px;
	margin-bottom: 70px;
	font-size: 1px; line-height: 1;
}

/* -----------------------------------------------------------
	study	トップページ
		#study.index
----------------------------------------------------------- */

/* 	体験学習会
-----------------------------------------------------------*/
div#studyBox {
	width: 740px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#studyBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#studyBox p#studyLeft {
	float: left;
	width: 400px;
	margin-bottom: 35px;
}
div#studyBox p#studyLeft img {
	height: 123px;
	margin-bottom: 20px;
	font-size: 2px; line-height: 1;
}
div#studyBox p#studyRight01 {
	float: right;
	height: 183px;
	margin-bottom: 15px;
	font-size: 2px; line-height: 1;
}
div#studyBox p#studyRight02 {
	float: right;
	height: 30px;
	margin-bottom: 35px;
	font-size: 2px; line-height: 1;
}

/* 	マップ
-----------------------------------------------------------*/
div#mapBox {
	clear:both;
	width: 740px; _width: 741px;/* IE6 */
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#mapBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#mapBox p#map {
	float: left;
	height: 344px;
	font-size: 2px; line-height: 1;
}
div#mapBox div {
	float: right;
	background: url(../study/img/index/bg-map_tp.gif) no-repeat left top;
	width: 454px;
	margin-bottom: 30px; padding-top: 17px;
}
div#mapBox div div {
	background: url(../study/img/index/bg-map_bt.gif) no-repeat left bottom #D2E965;
	width: 431px;
	margin: 0 0 0 23px;
}
div#mapBox div div div {
	background: none;
	float: left;
	width: 140px;
	margin: 0; padding: 0;
}
div#mapBox h3 {
	height: 39px;
	margin: 0 0 23px 17px;
	font-size: 2px; line-height: 1;
}
div#mapBox div dl {
	margin: 0 0 10px 32px;
}
div#mapBox div dl dt {
	margin-bottom: 10px;
}
div#mapBox div dl dd {
	background: url(../study/img/index/ico-map.gif) no-repeat 0 6px;
	margin-left: 10px; padding-left: 15px;
}

P.categtitle{
	clear:both;
}
.buttonArea li{
	float:left;
	padding-right:5px;
	padding-bottom:30px;
}
.buttonArea li.edge{
	padding-right:0;
}
h4.scoolListTitle{
	line-height:0.1;
	
}


/* 	バナー
-----------------------------------------------------------*/
div#bnrBox {
	width: 739px;
	margin-left: 1px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#bnrBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#bnrBox p {
	float: left;
	height: 71px;
	margin-bottom: 0;
	font-size: 2px; line-height: 1;
}
div#bnrBox ul li {
	float: right;
	height: 30px;
	margin-bottom: 10px;
	font-size: 2px; line-height: 1;
}
div#bnrBox ul li.end {
	margin-bottom: 0;
}


/* -----------------------------------------------------------
	study	実施店舗一覧ページ
		#study.shoplist
----------------------------------------------------------- */

/* 	これまでの実施店舗
-----------------------------------------------------------*/
.shoplist h3 {
	margin: 0 0 22px 1px;
}
.shoplist h4 {
	margin: 0 0 15px 1px;
}
table.shoplistBox {
	border-collapse: separate;
	width: 739px;
	margin: 0 0 15px 1px;
}
table.shoplistBox th.divisionsArea {
	background: url(../study/img/shoplist/bg-area.gif) no-repeat left top #FFC104;
	border-right: 3px solid #FFFFFF; border-bottom: 6px solid #FFFFFF;
	width: 96px;
	vertical-align: top;
}
th.divisionsArea p {
	background: url(../study/img/shoplist/ico-arrow.gif) no-repeat 0 5px;
	margin: 0 0 0 5px; padding-left: 20px;
	font-size: 117%; font-weight: bold; color: #3d3d3d;
}
table.shoplistBox th.shopArea {
	background: url(../study/img/shoplist/bg-shop.gif) no-repeat left top #FFE56A;
	border-bottom: 3px solid #FFFFFF;
	width: 100px;
	padding: 3px 10px 0 10px;
	vertical-align: top;
	font-weight: bold; color: #5c4e00;
}
table.shoplistBox th.otherType {
	border-bottom: 6px solid #FFFFFF;
}
table.shoplistBox th.end {
	border-bottom: none;
}
table.shoplistBox td {
	padding: 0 0 3px 15px;
	vertical-align: middle;
}
table.shoplistBox td.dayArea {
	width: 145px;
}

/* 	ボタン
-----------------------------------------------------------*/
.shoplist div#btnArea {
	width: 739px;
	margin: 0 0 15px 1px; padding-top: 10px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#btnArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#btnArea p#leftBtn {
	float: left;
	height: 30px;
	margin-bottom: 0;
	font-size: 2px; line-height: 1;
}
div#btnArea p#rightBtn {
	float: right;
	height: 30px;
	margin-bottom: 0;
	font-size: 2px; line-height: 1;
}

div.Links ul li a{
	background:url(../profile/img/index/ico-arrow.gif) no-repeat left 50%;
	padding-left:10px;
}

div#cateringBox{
	background:#e7f1b6;
	width:740px;
}
div#cateringBox h3{
	background:url(../study/img/index/bg-catering_header.gif) no-repeat top left;
	padding:17px;
}
div#cateringBox p{
	padding:0 17px;
}

div#cateringBox ul{
	padding:0 17px 17px 17px;
	background:url(../study/img/index/bg-catering_bottom.gif) no-repeat bottom;
	zoom:1;
}
div#cateringBox ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#cateringBox ul li{
	float:left;
	padding-right:17px;
}
div#cateringBox ul li.edge{
	padding-right:0;
}
/* -----------------------------------------------------------
	study	食育体験学習プログラム
		#study .program
----------------------------------------------------------- */
div.program {
	padding-bottom: 10px!important;
}

/* 	子供たちに食の大切さを知ってほしい
-----------------------------------------------------------*/
div.program div#foodImportant {
	float: right;
	background: url(../study/img/program/img-program01.gif) no-repeat right top;
	width: 535px;
	margin-bottom: 25px;
}
div#foodImportant h3 {
	margin-bottom: 20px;
}
div#foodImportant p#linkTxt {
	margin-bottom: 2em;
}
div#foodImportant p#linkTxt a {
	background: url(../img/index/icn-arrow_colum.jpg) no-repeat 0 5px;
	padding-left: 10px;
}

/* 	食育体験学習会プログラム
-----------------------------------------------------------*/
div.program div#timeSchedule {
	clear: both;
	background: url(../study/img/program/bg-program_tp.gif) no-repeat left top #FFF1B2;
	width: 739px;
}
div.program div#timeSchedule div#timeSchedule_bt {
	background: url(../study/img/program/bg-program_bt.gif) no-repeat left bottom;
	padding-bottom: 28px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#timeSchedule_bt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#timeSchedule div#timeSchedule_left {
	float: left;
	width: 420px;
}
div#timeSchedule div#timeSchedule_right {
	float: right;
	width: 283px;
	margin-top: -59px;
}
div#timeSchedule div.scheduleBox {
	padding-left: 18px;
	color: #68480f;
}
div.scheduleBox div.clockImg {
	display:table-cell;
	width: 55px;
	vertical-align:middle;
}
* html div.clockImg {/* IE6 */
	display:inline;
	zoom:1;
}
*:first-child+html div.clockImg {/* IE7 */
	display:inline;
	zoom:1;
}
div.clockImg p {
	margin-bottom: 0;
}
div.scheduleBox div.scheduleInner {
	display:table-cell;
	background: url(../study/img/program/bg-time_tp.gif) no-repeat left top #FFFFFF;
	width: 347px;
	vertical-align:middle;
}
* html div.scheduleInner {/* IE6 */
	display:inline;
	zoom:1;
}
*:first-child+html div.scheduleInner {/* IE7 */
	display:inline;
	zoom:1;
}
div.scheduleInner div.scheduleInner_bt {
	background: url(../study/img/program/bg-time_bt.gif) no-repeat left bottom;
	padding: 5px 10px 5px 13px;
}
div#timeSchedule p.scheduleArrow {
	margin: 15px 0 15px 55px;
	text-align: center;
}
div.scheduleInner dt {
	margin-bottom: 10px;
}
div.scheduleInner p {
	margin-bottom: 0;
}

div.program_footLinks {
	margin: 0 0 20px; padding: 0;
}


/* -----------------------------------------------------------
	study	応募・お問合せ
		#study .boshu
----------------------------------------------------------- */
div.boshu {
	padding-bottom: 10px!important;
}

/* 	子供たちに食の大切さを知ってほしい
-----------------------------------------------------------*/
div.boshu h3 {
	margin-bottom: 10px;
}
div.boshu dl dt {
	float: left;
	width: 99px;
}
div.boshu dl dd {
	padding-left: 117px;
	padding-bottom: 14px;
}
div.boshu dl dd ul#experienceList li {
	background: url(../study/img/boshu/icon-ring.gif) no-repeat 0 5px;
	padding-left: 15px;
}
div.boshu div#boshuFoot {
	background: url(../study/img/boshu/line.gif) repeat-x left bottom;
	margin-bottom: 19px; padding: 20px 0 21px 0;
}
div#boshuFoot p {
	margin-bottom: 0;
}
div.boshu p#boshuBtn {
	margin-bottom: 0;
}


/* -----------------------------------------------------------
	study	食育出前授業
		#study.delivery
----------------------------------------------------------- */

/* 	食育出前授業
-----------------------------------------------------------*/
div.delivery h3{
	margin-bottom:18px;
}

/* 概要 */
div.delivery div.outline{
	clear:both;
	width:739px;
	background:url(../study/img/delivery/bg-delivery.jpg) no-repeat right top;
}
div.delivery div.outline:after{
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

div.delivery div.outline dl{
	clear:both;
	width:351px;
	margin-top:26px;
}
div.delivery div.outline dl dt{
	float:left;
}
div.delivery div.outline dl dt img{
	margin-right:10px;
}
div.delivery div.outline dl dd{
	width:230px;
	margin:0 0 16px 0;
	float:left;
}
div.delivery div.outline em{
	font-weight:bold;
	color:#297300;
}

/* 概要[プログラム内容・申し込み先] */
div.delivery div.outline dl dt.nofloat{
	clear:both;
	margin:0 0 5px 0;
	width:351px !important;
}
div.delivery div.outline dl dd.nofloat{
	clear:both;
	margin:0 0 10px 0;
	width:351px !important;
}
div.delivery div.outline dl dt img{
	float:left;
}
div.delivery div.outline dl dt.nofloat em{
	line-height:21px !important;
	float:left;
}

/* 食育出前授業プログラム */
div.delivery h4{
	clear:both;
}
div.delivery div.delivery_prog{
	width:670px;
	margin-bottom:28px; padding:30px 27px 22px 27px;
	background-color:#FCFEE8;
	border:7px solid #DDF17E;
}
div.delivery div.delivery_prog ol li{
	margin-bottom:12px;
}
div.delivery div.delivery_prog ol li img{
	margin-right:15px;
}

div.delivery div.delivery_prog div.prog_images{
	width:670px; height:323px;
	background:url(../study/img/delivery/img-delivery_program.jpg) no-repeat left top;
	position:relative;
}
div.delivery div.delivery_prog div.prog_images p.Btn_agri{
	position:absolute;
	top:268px; left:390px;
}

/* ボタン */
div.delivery div#deliveryFoot{
	clear:both;
}
div.delivery div#deliveryFoot p#Btn_top{
	float:left;
}
div.delivery div#deliveryFoot p#Btn_schoollist{
	float:right;
}


/* -----------------------------------------------------------
	study	食育出前授業・これまでの実施学校
		#study.delivery_report #schoollist
----------------------------------------------------------- */
div.delivery div#schoollist{
	width:689px;
	margin-bottom:29px; padding:20px 20px 20px 20px;
	background-color:#358700;
	border:5px solid #DED59A;
}

div.delivery div#schoollist h4{
	height:30px;
	padding-left:33px;
	background:url(../study/img/delivery/schoollist/bg-h4_schoollist_title.gif) no-repeat left top;
}

div.delivery div#schoollist dl{
	width:689px;
	margin:10px 0 3px 0;
	color:#FFFFFF;
}
div.delivery div#schoollist dl:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

div.delivery div#schoollist dl dt{
	padding:0 0.5em;
	background-color:#C6E32F;
	text-align:center;
	color:#297300;
	font-weight:bold;
	float:left;
	width:10em;
}
div.delivery div#schoollist dl dd{
	margin-left:20px;
	float:left;
}
div.delivery div#schoollist dl dd a{
	color:#ffffff !important;
}

/* -----------------------------------------------------------
	study	食育出前授業・開催報告
		#study.delivery_report #delivery_report
----------------------------------------------------------- */
div.delivery div#delivery_report{
	width:688px;
	margin-bottom:29px; padding:20px 23px 20px 18px;
	background-color:#358700;
	border:5px solid #DED59A;
}
div.delivery div#delivery_report h4{
	min-height:37px;
	height:auto !important;
	height:37px;
	padding-left:70px;
	background:url(../study/img/delivery/report/bg_h4_delivery_report.gif) no-repeat left bottom;
	color:#ffffff;
	font-size:130%;
}

div.delivery div#delivery_report div#whiteboard{
	width:687px;
	background-color:#ffffff;
}
div.delivery div#delivery_report div#whiteboard div.whiteboard_tp{
	background:url(../study/img/delivery/report/bg-whiteboard_tp.gif) no-repeat left top;
}
div.delivery div#delivery_report div#whiteboard div.whiteboard_tp div.whiteboard_btm{
	margin:0; padding:34px 27px 63px 26px;
	background:url(../study/img/delivery/report/bg-whiteboard_btm.gif) no-repeat left bottom;
}

div.delivery div#delivery_report div#whiteboard div.whiteboard_tp div.whiteboard_btm h5.classtitle{
	width:634px;
	padding:8px 0 29px 0;
	background:url(../study/img/delivery/report/bg-h5_classtitle.gif) no-repeat left bottom !important;
	color:#1c8200;
	font-size:135%;
}

div.delivery div#delivery_report div#whiteboard div.whiteboard_tp div.whiteboard_btm h5.classtitle:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

div.delivery div#delivery_report div#whiteboard div.whiteboard_tp div.whiteboard_btm h5.classtitle img{
	float:left;
}
div.delivery div#whiteboard div.whiteboard_tp div.whiteboard_btm h5.classtitle span{
	width:521px;
	line-height:22px;
	float:left;
}

/* 今回の授業 */
div.delivery div#delivery_report div#class_detail{
	width:618px;
	margin:0; padding:0 8px;
}
																	
div.delivery div#delivery_report div#class_detail div.Class_DetailBox{
	width:261px;
	margin:0; padding:0 24px 0 24px; 
	float:left;
}
div.delivery div#delivery_report div#class_detail div.Class_DetailBox p{
	margin:0; padding:0;
}
div.delivery div#delivery_report div#class_detail div.Class_DetailBox p.subject{
	width:261px;
	margin:0; padding:10px 0 18px 0;
	text-align:center;
	color:#3f3010;
	font-weight:bold;
	font-size:117%;
}

div.delivery div#delivery_report div#class_detail2{
	width:566px;
	padding:0 31px 0 37px;
}

div.delivery div#delivery_report div#class_detail2 div.Class_DetailBox{
	width:283px;
	margin:0; padding:0; 
	float:left;
}

p.subject span{
	font-size:90%;
	font-weight:lighter;
}


/* 感想 */
div.delivery div#whiteboard div.whiteboard_tp div.whiteboard_btm div.impression{
	clear:both;	
	width:561px;
	margin:15px 18px 0 18px; padding:13px 19px 15px 19px;
	background-color:#ECF4A9;
}
div.delivery div#whiteboard div.whiteboard_tp div.whiteboard_btm div.impression:after{
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


div.delivery div#whiteboard div.whiteboard_tp div.whiteboard_btm div.impression ul{
	margin-top:10px;
}
div.delivery div#whiteboard div.whiteboard_tp div.whiteboard_btm div.impression ul li{
	margin:2px 0 0 0; padding:0 0 0 15px;
	background:url(../study/img/delivery/report/icon-circle.gif) no-repeat left 4px;
}

div.delivery div.impression div.study_comment{
	clear:both;
	width:559px;
	margin:18px 0 0 0; padding:0;
}

div.delivery div.impression div.study_comment p{
	margin:0; padding:0;
	text-align:center;
}
div.delivery div.impression div.study_comment div.Left{
	width:273px;
	margin:0; padding-right:13px;
	float:left;
}
div.delivery div.impression div.study_comment div.Right{
	width:273px;
	margin:0; padding:0;
	float:right;
}

div.delivery div.impression div.study_comment p.zoomup{
	padding:10px 0 0 0;
	line-height:15px;
}
div.delivery div.impression div.study_comment p.zoomup img{
	padding-right:7px;
	vertical-align:50%;
}

div.delivery div.impression div.study_comment p.zoomup a{
	color:#000000 !important;
	text-decoration:none !important;
}
div.delivery div.impression div.study_comment p.zoomup a:hover{
	color:#A38943 !important;
}

/* 感想（ポップアップ） */
body.popup_comment{
	
}
body.popup_comment #header{
	width:524px;
}
body.popup_comment #header p.closewindow{
	padding:18px 18px 0 0;
	float:right;
}

body.popup_comment div#contents {
	width:524px;
}
body.popup_comment div#contents div#popup{
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
}

body.popup_comment div#popup_footer{
	padding-top:15px;
	border-top:1px solid #DAC9D9;
}

ul.divisionList{
	zoom:1;
	padding-bottom:1px;
}
ul.divisionList:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
ul.divisionList li{
	float:left;
	padding-right:1px;
}
ul.divisionList li.edge{
	padding-right:0;
}
table.divishionTable {
	margin-bottom:1px;
}


table.divishionTable td{
	background:url(../study/img/index/tableborder.gif) bottom repeat-x;
	text-align:center;
	padding:5px 0;
	line-height:1.5;
}

table.divishionTable td.date {
	width:135px;
}

table.divishionTable td.date2 {
	width:150px;
}

table.divishionTable td.shop {
	width:180px;
}

table.divishionTable td.school {
	width:243px;
}

table.divishionTable td.school2 {
	width:250px;
}

table.divishionTable td.year {
	width:90px;

}

table.divishionTable td.year2 {
	width:140px;

}


div.scrollArea{
	width:739px;
	height:136px;
	overflow-x:hidden;
	overflow-y:auto;
	margin-bottom:10px;
}

p.shopListBtn{
	text-align:right;
	margin-bottom:35px;
}

p.studyYear{
	font-size:140%;
	font-weight:bold;
	color:#5c4e00;
	margin-bottom:6px;
}

p.btnTop {
	padding-top:30px;
}