@charset "utf-8";
@import "/css/template.css";
/*------------------------------------------------------------
	お料理TOP
------------------------------------------------------------*/
#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.middle {
	margin: 0 0 20px;
	
	clear: both;
}

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

#conts #ranking {
	margin-bottom: 30px;
}

#conts #ranking .leftBox {
	width: 319px;
	
	float: left;
}

#conts #ranking .rightBox {
	width: 319px;
	
	float: right;
}

#conts #ranking .box {
	margin: 50px 0;
}

#conts #ranking .floatL {
	margin-right: 20px;

	float: left;
}

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

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

#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.miniPhoto02 {
	padding: 0 0 70px;
	float: left;
}

	 * html #conts img.miniPhoto02 {
		margin: 0 0 70px;
		/*Mac IE用ハック*/
		/*\*//*/
		margin: 0;
		/**/
		float: left;
	}

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

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


#conts .box02 {
	margin: 0 30px 50px 0;
}

#conts .box02 p.right {
	color: #fff;
}

#conts .box02 p {
	margin: 0;
	padding-top: 5px;

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

#conts p.right a {
	padding-left: 15px;
	background: url(/img/food/top/arrow.gif) no-repeat 0 2px;
}

#conts .box03 {
	margin: 0 30px 50px 0;
}

#conts .box03 h4 {
	text-align: right;
}

#conts .box03 p {
	margin: 0;
	padding-top: 5px;

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

#conts .box03 p.right {
	color: #fff;
	text-align: right;
}

#conts #course .thumb {
	width: 210px;
	height: 140px;
	background-image: url(/img/food/top/photo02_over.jpg);
	display: block;
}

#conts #nabe .thumb {
	width: 210px;
	height: 140px;
	background-image: url(/img/food/top/photo08_over.jpg);
	display: block;
}

#conts #anArticle .thumb {
	width: 210px;
	height: 140px;
	background-image: url(/img/food/top/photo03_over.jpg);
	display: block;
}

#conts #lunch .thumb {
	width: 210px;
	height: 140px;
	background-image: url(/img/food/top/photo04_over.jpg);
	display: block;
}

#conts #drink .thumb {
	width: 210px;
	height: 140px;
	background-image: url(/img/food/top/photo05_over.jpg);
	display: block;
}

#conts #course .thumb:hover,
#conts #nabe .thumb:hover,
#conts #anArticle .thumb:hover,
#conts #lunch .thumb:hover,
#conts #drink .thumb:hover {
	background-color: #fff;
}

#conts #course .thumb:hover img,
#conts #nabe .thumb:hover img,
#conts #anArticle .thumb:hover img,
#conts #lunch .thumb:hover img,
#conts #drink .thumb:hover img {
	visibility: hidden;
}

#conts .minicorse {
	margin: 0 20px 70px 0;
}