@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :dishes.css
 author     :Ability Consultant
style info  :お料理ページ
=================================================================== */
/*-----------------------------------------------------------
	#con_imgmain 	メインイメージ
-----------------------------------------------------------*/
#con_imgmain {
	background: url(../dishes/images/img_main.jpg) center 0 no-repeat black;
}


/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 40px;
	overflow: hidden;
}

.con_intro .box_intro {
	overflow: hidden;
}

.con_intro .box_intro h3 {
	margin: 0 0 20px;
}

.con_intro .box_intro .txt {
	float: left;
	width: 450px;
	padding-bottom: 20px;
}

.con_intro .box_intro .img_r {
	float: right;
	position: relative;
	margin-top: -46px;
	z-index: 2;
}

.con_intro .img {
	clear: both;
	margin-top: -12px;
}


/* -----------------------------------------------------------
	.m_page
----------------------------------------------------------- */
#dishes .m_page {
	background: url(../dishes/images/bg_m_page.jpg) center top no-repeat;
	padding-top: 25px;
	min-height: 199px;
	margin-bottom: 60px;
}

#dishes .m_page h3 {
	text-align: center;
	margin-bottom: 10px;
}

#dishes .m_page ul {
	text-align: center;
}

#dishes .m_page ul li {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	padding: 0 7px;
}


/* -----------------------------------------------------------
	.con_ingredient
----------------------------------------------------------- */
#dishes .con_ingredient h3 {
	margin-bottom: 30px;
}

#dishes .con_ingredient .con_zaogyu {
	background: #fff;
	padding-bottom: 20px;
	border: 2px solid #111;
	margin-bottom: 50px;
}

#dishes .con_ingredient .con_zaogyu h4 {
	margin-top: -2px;
	margin-bottom: 5px;
}

#dishes .con_ingredient .con_zaogyu .box_zaogyu h5 {
	margin-bottom: 20px;
	text-align: center;
}

#dishes .con_ingredient .con_zaogyu .box_zaogyu ul {
	width: 701px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	border: 1px solid #111111;
	background: url(../dishes/images/bg_zaogyu.png) center 0 repeat-y;
}

#dishes .con_ingredient .con_zaogyu .box_zaogyu ul li {
	float: left;
	margin-left: 1px;
	width: 213px;
	padding: 0 10px 10px 10px;
}

#dishes .con_ingredient .con_zaogyu .box_zaogyu ul li:first-child {
	margin-left: 0;
}

#dishes .con_ingredient .con_zaogyu .box_zaogyu ul li .img {
	margin: 0 -10px 10px -10px;
}

#dishes .con_ingredient .con_zaogyu .box_zaogyu ul li h6 {
	margin-bottom: 5px;
}

#dishes .con_ingredient .btn_plan {
	text-align: center;
}

#dishes .con_ingredient .con_komenokobuta {
	background: #fff;
	padding-bottom: 20px;
	border: 2px solid #111;
	margin-bottom: 50px;
}

#dishes .con_ingredient .con_komenokobuta h4 {
	margin-top: -5px;
	margin-bottom: 5px;
}

#dishes .con_ingredient .con_komenokobuta .box_komenokobuta h5 {
	margin-bottom: 20px;
	text-align: center;
}

#dishes .con_ingredient .con_komenokobuta .box_komenokobuta .box_shabushabu_komekonobuta {
	width: 701px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	border: 1px solid #111111;
}

#dishes .con_ingredient .con_komenokobuta .box_komenokobuta .box_shabushabu_komekonobuta .img_l {
	float: left;
	margin-right: 30px;
}

#dishes .con_ingredient .con_komenokobuta .box_komenokobuta .box_shabushabu_komekonobuta .box_r {
	padding: 15px;
}

#dishes .con_ingredient .con_komenokobuta .box_komenokobuta .box_shabushabu_komekonobuta h6 {
	/* padding-top: 15px; */
	margin-bottom: 10px;
}

#dishes .con_ingredient .con_komenokobuta .box_komenokobuta .box_shabushabu_komekonobuta .txt {
	overflow: hidden;
	padding: 0 30px 0 0;
}

#dishes .con_ingredient .btn_plan {
	text-align: center;
}


/* -----------------------------------------------------------
	.con_kaiseki
----------------------------------------------------------- */
#dishes .con_kaiseki {
	overflow: hidden;
	margin-bottom: 50px;
}

#dishes .con_kaiseki h3 {
	margin-bottom: 30px;
}

#dishes .con_kaiseki .box_slide {
	margin-bottom: 20px;
}

#dishes .con_kaiseki .box_l .btn_plan {
	margin-top: 20px;
}


/* -----------------------------------------------------------
	.con_morning
----------------------------------------------------------- */
#dishes .con_morning h3 {
	margin-bottom: 30px;
}

#dishes .con_morning .box_morning {
	overflow: hidden;
	margin-bottom: 25px;
}

#dishes .con_morning .box_morning .img_l {
	float: left;
}

#dishes .con_morning .box_morning .box_r {
	float: right;
	width: 196px;
	min-height: 200px;
	position: relative;
	padding-bottom: 154px;
}

#dishes .con_morning .box_morning .box_r .img {
	position: absolute;
	bottom: 0;
}

#dishes .con_morning .box_oshinagaki {
	border: 3px solid #3a1c15;
	margin-bottom: 45px;
}

#dishes .con_morning .box_oshinagaki .bg_bottom {
	background: url(../dishes/images/bg_oshinagaki_bottom.jpg) right bottom no-repeat;
}

#dishes .con_morning .box_oshinagaki .bg_top {
	background: url(../dishes/images/bg_oshinagaki_top.jpg) right 0 no-repeat;
	overflow: hidden;
}

#dishes .con_morning .box_oshinagaki h4 {
	float: left;
	border-right: 3px solid #3a1c15;
	padding: 20px 10px 20px 10px;
}

#dishes .con_morning .box_oshinagaki .box_r {
	float: left;
	width: 678px;
	padding: 16px 5px;
}

#dishes .con_morning .box_oshinagaki .box_r dl {
	border-bottom: 1px dotted #707070;
	padding: 10px 15px;
	overflow: hidden;
}

#dishes .con_morning .box_oshinagaki .box_r dl.last {
	border-bottom: none;
}

#dishes .con_morning .box_oshinagaki .box_r dt, #dishes .con_morning .box_oshinagaki .box_r dd {
	font-size: 90%;
	float: left;
}

#dishes .con_morning .box_oshinagaki .box_r dt {
	width: 22%;
	margin-right: 3%;
}

#dishes .con_morning .box_oshinagaki .box_r dd {
	width: 75%;
}

#dishes .con_morning .box_service {
	overflow: hidden;
}

#dishes .con_morning .box_service .img_l {
	float: left;
}

#dishes .con_morning .box_service .box_r {
	width: 330px;
	float: right;
}

#dishes .con_morning .box_service .box_r .txt {
    margin-bottom: 5px;
}

#dishes .con_morning .box_service .box_r h4 {
	margin-bottom: 10px;
}

#dishes .con_morning .box_service .box_r .img {
	text-align: right;
	margin-top: 20px;
}