@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////////////////*/
/* フードソムリエ「節電・省エネレシピ」用ＣＳＳ */
/* style.css */
/* Written by food-sommelier 2011.06.07 */
/* ///////////////////////////////////////////////////////////////////////////////*/




/* コンテナ設定
-----------------------------------------------------*/
#saveEnergyWrapper {
width:714px;
}


#saveEnergyContainer {
width:714px;
background: url(img/bg_light.gif) no-repeat right top;
}

h3#contentsTheme {
background: url(img/bg_theme.jpg) no-repeat;
height: 27px;
width: 686px;
_width: 714px;
padding-top: 14px;
padding-left: 28px;
font-weight: bold;
}

h3#contentsTheme img {
margin-right:10px;
}
 

#recommendColumn {
background: #f7f4ea;
padding: 8px 15px;
width: 520px;
_width: 550px;
margin-bottom: 25px;
margin-left: 60px;
clear: both;
}

#recommendColumn dl {}

#recommendColumn dl dt{
margin-bottom:5px;
}

#recommendColumn dl dd{}

div.esThemeContainer {
width: 664px;
margin-left: 25px;
}

div.esRecipeWrapper {
width:664px;
clear: both;
padding-bottom: 10px;
}

div.esRecipePht {
float:left;
width:230px;
border: 1px solid #CCC;
display: inline;
margin-left: 10px;
}

div.esRecipePht img {
margin: 5px;
}

div.esRecipeContainer {
float: right;
width: 403px;
}

div.esRecipeDetail {
float: left;
width: 282px;
}

div.esRecipeDetail dl {
width: 282px;
}

dt.esRecipeTitle {
background: url(img/bg_comment_header.gif) no-repeat top;
width: 227px;
_width: 282px;
padding: 15px 40px 15px 15px;
font-size: 114%;
font-weight: bold;
}

dt.esRecipeTitle a {
background: url(/images/common/link_arrow.gif) no-repeat left 3px;
padding-left: 13px;
}

dd.esRecipeLead {
background: url(img/bg_comment_body.gif) repeat-y center;
width: 227px;
_width: 282px;
padding: 0px 40px 10px 15px;
}

dd.esRecipeTime {
background: url(img/bg_comment_footer.gif) no-repeat center top;
width: 227px;
_width: 282px;
padding: 0px 40px 15px 15px;
}


div.esRecipeRyorika {
float: right;
width: 100px;
_width: 110px;
text-align: center;
padding: 10px 10px 10px 0px;
}

div.esRecipeRyorikaPht {}

div.esRecipeRyorikaName {}

h4.subTheme {
background: url(img/bg_subtheme.gif) no-repeat left top;
height: 23px;
width: 644px;
_width: 664px;
font-size: 100%;
font-weight: bold;
padding-left: 20px;
padding-top: 8px;
margin-bottom: 10px;
}

/* ページ内リンク
-----------------------------------------------------*/
#pagelink {
padding: 10px 0;
width: 570px;
margin-left: 35px;
margin-bottom: 10px;
}

#pagelink li {
float: left;
padding-top: 5px;
padding-bottom: 5px;
display: inline;
margin-right: 10px;
}

#pagelink li a{
background: url(img/ic_menu.gif) no-repeat left center;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
}

ul#othersRecipes {
clear:both;
text-align:right;
padding-top: 15px;
padding-bottom: 15px;
width: 659px;
margin-left: 30px;
}

ul#othersRecipes li#backIndexLnk {
float:left;
width:150px;
}

ul#othersRecipes li#othersRecipes {
float:right;
width:201px;
}



/* これまでのテーマ
-----------------------------------------------------*/
dl#pastTheme {
width: 587px;
padding-top:15px;
margin-left: 30px;
margin-bottom: 30px;
}

dl#pastTheme dt {
width: 587px;
margin-bottom: 10px;
}

dl#pastTheme dd {
clear:both;
width:530px;
_width:550px;
background: url(/images/common/line_dott_w.gif) repeat-x left bottom;
margin-bottom: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}

dl#pastTheme dd div.pht{
float:left;
width:80px;
}

dl#pastTheme dd div.detail{
float:right;
width:440px;
}


/* お役立ちリンク
-----------------------------------------------------*/
#usefulLink {
width:664px;
clear:both;
margin-left:30px;
background: url(img/bg_bnr.gif) no-repeat left top;
}

#usefulLink ul {

}

#usefulLink ul li{
margin-left: 10px;
float: left;
margin-top: 8px;
margin-bottom: 8px;
}