* { margin:0; padding: 0; }

/* HEADER
---------------------------------------------------------*/
#recipe47_header    { width: 100%; height: 106px; background: rgba(171,213,97,.4); }
#recipe47_header h1 { float: left; margin: 0; width: 728px; height: 106px; background: url(./img/header_47.png) no-repeat; }
#recipe47_header h2 { float: right; margin: 0; margin-top: 10px; margin-right: 10px; width: 228px; background: rgba(255,255,255,.8); }
#recipe47_hnavi li  { float: left; width: 245px; }

/* index.html
---------------------------------------------------------*/
#recipe47_navi    { padding: 30px 10px 10px 10px; }
#recipe47_navi li { float: left; margin: 10px; width: 460px; }

#recipe47_navi #profile            { margin-top: 20px; width: 460px; }
#recipe47_navi #profile .photo     { float: left; margin-right: 14px; }
#recipe47_navi #profile .photo img { border: 1px solid #cac2b6; }
#recipe47_navi #profile .title     { font-weight: bold; color: #bc0031; }
#recipe47_navi #profile .copy      { font-size: 12px; line-height: 1.5; }

/* 共通
---------------------------------------------------------*/
.area                { margin-top: 40px; }
.area .title_head    { margin: 0 20px; padding: 10px 10px 10px 18px; background: #fff; position: relative; }
.area .title_head h3 { margin: 0; float: left; }
.area .title_head p  { float: right; }

.area ul                    { margin: 0 10px; position: relative; }
.area ul li                 { margin: 20px 10px 0 10px; float: left; }
.area ul li:nth-child(4n+4) { margin-right: 0; overflow: hidden; }

#recipe47_fnavi                { padding: 30px;  text-align: center; }
#recipe47_fnavi ul             { margin: 0 auto; display: inline-block; }
#recipe47_fnavi li             { float: left; }
#recipe47_fnavi li.sepa:before { content: ' ｜ '; }
#recipe47_fnavi li a:link      { text-decoration: underline !important; }

/* jimoto.html
---------------------------------------------------------*/
#jimoto_hnavi     { margin: 10px 0 40px 0; padding-bottom: 18px; background: #aad81c; }
#jimoto_hnavi ul  { margin: 0; }
#jimoto_hnavi li  { margin: 18px 0 0 30px; float: left; }

#jimoto_wrap .title_head    { border: 2px solid #aad81c; }

/* yasai.html
---------------------------------------------------------*/
#yasai_hnavi     { margin: 10px 0 40px 0; padding-bottom: 18px; background: #efd339; }
#yasai_hnavi ul  { margin: 0; }
#yasai_hnavi li  { margin: 18px 0 0 13px; float: left; width: 178px; }

#yasai_wrap .title_head    { border: 2px solid #efd339; }

/* tyori.html
---------------------------------------------------------*/
#tyori_hnavi    { margin: 10px 0 40px 0; padding-bottom: 18px; background: #ff99b2; }
#tyori_hnavi ul { margin: 0 0 0 40px; }
#tyori_hnavi li { margin-top: 18px; float: left; width: 240px; }
#tyori_hnavi li:nth-child(4n-3) { width: 220px; }

#tyori_wrap .title_head     { border: 2px solid #ff99b2; }

/* tips.html
---------------------------------------------------------*/
#tips_hnavi     { margin: 10px 0 40px 0; padding: 10px 0 16px 0; background: rgba(255,110,0,1); }
#tips_hnavi ul  { margin: 0; }
#tips_hnavi li  { margin: 6px 0 0 40px; float: left; width: 450px; }

#tips_wrap .area             { padding: 19px; background: #fff; border: 1px solid #ff6e00; }
#tips_wrap .area .title_head { margin: 0; padding: 0; position: relative; }
#tips_wrap .area p.copy      { margin-top: 20px; }
#tips_wrap .area p.copy img  { margin-left: 1em; float: right; }