@charset "UTF-8"; /************** recipe 共通 **************/ #recipe #global_menu ul li#menu01 { background-position: 0px -55px; } #recipe #ttl_main{padding:0 0 10px 0;} #recipe .bold{font-weight:bold;} #recipe ul.list01 { padding:12px 0 0 12px; margin:0; overflow:hidden; } #recipe ul.list01 li{ float:left; padding:0 12px 0 0; margin:0; } #recipe ul.list02 {padding:12px 0 0 20px;margin:0;} #recipe ul.list02 li{padding:0 0 10px 0;margin:0;} #recipe h4.kensaku_pink{font-size:1em;color:#ff6f75;font-weight:bold;display:block;} #recipe h4.kensaku_green{font-size:1.15em;color:#4bb870;font-weight:bold;display:block;padding:8px 0 0 0;} #recipe .clm_ttl{height:30px;} #recipe .clm_ttl h3{width:95px;height:15px;padding:5px 0 0 0;float:left;display:block;} #recipe .clm_ttl .btn_again{width:160px;height:20px;float:right;} #recipe .box_yellow{padding:10px 20px;background: url(/recipe/images/line_dot01.gif) 0 top repeat-x;background-color:#fffbec;min-height:100px; height:auto !important; height:100px;} #recipe .box_yellow h4.kekka_green{width:100px;padding:2px 0;background-color:#4bb870;font-weight:bold;color:#fff;font-size:12px;display:block;text-align:center;margin:20px 0 0 0;} #recipe .box_yellow h4.kekka_pink{width:100px;padding:2px 0;background-color:#ff6f75;font-weight:bold;color:#fff;font-size:12px;display:block;text-align:center;margin:20px 0 0 0;} #recipe .box_yellow ul{padding:10px 0 10px 0;overflow:hidden;} #recipe .box_yellow li{float:left;padding:0 20px 0 0;} #recipe .line_dot01{height:10px;background: url(/recipe/images/line_dot01.gif) 0 top repeat-x;} #recipe #contents_body02 {width: 570px; padding:0 0 10px 0;} #recipe #contents_body02_head { width: 570px; } #recipe #contents_body02_main { width: 570px; background: url(/recipe/images/body_side_line02.gif) repeat-y; } #recipe #contents_body02_foot { width: 570px; background: url(/recipe/images/body_bottom_line02.gif) 0 bottom no-repeat; } #recipe #contents_body03_foot { width: 760px; background: url(/recipe/myrecipe/images/body_bottom_line02.gif) 0 bottom no-repeat; } #recipe .box_pk02 { width: 350px;padding:0 0 0 20px;float:left;} #recipe .box_pk02_head { width: 350px; height:53px;padding:20px 0 0 0;background: url(/recipe/images/box_pk02_top.gif) 0 top no-repeat;font-weight:bold;text-align:center;} #recipe .box_pk02_content { width: 229px; padding:13px 13px 0 13px;background: url(/recipe/images/box_pk02_bg.gif) 0 0 repeat-y; } #recipe .box_pk02_foot { width: 350px; background: url(/recipe/images/box_pk02_btm.gif) 0 bottom no-repeat; } #recipe .box_pk02_content .img{width:99px;height:78px; margin:0 0 0 47px;padding:5px 0 0 5px;background:url(/recipe/images/bg_pic04.gif) 0 0 no-repeat;float:left;} #recipe .box_pk02_content p.txt{display:block;padding:0 !important;width:120px;float:right;line-height:140%;} #recipe .box_pk02_content .box_wh{width:226px;height:70px;background: url(/recipe/images/box_wh_bg.gif) right bottom no-repeat; padding:10px 0 0 2px;} #recipe .box_pk02_content .box_wh ul{padding:6px 0 0 37px;} #recipe .box_pk02_content .box_wh li{padding:0 0 2px 20px;} #recipe .box_pk02_content .box_wh li.time{background: url(/recipe/images/icon_time.gif) 0 3px no-repeat;} #recipe .box_pk02_content .box_wh li.ene{background: url(/recipe/images/icon_ene.gif) 0 3px no-repeat;} #recipe .box_pk02_content .box_wh li.solt{background: url(/recipe/images/icon_solt.gif) 0 5px no-repeat;} #recipe .box_pk02_content .btn_howto{width:229px;text-align:center; margin:0 auto;padding:10px 0 0 0;} #recipe .box_sp03 { width: 350px; padding:10px 5px; float:left; } #recipe .box_sp03_head { width: 350px; height:53px;padding:20px 0 0 0;background: url(/recipe/images/box_pk02_top.gif) 0 top no-repeat;font-weight:bold;text-align:center;} #recipe .box_sp03_content { width: 324px; padding:13px 13px 0 13px;background: url(/recipe/images/box_pk02_bg.gif) 0 0 repeat-y; } #recipe .box_sp03_foot { width: 350px; background: url(/recipe/images/box_pk02_btm.gif) 0 bottom no-repeat; } #recipe .box_sp03_content .img{ width:229px; height:143px; margin:0 0 0 47px;padding:5px 0 0 5px; background:url(/recipe/special/images/img_bg.jpg) no-repeat 0 0; float:left; } #recipe .box_sp03_content p.txt{display:block;padding:0 !important;width:120px;float:right;line-height:140%;} #recipe .box_sp03_content .box_wh{width:226px;height:70px;background: url(/recipe/images/box_wh_bg.gif) right bottom no-repeat; margin:0 auto;padding:10px 0 0 2px;} #recipe .box_sp03_content .box_wh ul{padding:6px 0 0 37px;} #recipe .box_sp03_content .box_wh li{padding:0 0 2px 20px;} #recipe .box_sp03_content .box_wh li.time{background: url(/recipe/images/icon_time.gif) 0 3px no-repeat;} #recipe .box_sp03_content .box_wh li.ene{background: url(/recipe/images/icon_ene.gif) 0 3px no-repeat;} #recipe .box_sp03_content .box_wh li.solt{background: url(/recipe/images/icon_solt.gif) 0 5px no-repeat;} #recipe .box_sp03_content .btn_howto{width:229px;text-align:center; margin:0 auto;padding:10px 0 0 0;} #recipe ul.btn_foot{padding:15px 0 0 20px;} #recipe ul.btn_foot li{padding:0 0 4px 0;} /************** 1カラム tab_change **************/ #contents_body_1clm #box_kensaku02 div#tab_change {margin:0;width:880px;text-align:left;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page{width:880px;height:55px;overflow:hidden;padding:10px 0 0 0;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab {list-style:none; } #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li {display:inline;float:left;width:176px;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li a {text-indent:-9999px; height:55px; display:block;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page1 a {width:176px; background:url(/recipe/images/tab01.jpg) 0 0 no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page2 a {width:176px; background:url(/recipe/images/tab01.jpg) -176px 0 no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page3 a {width:176px; background:url(/recipe/images/tab01.jpg) -352px 0 no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page4 a {width:176px; background:url(/recipe/images/tab01.jpg) -528px 0 no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page5 a {width:176px; background:url(/recipe/images/tab01.jpg) -704px 0 no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page1 a:hover {width:176px; background:url(/recipe/images/tab01.jpg) 0 -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page2 a:hover {width:176px; background:url(/recipe/images/tab01.jpg) -176px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page3 a:hover {width:176px; background:url(/recipe/images/tab01.jpg) -352px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page4 a:hover {width:176px; background:url(/recipe/images/tab01.jpg) -528px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page5 a:hover {width:176px; background:url(/recipe/images/tab01.jpg) -704px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page1 a {width:176px; background:url(/recipe/images/tab01.jpg) 0 -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page2 a {width:176px; background:url(/recipe/images/tab01.jpg) -176px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page3 a {width:176px; background:url(/recipe/images/tab01.jpg) -352px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page4 a {width:176px; background:url(/recipe/images/tab01.jpg) -528px -55px no-repeat;} #contents_body_1clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page5 a {width:176px; background:url(/recipe/images/tab01.jpg) -704px -55px no-repeat;} #contents_body_1clm #box_kensaku02 .box_tab_content {width:880px;padding:10px 0 5px 0;margin:0;background:url(/recipe/images/box_tab_bg.gif) 0 0 repeat-y;} #contents_body_1clm #box_kensaku02 .box_tab_btm {padding:0 0 10px 0;margin:0;height:20px;} #contents_body_1clm #box_kensaku02 .box_tab_content p.sample{padding:0;margin:0;font-size:20px;text-align:center;} /************** 1カラム kensaku**************/ #recipe #contents_body_1clm {width:920px; padding:0 0 0 20px;} #recipe #contents_body_1clm p{padding:7px 0 0 0;} #recipe #contents_body_1clm a { color: #ef484f; text-decoration: underline; } #recipe #contents_body_1clm a:visited { color: #ef484f; } #recipe #contents_body_1clm a:hover { text-decoration: none; } #recipe #contents_body_1clm a:active { color: #ef484f; } #recipe #contents_body_1clm .box_search {width:920px;height:57px;padding:4px 0 10px 0;background: url(/recipe/images/bg_search.gif) 0 0 repeat-x;} #recipe #contents_body_1clm .box_search .ttl{width:420px;float:left;} #recipe #contents_body_1clm .box_search .myrecipe{width:340px;height:50px;float:right;background: url(/recipe/images/bg_myrecipe.gif) 0 0 no-repeat;} #recipe #contents_body_1clm .box_search .myrecipe table{width:316px;margin:12px 0 0 14px;} #recipe #contents_body_1clm .box_search .myrecipe th{width:170px;text-align:left;font-weight:normal;font-size:10px;line-height:140%;color:#fff;} #recipe #contents_body_1clm .box_search .myrecipe td{width:140px;text-align:right;vertical-align:center;} #recipe #contents_body_1clm .box_freeword {padding:0 0 10px 0;} #recipe #contents_body_1clm .box_freeword .box_freeword_content{width:920px;height:74px;padding:13px 0 0 0;background: url(/recipe/images/box_freeword_bg.jpg) 0 0 no-repeat;} #recipe #contents_body_1clm .box_freeword .box_freeword_content table{margin:0 0 0 20px;} #recipe #contents_body_1clm .box_freeword .box_freeword_content th{width:314px;text-align:left;font-weight:normal;} #recipe #contents_body_1clm .box_freeword .box_freeword_content td.td01{width:57px;padding:0 8px 0 0;} #recipe #contents_body_1clm .box_freeword .box_freeword_content td.td02{width:142px;padding-left:8px;background: url(/recipe/images/bg_fukidashi01.gif) right 0 no-repeat;font-size:10px;text-align:center;} #recipe #contents_body_1clm .box_freeword .box_freeword_content .f01{width:295px;font-size:12px;color:#999;background-color:#f8fcff;border:1px solid #7f9db9;} #recipe #contents_body_1clm .box_kensaku {padding:0 0 10px 0;} #recipe #contents_body_1clm .box_kensaku .box_kensaku_content{width:880px;padding:15px 20px 0 20px;background: url(/recipe/images/box_kensaku_bg.gif) 0 0 repeat-y;} #recipe #contents_body_1clm .box_kensaku .box_kensaku_btm{padding:0;margin:0;} #recipe #contents_body_1clm #box_kensaku01 .clm01 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_1clm #box_kensaku01 .clm02 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_1clm #box_kensaku01 .clm03 {padding:0 0 10px 0;} #recipe #contents_body_1clm #box_kensaku01 .clm02 p{margin:0 0 0 20px;} #recipe #contents_body_1clm #box_kensaku01 .clm03 p{margin:0 0 0 20px;} #recipe #contents_body_1clm #box_kensaku01 .clm03 th{width:435px;vertical-align:top;font-weight:normal;text-align:left;} #recipe #contents_body_1clm #box_kensaku01 .clm03 td.btn_search{width:435px;text-align:center;padding:27px 0 10px 0;background: url(/recipe/images/arrow01.gif) 0 0 no-repeat} #recipe #contents_body_1clm #box_kensaku02 .clm01 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_1clm #box_kensaku02 .clm02 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_1clm #box_kensaku02 .clm03 {padding:0 0 10px 0;} #recipe #contents_body_1clm #box_kensaku02 .clm02 .clmL{width:150px;float:left;padding:0 0 0 10px;text-align:center;} #recipe #contents_body_1clm #box_kensaku02 .clm02 .clmR{width:690px;float:left;padding:0 0 0 10px;} #recipe #contents_body_1clm #box_kensaku02 .clm02 p{line-height:20px;padding:5px 0 0 0;} #recipe #contents_body_1clm #box_kensaku02 .clm03 p{margin:0 0 20px 20px;} #recipe #contents_body_1clm #box_kensaku02 .clm03 .tab_contents01 {padding:10px 0 0 20px;} #recipe #contents_body_1clm #box_kensaku02 .clm03 .tab_contents02 {padding:10px 0 0 20px;} #recipe #contents_body_1clm #box_kensaku02 .clm03 .tab_contents03 {padding:10px 0 0 20px;} #recipe #contents_body_1clm #box_kensaku02 .clm03 .tab_contents04 {padding:10px 0 0 20px;} #recipe #contents_body_1clm #box_kensaku02 .clm03 .tab_contents05 {padding:10px 0 0 20px;} #recipe #contents_body_1clm #box_kensaku02 .clm03 .clmL{width:250px;float:left;padding:0 20px 0 0;} #recipe #contents_body_1clm #box_kensaku02 .clm03 #accordion {padding:0 0 0 20px} #recipe #contents_body_1clm #box_kensaku02 .clm03 #accordion ul {padding:10px 0 0 0;margin:0;} #recipe #contents_body_1clm #box_kensaku02 .clm03 #accordion li{padding:0 0 10px 0;margin:0;} #recipe #contents_body_1clm #box_kensaku02 .clm03 h3 {cursor:pointer;display:block;} #recipe #contents_body_1clm h5.spice{width:250px;height:25px;display:block;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} /************** 1カラム kensaku_kekka**************/ #recipe #contents_body_1clm .box_kekka01 {width:570px;float:left;} #recipe #contents_body_1clm .img_kekka01 {width:340px;float:right;} #recipe #contents_body_1clm .box_kekka01_content{width:550px;padding:10px 0 0 20px;background: url(/recipe/images/box_kekka01_bg.gif) 0 0 repeat-y;height:187px;} #recipe #contents_body_1clm .box_kekka01_content #number{color:#ff6f75;font-size:16px;} #recipe #contents_body_1clm .box_kekka01_content table{width:530px;margin:0 0 10px 0;} #recipe #contents_body_1clm .box_kekka01_content th{text-align:left;} #recipe #contents_body_1clm .box_kekka01_content td{text-align:center;width:140px;padding-left:45px;height:30px;background: url(/recipe/images/bg_fukidashi02.gif) 0 0 no-repeat;font-size:10px;} #recipe #contents_body_1clm .box_kekka01_content .img{width:98px;height:73px;margin:0 8px 8px 0;float:left;} #recipe #contents_body_1clm .box_kekka01_content .waku{width:98px;height:73px;border:1px solid #ccc;} /*#recipe #contents_body_1clm .box_kekka01_content .img{width:98px;height:73px;border:1px solid #ccc;margin:0 8px 8px 0;float:left;}*/ #recipe #contents_body_1clm .box_kekka01_btm{padding:0 0 10px 0;margin:0;} #recipe #contents_body_1clm h5.kekka{font-size:12px;font-weight:bold;} #recipe #contents_body_1clm table.freeword{width:880px;} #recipe #contents_body_1clm table.freeword th{width:665px;text-align:left;font-weight:normal;} #recipe #contents_body_1clm table.freeword td.td01{width:57px;padding:0 8px 0 0;} #recipe #contents_body_1clm table.freeword td.td02{width:142px;padding-left:8px;background: url(/recipe/images/bg_fukidashi01.gif) right 0 no-repeat;font-size:10px;text-align:center;} #recipe #contents_body_1clm table.freeword .f01{width:285px;font-size:12px;color:#999;background-color:#f8fcff;border:1px solid #7f9db9;} #contents_body_1clm .clm_kekka01{margin:10px 0;} #contents_body_1clm .clm_kekka01 .clmL{width:520px;float:left;} #contents_body_1clm .clm_kekka01 .clmR{width:310px;float:right;} #contents_body_1clm .clm_kekka01 .clmL h3{width:100px;padding:0 20px 0 0;float:left;display:block;} #contents_body_1clm .clm_kekka01 .clmL ul#link_green{width:400px;float:left;overfow:hidden;} #contents_body_1clm .clm_kekka01 .clmL li{padding:4px 8px;margin:0 3px 0 0;float:left;border:1px solid #ccc;font-weight:bold;color:#4cb870} #contents_body_1clm .clm_kekka01 .clmL ul#link_green li a {color:#4cb870; text-decoration: none; } #contents_body_1clm .clm_kekka01 .clmL ul#link_green li a:visited {color:#4cb870; } #contents_body_1clm .clm_kekka01 .clmL ul#link_green li a:hover {color:#4cb870; text-decoration:underline; } #contents_body_1clm .clm_kekka01 .clmL ul#link_green li a:active {color: #4cb870; } #contents_body_1clm .clm_kekka01 .clmR img{width:100px;padding:0 0 0 3px;float:left;} #recipe #contents_body_1clm .box_pink{height:300px;padding:20px 20px 0 20px;background: url(/recipe/images/line_dot01.gif) 0 top repeat-x;background-color:#fff2f2;} #recipe #contents_body_1clm .box_pink .menu {width:170px;height:130px;padding:0 6px 20px 0;float:left;} #recipe #contents_body_1clm .box_pink .img {width:73px;height:54px;border:1px solid #ccc;float:left;margin:0 10px 0 0;} #recipe #contents_body_1clm .box_pink p {line-height:130%;padding:0;} #recipe #contents_body_1clm .box_pink ul {padding:10px 0 0 0;font-size:10px;color:#666;} #recipe #contents_body_1clm .box_pink li.ene {padding:0 0 0px 15px;background: url(/recipe/images/icon_ene.gif) 0 0 no-repeat;} #recipe #contents_body_1clm .box_pink li.time {padding:0 0 0 15px;background: url(/recipe/images/icon_time.gif) 0 0 no-repeat;} #recipe #contents_body_1clm .box_pink li.solt {padding:0 0 0 15px;background: url(/recipe/images/icon_solt.gif) 0 0 no-repeat;} /************** 3カラム layout **************/ #contents_body_3clm #sideL {width:180px;float:left;padding:0 20px 0 0;} #contents_body_3clm #sideL_content {width: 170px;padding:5px 5px 0 5px;background: url(/recipe/images/side/sideL_bg.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_btm {padding:0;margin:0;} #contents_body_3clm #sideL_content .bnr01{padding:0 0 10px 0;} #contents_body_3clm #sideL_content .bnr02{padding:0;} #contents_body_3clm #sideL_content .box_toretate{padding:0 0 10px 0;margin:0;} #contents_body_3clm #sideL_content .box_toretate_head{padding:0;margin:0; height:42px; overflow:hidden;} #contents_body_3clm #sideL_content .box_toretate_content{width:160px;padding:0 5px;background: url(/recipe/images/side/box_toretate_bg.gif) 0 0 repeat-y;} #contents_body_3clm #sideL_content .box_toretate_content .img{border:1px solid #e2e8e6;} #contents_body_3clm #sideL_content .box_toretate_content .txt{padding:10px 0 0 5px;} #contents_body_3clm #sideL_content .box_toretate_content .txt p{padding:7px 10px;font-size:0.9em;} #contents_body_3clm #sideL_content .box_toretate_foot{ padding:0; margin:0; background: url(/recipe/images/side/box_toretate_btm.gif) 0 bottom no-repeat; height: 10px; } #contents_body_3clm #sideL_content .box_special{padding:0 0 10px 0;margin:0;} #contents_body_3clm #sideL_content .box_speciale_head{padding:0;margin:0; height:42px; overflow:hidden;} #contents_body_3clm #sideL_content .box_special_content{ width:160px; padding:0 5px; background: url(/recipe/images/side/box_setuden_bg.jpg) repeat-y 0 0; } #contents_body_3clm #sideL_content .box_special_content .img{border:1px solid #e2e8e6;} #contents_body_3clm #sideL_content .box_special_content .txt{ padding:5px 0 0 5px; } #contents_body_3clm #sideL_content .box_special_content .txt a{ padding:0px 0 0 15px; } #contents_body_3clm #sideL_content .box_special_content .txt p{padding:7px 10px;font-size:0.9em;} #contents_body_3clm #sideL_content .box_special_foot{ padding:0; margin:0; background: url(/recipe/images/side/box_setuden_btm.jpg) no-repeat 0 bottom; height: 10px; } #contents_body_3clm #sideL_content .box_arange{padding:0 0 10px 0;margin:0;} #contents_body_3clm #sideL_content .box_arange_head{padding:0;margin:0; height:67px; overflow:hidden;} #contents_body_3clm #sideL_content .box_arange_content{width:140px; padding:0 15px 1px 15px; background: url(/recipe/images/side/box_arange_bg.gif) 0 0 repeat-y; margin:0;} #contents_body_3clm #sideL_content .box_arange_content p{padding:0 0 5px 0;font-size:0.9em;} #contents_body_3clm #sideL_content .box_arange_content .img{width:136px; padding:6px 0 4px 5px;background: url(/recipe/images/side/box_arange_pic_bg.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box_arange_foot{ padding:0; margin:0; background: url(/recipe/images/side/box_arange_btm.gif) 0 bottom no-repeat; height: 10px; overflow:hidden; } #contents_body_3clm #sideL_content .box_syun{padding:0 0 10px 0;margin:0;} #contents_body_3clm #sideL_content .box_syun_head{padding:0;margin:0;} #contents_body_3clm #sideL_content .box_syun_content{width:150px;padding:0 10px;background: url(/recipe/images/side/box_syun_bg.gif) 0 0 repeat-y;} #contents_body_3clm #sideL_content .box_syun_content p{width:150px;text-align:center;padding:0 0 5px 0;font-size:0.9em;} #contents_body_3clm #sideL_content .box_syun_content .btn{padding:0 0 3px 0;} #contents_body_3clm #sideL_content .box_syun_foot{padding:0;margin:0;background: url(/recipe/images/side/box_syun_btm.gif) 0 bottom no-repeat; height: 10px;} #contents_body_3clm #sideL_content .box_ranking .ttl{padding:0 0 5px 0;} #contents_body_3clm #sideL_content .box_ranking li{padding:0 0 5px 0;} #contents_body_3clm #sideR {width:170px; float:right;padding:0;} #contents_body_3clm #sideR_content {width: 160px; padding:5px 5px 0 5px; margin:0; background: url(/recipe/images/side/sideR_bg.gif) 0 0 no-repeat;} #contents_body_3clm #sideR_btm {height:20px; overflow:hidden; padding:0; margin:-12px 0 0 0; } #contents_body_3clm #sideR_content .box_myrecipe02{width:140px;padding:5px 10px 8px 10px;height:68px;background: url(/recipe/images/side/bg_myrecipe02.gif) 0 0 no-repeat;} #contents_body_3clm #sideR_content .box_myrecipe02 p{color:#fff;font-size:10px;line-height:140%;} #contents_body_3clm #sideR_content .box_myrecipe02 img{padding:5px 0 0 0;} #contents_body_3clm #sideR_content .box_beginner_ttl{padding:0;margin:0;} #contents_body_3clm #sideR_content .box_beginner_content{width:140px;padding:5px 10px 0 10px;background: url(/recipe/images/side/box_beginner_bg.gif) 0 0 repeat-y;} #contents_body_3clm #sideR_content .box_beginner_content p{font-size:10px;line-height:140%;padding:0 0 5px 0;} #contents_body_3clm #sideR_content .box_beginner_content .btn{padding:5px 0 0 0;} #contents_body_3clm #sideR_content .box_beginner_btm{padding:0 0 7px 0;margin:0;} #contents_body_3clm #sideR_content .box_side01{width:140px;height:106px;padding:5px 10px 0 10px;background: url(/recipe/images/side/bg_box_side01.gif) 0 0 no-repeat;} #contents_body_3clm #sideR_content .box_side01 .ttl{padding:2px 0 0 0;} #contents_body_3clm #sideR_content .box_side01 p{font-size:10px;line-height:120%;padding:0;margin:0;} #contents_body_3clm #sideR_content .box_side01 .btn{width:140px;text-align:right;padding:5px 0 0 0;} #contents_body_3clm #sideR_content .btn_shop{padding:0 0 10px 0;} #contents_body_3clm #sideR_content .btn_magazine{padding:0 0 15px 0;} #contents_body_3clm #sideR_content .bnr_hotwine{padding:15px 0 0 0;} #contents_body_3clm #sideR_content .link_area .ttl{padding:0;margin:0;} #contents_body_3clm #sideR_content .link_area .link01{background: url(/recipe/images/line_dot02.gif) 0 bottom no-repeat;padding:0 0 7px 0;margin:7px 0 0 0;} #contents_body_3clm #sideR_content .link_area .link02{padding:7px 0 7px 0; margin:0;} #contents_body_3clm #sideR_content .link_area p{font-size:10px;line-height:140%;padding:0 10px;} #contents_body_3clm #main_content { float:left; width: 570px; padding:0 0 20px 0;} #contents_body_3clm #main_content_popup { float:left; width: 530px; padding:0 0 20px 0;} /************** 3カラム tab_change**************/ #contents_body_3clm #box_kensaku02 div#tab_change {margin:0;width:530px;text-align:left;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page{width:530px;height:55px;overflow:hidden;padding:10px 0 0 0;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab {list-style:none; } #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li {display:inline;float:left;width:106px;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li a {text-indent:-9999px; height:55px; display:block;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page1 a {width:106px; background:url(/recipe/images/tab02.jpg) 0 0 no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page2 a {width:106px; background:url(/recipe/images/tab02.jpg) -106px 0 no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page3 a {width:106px; background:url(/recipe/images/tab02.jpg) -212px 0 no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page4 a {width:106px; background:url(/recipe/images/tab02.jpg) -318px 0 no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page5 a {width:106px; background:url(/recipe/images/tab02.jpg) -424px 0 no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page1 a:hover {width:106px; background:url(/recipe/images/tab02.jpg) 0 -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page2 a:hover {width:106px; background:url(/recipe/images/tab02.jpg) -106px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page3 a:hover {width:106px; background:url(/recipe/images/tab02.jpg) -212px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page4 a:hover {width:106px; background:url(/recipe/images/tab02.jpg) -318px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li span.navi_page5 a:hover {width:106px; background:url(/recipe/images/tab02.jpg) -424px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page1 a {width:106px; background:url(/recipe/images/tab02.jpg) 0 -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page2 a {width:106px; background:url(/recipe/images/tab02.jpg) -106px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page3 a {width:106px; background:url(/recipe/images/tab02.jpg) -212px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page4 a {width:106px; background:url(/recipe/images/tab02.jpg) -318px -55px no-repeat;} #contents_body_3clm #box_kensaku02 div#tab_change #navi_page ul#tab li.selected span.navi_page5 a {width:106px; background:url(/recipe/images/tab02.jpg) -424px -55px no-repeat;} #contents_body_3clm #box_kensaku02 .box_tab_content {width:530px;padding:10px 0 0 0;margin:0;background:url(/recipe/images/box_tab02_bg.gif) 0 0 repeat-y;} #contents_body_3clm #box_kensaku02 .box_tab_btm {padding:0 0 10px 0;margin:0;height:20px;} #contents_body_3clm #box_kensaku02 .box_tab_content p.sample{padding:0;margin:0;font-size:20px;text-align:center;} /************** 3カラム kensaku**************/ #recipe #contents_body_3clm {width:960px; padding:0;} #recipe #contents_body_3clm p{padding:7px 0 0 0;line-height:140%;} #recipe #contents_body_3clm .btn_search{width:530px;text-align:center;margin:20px 0 0 0;padding:27px 0 10px 0;background: url(/recipe/images/arrow02.gif) 0 0 no-repeat} #recipe #contents_body_3clm a { color: #ef484f; text-decoration: underline; } #recipe #contents_body_3clm a:visited { color: #ef484f; } #recipe #contents_body_3clm a:hover { text-decoration: none; } #recipe #contents_body_3clm a:active { color: #ef484f; } #recipe #contents_body_3clm .box_freeword {padding:0 0 10px 0;} #recipe #contents_body_3clm .box_freeword .box_freeword_content{width:570px;height:74px;padding:13px 0 0 0;background: url(/recipe/images/box_freeword02_bg.gif) 0 0 no-repeat;} #recipe #contents_body_3clm .box_freeword .box_freeword_content table{margin:0 0 0 20px;} #recipe #contents_body_3clm .box_freeword .box_freeword_content th{width:314px;text-align:left;font-weight:normal;} #recipe #contents_body_3clm .box_freeword .box_freeword_content td.td01{width:57px;padding:0 8px 0 0;} #recipe #contents_body_3clm .box_freeword .box_freeword_content td.td02{width:142px;padding-left:8px;background: url(/recipe/images/bg_fukidashi01.gif) right 0 no-repeat;font-size:10px;text-align:center;} #recipe #contents_body_3clm .box_freeword .box_freeword_content .f01{width:295px;font-size:12px;color:#999;background-color:#f8fcff;border:1px solid #7f9db9;} #recipe #contents_body_3clm .box_kensaku {padding:0 0 10px 0;} #recipe #contents_body_3clm .box_kensaku .box_kensaku_content{width:530px;padding:15px 20px 0 20px;background: url(/recipe/images/box_kensaku02_bg.gif) 0 0 repeat-y;} #recipe #contents_body_3clm .box_kensaku .box_kensaku02_btm{padding:0;margin:0;} #recipe #contents_body_3clm #box_kensaku01 .clm01 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_3clm #box_kensaku01 .clm02 {padding:0 0 10px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_3clm #box_kensaku01 .clm03 {padding:0 0 10px 0;} #recipe #contents_body_3clm #box_kensaku01 .clm02 p{margin:0 0 0 20px;} #recipe #contents_body_3clm #box_kensaku01 .clm03 p{margin:0 0 0 20px;} #recipe #contents_body_3clm #box_kensaku02 .clm01 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_3clm #box_kensaku02 .clm02 {padding:0 0 20px 0;margin:0 0 20px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_3clm #box_kensaku02 .clm03 {padding:0 0 10px 0;} #recipe #contents_body_3clm #box_kensaku02 .clm02 .clmL{width:150px;float:left;padding:0 0 0 10px;text-align:center;} #recipe #contents_body_3clm #box_kensaku02 .clm02 .clmR{width:365px;float:right;padding:0;} #recipe #contents_body_3clm #box_kensaku02 .clm02 p{line-height:20px;padding:5px 0 0 0;} #recipe #contents_body_3clm #box_kensaku02 .clm03 p{margin:0 0 20px 20px;} #recipe #contents_body_3clm #box_kensaku02 .clm03 .tab_contents01 {padding:10px 0 0 20px;} #recipe #contents_body_3clm #box_kensaku02 .clm03 .tab_contents02 {padding:10px 0 0 20px;} #recipe #contents_body_3clm #box_kensaku02 .clm03 .tab_contents03 {padding:10px 0 0 20px;} #recipe #contents_body_3clm #box_kensaku02 .clm03 .tab_contents04 {padding:10px 0 0 20px;} #recipe #contents_body_3clm #box_kensaku02 .clm03 .clmL{width:230px;float:left;padding:0 20px 0 0;} #recipe #contents_body_3clm #box_kensaku02 .clm03 #accordion {padding:0;} #recipe #contents_body_3clm #box_kensaku02 .clm03 #accordion ul {padding:10px 0 10px 0;margin:0;} #recipe #contents_body_3clm #box_kensaku02 .clm03 #accordion li{padding:0 0 10px 0;margin:0;} #recipe #contents_body_3clm #box_kensaku02 .clm03 h3 {cursor:pointer;display:block;} /************** 3カラム kensaku_kekka**************/ #recipe #contents_body_3clm .box_kekka01 {width:570px;} #recipe #contents_body_3clm .box_kekka01_content{width:550px;padding:10px 0 20px 20px;background: url(/recipe/images/box_kekka01_bg.gif) 0 0 repeat-y;} #recipe #contents_body_3clm .box_kekka01_content #number{color:#ff6f75;font-size:16px;} #recipe #contents_body_3clm .box_kekka01_content table{width:530px;margin:0 0 10px 0;} #recipe #contents_body_3clm .box_kekka01_content th{text-align:left;} #recipe #contents_body_3clm .box_kekka01_content td{text-align:center;width:140px;padding-left:45px;height:30px;background: url(/recipe/images/bg_fukidashi02.gif) 0 0 no-repeat;font-size:10px;} #recipe #contents_body_3clm .box_kekka01_content .img{width:98px;height:98px;border:1px solid #ccc;margin:0 8px 8px 0;float:left;} #recipe #contents_body_3clm .box_kekka01_btm{padding:0 0 10px 0;margin:0;} .box_kekka02_content{background: url(/recipe/images/box_kekka02_bg.gif) 0 0 repeat-y;} #recipe #contents_body_3clm #box_type table {margin:10px 0 0 0;} #recipe #contents_body_3clm #box_type th {text-align:left;width:40px;padding:5px 0;vertical-align:top;} #recipe #contents_body_3clm #box_type td.dry{padding:5px 0 5px 40px;background:url(/recipe/images/icon_dry.gif) 0 10px no-repeat;vertical-align:top;} #recipe #contents_body_3clm table.freeword02{width:530px;margin:0 0 20px 0;} #recipe #contents_body_3clm table.freeword02 th.th02{margin:0;padding:0 0 10px 0;text-align:left;font-weight:normal;} #recipe #contents_body_3clm table.freeword02 td.td01{width:57px;padding:0;margin:0;} #recipe #contents_body_3clm table.freeword02 td.td02{width:142px;padding-left:8px;background: url(/recipe/images/bg_fukidashi01.gif) right 0 no-repeat;font-size:10px;text-align:center;} #recipe #contents_body_3clm table.freeword02 .f02{width:245px;font-size:10px;color:#999;background-color:#f8fcff;border:1px solid #7f9db9;margin:7px 0 0 0;} #contents_body_3clm .clm_kekka01{margin:10px 0;} #contents_body_3clm .clm_kekka01 .clmL{width:120px;float:left;} #contents_body_3clm .clm_kekka01 .clmR{width:310px;float:right;} #contents_body_3clm .clm_kekka01 .clmL h3{width:100px;padding:0 20px 0 0;float:left;display:block;} #contents_body_3clm .clm_kekka01 .clmR img{width:100px;padding:0 0 0 3px;float:left;} #contents_body_3clm .clm_number {padding:15px 0 0 110px;} #contents_body_3clm .clm_number ul#link_green{width:400px;float:left;overfow:hidden;} #contents_body_3clm .clm_number li{padding:4px 8px;margin:0 3px 0 0;float:left;border:1px solid #ccc;font-weight:bold;color:#4cb870} #contents_body_3clm .clm_number ul#link_green li a {color:#4cb870; text-decoration: none; } #contents_body_3clm .clm_number ul#link_green li a:visited {color:#4cb870; } #contents_body_3clm .clm_number ul#link_green li a:hover {color:#4cb870; text-decoration:underline; } #contents_body_3clm .clm_number ul#link_green li a:active {color: #4cb870; } #recipe #contents_body_3clm .box_pink{padding:20px 20px 0 20px;background: url(/recipe/images/line_dot01.gif) 0 top repeat-x;background-color:#fff2f2;} #recipe #contents_body_3clm .box_pink .menu {width:170px;padding:0 6px 20px 0;float:left;} #recipe #contents_body_3clm .box_pink .img {width:73px;height:54px;border:1px solid #ccc;float:left;margin:0 10px 0 0;} #recipe #contents_body_3clm .box_pink p {line-height:130%;padding:0;} #recipe #contents_body_3clm .box_pink ul {padding:10px 0 0 0;font-size:10px;color:#666;} #recipe #contents_body_3clm .box_pink li.ene {padding:0 0 7px 15px;background: url(/recipe/images/icon_ene.gif) 0 0 no-repeat;} #recipe #contents_body_3clm .box_pink li.time {padding:0 0 0 15px;background: url(/recipe/images/icon_time.gif) 0 0 no-repeat;} #recipe #contents_body_3clm h5.spice{width:230px;height:25px;display:block;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} #recipe #contents_body_3clm h3.tab{padding-left:10px;} /************** 3カラム otanoshimi_ranking**************/ .ranking { margin:0; padding:0; width: 170px; height: 138px; } .ranking ul { margin:0 !important; padding:0 !important; list-style: none; } .ranking ul li.tit_ranking_left { padding:0 !important; float:left; height: 92px; } .ranking ul li.ranking_main_img { margin:0; padding:0 !important; width: 99px; height: 92px; float:left; } .ranking ul li.ranking_main_img p.rank_img { margin:0; padding:0 !important; } .ranking ul li.tit_ranking_right { padding:0 !important;float:right; height: 92px; } .ranking ul li.tit_ranking_bottom { margin:0px !important; padding:0; background: url(/recipe/images/side/ranking/bottom.jpg) no-repeat; height: 46px; width: 170px; clear: both; } .ranking ul li.tit_ranking_bottom p.rank_txt { font-weight: bold; margin: 0px !important; padding-left: 25px !important; width: 130px; line-height: 12px !important; } /************** recpe_index **************/ .recipe_index .box_search{padding:0 0 10px 0;margin:0;} .recipe_index .box_search h2{margin:0;} .recipe_index .box_search_content{width:530px;padding:10px 20px 10px 20px;background: url(/recipe/images/box_search_bg.jpg) 0 bottom no-repeat;min-height:290px; height:auto !important; height:290px;} .recipe_index .box_search_content h3{background:none; padding:0 0 10px 0; clear:both; display:block;} .recipe_index .box_search_content h3 img{display:block; padding:0 0 0 0; margin:0;} .recipe_index .box_search_content .ttl{padding:0 0 10px 0;} .recipe_index .box_search_content .clmL{width:310px;float:left;} .recipe_index .box_search_content .clmL .txt_area{padding:0 0 0 20px;} .recipe_index .box_search_content .clmL .txt_area table.freeword{width:290px;margin:0 0 20px 0;} .recipe_index .box_search_content .clmL .txt_area table.freeword th{text-align:left;font-weight:normal;vertical-align:middle;font-size:10px;color:#666;} .recipe_index .box_search_content .clmL .txt_area table.freeword th .f01{width:215px;font-size:12px;color:#333;background-color:#f8fcff;border:1px solid #7f9db9;margin:7px 0 0 0;} .recipe_index .box_search_content .clmL .txt_area table.freeword td{width:57px;} .recipe_index .box_search_content .clmL .txt_area h4{display:block;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;font-weight:bold;padding:0 0 5px 0;} .recipe_index .box_search_content .clmL .txt_area p{padding:5px 0 10px 0 !important;} .recipe_index .box_search_content .clmR{width:140px;padding:0 23px 0 0;float:right;} .recipe_index .box_search_content .clmR .btn{padding:0 0 5px 0;} .recipe_index .box_master{width:570px;padding:10px 0 15px 0} .recipe_index .box_master_head{width:570px;padding:0;margin:0;} .recipe_index .box_master_content{width:540px;padding:0 15px;background: url(/recipe/images/box_master_bg.gif) 0 0 repeat-y;} .recipe_index .box_master_content .clmL{width:255px;padding:5px 15px 0 0;background: url(/recipe/images/line_dot03.gif) right 0 repeat-y;float:left;} .recipe_index .box_master_content .ttl{padding:0;margin:0;} .recipe_index .box_master_content .box_osusume{width:255px;} .recipe_index .box_master_content .box_osusume .img{width:99px;height:75px;padding:5px 0 0 5px;float:left;background: url(/recipe/images/bg_pic_master.gif) 0 0 no-repeat;} .recipe_index .box_master_content .box_osusume .txt{width:141px;float:right;} .recipe_index .box_master_content .box_osusume .txt p{display:block;height:55px;padding:0 !important;} .recipe_index .box_master_content .box_osusume .txt img{padding:0;} .recipe_index .box_master_foot{ padding:0; margin:0; background: url(/recipe/images/box_master_btm.gif) 0 bottom no-repeat; height: 10px; } .recipe_index .box_master_content .clmR{width:255px;float:right;padding:5px 0 0 0;} .recipe_index .box_master_content #btn_master{padding:15px 0 0 5px;} .recipe_index .box_pickup{width:570px;padding:0 0 15px 0;} .recipe_index .clmL{width:275px;float:left;padding:15px 10px 0 0;} .recipe_index .box_pickup .clmL .img{width:80px;padding:0 0 0 20px;float:left;} .recipe_index .box_pickup .clmL .txt_area{float:right;} .recipe_index .box_pickup .clmL .txt_area .txt{width:175px;padding:5px 0 0 0;display:block;font-size:0.9em;line-height:140%;color:#666;min-height:180px; height:auto !important; height:180px} .recipe_index .box_pickup .clmR{width:255px;float:left;padding:15px 0 0 10px;background: url(/recipe/images/line_dot04.gif) left 17px no-repeat;} .recipe_index .box_pickup .clmR .clm{padding:0 0 10px 0;} .recipe_index .box_pickup .clmR .img01{ width:99px; height:75px; float:left; padding-top: 4px; padding-right: 0; padding-bottom: 0; padding-left: 5px; background-image: url(/recipe/images/bg_pic_master.gif); background-repeat: no-repeat; background-position: 0 0; } .recipe_index .box_pickup .clmR .txt_area{width:135px;float:right;} .recipe_index .box_pickup .clmR .txt_area p{font-size:0.9em;line-height:140%;color:#666;padding:5px 0 !important;} .recipe_index .box_pickup .btn{padding:5px 0 0 0;} .recipe_index .box_recipe{width:570px;padding:0 0 15px 0;} .recipe_index .box_recipe .clm{width:285px;float:left;} .recipe_index .box_recipe .clm .txt_area{width:250px;padding:0 0 0 20px;} .recipe_index .box_recipe .clm .txt_area img{padding:0 0 10px 0;} .recipe_index .box_recipe .clm .txt_area p{padding:0 0 0 13px !important;background: url(/recipe/images/icon_arrow03.gif) 3px 3px no-repeat;} .recipe_index .box_recipe a {color:#666 !important; text-decoration: none !important; } .recipe_index .box_recipe a:visited {color:#666 !important; } .recipe_index .box_recipe a:hover {color:#666 !important; text-decoration:underline !important; } .recipe_index .box_recipe a:active {color: #666 !important; } .recipe_index .box_genre{width:570px;padding:0 0 15px 0;} .recipe_index .box_genre .bnr01{float:left;} .recipe_index .box_genre .bnr02{float:left;padding:0 0 0 50px;} .recipe_index strong.rtpu{color:#d29622;} /************** kisetsu **************/ .kisetsu .btn_howto{width:519px;text-align:right;padding:7px 0 3px 0;} .kisetsu .clm01{padding:3px 0 10px 45px;} .kisetsu .clm01 h4{color:#4bb870;font-weight:bold;} .kisetsu .clm01 .pk{color:#ef484f;font-weight:bold;} .kisetsu .clm02 {padding:0 0 10px 5px;} .kisetsu .clm03 {padding:0 0 10px 5px;} .kisetsu .clm04 {padding:0 0 10px 5px;} .kisetsu .clm05 {padding:0 0 5px 5px;} .kisetsu .box_kisetsu01_head{ width: 560px; height:20px;background: url(/recipe/kisetsu/images/box_kisetsu01_head.jpg) 0 top no-repeat; } .kisetsu .box_kisetsu01_content{ width: 519px; padding:0 23px 0 18px;background: url(/recipe/kisetsu/images/box_kisetsu01_bg.jpg) repeat-y; } .kisetsu .box_kisetsu01_foot{ width: 560px; background: url(/recipe/kisetsu/images/box_kisetsu01_btm.jpg) 0 bottom no-repeat; } .kisetsu .box_kisetsu01_content .clmL{width:257px;float:left;} .kisetsu .box_kisetsu01_content .clmL h4{display:block;padding:0 0 10px 27px;font-size:1.15em;font-weight:bold;color:#ef484f;line-height:140%;background: url(/recipe/images/icon_arrow01.gif) 0 1px no-repeat;} .kisetsu .box_kisetsu01_content .clmL .txt_area{width:230px;background: url(/recipe/images/line_dot01.gif) 0 top repeat-x;padding:5px 0 0 27px;} .kisetsu .box_kisetsu01_content .clmL .gray{color:#666;line-height:140%;padding:0;margin:0;} .kisetsu .box_kisetsu01_content .clmL .ttl{width:230px;height:26px;background:url(/recipe/kisetsu/images/box_ct_pk_bg.gif) 0 bottom no-repeat;padding:5px 0 0 0;} .kisetsu .box_kisetsu01_content .clmL .ttl table{margin:0;height:26px;} .kisetsu .box_kisetsu01_content .clmL .ttl th{width:112px;padding:0 0 0 5px;text-align:left;} .kisetsu .box_kisetsu01_content .clmL .ttl td{width:113px;text-align:center;font-weight:bold;color:#fff;} .kisetsu .box_kisetsu01_content .clmL table.info{width:230px;height:26px;background-color:#ccc;margin:5px 0 0 0;} .kisetsu .box_kisetsu01_content .clmL table.info th{width:91px;text-align:left;font-weight:normal;background-color:#fff!important;padding:2px 0 2px 25px;} .kisetsu .box_kisetsu01_content .clmL table.info th.ene{background: url(/recipe/images/icon_ene.gif) 8px 5px no-repeat;} .kisetsu .box_kisetsu01_content .clmL table.info th.solt{background: url(/recipe/images/icon_solt.gif) 8px 7px no-repeat;} .kisetsu .box_kisetsu01_content .clmL table.info td{width:102px;text-align:left;background-color:#fff0f1;padding:2px 0 2px 10px;} .kisetsu .box_kisetsu01_content .clmR{width:239px;height:179px;padding:5px 0 0 5px;float:right;background: url(/recipe/kisetsu/images/bg_pic01.gif) 0 0 no-repeat;} .kisetsu .box_kisetsu02_head{ width: 560px; height:20px;background: url(/recipe/kisetsu/images/box_kisetsu02_head.gif) 0 top no-repeat; } .kisetsu .box_kisetsu02_content{ width: 519px; padding:0 23px 0 18px;background: url(/recipe/kisetsu/images/box_kisetsu02_bg.gif) repeat-y; } .kisetsu .box_kisetsu02_foot{ width: 560px; background: url(/recipe/kisetsu/images/box_kisetsu02_btm.gif) 0 bottom no-repeat; } .kisetsu .box_kisetsu02_content .clmL{width:360px;float:left;} .kisetsu .box_kisetsu02_content .clmR{width:139px;height:104px;padding:5px 0 0 5px;float:right;background: url(/recipe/kisetsu/images/bg_pic02.gif) 0 0 no-repeat;} .kisetsu .box_kisetsu02_content .clmL h4{display:block;padding:0 0 10px 27px;font-size:1.15em;font-weight:bold;color:#4bb870;line-height:140%;background: url(/recipe/images/icon_arrow02.gif) 0 1px no-repeat;} .kisetsu .box_kisetsu02_content .clmL h4.link_green a {color:#4cb870 !important;text-decoration: none; } .kisetsu .box_kisetsu02_content .clmL h4.link_green a:visited {color:#4cb870 !important; } .kisetsu .box_kisetsu02_content .clmL h4.link_green a:hover {color:#4cb870 !important; text-decoration:underline; } .kisetsu .box_kisetsu02_content .clmL h4.link_green a:active {color: #4cb870 !important;} .kisetsu .box_kisetsu02_content .clmL .txt_area{width:333px;background: url(/recipe/images/line_dot01.gif) 0 top repeat-x;padding:5px 0 0 27px;} .kisetsu .box_kisetsu02_content .clmL .gray{color:#666;line-height:140%;padding:0;margin:0;} .kisetsu .box_kisetsu02_content table.info02{margin:0 0 0 27px;} .kisetsu .box_kisetsu02_content table.info02 td{padding:0 20px 0 15px;} .kisetsu .box_kisetsu02_content table.info02 td.time{background: url(/recipe/images/icon_time.gif) 0 3px no-repeat;} .kisetsu .box_kisetsu02_content table.info02 td.ene{background: url(/recipe/images/icon_ene.gif) 0 3px no-repeat;} .kisetsu .box_kisetsu02_content table.info02 td.solt{background: url(/recipe/images/icon_solt.gif) 0 5px no-repeat;} .kisetsu .btn_backnumber,.pickup .btn_backnumber{width:570px;text-align:right;padding:5px 0 0 0;} .kisetsu ul.backnum li{display:block; padding:5px 0;} /************** rank **************/ .rank .rankbox01{display:block;margin-bottom:20px;} .rank .rankbox02{display:block;margin-bottom:20px;} .rank .rankbox03{display:block;margin-bottom:20px;} .rank .rankbox04{display:block;margin-bottom:20px;} .rank .rankbox01 .rankover{width:760px;height:26px;background: url(/recipe/images/rank01_top.gif) 0 top no-repeat;} .rank .rankbox01 .rankbody{width:760px;height:169px;background: url(/recipe/images/rank01_bg.gif) 0 top repeat-y;} .rank .rankbox01 .rank01img{border:4px solid #fbb40b;} .rank .rankbox01 .rankbox{width:720px;margin:0 auto;} .rank .rankbox01 .rankbottom{width:760px;height:9px;background: url(/recipe/images/rank01_bottom.gif) 0 top no-repeat;} .rank .rankbox01 .title{font-weight:bold;font-size:130%;color:#ff6969;display:block;margin:5px 0;} .rank .rankbox02 .rankover{width:760px;height:26px;background: url(/recipe/images/rank02_top.gif) 0 top no-repeat;} .rank .rankbox02 .rankbody{width:760px;height:169px;background: url(/recipe/images/rank01_bg.gif) 0 top repeat-y;} .rank .rankbox02 .rank01img{border:4px solid #ccc2a2;} .rank .rankbox02 .rankbox{width:720px;margin:0 auto;} .rank .rankbox02 .rankbottom{width:760px;height:9px;background: url(/recipe/images/rank02_bottom.gif) 0 top no-repeat;} .rank .rankbox02 .title{font-weight:bold;font-size:120%;color:#666666;display:block;margin:5px 0;} .rank .rankbox03 .rankover{width:760px;height:26px;background: url(/recipe/images/rank03_top.gif) 0 top no-repeat;} .rank .rankbox03 .rankbody{width:760px;height:169px;background: url(/recipe/images/rank01_bg.gif) 0 top repeat-y;} .rank .rankbox03 .rank01img{border:4px solid #e7baa1;} .rank .rankbox03 .rankbox{width:720px;margin:0 auto;} .rank .rankbox03 .rankbottom{width:760px;height:9px;background: url(/recipe/images/rank03_bottom.gif) 0 top no-repeat;} .rank .rankbox03 .title{font-weight:bold;font-size:110%;color:#b76b42;display:block;margin:5px 0;} .rank .rankbox04 .rankover{width:760px;height:15px;background: url(/recipe/images/rank04_top.gif) 0 top no-repeat;} .rank .rankbox04 .rankbody{width:760px;height:169px;background: url(/recipe/images/rank04_bg.gif) 0 top repeat-y;} .rank .rankbox04 .rank01img{border:4px solid #dddddd;} .rank .rankbox04 .rankbox{width:720px;margin:0 auto;} .rank .rankbox04 .rankbottom{width:760px;height:9px;background: url(/recipe/images/rank04_bottom.gif) 0 top no-repeat;} .rank .rankbox04 .title{font-weight:bold;font-size:100%;color:#666666;display:block;margin:5px 0;} .rank .rankleft{width:150px;float:left;} .rank .rankmiddle{width:80px;float:left;} .rank .rankright{width:300px;float:left;} .rank .rankleft02{margin:20px 0 0 0;float:left;} .rank .rankright02{margin:20px 0 0 0;float:right;} .rank .rankleft03{padding-top:10px;width:142px;float:left;} .rank .rankright03{width:428px;height:70px;float:right;background: url(/recipe/images/fukidashi_bg.jpg) 0 top no-repeat;} .rank .txt{padding:15px 25px 15px 35px;display:block;} .rank .rankleft02 table.info02{margin:0 0 0 0;} .rank .rankleft02 table.info02 td{padding:0 15px 0 15px;} .rank .rankleft02 table.info02 td.time{background: url(/recipe/images/icon_time.gif) 0 3px no-repeat;} .rank .rankleft02 table.info02 td.ene{background: url(/recipe/images/icon_ene.gif) 0 3px no-repeat;} .rank .rankleft02 table.info02 td.solt{background: url(/recipe/images/icon_solt.gif) 0 5px no-repeat;} /************** toretate **************/ .toretate h3{display:block;padding:15px 0 10px 0;} .toretate .box_cr02_head { width: 570px; background: url(/recipe/toretate/images/box_cr02_top.gif) 0 0 no-repeat;} .toretate .box_cr02_content { width: 550px; background: url(/recipe/toretate/images/box_cr02_bg.gif) repeat-y; padding:0 10px;} .toretate .box_cr02_foot { width: 570px; background: url(/recipe/toretate/images/box_cr02_btm.gif) 0 top no-repeat;height:20px;} .toretate .box_cr02_content #title {padding:0 0 15px 0;background: url(/recipe/toretate/images/line_gr01.gif) 0 bottom repeat-x;} .toretate .box_cr02_content #title h2{width:350px;padding:0 0 0 5px;display:block;float:left;font-weight:bold;color:#4bb870;line-height:120%;font-size:1.3em;border-left:8px solid #4bb870;} .toretate .box_cr02_content .btn_print {width:150px;float:right;padding:10px 0 0 0;} .toretate .box_cr02_content p.p01{color:#777;padding:0 0 0 5px;} .toretate .box_cr02_content .clm01{margin:20px 0 20px 0;} .toretate .box_cr02_content .clm01 .clmL{width:229px;height:210px;padding:28px 0 0 6px;background:url(/recipe/images/bg_pic01.gif) 0 0 no-repeat;float:left;} .toretate .box_cr02_content .clm01 .clmR {width:293px;padding:0;float:right;} .toretate .box_cr02_content .clm01 .clmR .ttl{width:293px;height:26px;background:url(/recipe/images/box_ct_bg.gif) 0 0 no-repeat;padding:0 0 13px 0;} .toretate .box_cr02_content .clm01 .clmR .ttl table{margin:0;height:26px;} .toretate .box_cr02_content .clm01 .clmR .ttl th{width:185px;padding:0 0 0 5px;text-align:left;} .toretate .box_cr02_content .clm01 .clmR .ttl td{width:103px;text-align:center;font-weight:bold;color:#fff;} .toretate .box_cr02_content .clm01 .clmR table.tbl01{width:100%;background-color:#ccc;margin:5px 0 0 0;} .toretate .box_cr02_content .clm01 .clmR table.tbl01 th{width:168px;padding:4px 10px;text-align:left;font-weight:normal;background-color:#e8fff0;} .toretate .box_cr02_content .clm01 .clmR table.tbl01 td{padding:4px 10px;text-align:right;background-color:#fff;} .toretate .box_cr02_content .clm02{padding:0 0 20px 0;color:#301c00;} .toretate .box_cr02_content .clm02 .ttl{width:550px;height:42px;background:url(/recipe/toretate/images/ttl_mobile_bg.gif) 0 0 no-repeat;} .toretate .box_cr02_content .clm02 .ttl table{width:100%;height:35px;} .toretate .box_cr02_content .clm02 .ttl th.th01{padding:16px 0 0 30px;width:60px;text-align:left;} .toretate .box_cr02_content .clm02 .ttl td.td01{vertical-align:bottom;padding:0;width:329px;color:#fff;font-weight:bold;text-align:left;} .toretate .box_cr02_content .clm02 .ttl td.td02{padding:10px 0 0 0;text-align:left;} .toretate .box_cr02_content .clm02 table.tbl01{width:100%;margin:20px 0 0 0;} .toretate .box_cr02_content .clm02 table.tbl01 th.th01{padding:3px 10px;background-color:#fff7c0;font-weight:normal;text-align:left;width:300px;} .toretate .box_cr02_content .clm02 table.tbl01 th.th02{padding:3px 10px;background-color:#fffff2;font-weight:normal;text-align:left;width:300px;} .toretate .box_cr02_content .clm02 table.tbl01 td.td01{padding:3px 10px;background-color:#fff7c0;text-align:left;} .toretate .box_cr02_content .clm02 table.tbl01 td.td02{padding:3px 10px;background-color:#fffff2;text-align:left;} .toretate .box_cr02_content .clm03{padding:0;color:#301c00;} .toretate .box_cr02_content .clm03 .ttl{width:550px;height:42px;background:url(/recipe/toretate/images/ttl_mobile_bg.gif) 0 0 no-repeat;} .toretate .box_cr02_content .clm03 .ttl table{width:100%;} .toretate .box_cr02_content .clm03 .ttl th.th02{padding:16px 0 0 30px;width:386px;text-align:left;} .toretate .box_cr02_content .clm03 .ttl td.td02{padding:10px 0 0 3px;text-align:left;} .toretate .box_cr02_content .clm03 dl{margin:10px 0 0 5px;padding:0;} .toretate .box_cr02_content .clm03 dt{float:left;width:35px;margin:0;padding:0;font-weight:bold;} .toretate .box_cr02_content .clm03 dd{padding:0 0 10px 35px;margin:0;} .toretate .box_cr02_content .clm04 {padding:0;color:#301c00;} .toretate .box_cr02_content .clm04 .ttl{padding:0 0 10px 0;} .toretate .box_cr02_content .clm04 p{padding:0 0 0 40px !important;} .toretate ul.toretate li{font-weight:bold;color:#4bb870;padding:0 0 5px 10px;} .toretate .box_cr02_content .clm_bn01{padding:10px 0 10px 0;background:url(/recipe/toretate/images/line_gr02.gif) 0 bottom repeat-x;} .toretate .box_cr02_content .clm_bn02{padding:10px 0 0 0;} .toretate .box_cr02_content .img{width:131px;height:98px;padding:4px 0 0 3px;background:url(/recipe/toretate/images/bg_pic03.gif) 0 0 no-repeat;float:left;} .toretate .box_cr02_content p.txt{display:block;padding:25px 0 0 0;width:394px;float:right;color:#3a0505;line-height:140%;} /************** syun **************/ .syun h3{display:block;padding:0 0 10px 0;} .syun dl.date {padding:10px 0 20px 15px; border-top:dotted 1px #ccc;} .syun dl.date dt{width:75px;float:left;} .syun dl.date dd{padding:0 0 0 90px;line-height:120%;} .recipeSyun{padding:0 0 30px 0; clear:both;} /************** pickup **************/ .pickup .box_pickup01_head{width:570px;height:16px;background: url(/recipe/pickup/images/box_pickup01_head.gif) 0 0 no-repeat;margin:5px 0 0 0;} .pickup .box_pickup01_content{width:570px;padding:0;background: url(/recipe/pickup/images/box_pickup01_bg.gif) 0 0 repeat-y;} .pickup .box_pickup01_content .clm01 {padding:0 20px 10px 20px;} .pickup .box_pickup01_content .clm01 .clmL{width:135px;text-align:center;float:left;} .pickup .box_pickup01_content .clm01 .clmR{width:365px;float:right;} .pickup .box_pickup01_content h3{display:block;padding:0 0 10px 20px;} .pickup .box_pickup01_content p.link, .special #special_contents p.link{padding:15px 0 10px 20px !important;font-weight:bold; margin:0;} .pickup .box_pickup01_foot{height:15px; overlow:hidden; padding:0;margin:0;background: url(/recipe/pickup/images/box_pickup01_btm.gif) 0 bottom no-repeat;} .recipePickup{padding-bottom:25px;} /************** special **************/ #special_contents { width:760px; background: url(/recipe/special/images/tab_bg.jpg) repeat-y 0 0;} #special_contents div#tab_change01 #navi_page ul#tab01 {list-style:none; } #special_contents div#tab_change01 #navi_page{width:760px;height:45px;overflow:hidden;padding:0 0 0 0;} #special_contents div#tab_change01 #navi_page ul#tab {list-style:none; } #special_contents div#tab_change01 #navi_page ul#tab li {display:inline;float:left;} #special_contents div#tab_change01 #navi_page ul#tab li a {text-indent:-9999px; height:45px; display:block;} #special_contents div#tab_change01 #navi_page ul#tab li span.navi_page1 a {width:380px; background:url(/recipe/special/images/tab01.jpg) 0 0 no-repeat;} #special_contents div#tab_change01 #navi_page ul#tab li span.navi_page2 a {width:380px; background:url(/recipe/special/images/tab01.jpg) -380px 0 no-repeat;} #special_contents div#tab_change01 #navi_page ul#tab li span.navi_page1 a:hover {width:380px; background:url(/recipe/special/images/tab01.jpg) 0 -45px no-repeat;} #special_contents div#tab_change01 #navi_page ul#tab li span.navi_page2 a:hover {width:380px; background:url(/recipe/special/images/tab01.jpg) -380px -45px no-repeat;} #special_contents div#tab_change01 #navi_page ul#tab li.selected span.navi_page1 a {width:380px; background:url(/recipe/special/images/tab01.jpg) 0 -45px no-repeat;} #special_contents div#tab_change01 #navi_page ul#tab li.selected span.navi_page2 a {width:380px; background:url(/recipe/special/images/tab01.jpg) -380px -45px no-repeat;} #special_contents div#tab_change02 #navi_page ul#tab01 {list-style:none; } #special_contents div#tab_change02 #navi_page{width:760px;height:45px;overflow:hidden;padding:0 0 0 0;} #special_contents div#tab_change02 #navi_page ul#tab {list-style:none; } #special_contents div#tab_change02 #navi_page ul#tab li {display:inline;float:right;} #special_contents div#tab_change02 #navi_page ul#tab li a {text-indent:-9999px; height:45px; display:block;} #special_contents div#tab_change02 #navi_page ul#tab li span.navi_page1 a {width:380px; background:url(/recipe/special/images/tab01.jpg) -380px 0 no-repeat;} #special_contents div#tab_change02 #navi_page ul#tab li span.navi_page2 a {width:380px; background:url(/recipe/special/images/tab01.jpg) 0 0 no-repeat;} #special_contents div#tab_change02 #navi_page ul#tab li span.navi_page1 a:hover {width:380px; background:url(/recipe/special/images/tab01.jpg) -380px -45px no-repeat;} #special_contents div#tab_change02 #navi_page ul#tab li span.navi_page2 a:hover {width:380px; background:url(/recipe/special/images/tab01.jpg) 0 -45px no-repeat;} #special_contents div#tab_change02 #navi_page ul#tab li.selected span.navi_page1 a {width:380px; background:url(/recipe/special/images/tab01.jpg) -380px -45px no-repeat;} #special_contents div#tab_change02 #navi_page ul#tab li.selected span.navi_page2 a {width:380px; background:url(/recipe/special/images/tab01.jpg) 0 -45px no-repeat;} #special_contents .box_tab_content { width:720px; padding:10px 20px 0px; margin: 0px; } #special_contents .box_tab_content #page_top {margin-top:20px;border-top:1px dotted #333;text-align:right;} #special_contents .box_tab_content #btn_area {margin-top:20px;text-align:right;} #special_contents .box_tab_btm {padding:0 0 10px 0;margin:0;height:20px;} #special_contents .box_tab_content p.sample{padding:0;margin:0;font-size:20px;text-align:center;} .page_top {margin-top:20px;border-top:1px dotted #333;text-align:right;} #tab_bottom { width:760px;height:20px;background: url(/recipe/special/images/tab_bottom.jpg) 0 0 no-repeat;} /************** seikatsu **************/ .seikatsu .box_seikatsu_content{width:568px;border-left:1px solid #ddd;border-right:1px solid #ddd;background: url(/recipe/seikatsu1/images/bg01.jpg) 0 40px no-repeat;} .seikatsu .box_seikatsu_content02{width:568px;border-left:1px solid #ddd;border-right:1px solid #ddd;background: url(/recipe/seikatsu2/images/bg02.jpg) 0 10px no-repeat;} .seikatsu .clm01{width:530px;padding:10px 0 0 19px;} .seikatsu .clm01 p{width:255px;display:block;padding:25px 0 0 0 !important;float:right;min-height:195px; height:auto !important; height:195px} .seikatsu .btn_backnumber{width:530px;text-align:right;padding:15px 19px 0 19px;} /************** magazine **************/ .magazine p.lead{padding:15px 0 15px 20px!important;} .magazine .box{width:760px;padding:0 0 10px 0;} .magazine .box .box_ttl{width:760px;padding:0;margin:0; height:57px; overflow:hidden; position:relative;} .magazine .box .box_ttl span.date{position:absolute; bottom:7px; right:15px; text-align:right;font-weight:bold;padding:0 !important; margin:0; display:block;} .magazine .box .box_ttl span.date2{position:absolute; bottom:25px; right:15px; text-align:right;font-weight:bold;padding:0 !important; margin:0; display:block;} .magazine .box .clmL{width:200px;height:150px;padding:7px 0 0 7px;float:left;background: url(/recipe/magazine/images/bg_pic.gif) 0 0 no-repeat;} .magazine .box .clmR{width:495px;float:right;padding:20px 0 0 0 ;} .magazine .box .clmR .txt_area{height:85px;} .magazine .box .clmR .txt_area p{padding:0 0 0 30px!important;} .magazine .box .clmR .btn{width:495px;text-align:right;padding:0 0 5px 0;} .magazine .box .box01_content{width:723px;height:220px;padding:0 20px 0 17px;background: url(/recipe/magazine/images/box01_bg.gif) 0 bottom no-repeat;} .magazine .box .box01_content h4.kyo{display:block;font-weight:bold;line-height:120%;font-size:1.15em;background: url(/recipe/magazine/images/icon01.gif) 5px 0 no-repeat;padding:0 0 10px 30px;} .magazine .box .box02_content{width:723px;height:220px;padding:0 20px 0 17px;background: url(/recipe/magazine/images/box01_bg.gif) 0 bottom no-repeat;} .magazine .box .box02_content h4.dan{display:block;font-weight:bold;line-height:120%;font-size:1.15em;background: url(/recipe/magazine/images/icon02.gif) 9px 1px no-repeat;padding:0 0 10px 30px;} .magazine .box .box03_content{width:723px;height:220px;padding:0 20px 0 17px;background: url(/recipe/magazine/images/box01_bg.gif) 0 bottom no-repeat;} /**10pxを0pxに一時修正**/ .magazine .box .box03_content h4.ess{display:block;font-weight:bold;line-height:120%;font-size:1.15em;background: url(/recipe/magazine/images/icon03.gif) 1px 0 no-repeat;padding:0 0 0 30px;} .magazine .box_magazine02_content table.info02{ margin:10px 0 0 0; } .magazine .box_magazine02_content table.info02 td{padding:0 20px 0 15px;} .magazine .box_magazine02_content table.info02 td.time{background: url(/recipe/images/icon_time.gif) 0 3px no-repeat;} .magazine .box_magazine02_content table.info02 td.ene{background: url(/recipe/images/icon_ene.gif) 0 3px no-repeat;} .magazine .box_magazine02_content table.info02 td.solt{background: url(/recipe/images/icon_solt.gif) 0 5px no-repeat;} .magazine .box .box04_content{width:723px;height:420px;padding:0 20px 0 17px;background: url(/recipe/magazine/images/box04_bg.gif) 0 bottom no-repeat;} .magazine .box .box04_content h4.dan{display:block;font-weight:bold;line-height:120%;font-size:1.15em;background: url(/recipe/magazine/images/icon02.gif) 9px 1px no-repeat;padding:0 0 10px 30px;} .magazine .box .clmR .btn2{width:495px;text-align:right; padding:20px 0 5px 0;} .magazine .l_title {padding:0 0 15px 30px;} /************** myrecipe **************/ .myrecipe .contents_myrecipe{width:720px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 19px;} .myrecipe #box_my_head{margin:10px 0 0 0;width:720px;height:13px;background: url(/recipe/myrecipe/images/box_my_head.gif) 0 0 no-repeat;} .myrecipe #box_my_content{width:680px;padding:5px 20px; margin:0; background: url(/recipe/myrecipe/images/box_my_bg.gif) 0 0 repeat-y;} .myrecipe #box_my_content h4{display:block;padding:0 0 10px 0!important;} .myrecipe #box_my_content p{padding:0 0 0 20px !important;line-height:200%!important;} .myrecipe #box_my_content table{width:490px; white-space:normal;} .myrecipe #box_my_content th{padding:0 30px 0 20px;text-align:left;font-weight:normal;vertical-align:middle; white-space:normal;} .myrecipe #box_my_content td{padding:0; white-space:normal;} .myrecipe #box_my_content .line{width:680px;height:15px;margin:0 0 15px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} .myrecipe #box_my_foot{width:720px;height:18px;background: url(/recipe/myrecipe/images/box_my_btm.gif) 0 bottom no-repeat; overflow:hidden;} /************** teiban **************/ .teiban h3{display:block;padding:0 0 10px 0;} .teiban #thema01{width:570px;margin:15px 0 15px 0;} .teiban #thema02{width:570px;margin:25px 0 15px 0;} .teiban #thema01 #thema_top{width:570px;height:30px;} .teiban #thema02 #thema_top{width:570px;height:30px;} .teiban #thema01 #thema_middle{ background: url(/recipe/teiban/images/thema01_middle.gif) 0 0 repeat-y; width:570px; text-align:center; color:#ff6f75; font-size:24px; font-weight:bold; padding-bottom:5px; height: 20px; padding-top: 10px; } .teiban #thema02 #thema_middle{background: url(/recipe/teiban/images/thema01_middle.gif) 0 0 repeat-y;width:570px;text-align:center;color:#4bb870;font-size:16px;font-weight:bold;padding-bottom:5px;} .teiban #thema02 #thema_middle .smalltxt{color:#333;font-size:12px;font-weight:bold;} .teiban #thema01 #thema_bottom{background: url(/recipe/teiban/images/thema01_under.gif) 0 0 no-repeat; width:570px;height:8px; overflow:hidden;} .teiban #thema02 #thema_bottom{background: url(/recipe/teiban/images/thema01_under.gif) 0 0 no-repeat;width:570px;height:8px; overflow:hidden;} .teiban .red{display:block;font-weight:bold;color:#ef484f;} .teiban .bold{font-weight:bold;} .teiban .green02{display:block;font-weight:bold;color:#4bb870;} .teiban .small{font-size:80%;} .teiban #line{margin:15px 0 5px 0;display:block;background: url(/recipe/teiban/images/line.gif) 0 0;height:24px;} .teiban #box01{width:570px;} .teiban #box01 #left01{width:193px;float:left;} .teiban #box01 #right01{width:377px;float:right;} .teiban #box01 #btnbox{ width:377px; text-align:right; margin:15px 0 0 0; } .teiban #box01 #right01 #title01{ display:block; background: url(/recipe/teiban/images/01mark.jpg) 0 0 no-repeat; height:60px; padding-left:52px; } .teiban #box02{ width:570px; margin:0 0 5px 0; } .teiban #box02 #left02{ width:137px; float:left; } .teiban #box02 #right02{ width:433px; float:right; } .teiban #box02 #right02 #btnbox{ width:433px; margin:12px 0 0 0; } .teiban #box02 #right02 #btnbox #left02_01{ float:left; } .teiban #box02 #right02 #btnbox #right02_01{ float:right; } .teiban #box02 #right02 #title02{ display:block; background: url(/recipe/teiban/images/02mark.jpg) 0 0 no-repeat; height:34px; padding-left:52px; } .teiban #box02 #right02 #title03{ display:block; background: url(/recipe/teiban/images/03mark.jpg) 0 0 no-repeat; height:34px; padding-left:52px; } .teiban #box03{ width:570px; margin:0 0 10px 0; } .teiban #box03 #left03{ width:285px; float:left; border-right: 1px solid #ccc; } .teiban #box03 #left03 #left03_01{ width:108px; float:left; } .teiban #box03 #left03 #right03_01{ width:173px; float:right; } .teiban #box03 #title04{ display:block; background: url(/recipe/teiban/images/04mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #title06{ display:block; background: url(/recipe/teiban/images/06mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #title08{ display:block; background: url(/recipe/teiban/images/08mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #left03 #right03_01 #box03_01{ padding:10px 15px; } .teiban #box02 #right03{ width:274px; padding-left:10px; float:right; } .teiban #box03 #right03 #left03_02{ width:118px; float:left; text-align:center; } .teiban #box03 #right03 #right03_02{ width:156px; float:right; padding:0 0 10px 0; } .teiban #box03 #title05{ display:block; background: url(/recipe/teiban/images/05mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #title07{ display:block; background: url(/recipe/teiban/images/07mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #title09{ display:block; background: url(/recipe/teiban/images/09mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #right03 #right03_02 #box03_02{ padding:10px 0 0 15px; } .imgline{ border:5px solid #FFA603; } .imgline02{ border:3px solid #CCCCCC; } .imgline03{ border:1px solid #CCCCCC; } .teiban #voice{ background: url(/recipe/teiban/images/voice_middle.gif) 0 0; padding:10px; } .teiban #voice p{ display:block; background: url(/recipe/teiban/images/voice_icon.gif) 0 0 no-repeat; margin:7px 0 0 0 !important ; padding:0 0 0 20px !important ; } .teiban #voice_top{ width:570px; background: url(/recipe/teiban/images/voice_top.gif) 0 0 no-repeat; height:8px; margin-top:10px; overflow:hidden; } .teiban #voice_bottom{ width:570px; height:6px; background: url(/recipe/teiban/images/voice_under.gif) 0 0 no-repeat; overflow:hidden; } /*Voice2*/ .teiban .voiceWrap{width:274px;} .teiban #voice2{ background: url(/recipe/teiban/images/voice_middle2.gif) 0 0; padding:10px; } .teiban #voice2 p{ display:block; /*background: url(/recipe/teiban/images/voice_icon.gif) 0 0 no-repeat;*/ margin:7px 0 0 0 !important ; padding:0 0 0 5px !important ; font-size:0.85em; } .teiban #voice_top2{ width:274px; background: url(/recipe/teiban/images/voice_top2.gif) 0 0 no-repeat; height:8px; margin-top:5px; overflow:hidden; } .teiban #voice_bottom2{ width:274px; height:6px; background: url(/recipe/teiban/images/voice_under2.gif) 0 0 no-repeat; overflow:hidden; padding-bottom:10px; } .teiban #arenge_top{ margin-top:15px; display:block; height:76px; background: url(/recipe/teiban/images/arenge_top.gif) 0 0; } .teiban #arenge_top #arenge_top_left{ float:left; width:210px; } .teiban #arenge_top #arenge_top_left .red02{ font-size:14px; margin:35px 0 0 20px; display:block !important ; font-weight:bold !important ; color:#ef484f !important ; } .teiban #arenge_top #arenge_top_right{ float:right; width:360px; } .teiban #arenge_top #arenge_top_right .green03{ font-size:14px; margin:35px 0 0 10px; display:block; font-weight:bold !important ; color:#4bb870; } .teiban #basic{ padding:0 20px 10px 20px; } .teiban #basic #basic_left{ float:left; width:240px; height:40px; background: url(/recipe/teiban/images/basic.gif) 0 0 no-repeat; } .teiban #basic #basic_right{float:right;width:290px;} .teiban #taste{border-top:1px dotted #ccc;padding:10px 20px;} .teiban #taste #taste_left{float:left;width:240px;height:40px;background: url(/recipe/teiban/images/taste.gif) 0 0 no-repeat;} .teiban #taste #taste_left .smalltxt{display:block;margin:3px 0 0 125px;font-size:10px;font-weight:bold;} .teiban #taste #taste_right{float:right;width:290px;} .teiban .bold{font-weight:bold;} .teiban #arenge{display:block;background: url(/recipe/teiban/images/arenge_middle.gif) 0 0;} .teiban #arenge_bottom{display:block;height:16px;} .teiban #arenge_back{text-align:right;width:570px;margin-bottom:15px;} .teiban #about{margin-top:20px;width:568px;background-color:#F5F5F5;border:1px solid #EEE;} .teiban #aboutbox{padding:10px 0 10px 10px;} .teiban #aboutbox .smalltxt{font-size:10px;} .teiban #about #about_left{width:106px;float:left;} .teiban #about #about_right{width:442px;float:left;padding:0 10px 10px 0;border-bottom:1px solid #CCC;margin-bottom:10px;} .teiban dl.date {padding:0 0 10px 15px;} .teiban dl.date dt{width:75px;float:left;} .teiban dl.date dd{padding:0 0 0 90px;line-height:120%;} /* add */ #recipe #contents_body_1clm .box_kekka01_content #number div{width:auto; float:left;} .updnWatermark {font-size:10px;color:#999;padding: 2px;} /*#recipe ul.list01 div{ float: right; }*/ #contents_body_1clm .pager {width:920px; float:right;} #contents_body_1clm .pager ul#link_green{width:auto;float:right;overfow:hidden;} #contents_body_1clm .pager li{padding:4px 8px;margin:0 3px 0 0;float:left;border:1px solid #ccc;font-weight:bold;color:#4cb870} #contents_body_1clm .pager ul#link_green li a {color:#4cb870; text-decoration: none; } #contents_body_1clm .pager ul#link_green li a:visited {color:#4cb870; } #contents_body_1clm .pager ul#link_green li a:hover {color:#4cb870; text-decoration:underline; } #contents_body_1clm .pager ul#link_green li a:active {color: #4cb870; } #contents_body_1clm .pager li.active{padding:4px 8px;margin:0 3px 0 0;float:left;border:1px solid #4cb870;font-weight:bold;color:#ccc;background:#4cb870;} /************** qa **************/ .qa h3{display:block;padding:0 0 10px 0;} .qa #jirei{width:570px;margin:15px 0 15px 0;background: url(/recipe/qa/images/bg.gif) 0 0 repeat-y;} .qa #jirei #jirei_box{padding:0 20px;} .qa #jirei #jirei_box p{margin:0 0 15px 0; !important} .qa #jirei #jirei_box #btnarea{text-align:right;} .qa #jirei #jirei_bottom{width:570px;height:10px;background: url(/recipe/qa/images/bottom.gif) 0 0 repeat-y;} /*バックナンバー共通*/ #box_backnumber{width:488px;padding:0 20px 20px 20px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} #box_backnumber h4{color:#4bb870;font-weight:bold;padding:15px 0 0 0;display:block;} #box_backnumber .clmL{width:100px;float:left;padding:10px 0 0 0;} #box_backnumber .clmR{width:347px;float:right;background: url(/recipe/master/images/bg_master_backnumber.gif) right bottom no-repeat;line-height:150%;padding:20px 0 15px 20px;} .bnList{width:530px; margin:10px auto; border-bottom:solid 1px #ccc;} .bnList h3{padding:0; display:block;} img.pic{padding:2px; border:solid 1px #ddd;} .syun .btn_backnumber, .teiban .btn_backnumber{width:530px;text-align:right;padding:0 19px 0 19px;} /************** master index**************/ .master #box_mas01_content{width:550px;padding:10px 0 0 20px;background: url(/recipe/master/images/box_master01_bg.gif) 0 0 repeat-y;} .master #box_mas01_foot{width:570px;height:35px;background: url(/recipe/master/images/box_master01_foot.gif) 0 bottom no-repeat;} .master #box_mas01_content #box_month{width:530px;padding:0 0 20px 0;} .master #box_mas01_content #box_month .clmL{width:250px;float:left;padding:10px 15px 0 0;border-right:1px dotted #777;} .master #box_mas01_content #box_month .clmL .btn{padding:10px 0 0 0;} .master #box_mas01_content #box_month .clmR{width:250px;float:right;padding:10px 0 0 0;} .master #box_mas01_content #box_month .clmR .btn{padding:10px 0 0 0;} .master #box_mas01_content #box_month .clmR .img{width:99px;height:75px;padding:5px 0 0 5px;float:left;background: url(/recipe/images/bg_pic_master.gif) 0 0 no-repeat;} .master #box_mas01_content #box_month .clmR .txt{width:141px;float:right;} .master #box_mas01_content #box_month .clmR .txt p{display:block;height:55px;padding:0 !important;} .master #box_mas01_content #box_month .clmR .txt img{padding:0;} .master #box_mas01_content #box_backnumber{width:488px;padding:0 20px 0 20px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;} .master #box_mas01_content #box_backnumber h4{color:#4bb870;font-weight:bold;padding:15px 0 0 0;display:block;} .master #box_mas01_content #box_backnumber .clmL{width:80px;float:left;padding:10px 0 0 0;} .master #box_mas01_content #box_backnumber .clmR{width:367px;float:right;background: url(/recipe/master/images/bg_master_backnumber.gif) 0 bottom no-repeat;line-height:170%;padding:20px 0 15px 20px;} /************** master osusume**************/ .master .box{padding:0 0 10px 0;} .master .box_recipe{padding:0px;} .master #box_osu01_content{ width:528px; padding:10px 20px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; } .master #box_osu01_content .clmL{width:250px;float:left;} .master #box_osu01_content .clmL .btn{padding:10px 0 0 0;} .master #box_osu01_content .clmR{ width:255px; height: 99px; float:right; padding:10px; background: url(/recipe/master/images/box_fukidashi_bg.jpg) no-repeat; } .master #box_osu01_content .clmR .ttl{padding:0 0 8px 0;} .master #box_osu01_foot{width:570px;height:17px;background: url(/recipe/master/images/box_osusume01_foot.gif) 0 bottom no-repeat;} .master #box_osu02_content{width:530px; padding:8px 20px 0 20px; background: url(/recipe/master/images/box_osusume02_bg.gif) 0 0 repeat-y; display:block;} .master #box_osu02_content p{line-height:170%; padding:0px; margin:0px;} .master #box_osu02_content .date{color:#fff;font-size:0.85em;font-weight:bold;background-color:#4bb870;padding:2px 0 2px 10px;float:left;width:520px;} .master #box_osu02_content .ttl{font-weight:bold;background: url(/recipe/master/images/icon_osusume01.gif) 0 13px no-repeat;float:left;width:510px;padding:10px 0 10px 20px;} .master #box_osu02_content .line_dot{width:530px;background: url(/recipe/images/line_dot01.gif) 0 0 repeat-x;height:10px;float:left;} .master #box_osu02_content .imgL{width:199px;height:150px;padding:8px 0 0 8px;background:url(/recipe/master/images/img_osusume01_bg.gif) 0 0 no-repeat;float:left;margin:0 15px 10px 0;} .master #box_osu02_content .imgR{width:201px; height:152px; padding:8px 0 0 8px; float:right; margin:0 0 0 15px;} .master #box_osu02_foot{width:570px;height:17px;background: url(/recipe/master/images/box_osusume02_foot.gif) 0 bottom no-repeat; display:block;} .master #box_osu03_content{width:530px;padding:10px 20px 0 20px; margin:0px; background: url(/recipe/master/images/box_osusume03_bg.gif) 0 0 repeat-y; display:block;} .master #box_osu03_foot{width:570px;height:17px; margin:0px; background: url(/recipe/master/images/box_osusume03_foot.gif) 0 bottom no-repeat; display:block;} .master #box_osu03_content #title {padding:0 0 15px 0;background: url(/recipe/master/images/line_gr01.gif) 0 bottom repeat-x;} .master #box_osu03_content #title h2{width:350px;padding:0 0 0 5px;display:block;float:left;font-weight:bold;color:#4bb870;line-height:120%;font-size:1.15em;border-left:8px solid #4bb870;} .master #box_osu03_content .btn_print {width:91px;float:right;padding:0;} .master #box_osu03_content p.p01{color:#666;padding:0 0 0 5px;} .master #box_osu03_content .clm01{margin:10px 0 15px 0;} .master #box_osu03_content .clm01 .clmL{width:226px;height:176px;padding:8px 0 0 8px;background:url(/recipe/master/images/img_osusume02_bg.gif) 0 0 no-repeat;float:left;} .master #box_osu03_content .clm01 .clmR {width:264px;padding:0;float:right;} .master #box_osu03_content .clm01 .clmR table.tbl01{width:100%;background-color:#ccc;margin:5px 0 0 0;} .master #box_osu03_content .clm01 .clmR table.tbl01 th{width:145px;padding:4px 10px;text-align:left;font-weight:normal;background-color:#e8fff0;} .master #box_osu03_content .clm01 .clmR table.tbl01 td{padding:4px 10px;text-align:right;background-color:#fff;} .master #box_osu03_content .clm02{padding:0 0 15px 0;color:#301c00;} .master #box_osu03_content .clm02 .ttl{width:530;height:31px;background:url(/recipe/master/images/ttl_osusume_bg.gif) 0 0 no-repeat;} .master #box_osu03_content .clm02 .ttl table{width:100%;height:31px;} .master #box_osu03_content .clm02 .ttl th{vertical-align:middle;padding:0 0 0 30px;width:60px;text-align:left;width:70px;} .master #box_osu03_content .clm02 .ttl td{vertical-align:middle;padding:2px 0 0 0;color:#fff;font-weight:bold;text-align:left;} .master #box_osu03_content .clm02 table.tbl01{width:100%;margin:20px 0 0 0;} .master #box_osu03_content .clm02 table.tbl01 th.th01{padding:3px 10px;background-color:#fff7c0;font-weight:normal;text-align:left;width:240px;} .master #box_osu03_content .clm02 table.tbl01 th.th02{padding:3px 10px;background-color:#fffff2;font-weight:normal;text-align:left;width:240px;} .master #box_osu03_content .clm02 table.tbl01 td.td01{padding:3px 10px;background-color:#fff7c0;text-align:left;} .master #box_osu03_content .clm02 table.tbl01 td.td02{padding:3px 10px;background-color:#fffff2;text-align:left;} .master #box_osu03_content .clm03{padding:0;color:#301c00;} .master #box_osu03_content .clm03 .ttl{padding:0 0 10px 0;} .master #box_osu03_content .clm03 dl{margin:10px 0 0 5px;padding:0;} .master #box_osu03_content .clm03 dt{float:left;width:35px;margin:0;padding:0;font-weight:bold;} .master #box_osu03_content .clm03 dd{padding:0 0 10px 35px;margin:0;} .master #box_osu03_content .clm04 {padding:0;color:#301c00;} .master #box_osu03_content .clm04 .ttl{padding:0 0 10px 0;} .master #box_osu03_content .clm04 p{padding:0 0 0 40px !important; margin:0px;} /************** howto **************/ #howtobox{ width:760px;background: url(/recipe/howto/images/howtobox_bg.gif) 0 0 repeat-y;} #howtobox_popup{ width:540px;background: url(/recipe/howto/images/howtobox_bg.gif) 0 0 repeat-y;} #howtobox #howto_contents { padding:0 20px;} #howtobox #howto_contents .menubox { width:720px;height:162px;background: url(/recipe/howto/images/menu_bg.jpg) 0 0 no-repeat;display:block;} #howtobox #howtoover { width:760px;height:38px;background: url(/recipe/howto/images/howtobox_over.gif) 0 0 repeat-y;} #howtobox #howtobottom { width:760px;height:16px;background: url(/recipe/howto/images/howtobox_bottom.gif) 0 0 repeat-y;} #howtobox #tab_bottom { width:720px;height:19px;background: url(/recipe/howto/images/tab_bottom.gif) 0 0 no-repeat;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab01 {list-style:none; } #howtobox #howto_contents div#tab_change01 {width:720px;text-align:left; margin-top:20px;background:url(/recipe/howto/images/tab_bg.gif) 0 0 repeat-y;} #howtobox #howto_contents div#tab_change01 #navi_page{width:720px;height:40px;overflow:hidden;padding:0 0 0 0;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab {list-style:none; } #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li {display:inline;float:left;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li a {text-indent:-9999px; height:40px; display:block;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li span.navi_page1 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) 0 0 no-repeat;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li span.navi_page2 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) -360px 0 no-repeat;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li span.navi_page1 a:hover {width:360px; background:url(/recipe/howto/images/tab01.jpg) 0 -40px no-repeat;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li span.navi_page2 a:hover {width:360px; background:url(/recipe/howto/images/tab01.jpg) -360px -40px no-repeat;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li.selected span.navi_page1 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) 0 -40px no-repeat;} #howtobox #howto_contents div#tab_change01 #navi_page ul#tab li.selected span.navi_page2 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) -360px -40px no-repeat;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab01 {list-style:none; } #howtobox #howto_contents div#tab_change02 {width:720px;text-align:left; margin-top:20px;background:url(/recipe//howto/images/tab_bg.gif) 0 0 repeat-y;} #howtobox #howto_contents div#tab_change02 #navi_page{width:720px;height:40px;overflow:hidden;padding:0 0 0 0;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab {list-style:none; } #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li {display:inline;float:right;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li a {text-indent:-9999px; height:40px; display:block;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li span.navi_page1 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) -360px 0 no-repeat;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li span.navi_page2 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) 0 0 no-repeat;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li span.navi_page1 a:hover {width:360px; background:url(/recipe/howto/images/tab01.jpg) -360px -40px no-repeat;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li span.navi_page2 a:hover {width:360px; background:url(/recipe/howto/images/tab01.jpg) 0 -40px no-repeat;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li.selected span.navi_page1 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) -360px -40px no-repeat;} #howtobox #howto_contents div#tab_change02 #navi_page ul#tab li.selected span.navi_page2 a {width:360px; background:url(/recipe/howto/images/tab01.jpg) 0 -40px no-repeat;} #howtobox #howto_contents .box_tab_content {width:680px;padding:20px 20px 0 20px;margin:0;} #howtobox #howto_contents .box_tab_content #page_top {margin-top:20px;border-top:1px dotted #333;text-align:right;} #howtobox #howto_contents .box_tab_content #btn_area {margin-top:20px;text-align:right;} #howtobox #howto_contents .box_tab_btm {padding:0 0 10px 0;margin:0;height:20px;} #howtobox #howto_contents .box_tab_content p.sample{padding:0;margin:0;font-size:20px;text-align:center;} #howtobox #howto_contents .title{font-weight:bold;color:#4bb870;display:block;margin:20px 0 0 0;} #howtobox #howto_contents .title02{font-weight:bold;display:block;margin:0 0 0 0;} #howtobox #howto_contents .title03{display:block;margin:10px 0 0 0;} #howtobox #howto_contents .small{font-size:90%;color:#4bb870;display:block;margin:10px 0 5px 0;} #howtobox #howto_contents .green{color:#4bb870;} #howtobox #howto_contents .left01{float:left;width:150px;margin-bottom:20px;} #howtobox #howto_contents .right01{float:right;width:340px;margin-bottom:20px;} #howtobox #howto_contents .left01b{float:right;width:150px;margin-bottom:20px; text-align:right;} #howtobox #howto_contents .right01b{float:left;width:340px;margin-bottom:20px;} #howtobox #howto_contents .right01 .btnarea{margin-top:10px;display:block;} #howtobox #howto_contents .right01b .btnarea{margin-top:10px;display:block;} #howtobox #howto_contents .left02{float:left;width:164px;margin-top:20px;} #howtobox #howto_contents .center02{float:left;width:163px;text-align:center;margin-top:20px;} #howtobox #howto_contents .right02{float:left;width:163px;text-align:right;margin-top:20px;} #howtobox #howto_contents .left03{float:left;width:350px;margin:0 10px 20px 0;} #howtobox #howto_contents .right03{float:right;width:130px;margin-bottom:0 0 20px 0;} #contents_body .left04{float:left;width:180px;margin:0 20px 10px 0;} #contents_body .right04{float:left;width:510px;margin-bottom:20px;} table.howto{ clear:both; width:680px; margin:0; line-height:1.5; border-collapse:collapse; empty-cells:show; border-top:1px solid #ccc; border-right:none; border-bottom:none; border-left:1px solid #ccc; } table.howto th{ background:#f6f7f6; color:#333; font-size:11px; font-weight:bold; border:none; text-align:center; padding:3px 0; white-space: nowrap; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:2px solid #4ab86f; border-right:1px solid #ccc; } table.howto td{ padding:3px 3px; background:#fff; color:#333; font-size:11px; white-space:normal; border-top:1px solid #f5f5f5; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } /************** support **************/ .support #supportbox{background:url(/recipe/supportdesk/images/support_bg.jpg) 0 0 no-repeat;} .support #supportbox #recipe_link {width:570px;} .support #supportbox #recipe_link .left01{float:left;width:350px;} .support #supportbox #recipe_link .right01{float:right;margin-bottom:15px;} .support #shitsumon {width:740px;background:url(/recipe/supportdesk/images/shitsumon_bg.gif) 0 0 repeat-y;} .support #shitsumon #shitsumon_over {width:740px;height:17px;background:url(/recipe/supportdesk/images/shitsumon_over.gif) 0 0 no-repeat;} .support #shitsumon #shitsumon_bottom {width:740px;height:30px;background:url(/recipe/supportdesk/images/shitsumon_bottom.gif) 0 0 no-repeat;} .support #shitsumon #shitsumon_area {padding:0 20px;} .support #shitsumon #shitsumon_area .btn_area {text-align:right;margin:10px 0 20px 0;} .support #shitsumon #shitsumon_area .left01 {width:100px;float:left;margin-top:15px;} .support #shitsumon #shitsumon_area .right01 {width:600px;float:right;margin-top:15px;} .support #shitsumon #shitsumon_area .right01 .fukidashi {width:600px;background:url(/recipe/supportdesk/images/fukidashi_bg.gif) 0 0 no-repeat;} .support #shitsumon #shitsumon_area .right01 .fukidashi p {padding:25px 25px 25px 50px;} .support #shitsumon #shitsumon_area .right01 .fukidashi_bottom {width:600px;height:30px;background:url(/recipe/supportdesk/images/fukidashi_bottom.gif) 0 0 no-repeat;} .support #shitsumon #shitsumon_area .right01 .q_box {margin-top:15px; margin-left:15px;} .support #shitsumon #shitsumon_area .right01 .q_box p {background:url(/recipe/supportdesk/images/icon_q.gif) 0 -5px no-repeat;padding:0 0 10px 35px;border-bottom:1px dotted #CCC;font-weight:bold;color:#4bb870;} /*supportdesk Re-Design100609*/ .support .fukidashi2 {width:700px; margin:0px auto 15px auto; clear:both;} .support .fukidashi2 .fukidashi_head {width:700px;height:30px;background:url(/recipe/supportdesk/images/fukidashi_renew.gif) 0 top no-repeat;} .support .fukidashi2 .fukidashi_body {width:658px; border-left:solid 1px #b7e3c6; border-right:solid 1px #b7e3c6; padding:10px 20px;} .support .fukidashi2 .fukidashi_bottom {width:700px;height:10px;background:url(/recipe/supportdesk/images/fukidashi_renew.gif) 0 bottom no-repeat;} .support .fukidashi2 .fukidashi_body p{} .support #shitsumon #shitsumon_area #green_box2 {margin-top:15px; width:700px; background:#dbf1e2;} .support #shitsumon #shitsumon_area #green_box2 p {padding:8px 40px;} .support #shitsumon #shitsumon_area #green_box2 .gb2hd{margin:0; width:700px; height:8px; background:url(/recipe/supportdesk/images/green_box.gif) 0 top no-repeat;} .support #shitsumon #shitsumon_area #green_box2 .gb2ft{margin:0; width:700px; height:8px; background:url(/recipe/supportdesk/images/green_box.gif) 0 bottom no-repeat;} .support #shitsumon #shitsumon_area p.arrlink{display:block; background:url(/recipe/supportdesk/images/icon01.gif) 8px center no-repeat;padding:10px 0 10px 13px;} /*supportdesk Re-Design100609 END*/ .support #shitsumon #shitsumon_area .right02 {width:530px;float:right;margin-top:15px;} .support #shitsumon #shitsumon_area .right02 .q_box {margin:0 0 8px 0px;} .support #shitsumon #shitsumon_area .right02 .q_box p {background:url(/recipe/supportdesk/images/icon_q.gif) 0 0 no-repeat;padding:0 0 5px 35px;border-bottom:1px dotted #CCC;font-weight:bold;color:#4bb870;} .support #shitsumon #shitsumon_area .right02 .a_box {margin:0 0 15px 0px;} .support #shitsumon #shitsumon_area .right02 .a_box p {background:url(/recipe/supportdesk/images/icon_a.gif) 0 0 no-repeat;padding:0 0 5px 35px;border-bottom:1px dotted #CCC;} .txt01 {font-weight:bold;padding:5px 0 10px 5px;} .txt01 .red {color:#ef484f;} .txt02 {font-weight:bold;} .txt02 .red {color:#ef484f;} .txtgrn{color:#4bb870; font-weight:bold;} .support .space{width:150px;height:90px;float:right;} /************** support tab_change**************/ .support #shitsumon_area div#tab_change {margin:0;width:701px;text-align:left;} .support #shitsumon_area div#tab_change #navi_page{width:701px;height:88px;overflow:hidden;padding:10px 0 0 0;} .support #shitsumon_area div#tab_change #navi_page ul#tab {list-style:none; } .support #shitsumon_area div#tab_change #navi_page ul#tab li {display:inline;float:left;} .support #shitsumon_area div#tab_change #navi_page ul#tab li a {text-indent:-9999px; height:44px; display:block;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page1 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01.gif) 0 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page2 a {width:233px; background:url(/recipe/supportdesk/images/tab_bn01.gif) -234px 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page3 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01.gif) -467px 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page4 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01.gif) 0px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page5 a {width:233px; background:url(/recipe/supportdesk/images/tab_bn01.gif) -234px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page6 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01.gif) -467px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page1 a:hover {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) 0 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page2 a:hover {width:233px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -234px 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page3 a:hover {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -467px 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page4 a:hover {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) 0px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page5 a:hover {width:233px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -234px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li span.navi_page6 a:hover {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -467px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li.selected span.navi_page1 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) 0 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li.selected span.navi_page2 a {width:233px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -234px 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li.selected span.navi_page3 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -467px 0 no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li.selected span.navi_page4 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) 0px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li.selected span.navi_page5 a {width:233px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -234px -44px no-repeat;} .support #shitsumon_area div#tab_change #navi_page ul#tab li.selected span.navi_page6 a {width:234px; background:url(/recipe/supportdesk/images/tab_bn01_on.gif) -467px -44px no-repeat;} .support #shitsumon_area .box_tab_content {width:699px;padding:10px 0 0 0;margin:0;border-left:1px solid #b7e3c6;border-right:1px solid #b7e3c6;} .support #shitsumon_area .box_tab_btm {padding:0;margin:0;height:15px;background:url(/recipe/supportdesk/images/box_bn_foot.gif) 0 bottom no-repeat;} .support #shitsumon_area .box_tab_content ul.ul01{width:315px;padding:0 0 0 20px;float:left;} .support #shitsumon_area .box_tab_content ul.ul01 li{width:315px;background:url(/recipe/supportdesk/images/icon01.gif) 0 3px no-repeat;padding:0 0 10px 10px;} .support #shitsumon_area .box_tab_content h5 { width: 671px; border-bottom: dotted 1px #B7E3C6; margin: 10px 0px 10px 14px; padding-bottom: 2px; color: #4BB86F; clear: both;} .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /************** recipe renewal **************/ #searchCol p { padding:0; margin:0; } #searchCol a { color:#ef484f; } #searchCol { position:relative; width:960px; height:214px; margin:0 auto 23px; background:url(/recipe/images/new/bg_header.gif) no-repeat; } #searchCol .ttl { position:absolute; top:10px; left:28px; } #searchCol .navCol { position:absolute; width:960px; height:52px; top:162px; left:0; background:url(/recipe/images/new/bg_nav_recipe.gif) no-repeat; } #searchCol .navCol .nav01 { position:absolute; top:0; left:0; width:242px; height:52px; } #searchCol .navCol .nav01 a { display:block; width:242px; height:52px; text-indent:-9999px; } #searchCol .navCol .nav02 { position:absolute; top:0; left:242px; width:237px; height:52px; } #searchCol .navCol .nav02 a { display:block; width:237px; height:52px; text-indent:-9999px; } #searchCol .navCol .nav03 { position:absolute; top:0; left:479px; width:237px; height:52px; } #searchCol .navCol .nav03 a { display:block; width:237px; height:52px; text-indent:-9999px; } #searchCol .navCol .nav04 { position:absolute; top:0; left:716px; width:244px; height:52px; } #searchCol .navCol .nav04 a { display:block; width:244px; height:52px; text-indent:-9999px; } #searchCol .keywordCol { position:absolute; top:11px; left:375px; width:573px; height:139px; background:url(/recipe/images/new/bg_search.gif) no-repeat; } #searchCol .keywordCol .ttl { position:absolute; top:6px; left:10px; } #searchCol .keywordCol p.text01 { position:absolute; top:40px; left:16px; font-size:10px; } #searchCol .keywordCol p.text01 span,#searchCol .keywordCol p.text04 span { color:#ef484f; } #searchCol .keywordCol input.text { position:absolute; top:64px; left:14px; font-size:11px; width:264px; height:18px; border:1px solid #7f9db9; } #searchCol .keywordCol p.text02 { position:absolute; top:94px; left:16px; font-size:10px; color:#666; width:272px; padding:0 0 3px 2px; border-bottom:1px dotted #b1b1b1; } #searchCol .keywordCol p.text03 { position:absolute; top:116px; left:16px; font-size:10px; } #searchCol .keywordCol input.btn { position:absolute; top:42px; left:288px; } #searchCol .keywordCol .btn { position:absolute; top:69px; left:403px; } #searchCol .keywordCol p.text04 { position:absolute; top:24px; left:407px; width:133px; font-size:10px; line-height:14px; color:#666; } #searchCol02 p { padding:0; margin:0; } #searchCol02 a { color:#ef484f; } #searchCol02 { position:relative; width:960px; height:141px; margin:0 auto 23px; background:url(/recipe/images/new/bg_header02.gif) no-repeat; } #searchCol02 .ttl { position:absolute; top:11px; left:37px; } #searchCol02 .navCol { position:absolute; width:960px; height:52px; top:89px; left:0; background:url(/recipe/images/new/bg_nav_recipe.gif) no-repeat; } #searchCol02 .navCol .nav01 { position:absolute; top:0; left:0; width:242px; height:52px; } #searchCol02 .navCol .nav01 a { display:block; width:242px; height:52px; text-indent:-9999px; } #searchCol02 .navCol .nav02 { position:absolute; top:0; left:242px; width:237px; height:52px; } #searchCol02 .navCol .nav02 a { display:block; width:237px; height:52px; text-indent:-9999px; } #searchCol02 .navCol .nav03 { position:absolute; top:0; left:479px; width:237px; height:52px; } #searchCol02 .navCol .nav03 a { display:block; width:237px; height:52px; text-indent:-9999px; } #searchCol02 .navCol .nav04 { position:absolute; top:0; left:716px; width:244px; height:52px; } #searchCol02 .navCol .nav04 a { display:block; width:244px; height:52px; text-indent:-9999px; } #searchCol02 .keywordCol02 { position:absolute; top:11px; left:659px; z-index:0; } #searchCol02 .keywordCol02 .btn { position:absolute; top:11px; left:64px; z-index:1; } #contents_body_3clm #mainCol { float:left; width: 760px; padding:0 0 20px 0;} #contents_body_3clm #mainCol #specialCol { position:relative; width:760px; height:450px; margin:0 auto 12px; background:url(/recipe/images/new/bg_special.gif) bottom no-repeat; } #contents_body_3clm #mainCol #specialCol .ph01 { float:left; width:278px; padding:10px 14px 0 34px; } #contents_body_3clm #mainCol #specialCol .ph01 p.ttl { font-size:12px; margin:4px 0 6px; padding:0; } #contents_body_3clm #mainCol #specialCol a { color:#00a34a; } #contents_body_3clm #mainCol #specialCol .ph01 p.text { font-size:10px; line-height:14px; padding:0; margin:0; } #contents_body_3clm #mainCol #specialCol .ph02 { float:left; width:128px; height:130px; padding:10px 8px 0 0; } #contents_body_3clm #mainCol #specialCol .ph02 p { font-size:10px; margin:2px 0 0 2px; padding:0; } #contents_body_3clm #mainCol #specialCol .ph02 a { color:#ee1d25; } #contents_body_3clm #mainCol #specialCol p.other { float:right; margin:13px 30px 0 0; padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; } #contents_body_3clm #mainCol #specialCol p.other a { color:#000; } #contents_body_3clm #mainCol #specialCol2 { position:relative; width:760px; height:890px; margin:0 auto 12px; background:url(/recipe/images/new/bg_special2.gif) bottom no-repeat; } .btmaster {padding:5px 15px 1px 530px;} #contents_body_3clm #mainCol #specialCol2 .ph01 { float:left; width:278px; padding:6px 14px 0 34px; } #contents_body_3clm #mainCol #specialCol2 .ph01 p.ttl { font-size:12px; margin:4px 0 6px; padding:0; } #contents_body_3clm #mainCol #specialCol2 a { color:#00a34a; } #contents_body_3clm #mainCol #specialCol2 .ph01 p.text { font-size:10px; line-height:14px; padding:0; margin:0; } #contents_body_3clm #mainCol #specialCol2 .ph02 { float:left; width:128px; height:130px; padding:6px 8px 0 0; } #contents_body_3clm #mainCol #specialCol2 .ph02 p { font-size:10px; margin:2px 0 0 2px; padding:0; } #contents_body_3clm #mainCol #specialCol2 .ph02 a { color:#ee1d25; } #contents_body_3clm #mainCol #specialCol2 p.other { float:right; margin:10px 30px 0 0; padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; } #contents_body_3clm #mainCol #specialCol2 p.img { float:right; margin:0px; padding:10px 14px 0 3px;} #contents_body_3clm #mainCol #specialCol2 p.other a { color:#000; } #contents_body_3clm #mainCol #pickupCol { position:relative; float:left; width:374px; height:400px; margin:0 12px 20px 0; background:url(/recipe/images/new/bg_pickup.gif) } /*　201203更新でミント対応。 #contents_body_3clm #mainCol #pickupCol { position:relative; float:left; width:374px; height:420px; margin:0 12px 20px 0; background:url(/recipe/images/new/bg_pickup2.gif) } */ #contents_body_3clm #mainCol #pickupCol .package { float:left; padding:0 18px 12px 30px; } #contents_body_3clm #mainCol #pickupCol .package_mint { float:left; padding:10px 15px 12px 30px; } #contents_body_3clm #mainCol #pickupCol p.text01 { float:left; width:263px; font-size:10px; margin:12px 0 0; padding:0; } #contents_body_3clm #mainCol #pickupCol p.text01_mint { float:left; width:223px; font-size:10px; margin:12px 0 0; padding:0; } #contents_body_3clm #mainCol #pickupCol p.ttl { margin:0 0 5px 21px; } #contents_body_3clm #mainCol #pickupCol .ph01 { float:left; width:158px; padding:0 12px 0 22px; } #contents_body_3clm #mainCol #pickupCol .ph02 { float:left; width:158px; padding:0; } #contents_body_3clm #mainCol #pickupCol .ph01 p,#contents_body_3clm #mainCol #pickupCol .ph02 p { font-size:10px; line-height:14px; margin:8px 0 0; padding:0; } #contents_body_3clm #mainCol #pickupCol .ph01 a,#contents_body_3clm #mainCol #pickupCol .ph02 a { color:#ef484f; } #contents_body_3clm #mainCol #pickupCol p.other { padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; } #contents_body_3clm #mainCol #pickupCol p.other a { color:#666; } #contents_body_3clm #mainCol #pickupCol p.another { position:absolute; top:360px; left:25px; padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat;} #contents_body_3clm #mainCol #pickupCol p.other_mint a { color:#666; } #contents_body_3clm #mainCol #pickupCol p.another_mint1 { position:absolute; top:375px; left:25px; padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat;} #contents_body_3clm #mainCol #pickupCol p.another_mint2 { position:absolute; top:393px; left:25px; padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat;} #contents_body_3clm #mainCol #pickupCol p.another a { color:#666; } #contents_body_3clm #mainCol #pickupCol p.another_mint1 a { color:#666; } #contents_body_3clm #mainCol #pickupCol p.another_mint2 a { color:#666; } #contents_body_3clm #mainCol #snackCol { position:relative; float:left; width:374px; height:400px; margin:0 0 20px 0; background:url(/recipe/images/new/bg_pickup.gif) } #contents_body_3clm #mainCol #snackCol p.text01 { font-size:10px; margin:0 32px 17px; padding:0; } #contents_body_3clm #mainCol #snackCol .ph01 { float:left; width:158px; padding:0 15px 0 21px; } #contents_body_3clm #mainCol #snackCol .ph02 { float:left; width:158px; padding:0; } #contents_body_3clm #mainCol #snackCol .ph01 p,#contents_body_3clm #mainCol #snackCol .ph02 p { font-size:10px; line-height:14px; margin:8px 0 0; padding:0; } #contents_body_3clm #mainCol #snackCol .ph01 a,#contents_body_3clm #mainCol #snackCol .ph02 a { color:#ef484f; } #contents_body_3clm #mainCol #snackCol p.other { padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; } #contents_body_3clm #mainCol #snackCol p.other a { color:#666; } #contents_body_3clm #mainCol #snackCol p.another { position:absolute; top:360px; left:21px; padding:0 0 0 6px; font-size:10px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; } #contents_body_3clm #mainCol #snackCol p.another a { color:#666; } #contents_body_3clm #mainCol #genreCol { position:relative; width:738px; margin:0 auto 22px; } #contents_body_3clm #mainCol #genreCol ul { margin:12px 0 0 10px; padding:0; list-style:none; } #contents_body_3clm #mainCol #genreCol ul li { float:left; margin:0 10px 12px 0; padding:0; } #contents_body_3clm #mainCol #funCol { position:relative; width:738px; margin:0 auto 12px; } #contents_body_3clm #mainCol #funCol ul { margin:12px 0 0 10px; padding:0; list-style:none; } #contents_body_3clm #mainCol #funCol ul li { float:left; margin:0 22px 18px 0; padding:0; line-height:100%;} #contents_body_3clm #mainCol #funCol ul li.end { float:left; margin:0 0 16px 0; padding:0; } /************** recipe renewal sideMenu **************/ #contents_body_3clm #sideL {width:180px;float:left;padding:0 20px 0 0;} #contents_body_3clm #sideL_content {width: 170px;padding:5px 5px 0 5px;background: url(/recipe/images/side/sideL_bg.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box01 { position:relative; width:170px; height:212px; margin:0 auto 10px; background: url(/recipe/images/new/side/bg_recipe.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box01 .pic { position:absolute; top:47px; left:5px; width:160px; height:127px; } #contents_body_3clm #sideL_content .box01 .text { position:absolute; top:176px; left:29px; width:125px; font-size:10px; line-height:14px; } #contents_body_3clm #sideL_content .box01 .text a { color:#00a34a; } #contents_body_3clm #sideL_content .box02 { position:relative; width:170px; height:155px; margin:0 auto 4px; background: url(/recipe/images/new/side/dummy.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box03 { position:relative; width:168px; margin:0 2px 0 0; } #contents_body_3clm #sideL_content .box03 .no1 { position:relative; width:168px; height:53px; background: url(/recipe/images/new/side/bg_no1.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box03 .no2 { position:relative; width:168px; height:53px; background: url(/recipe/images/new/side/bg_no2.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box03 .no3 { position:relative; width:168px; height:53px; background: url(/recipe/images/new/side/bg_no3.gif) 0 0 no-repeat;} #contents_body_3clm #sideL_content .box03 .no1 .pic,#contents_body_3clm #sideL_content .box03 .no2 .pic,#contents_body_3clm #sideL_content .box03 .no3 .pic { position:absolute; top:4px; left:25px; width:64px; height:48px; } #contents_body_3clm #sideL_content .box03 .no1 .text,#contents_body_3clm #sideL_content .box03 .no2 .text,#contents_body_3clm #sideL_content .box03 .no3 .text { position:absolute; top:9px; left:96px; width:78px; font-size:10px; line-height:14px; } #contents_body_3clm #sideL_content .box03 a { color:#1b1b1b; } #contents_body_3clm #sideL_content .box03 .more { font-size:10px; text-align:right; margin:5px 0 15px; } #contents_body_3clm #sideL_content .box03 .more a { color:#666; } #contents_body_3clm #sideL_content .box04 { position:relative; width:168px; margin:0 2px 13px 0; } #contents_body_3clm #sideL_content .box04 .title { margin:0 0 12px; } #contents_body_3clm #sideL_content .box05 { position:relative; width:168px; margin:0 2px 0 0; } #contents_body_3clm #sideL_content .box05 .title { margin:0 0 10px; } #contents_body_3clm #sideL_content .box05 .text { width:140px; padding:5px 10px 16px; margin:0 auto 6px; border-bottom:1px solid #d3d3d3; color:#666; font-size:10px; line-height:14px; } #contents_body_3clm #sideL_content .box05 .textEnd { width:140px; padding:5px 10px 10px; margin:0 auto; color:#666; font-size:10px; line-height:14px; } #contents_body_3clm #sideL_content .box06 { position:relative; width:170px; height:52px; margin:0 auto 6px; } #contents_body_3clm #sideL_content .box07 { position:relative; width:170px; height:52px; margin:0 auto 16px; } #contents_body_3clm #sideR_content .box01 .title { margin:6px 0 12px; } #contents_body_3clm #sideR_content .box01 .bnnr { margin:0 0 6px; } /************** ヘルシー研究室 replace **************/ #sbsoken #contents #sideL {width:180px;float:left;padding:0 20px 0 0;} #sbsoken #contents #sideL_content {width: 170px;padding:5px 5px 0 5px;background: url(/recipe/images/side/sideL_bg.gif) 0 0 no-repeat;} #sbsoken #contents #sideL_content .box01 { position:relative; width:170px; height:212px; margin:0 auto 10px; background: url(/recipe/images/new/side/bg_recipe.gif) 0 0 no-repeat;} #sbsoken #contents #sideL_content .box01 .pic { position:absolute; top:47px; left:5px; width:160px; height:127px; } #sbsoken #contents #sideL_content .box01 .text { position:absolute; top:176px; left:29px; width:125px; font-size:10px; line-height:14px; } #sbsoken #contents #sideL_content .box01 .text a { color:#00a34a; } #sbsoken #contents #sideL_content .box02 { position:relative; width:170px; height:155px; margin:0 auto 4px; background: url(/recipe/images/new/side/dummy.gif) 0 0 no-repeat;} #sbsoken #contents #sideL_content .box03 { position:relative; width:168px; margin:0 2px 0 0; } #sbsoken #contents #sideL_content .box03 .no1 { position:relative; width:168px; height:53px; background: url(/recipe/images/new/side/bg_no1.gif) 0 0 no-repeat;} #sbsoken #contents #sideL_content .box03 .no2 { position:relative; width:168px; height:53px; background: url(/recipe/images/new/side/bg_no2.gif) 0 0 no-repeat;} #sbsoken #contents #sideL_content .box03 .no3 { position:relative; width:168px; height:53px; background: url(/recipe/images/new/side/bg_no3.gif) 0 0 no-repeat;} #sbsoken #contents #sideL_content .box03 .no1 .pic,#sbsoken #contents #sideL_content .box03 .no2 .pic,#sbsoken #contents #sideL_content .box03 .no3 .pic { position:absolute; top:4px; left:25px; width:64px; height:48px; } #sbsoken #contents #sideL_content .box03 .no1 .text,#sbsoken #contents #sideL_content .box03 .no2 .text,#sbsoken #contents #sideL_content .box03 .no3 .text { position:absolute; top:9px; left:96px; width:78px; font-size:10px; line-height:14px; } #sbsoken #contents #sideL_content .box03 a { color:#1b1b1b; } #sbsoken #contents #sideL_content .box03 .more { font-size:10px; text-align:right; margin:5px 0 15px; } #sbsoken #contents #sideL_content .box03 .more a { color:#666; } #sbsoken #contents #sideL_content .box04 { position:relative; width:168px; margin:0 2px 13px 0; } #sbsoken #contents #sideL_content .box04 .title { margin:0 0 12px; } #sbsoken #contents #sideL_content .box05 { position:relative; width:168px; margin:0 2px 0 0; } #sbsoken #contents #sideL_content .box05 .title { margin:0 0 10px; } #sbsoken #contents #sideL_content .box05 .text { width:140px; padding:5px 10px 16px; margin:0 auto 6px; border-bottom:1px solid #d3d3d3; color:#666; font-size:10px; line-height:14px; } #sbsoken #contents #sideL_content .box05 .textEnd { width:140px; padding:5px 10px 10px; margin:0 auto; color:#666; font-size:10px; line-height:14px; } #sbsoken #contents #sideL_content .box06 { position:relative; width:170px; height:52px; margin:0 auto 6px; } #sbsoken #contents #sideL_content .box07 { position:relative; width:170px; height:52px; margin:0 auto 16px; }