@charset "utf-8";


/* main_image
------------------------------------------------------------ */
#main_image {
	min-width: 960px;
	background-image: url(../../images/meal/index/main_img.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


/* article
------------------------------------------------------------ */
.article {}


/* section
------------------------------------------------------------ */
#sec1 {}
#sec1 ul {
	height: 50px;
}
#sec1 ul li {
	float: left;
	margin-right: 10px;
}
#sec2 {
	padding-top: 40px;
	background-image: url(../../images/meal/index/bg_1.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
#sec2 h4 {
	font-weight: bold;
}
#sec2 .linkBox {
	background-image: url(../../images/meal/index/bg_2.gif);
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #E6E6E6;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
#sec2 .linkBox ul {}
#sec2 .linkBox ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 220px;
	background-color: #FFFFFF;
}
#sec2 .linkBox ul li p {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#sec2 .linkBox ul li p.bt {
	text-align: right;
}
#sec2 .flowBox {
	height: 135px;
	width: 728px;
}
#sec2 .flowBox li {
	float: left;
	padding-right: 10px;
}
#sec2 .linkBox ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sec2 .linkBox ul {display: inline-table;}
* html #sec2 .linkBox ul {height: 1%;}
#sec2 .linkBox ul {display: block;}
#sec2 .linkBox ul {zoom:1;}

#sec3 {
	padding-top: 40px;
}
#sec3 ul {}
#sec3 li {
	border: 1px solid #E0E0E0;
	padding: 20px;
	margin-bottom: 20px;
	clear: both;
}
#sec3 li span {
	display: block;
	float: left;
}
#sec3 li span.photo {
	margin-right: 20px;
}
#sec3 li span.title {
	margin-bottom: 10px;
	width: 475px;
}
#sec3 li span.title a {
	color: #A34E76;
	text-decoration: none;
	font-weight: bold;
}
#sec3 li span.title a:hover {
	color: #FF9900;
}
#sec3 li span.text {
	margin-bottom: 10px;
	width: 475px;
}
#sec3 li span.bt {
	text-align: right;
	width: 475px;
}

#sec3 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sec3 ul li {display: inline-table;}
* html #sec3 ul li {height: 1%;}
#sec3 ul li {display: block;}
#sec3 ul li {zoom:1;}

