@charset "UTF-8";

/* //////////////////////////////////////////////////

料理

////////////////////////////////////////////////// */

#pagetit {
	background-image: url(../img/bg_pagetit.jpg);
}
#pagetit h2 img {
	width: 25.3%;
}

#sec01 {
	padding: 20px 0 10px;
	background: url(../img/bg_sec1.png) no-repeat left 10px;
	background-size: 100%;
}
#sec01 h3 {
	margin-bottom: 5px;
}
#sec01 .pic {
	float: right;
	width: 55%;
	margin: 5px -10px 0 -50px;
}

#sec02 {
	margin-bottom: 30px;
	background: #472823;
}
#sec02 h3 {
	margin-bottom: 15px;
}
#sec02 .pic {
	width: 40%;
	padding-right: 10px;
}
#sec02 p {
	color: #fff;
}
#sec02 .ul-table {
	padding: 5px;
	border-spacing: 5px;
}


#sec03 {
	padding-bottom: 30px;
}
#sec03 .ac_btn {
	background: url(../img/icn_open.png) no-repeat right 10px center, url(../img/bg_sec3_01.png) no-repeat right bottom, #FFF;
	background-size: 26px auto, 78px 39px;
}
#sec03 .ac_btn h3 {
	padding: 15px 10px 10px;
	background: url(../img/bg_border.png) repeat-x bottom;
	background-size: 6px 2px;
}
#sec03 .ac_btn:before {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: url(../img/bg_bar.jpg) repeat-x left top;
	background-size: 300px 6px;
}
#sec03 .ac_btn.active {
	background: url(../img/icn_close.png) no-repeat right 10px center, url(../img/bg_sec3_01.png) no-repeat right bottom, #FFF;
	background-size: 26px auto, 78px 39px;
}
#sec03 .ac_content {
	padding: 15px 10px 2px;
	background: #fff;
}
#sec03 .ac_content dl {
	float: left;
	width: 48.3%;
	margin-right: 3.4%;
	margin-bottom: 15px;
}
#sec03 .ac_content dl:nth-of-type(2n) {
	margin-right: 0;
}
#sec03 .ac_content dl dd {
	padding-top: 10px;
	line-height: 1.4;
}
#sec03 .ac_content dl dd span {
	font-size: 10px;
}


#sec04 {
	margin-bottom: 20px;
	padding: 20px 0 15px;
	background: url(../img/bg_bar2.png) repeat-x top left, url(../img/bg_sec4.jpg) no-repeat top;
	background-size: 300px 6px, cover;
}
#sec04 h3 {
	float: left;
	width: 17%;
}
#sec04 .pic01 {
	float: right;
	width: 81.6%;
}
#sec04 .pic02 {
	width: 30%;
}