??@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;} #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: 760px; 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 .box_pk02 { width: 255px;padding:0 0 0 20px;float:left;} #recipe .box_pk02_head { width: 255px; 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: 255px; background: url(/recipe/images/box_pk02_btm.gif) 0 bottom no-repeat; } #recipe .box_pk02_content .img{width:99px;height:78px;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:9px 0 0 37px;} #recipe .box_pk02_content .box_wh li{padding:0 0 5px 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;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 0 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:98px;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:240px;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;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 7px 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;} /************** 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;} #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;} #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;} #contents_body_3clm #sideL_content .box_arange_content{width:140px;padding:0 15px;background: url(/recipe/images/side/box_arange_bg.gif) 0 0 repeat-y;} #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;height:134px;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;} #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;} #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;background: url(/recipe/images/side/sideR_bg.gif) 0 0 no-repeat;} #contents_body_3clm #sideR_btm {padding:0;margin: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:0;margin:7px 0 0 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;} /************** 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;} #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;} /************** recpe_index **************/ .recipe_index .box_search{padding:0 0 10px 0;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{display:block;padding:0 0 20px 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:#999;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;} .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:109px;height:83px;padding:4px 0 0 5px;float:left;background: url(/recipe/images/bg_pic_pickup01.gif) 0 0 no-repeat;} .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 90px;} /************** 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{width:570px;text-align:right;padding:5px 0 0 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:570px;height:26px;background: url(/recipe/images/rank01_top.gif) 0 top no-repeat;} .rank .rankbox01 .rankbody{width:570px;height:169px;background: url(/recipe/images/rank01_bg.gif) 0 top no-repeat;} .rank .rankbox01 .rank01img{border:4px solid #fbb40b;} .rank .rankbox01 .rankbox{width:530px;margin:0 auto;} .rank .rankbox01 .rankbottom{width:570px;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:570px;height:26px;background: url(/recipe/images/rank02_top.gif) 0 top no-repeat;} .rank .rankbox02 .rankbody{width:570px;height:169px;background: url(/recipe/images/rank01_bg.gif) 0 top no-repeat;} .rank .rankbox02 .rank01img{border:4px solid #ccc2a2;} .rank .rankbox02 .rankbox{width:530px;margin:0 auto;} .rank .rankbox02 .rankbottom{width:570px;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:570px;height:26px;background: url(/recipe/images/rank03_top.gif) 0 top no-repeat;} .rank .rankbox03 .rankbody{width:570px;height:169px;background: url(/recipe/images/rank01_bg.gif) 0 top no-repeat;} .rank .rankbox03 .rank01img{border:4px solid #e7baa1;} .rank .rankbox03 .rankbox{width:530px;margin:0 auto;} .rank .rankbox03 .rankbottom{width:570px;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:570px;height:15px;background: url(/recipe/images/rank04_top.gif) 0 top no-repeat;} .rank .rankbox04 .rankbody{width:570px;height:169px;background: url(/recipe/images/rank04_bg.gif) 0 top no-repeat;} .rank .rankbox04 .rank01img{border:4px solid #dddddd;} .rank .rankbox04 .rankbox{width:530px;margin:0 auto;} .rank .rankbox04 .rankbottom{width:570px;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 10px 0;float:left;} .rank .rankright02{margin:20px 0 10px 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:120px;} .toretate .box_cr02_content .clm02 table.tbl01 th.th02{padding:3px 10px;background-color:#fffff2;font-weight:normal;text-align:left;width:120px;} .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:0 0 10px 15px;} .syun dl.date dt{width:75px;float:left;} .syun dl.date dd{padding:0 0 0 90px;line-height:120%;} /************** 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{padding:15px 0 10px 20px !important;font-weight:bold;} .pickup .box_pickup01_foot{padding:0;margin:0;background: url(/recipe/pickup/images/box_pickup01_btm.gif) 0 bottom 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:570px;padding:0 0 10px 0;} .magazine .box .box_ttl{width:570px;padding:0;margin:0;} .magazine .box p.date{width:533px;text-align:right;font-weight:bold;padding:0 !important;} .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:325px;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:325px;text-align:right;padding:0 0 5px 0;} .magazine .box .box01_content{width:533px;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:533px;height:220px;padding:0 20px 0 17px;background: url(/recipe/magazine/images/box02_bg.jpg) 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:533px;height:220px;padding:0 20px 0 17px;background: url(/recipe/magazine/images/box03_bg.gif) 0 bottom no-repeat;} .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 10px 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;} /************** myrecipe **************/ .myrecipe .contents_myrecipe{width:530px;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:0 19px;} .myrecipe #box_my_head{margin:10px 0 0 0;width:530px;height:13px;background: url(/recipe/myrecipe/images/box_my_head.gif) 0 0 no-repeat;} .myrecipe #box_my_content{width:490px;padding:0 20px;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 th{padding:0 30px 0 20px;text-align:left;font-weight:normal;vertical-align:middle;} .myrecipe #box_my_content td{padding:0;} .myrecipe #box_my_content .line{width:490px;height:15px;margin:0 0 15px 0;background: url(/recipe/images/line_dot01.gif) 0 bottom repeat-x;} .myrecipe #box_my_foot{width:530px;height:18px;background: url(/recipe/myrecipe/images/box_my_btm.gif) 0 bottom no-repeat;} /************** 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:16px;font-weight:bold;padding-bottom:5px;} .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 repeat-y;width:570px;height:8px;} .teiban #thema02 #thema_bottom{background: url(/recipe/teiban/images/thema01_under.gif) 0 0 repeat-y;width:570px;height:8px;} .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 10px 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:295px; float:left; border-right: 1px solid #ccc; } .teiban #box03 #left03 #left03_01{ width:108px; float:left; } .teiban #box03 #left03 #right03_01{ width:187px; float:right; } .teiban #box03 #left03 #right03_01 #title04{ display:block; background: url(/recipe/teiban/images/04mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #left03 #right03_01 #title06{ display:block; background: url(/recipe/teiban/images/06mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #left03 #right03_01 #box03_01{ padding:10px 15px; } .teiban #box02 #right03{ width:274px; float:right; } .teiban #box03 #right03 #left03_02{ width:118px; float:left; text-align:center; } .teiban #box03 #right03 #right03_02{ width:156px; float:right; } .teiban #box03 #right03 #right03_02 #title05{ display:block; background: url(/recipe/teiban/images/05mark.gif) 0 0 no-repeat; padding-top:21px; } .teiban #box03 #right03 #right03_02 #title07{ display:block; background: url(/recipe/teiban/images/07mark.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_under.gif) 0 0; height:8px; margin-top:15px; } .teiban #voice_bottom{ width:570px; height:6px; background: url(/recipe/teiban/images/voice_under.gif) 0 0; } .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 #spice{width:375px;float:left;} .qa #spicebox{padding:10px 15px 10px 15px;width:345px;height:174px;background: url(/recipe/qa/images/spice_bg.jpg) 0 0 repeat-y;} .qa #spicebox #btnarea{text-align:right;margin-top:10px;float:bottom;} .qa #curry{width:375px;float:right;} .qa #currybox{padding:10px 15px 10px 15px;width:345px;height:174px;background: url(/recipe/qa/images/curry_bg.jpg) 0 0 repeat-y;} .qa #currybox #btnarea{text-align:right;margin-top:10px;} .qa #jirei{width:760px;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;margin-bottom:10px;} .qa #jirei #jirei_bottom{width:760px;height:10px;background: url(/recipe/qa/images/bottom.gif) 0 0 repeat-y;}