@charset "UTF-8";

/* ***********************************************************
*
* Since:     2013-01-08
* Editor:    contents
* Modified:  2013-01-08 by:contents TAZAKI
*
* ***********************************************************
*/

/* font-size===========================================

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%

===================================================== */

/* +++++++++++++++++++++++++++++++++++++++++++++++

     #service

+++++++++++++++++++++++++++++++++++++++++++++++ */






/* ------------------------

		.index
		
-------------------------- */

dl.catch{
	margin-bottom:5px;

	}

dl.catch dt{
	margin-bottom:20px;
}


dl.catch dd{
	margin-bottom:20px;
	padding:0 5px;

}


.btn-list {
	display: flex;
	gap: 10px;
	padding: 0 5px;
	margin-top: 20px;
	margin-bottom: 40px;

}
.btn-list li {
	width: calc( ( 100% - 10px ) / 2 );
}


#service .conBox{
	padding:0;
}


#service .conBox .imgR{
	float:right;
}
#service .conBox dl{
	position:relative;
	float:left;
	width:480px;
	margin-right:10px;
		
}
	#service .conBox dl.meal{
		width:340px;
	}
#service .conBox p.txt{
	float:left;
	width:475px;
	padding:0 0 0 5px;
	margin-right:10px;
}


#service .conBox dl dt.ssttl{
	background:url(../common/ssttl_bar.jpg) 0 0 repeat-y #E9E9E9;
	padding:8px 15px;
	margin-bottom:10px;
	font-weight:bold;
	color:#006632;
	font-size:116%;
		
}

#service .conBox dl dd{
	padding:0 0 0 5px;
	margin-bottom:15px;
}
#service .conBox dl dd.btn{
	position:absolute;
	right:10px;
	top:5px;	
}
	#service .conBox dl dd.btn a:hover img{
		opacity: 0.85;
		-moz-opacity: 0.85; /* Firefox */
		filter: alpha(opacity=85); /* IE6/7 */
		-ms-filter: "alpha(opacity=85)"; /* IE8 */
		/*background:#F6F3F0;*/
	}
	





/* ------------------------

		.meal
		
-------------------------- */

dl.aboutSec{
	background:url(../service/img/meal/about_box_mid.jpg) repeat-y 0 0 ;
	margin-bottom:20px;
	
}

dl.aboutSec dd{
	color:#333;
	padding:15px 30px 10px;
	min-height:160px;
	background:url(../service/img/meal/about_box_btm.jpg) 0 100% no-repeat;
	line-height:1.8;
	
}
dl.aboutSec dd span{
	font-size:124%;
	font-weight:bold;
	line-height:1.8;
}


#service .meal .conBox{
	padding:0 5px;
}


#service .meal .conBox .imgR{

}

#service .meal .conBox p.txt{
	float:left;
	width:440px;
	padding:5px 0px;
	margin-right:10px;
	line-height:1.8;
}



#service .meal .k_meal{
	width:700px;
	margin:0 auto 25px;	
	 
}
#service .meal .k_meal.select{
	margin:0 auto 25px;	
}

#service .meal .k_meal .floL{
	width:280px;	
}

#service .meal .k_meal .floR{
	width:410px;	
}

#service .meal .k_meal dl{
	border:1px dotted #008C8C;
	padding:10px;
}
	
	#service .k_meal dl.meal01{
	border:1px dotted #8C8C00;
	background:url(../service/img/meal/bg_mesh01.jpg) 0 0 repeat;
	height:60px;
	margin-bottom:10px;
	}
	#service .k_meal dl.meal02{
	height:98px;
	border:1px dotted #008C8C;
	background:url(../service/img/meal/bg_mesh02.jpg) 0 0 repeat;
		
	}
	#service .k_meal dl.meal03{
	height:190px;
	border:1px dotted #B25900;
	background:url(../service/img/meal/bg_mesh03.jpg) 0 0 repeat;

	}
	#service .k_meal.select dl.meal04{
	border:1px dotted #008C8C;
	background:url(../service/img/meal/bg_mesh02.jpg) 0 0 repeat;
	width:680px;
	
	}
	#service .meal .k_meal.select dl.meal04.floL,
	#service .meal .k_meal.select dl.meal04.floR{
		width:324px;
		height:65px;
		margin-bottom:10px;	
	}



.k_meal dl dt{
	font-size:108%;
	margin-bottom:8px;
}

	.k_meal dl.meal01 dt span{
	padding-right:3px;
	color:#8C8C00;
	font-size:93%;
	}
	.k_meal dl.meal02 dt span{
	padding-right:3px;
	color:#008C8C;
	font-size:93%;
	}
	.k_meal dl.meal03 dt span{
	padding-right:3px;
	color:#B25900;
	font-size:93%;
	}
	.k_meal dl.meal04 dt span{
	padding-right:3px;
	color:#008C8C;
	font-size:93%;
	}



.k_meal dl dd{
	font-size:11px;

}
.k_meal dl dd.info{
	padding-top:25px;
}


.k_meal dl.meal03 .imgR{
	width:260px;
	float:right;

}

.imgBox{
	width:640px;
	margin: 0 auto; 
}
.imgBox img{
	float:left;
	margin-right:30px;
	width:130px;
}
p.msg{
	border:1px dotted #008C8C;
	background:url(../service/img/meal/bg_mesh04.jpg) 0 0 repeat;
	color:#008C8C;
	padding:10px;
	text-align:center;
	font-size:108%;
	margin-bottom:25px;
	}