@charset "Shift_JIS";

/***************************
　展開事例
***************************/



#menu {
	width: 732px;
	height: 70px;
	margin-right: -20px;
	margin-bottom: 20px;
	background: url(images/navi.jpg) no-repeat;
}

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

#menu li a {
	display: block;
	width: 173px;
	height: 70px;
	text-indent: -9999px;
}

#menu li#m1 a:hover { background: url(images/navi.jpg) no-repeat 0 -70px; }
#menu li#m2 a:hover { background: url(images/navi.jpg) no-repeat -183px -70px; }
#menu li#m3 a:hover { background: url(images/navi.jpg) no-repeat -366px -70px; }
/*#menu li#m4 a:hover { background: url(images/navi.jpg) no-repeat -549px -70px; }*/

#senior  #menu li#m1 a { background: url(images/navi.jpg) no-repeat 0 -70px; }
#school   #menu li#m2 a { background: url(images/navi.jpg) no-repeat -183px -70px; }
#overseas   #menu li#m3 a { background: url(images/navi.jpg) no-repeat -366px -70px; }
/*#overseas #menu li#m4 a { background: url(images/navi.jpg) no-repeat -549px -70px; }*/


.box p {
	line-height: 1.3;
}


#content-left {
	float: left;
	width: 455px;
}


#content-right {
	float: right;
	width: 230px;
	margin-bottom: 5px;
	padding: 10px 10px 5px;
	background: #F0EFE0;
}

#content #content-right h3 {
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 1.2;
}

#content #content-right p {
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 1.2;
}


/*--------------------------
　高齢者施設・介護食
--------------------------*/

#senior .box {
	background: #FAF7F1 url(images/senior_column_bg.gif) no-repeat 314px 115px;
}

#senior .box h3 {
	margin: -58px -20px 10px -20px;
	padding-bottom: 0;
	border: none;
}


/*--------------------------
　学校給食
--------------------------*/

#school .box {
	padding: 15px 15px 5px;
	zoom: 1;
}

#school .box h3 {
	position: relative;
	left: -18px;
	top: -91px;
	width: 720px;
	margin: 0 -36px -81px 0;
	padding-bottom: 0;
	border: none;
}


/*--------------------------
　海外展開
--------------------------*/

#washoku {
	background: url(images/overseas_pic.jpg) no-repeat right;
	margin-bottom: 15px;
	padding: 0 273px 0 0;
	min-height: 173px;
	height: auto !important;
	height: 173px;
}

#bento {
	clear: both;
	background: url(images/overseas_column_pic.jpg) no-repeat right top;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 340px 0 0;
	min-height: 237px;
	height: auto !important;
	height: 237px;
}