@charset "utf-8";
/*@charset "Shift_JIS";
*/@import "common.css";
@import "main.css";

/*
------------------------------------------------------------------------
Main Wrap Set
----------------------------------------------------------------------*/

div#main_wrap div#main_visual{
	clear:both;
	width:740px;
	height:270px;
	background:url(../images/top/main_visual.jpg) no-repeat left top;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

/*
------------------------------------------------------------------------
Contents Wrap Set
----------------------------------------------------------------------*/

div#contents_wrap h2#main_visual{
	width:740px;
	height:200px;
	background:url(../images/about/2_about.jpg) no-repeat left top;
	text-indent:-999em;
}

div#contents_wrap h2{
	width:740px;
	height:45px;
	margin-bottom:0;
}


div#contents_wrap h3{
	width:740px;
	height:45px;
	margin-bottom:0;
	
	background:url(../images/top/h2_news.gif) no-repeat left top;
}
div#contents_wrap h3 a:hover img{
    opacity:0.8;
    filter:alpha (opacity=80);
    /*forIE*/
}

/*
------------------------------------------------------------------------
Contents Wrap Set > news
----------------------------------------------------------------------*/

div#news {
	width:720px;
    margin:0 0 20px 0;
	padding:10px;
    background-color:#edfcd7;
}

div#news ol{
    margin:0 10px 0 10px;
	padding:0 0 5px 0;
}

div#news li{
	padding:5px 20px;
	border-bottom:dotted #999999 1px;
	list-style-type:none;
	background:url(../images/top/news_arrow.gif) no-repeat 0 8px;
}

div#news li.end{
	padding:5px 20px 0 20px;
	border-bottom:none;
}

/*
------------------------------------------------------------------------
Contents Wrap Set > eat
----------------------------------------------------------------------*/

div#eat{
	width:720px;
	height:270px;
	margin:0 0 20px 0;
	padding:10px 10px 0px 10px;
	background-color:#D6E8F0;
}

/*div#eat img {
	float:left;
	margin-right:20px;
}*/

div#eat a:hover img{
    opacity:0.8;
    filter:alpha (opacity=80);
    /*forIE*/
}


/*
------------------------------------------------------------------------
Contents Wrap Set > boshu
----------------------------------------------------------------------*/

div#boshu{
	width:720px;
	height:210px;
	margin:0 0 20px 0;
	padding:10px;
	background-color:#fff0ce;
}

div#boshu img {
	float:left;
	margin-right:20px;
}

div#boshu a:hover img{
    opacity:0.8;
    filter:alpha (opacity=80);
    /*forIE*/
}


/*
------------------------------------------------------------------------
Contents Wrap Set > tare
----------------------------------------------------------------------*/

div#tare{
	width:720px;
	height:200px;
	margin:0 0 20px 0;
	padding:10px 10px 0px 10px;
	background-color:#dac9bb;
}

/*div#tare img {
	float:left;
	margin-right:20px;
}*/

div#tare img {
	float:left;
	margin-right:20px;
}

div#tare a:hover img{
    opacity:0.8;
    filter:alpha (opacity=80);
    /*forIE*/
}



/*
------------------------------------------------------------------------
Contents Wrap Set > outline
----------------------------------------------------------------------*/

div#outline {
	width:720px;
    margin:0 0 20px 0;
	padding:10px;
    background-color:#fbe3e7;
}

div#outline dt {
	color:#ed8592;
	font-size:120%;
	font-weight:bold;
}

div#outline dd {
	margin-bottom:15px;
}

div#outline img {
	float:left;
	margin-right:20px;
}

/*
------------------------------------------------------------------------
Contents Wrap Set > examination
----------------------------------------------------------------------*/

div#examination {
	width:720px;
	height:380px;
    margin:0 0 20px 0;
	padding:20px 0 0 20px;
    background-color:#fef5d4;
}
/*
------------------------------------------------------------------------
**Addition**
----------------------------------------------------------------------*/
div#examination div#best {
	height:200px;
}

div#recipelist div.explanation {
	float:right;
	width:480px;
}

div#recipelist h3 {
	width:460px;
    margin:5px 0 10px 0;
	color:#f3981f;
	line-height:10px;
    font-size:180%;
    font-weight:bold;
}

div#recipelist img.photo {
	float:left;
	margin-right:10px;
}

div#examination a:hover img{
    opacity:0.8;
    filter:alpha (opacity=80);
    /*forIE*/
}

div#examination div#excellence {
	clear:both;
	width:700px;
}

div#examination div#excellence h3 {
	margin-bottom:10px;
	color:#f3981f;
    font-size:100%;
    font-weight:bold;
}

div#examination div#excellence1 {
	float:left;
	width:340px;
}

div#examination  div#excellence2 {
	width:340px;
	margin-left:360px;
}

div#examination  div#excellence1 img.photo {
	float:left;
	margin-right:10px;
}
div#examination  div#excellence2 img.photo {
	float:left;
	margin-right:10px;
}

div#examination span {
	color:#666;
	font-weight:bold;
}