@charset "utf-8";
@import "/css/template.css";
/*------------------------------------------------------------
	昼膳
------------------------------------------------------------*/
#inConts {
	margin: 0 0 0 10px;
}

.copy {
	margin: 0 0 0 45px;
}

.copy01 {
	margin: 20px 0 30px 45px;
}

#conts h2 {
	margin: 0 0 15px;
	
	clear: both;
}

#conts h3 {
	margin: 0 0 15px;
	
	clear: both;
}

#conts h3.top {
	margin: 40px 0 15px;
}

#conts h3.middle {
	margin: 0 0 20px;
	
	clear: both;
}

#conts h4 {
	margin: 0 0 20px;
}

#conts .box03 h4.middle {
	position: absolute;
	top: 0px;
	left: 328px;
}

#conts p {
	margin: 0 0 15px;
	line-height: 1.5;
}

#conts p.middle {
	margin: 10px 0 25px;
}

#conts p.middle01 {
	margin: 10px 0 45px 50px;
}

#conts img.img {
	margin: 0 0 10px;
}

#conts img.right {
	margin: 0 10px 30px 20px;
	
	float: right;
}

#conts img.miniPhoto {
	margin: 0 20px 50px 0;
	float: left;
	
	clear: left;
}

#conts img.miniPhoto01 {
	margin: 0;
	float: left;
}

#conts img.photo {
	margin: 0 30px 0 0;
	float: left;
}

#container img.photo01 {
	margin: 0 45px 0 0;
	float: right;
}

#conts img.photo01 {
	margin: 0 0 0 30px;
	float: right;
}

#conts .grayBox {
	margin-bottom: 35px;
	height: 170px;
	background: #333;
	
	position: relative;
}

#conts .grayBox ul.one {
	padding: 15px 0 0;
	position: absolute;
	top: 0;
	left: 40px;
	/*Mac IE用ハック*/
	/*\*//*/
	top: 0;
	left: 40px;
	/**/
}

#conts .grayBox ul.two {
	padding: 15px 0 0;
	position: absolute;
	top: 0;
	right: 110px;
	/*Mac IE用ハック*/
	/*\*//*/
	top: 0;
	left: 350px;
	/**/
}

#conts .grayBox li {
	padding: 0 0 0 20px;
	background: url(/img/food/lunch/icon01.gif) no-repeat 0 9px;
	
	text-indent: -1px;
	line-height: 2;
}

#conts .grayBox li.space {
	margin-top: 30px;
}

#conts .box01 {
	margin: 0 50px 50px;
	width: 609px;
	height: 142px;
	
	position: relative;
}

#conts .box01 p.right {
	position: absolute;
	top: 125px;
	left: 240px;
	
	color: #fff;
}

#conts .box01 p.top {
	position: absolute;
	top: 60px;
	left: 240px;
	
	color: #fff;
}

#conts .box01 p {
	position: absolute;
	top: 35px;
	left: 240px;

	color: #ccc;
	font-size: 120%;
	line-height: 1.2;
}

#conts .box02 {
	margin: 0 50px 50px;
	width: 609px;
	height: 142px;
	
	position: relative;
}

#conts .box02 p.right {
	position: absolute;
	top: 100px;
	left: 240px;
	
	color: #fff;
}

#conts .box02 p {
	position: absolute;
	top: 35px;
	left: 240px;

	color: #ccc;
	font-size: 120%;
	line-height: 1.2;
}

#conts #boxBtm {
	margin-bottom: 10px;
}

#conts .box {
	margin: 0 0 50px 50px;
	height: 270px;
	background: url(/img/food/course/box_back.gif) no-repeat 85px 48px;
	
	position: relative;
}

#conts .box h4 {
	margin: 0 0 10px;
}

#conts .box p {
	line-height: 1.7;
}

#conts .box p.l {
	float: left;
}

#conts .box p.r {
	position: absolute;
	top: 37px;
	right: 45px;
		
	text-align: right;
}


#conts .boxOne {
	margin: 0 0 0 50px;
	
	position: relative;
}

#conts .boxOne h4 {
	margin: 0 0 10px;
}

#conts .boxOne p {
	margin: 0 0 30px;
	line-height: 1.7;
}

#conts .boxOne span.one {
	position: absolute;
	top:3px;
	right: 41px;
	
	color: #fff;
	font-size: 120%;
}

#conts .boxOne span.two {
	position: absolute;
	top: 95px;
	right: 41px;
	
	color: #fff;
	font-size: 120%;
}

#conts .boxOne span.three {
	position: absolute;
	top: 187px;
	right: 41px;
	
	color: #fff;
	font-size: 120%;
}