@charset "utf-8";

/************************************************
 サクラ印はちみつオリジナル レシピ カテゴリー
************************************************ */

.recipe { font-size:14px; color:#4d4d4d; line-height:1.5em; }
.recipe h2.category_a {
    background:url(../img2/contents/recipe/title1.jpg) no-repeat left top;
    width:573px;
    height:143px;
    margin-top:10px;
    text-indent:-3000px;
    position:relative; }
.recipe h2.category_b {
    background:url(../img2/contents/recipe/title2.jpg) no-repeat left top;
    width:573px;
    height:143px;
    margin-top:10px;
    text-indent:-3000px;
    position:relative;
}
.recipe h2.category_c {
    background:url(../img2/contents/recipe/title3.jpg) no-repeat left top;
    width:573px;
    height:143px;
    margin-top:10px;
    text-indent:-3000px;
    position:relative;
}
.recipe h2.category_d {
    background:url(../img2/contents/recipe/title4.jpg) no-repeat left top;
    width:573px;
    height:143px;
    margin-top:10px;
    text-indent:-3000px;
    position:relative; }
.recipe h2.category_e {
    background:url(../img2/contents/recipe/title5.jpg) no-repeat left top;
    width:573px;
    height:143px;
    margin-top:10px;
    text-indent:-3000px;
    position:relative;
}
.recipe h2.category_f {
    background:url(../img2/contents/recipe/title6.jpg) no-repeat left top;
    width:573px;
    height:143px;
    margin-top:10px;
    text-indent:-3000px;
    position:relative;
}
.recipe h3.obi_a {
    background:url(../img2/contents/recipe/obi_a.jpg) no-repeat left top;
    width:572px;
    height:38px;
    margin-top:10px;
    text-indent:-3000px;
}
.recipe h3.obi_b {
    background:url(../img2/contents/recipe/obi_b.jpg) no-repeat left top;
    width:572px;
    height:38px;
    margin-top:10px;
    text-indent:-3000px;
}
.recipe h3.obi_c {
    background:url(../img2/contents/recipe/obi_c.jpg) no-repeat left top;
    width:572px;
    height:38px;
    margin-top:10px;
    text-indent:-3000px;
}
.recipe h3.obi_d {
    background:url(../img2/contents/recipe/obi_d.jpg) no-repeat left top;
    width:572px;
    height:38px;
    margin-top:10px;
    text-indent:-3000px;
}
.recipe h3.obi_e {
    background:url(../img2/contents/recipe/obi_e.jpg) no-repeat left top;
    width:572px;
    height:38px;
    margin-top:10px;
    text-indent:-3000px;
}
.recipe h3.recom_head {
    background:url(../img2/contents/recipe/recommendation_recipe.jpg) no-repeat left top;
    width:572px;
    height:38px;
    margin-top:10px;
    text-indent:-3000px;
}

/***********************************************************************************/
.recipe div.recom {
    width:569px;
    height:603px;
    margin:5px 0 0 2px;
}
.recipe div.recom div.item {
    background:url(../img2/contents/recipe/waku_mini_02.jpg) repeat-y left top;
    width:183px;
    float:left;
    margin:3px;
    position:relative;
}
.recipe div.recom div.item h4 {
    background:url(../img2/contents/recipe/waku_mini_01.jpg) no-repeat left top;
    width:183px;
    height:6px;
    text-indent:-3000px;
}
.recipe div.recom div.item div.inner {
    background:url(../img2/contents/recipe/waku_mini_03.jpg) no-repeat left bottom;
    width:183px;
    height:183px;
    padding:3px 7px 3px 7px;
    position:relative;
}
.recipe div.recom div.item div.inner a {
    color:#8fc549;
    width:166px;
    padding-left:2px;
}
.recipe div.recom div.item div.inner p {
    line-height:1.2em;
    font-size:11px;
    width:166px;
    padding-left:2px;
}
/***********************************************************************************/
.recipe div#rss a {
    display:block;
    width:80px;
    height:15px;
    position:absolute;
    top:122px;
    left:5px;
    background:url(../img2/contents/recipe/rss.gif) no-repeat left top;
}
.recipe div#rss a span{
    display:none;
}

/************************************************
 サクラ印はちみつオリジナル レシピ 詳細ページ
************************************************ */
.recipe h2.title {
    background:url(../img2/contents/recipe/header.gif) no-repeat left top;
    width:572px;
    height:67px;
    margin-top:0px;
    margin-left:8px;
    margin-bottom:0px;
    text-indent:-3000px;
    border:0px;
}
.recipe .box {
    background:url(../img2/contents/recipe/haikei_02.gif) repeat-y left top;
    width:572px;
    margin:0 0 10px 8px;
}
.recipe .box .top {
    background:url(../img2/contents/recipe/haikei_01.gif) no-repeat left top;
    width:572px;
    height:7px;
    margin:0px;
}
.recipe .box .inner {
    background:url(../img2/contents/recipe/haikei_03.gif) no-repeat left bottom;
    margin:0px;
    width:552px;
    padding:5px 10px 10px 10px;
    position:relative;
}
.recipe .box h3 {
    background:url(../img2/contents/recipe/icon_01.gif) no-repeat left top;
    margin:0 0 5px 0; height:33px;
    padding-left:43px;
    color:#e24210;
    font-size:18px;
}
.recipe table#upperpart{ width:552px; border:0px; margin-bottom:0px;}
.recipe table#upperpart td{ padding:0px; border:0px; }
.recipe .explain { width:260px; }
.recipe .explain h4.cooktime {
    background:url(../img2/contents/recipe/icon_02.gif) no-repeat left top;
    margin:0 0 5px 0;
    width:220px;
    height:37px;
    padding-left:43px;
    color:#e24210;
    font-size:16px;
    line-height:2em;
}
.recipe .material { margin:10px 0 10px 0; padding:10px; background-color:#fff7ca; color:#e24210; }
.recipe .material h4.source {
    background:url(../img2/contents/recipe/icon_03.gif) no-repeat left top;
    margin:0 0 5px 0;
    width:204px;
    height:36px;
    padding-left:43px;
    color:#e24210;
    font-size:16px;
    line-height:2em;
}
.recipe .material table { line-height:1em; font-size:14px; border:0px; }
.recipe .material table tr th { background-color:#fff7ca; border:0px; color:#e24210; }
.recipe .material table tr td { text-align:right; border:0px; color:#e24210; }
/***********************************************************************************/
.recipe h4.make {
    background:url(../img2/contents/recipe/icon_04.gif) no-repeat left top;
    margin:0 0 5px 0;
    width:513px;
    height:38px;
    padding-left:43px;
    color:#e24210;
    font-size:16px;
    line-height:2em;
}
.recipe .num { color:#ffc271; font-size:20px; font-weight:bold; height:20px; }
.recipe table.makeview { width:540px; margin:5px 0 10px 0; }
.recipe table.makeview td { width:170px; padding:0px; vertical-align:top; border:1px solid white; }
/***********************************************************************************/
.recipe .remarks { margin:10px 0 10px 0; padding:10px; background-color:#fff7ca; color:#e24210; width:529px; }
.recipe .remarks h4.point {
    background:url(../img2/contents/recipe/icon_05.gif) no-repeat left top;
    margin:0 0 5px 0;
    width:494px;
    height:36px;
    padding-left:40px;
    color:#e24210;
    font-size:16px;
    line-height:2em;
}
.recipe .remarks .line { border-bottom:5px dotted #e24210; width:480px; height:1px; margin:10px auto 10px auto; }
.recipe .material .line { border-bottom:5px dotted #e24210; width:224px; height:1px; margin:10px auto 10px auto; }
.recipe span.right { text-align:right; margin-left:80px; }

/************************************************
 サクラ印はちみつオリジナル コメント欄 ブロック
************************************************ */
.recipe div#customervoicearea { padding:0px; }
.recipe div#customervoicearea p { font-size:12px; margin:0 auto 0 auto; line-height:1.5em; text-align:center; }
.recipe div#customervoicearea #review_box { text-align:center; width:100%; margin-top:10px; }
.recipe div.comment { background-color:#fff7ca; width:530px; padding:3px 10px 3px 10px; margin-bottom:10px; }
.recipe div.comment span.voicedate { color:#8cc63f; margin:0px; font-weight:bold; }
.recipe div.comment span.voicerecommend { color:#e24210; margin-left:180px; }
.recipe div.comment span.voicetitle { font-weight:bold; font-size:16px; }
.recipe div.comment span.voicecomment { font-size:14px; }
/* ページャー用に admin/css/admin_contents.cssからコピー */
.pager ul { margin: 5px 0; list-style-type: none; }
.pager li { display: inline; }
.pager li a { padding: 3px 5px; border: 1px solid #999; }
.pager li.on a { background: #f4f5f5; }
.pager li a:hover, .pager li.on a:hover { background: #f8f8f8; border: 1px solid #ccc; }

/************************************************
 サクラ印はちみつオリジナル レシピ　レビュー
************************************************ */
div#haikei { width:550px; height:100%; margin:0px; padding:0px; background-color:#fff7ca; margin:0px; padding:0px; text-align:center; }
div#haikei #windowcolumn { background-color:#fff7ca; }
div#windowcolumn { width:550px; color:#4d4d4d; border-bottom:3px solid #FF9900;}
div#windowcolumn .attention { color:#f24209; }
div#windowcolumn table.popup { border:1px solid #8cc63f; margin:10px auto 0 auto; width:500px;}
div#windowcolumn table.popup th { border:1px solid #8cc63f; background-color:#f7f5aa; font-size:14px;}
div#windowcolumn table.popup td { border:1px solid #8cc63f; font-size:14px;}
div#windowcolumn div.recipepopup {
    background-color:red; background:url(../img2/contents/recipe/rev_haikei_02.gif) repeat-y left top;
    width:550px;
    margin:10px 0 10px 0;
}
div#windowcolumn div.recipepopup div.top {
    background-color:red; background:url(../img2/contents/recipe/rev_haikei_01.gif) no-repeat left top;
    width:550px;
    height:7px;
    margin:0px;
}
div#windowcolumn div.recipepopup div.inner {
    background-color:red; background:url(../img2/contents/recipe/rev_haikei_03.gif) no-repeat left bottom;
    margin:0px;
    width:540px;/*550px;*/
    padding:5px;/*5px 10px 10px 10px;*/
    position:relative;
}
div#windowcolumn div.recipepopup h2 { width:514px; margin:0 auto 0 auto; }
div#windowcolumn div.recipepopup p.windowtext { margin-top:10px; }
div#windowcolumn div.recipepopup div#completebox { margin:10px auto 0 auto; }

/************************************************
 サクラ印はちみつオリジナル レシピ検索 ブロック
************************************************ */
.recipe_search { width:152px; margin-top:5px; }
.recipe_search {
    background:url(../img2/contents/recipe/kensaku_02.jpg) repeat-y left top;
    width:151px;
    float:left;
    margin:3px;
    position:relative;
}
.recipe_search h4 {
    background:url(../img2/contents/recipe/kensaku_01.jpg) no-repeat left top;
    width:151px; 
    height:38px;
    text-indent:-3000px;
}
.recipe_search div.inner {
    background:url(../img2/contents/recipe/kensaku_03.jpg) no-repeat left bottom;
    width:151px;
    padding:3px 7px 6px 7px;
    position:relative;
}
.recipe_search div.inner select.choise { width:137px; }
.recipe_search span {
    display:block;
    width:109px;
    text-align:left;
    color:#88c539;
    font-size:14px;
    border-bottom:2px dotted #e1ec5f;
    margin-top:2px;
    margin-bottom:3px;
    background:url(../img2/contents/recipe/recipe_select_icon.jpg) no-repeat left top;
    padding-left:23px;
}

/************************************************
 サクラ印はちみつオリジナル レシピTOPページ
************************************************ */
.recipe_top { font-size:14px; color:#4d4d4d; line-height:1.5em; margin-left:5px;}
.recipe_top h2.title { background:url(../img2/contents/recipe/recipe_top_image.jpg) no-repeat left top; width:573px; height:143px; margin-top:10px; text-indent:-3000px; position:relative;  }
.recipe_top div#rss a { display:block; width:80px; height:15px; position:absolute; top:122px; left:28px; background:url(../img2/contents/recipe/rss.gif) no-repeat left top; }
.recipe_top div#rss a span{display:none;}

.recipe_top h3.category_head { background:url(../img2/contents/recipe/category_list.jpg) no-repeat left top; width:572px; height:48px; margin-top:10px; text-indent:-3000px; }
.recipe_top div.category { width:572px; height:267px; margin-top:5px; }
.recipe_top div.categoryparts { width:286px; margin:0px; padding:0px; float:left; }