@charset "utf-8";

/* -------------------------------
   CONTENTS-CATEGORY
 -------------------------------*/
#contents-recipecategory,#contents-recipegroup,#contents-recipedetail{
	margin:20px 0px;
	position:relative;
	width:900px;
	overflow:hidden;
}
#contents-recipecategory h3,#contents-recipegroup h3,#contents-recipedetail h3{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_recipe_title.gif') no-repeat #FFF scroll left top;
	height:40px;
	text-indent:-9999px;
	margin-bottom:20px;
}
#contents-recipegroup h3#arrangeimg{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_arrange_title.gif') no-repeat #FFF scroll left top;
}
#contents-recipegroup h3#recipeimg{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_recipe_title.gif') no-repeat #FFF scroll left top;
}
#contents-recipegroup h4,#contents-recipedetail h4{
	position:absolute;
	left:180px;
	top:24px;
	font-size:1.4em;
	line-height:100%;
}
#contents-recipegroup h4#arrangetype{
	left:210px;
}
#contents-recipegroup p.link,#contents-recipedetail p.link{
	position:absolute;
	right:20px;
	top:30px;
}
#contents-recipecategory-list,
#contents-recipecategory-info,#contents-recipegroup-recipe,
#contents-recipedetail-info{
	padding:0px 10px;
	overflow:hidden;
	width:880px;
}


/* -------------------------------
   RECIPECATEGORY-LIST
 -------------------------------*/
#contents-recipecategory-list ul.category{
	font-size:1.2em;
	width:880px;
	display:inline-table;
}
#contents-recipecategory-list ul.category li{
	margin:0px 30px 20px 0px;
	float:left;
}
#contents-recipecategory-list ul.category fieldset{
	width:260px;
	border:1px solid #BEBEBE;
}
#contents-recipecategory-list ul.category fieldset legend{
	line-height:130%;
	margin-left:10px;
}
#contents-recipecategory-list ul.subcategory{
	overflow:hidden;
	line-height:150%;
	font-size:0.9em;
	margin:5px 0px 20px 20px;
}
#contents-recipecategory-list ul.subcategory li{
	margin-bottom:5px;
	clear:both;
}


/* -------------------------------
   RECIPEGROUP
 -------------------------------*/
#contents-recipegroup-recipe,#contents-recipedetail-info{
	margin-bottom:20px;
}

#contents-recipegroup-recipe fieldset{
	border:1px solid #BEBEBE;
}
#contents-recipegroup-recipe fieldset legend{
	line-height:130%;
	font-size:1.2em;
	margin-left:10px;
}
#contents-recipegroup-recipe div.recipecol{
	display:inline;
	margin:0px 0px 20px 32px;
	padding:10px 0px;
	float:left;
	width:110px;
}
#contents-recipegroup-recipe div.separator{
	clear:both;
}
#contents-recipegroup-recipe div.recipecol img{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:3px;
	width:100px;
}
#contents-recipedetail div.info{
	margin-bottom:20px;
	padding:5px;
	border:1px solid #BEBEBE;
	background-color:#F2F2F2;
}
#contents-recipedetail div.info p.subtitle{
	font-size:0.9em;
	font-style:italic;
	margin-bottom:3px;
}
#contents-recipedetail div.info h5{
	font-size:1.4em;
	margin-bottom:5px;
}
#contents-recipedetail div.comment img{
	background-color:#FFF;
	margin:0px 0px 10px 10px;
	border:1px solid #CCC;
	padding:3px;
	height:200px;
	float:right;
}
#contents-recipedetail div.comment p.title{
	font-weight:bold;
	text-decoration:underline;
	font-size:1.1em;
	margin-bottom:5px;
}
#contents-recipedetail div.comment p.explanation{
	margin-bottom:15px;
	font-size:1.1em;
}
