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

 file name  :comparison.css
 style info :栄養素比較
=================================================================== */
h3 {
	height:44px;
	background:#fff url("../img/comparison/h_comparison.gif") 0 0 no-repeat;
	text-indent:-9999px;
}
#what_comparison {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	background:#fff url("../img/secret/bg_p_border.gif") 0 bottom no-repeat;
	color:#515151;
}
h4 {
	color:#84affe;
	font-size:120%;
	float:left;
	width:400px;
}
h4 span{
	color:#515151;
	font-size:70%;
	padding-left:5px;
	font-weight:normal;
}
#what_comparison dl {
	float:left;
	display:block;
	width:350px;
	margin-top:40px
}
#what_comparison dl dt {
	width:200px;
	float:left;
	display:inline;
	padding-left:25px;
	margin-left:25px;
}
#crown_one{
	background:#fff url("../img/comparison/crown_one.gif") left center no-repeat;
}
#crown_two{
	background:#fff url("../img/comparison/crown_two.gif") left center no-repeat;
}
#crown_three{
	background:#fff url("../img/comparison/crown_three.gif") left center no-repeat;
}
#what_comparison dl dd {
	float:right;
	color:#fe8584;
	width:100px;
}
#what_comparison img {
	float:right;
	width:300px;
	padding-right:50px;
	margin-bottom:10px;
}
#what_comparison p {
	clear:both;
	padding:10px;
	margin:10px;
	border:#fe8584 double 3px;
}
#chart {
	clear:both;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:20px;
	border-bottom:#fe8584 dotted 1px;
}
#chart dl {
	float:left;
	width:230px;
	text-align:center;
}
#chart dl dt img {
	display:block;
}
#chart dl dd {
	border-bottom:#515151 double 3px;
	border-top:#515151 double 3px;
	background-color:#c8dbfa;
	color:#515151;
	margin:3px;
	font-weight:bold;
}
#chart ul {
	clear:both;
	display:block;
	padding:10px;
	color:#fe8584;
}