@charset "utf-8"; @import url("common.css"); h1#site_read { width:950px;margin:0 auto; position:absolute;top:7px;font-size:10px;color:#666666;text-align:right;font-weight:normal; } #topCatch { display:block; margin:20px auto 0; text-align: right; } #topCatch a { font-weight:900; color:#ff3f00; } /* カルーセルのCSS上書き */ .jcarousel-skin-tango .jcarousel-container { background: #fff;border: none;} .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 370px; height: 250px; margin:0 0 0 10px; _margin:0 0 0 5px; /* IE6 */} .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0px; margin-right:10px; line-height:130%;} .jcarousel-skin-tango .jcarousel-item { width:175px; height:250px;} .jcarousel-skin-tango .jcarousel-container-horizontal { width: 370px; padding: 10px 30px;} .jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:120px; left:5px; width:25px; height:27px; cursor:pointer; background:transparent url(../images/top/renewal/main_prev.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:120px; right:0px; _margin:0 5px 0 0; /* IE6 */ width:25px; height:26px; cursor:pointer; background:transparent url(../images/top/renewal/main_next.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-horizontal:active {background: transparent url(../images/top/renewal/main_prev.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal { background: transparent url(../images/top/renewal/main_prev_disabled.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-horizontal:active {background: transparent url(../images/top/renewal/main_next.gif) no-repeat 0 0;} .jcarousel-skin-tango .jcarousel-next-disabled-horizontal { background: transparent url(../images/top/renewal/main_next_disabled.gif) no-repeat 0 0;} #listRensai .jcarousel-skin-tango .jcarousel-container-horizontal { width: 360px; padding: 5px 30px; } #listRensai .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 350px; height: 250px; margin:0 0 0 10px; _margin:0 0 0 5px; /* IE6 */} #listRensai .jcarousel-skin-tango .jcarousel-item { width:350px; height:250px;} /* カルーセルのCSS上書き(旬のテーマ) */ #panelTheme .jcarousel-skin-tango .jcarousel-container-horizontal { padding:5px 30px 0;} #panelTheme .jcarousel-skin-tango .jcarousel-clip-horizontal { height:240px;} #panelTheme .jcarousel-skin-tango .jcarousel-item { height:240px;} .rightColumnLatestYummies .jcarousel-skin-tango .jcarousel-item { width:280px; height:60px; overflow:hidden;} .rightColumnLatestYummies .jcarousel-skin-tango .jcarousel-clip-vertical { width: 300px; height: 250px;} .rightColumnLatestYummies .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 5px; } .rightColumnLatestYummies .jcarousel-skin-tango .jcarousel-container-vertical { width: 285px; height: 245px; padding: 10px 0 0 10px; } .rightColumnLatestYummies .jcarousel-prev { visibility: hidden; display:none;} .rightColumnLatestYummies .jcarousel-next { visibility: hidden; display:none;} /* rightColumn関係、commmonに移動できる可能性あり */ #rightColumn { width:300px; float:right; display:inline; margin:0 0 60px 0; padding:10px 0 0 0; } #rightColumn dt { line-height: 16px; padding: 0 0 3px 0; margin: 0 0 10px 0; background: transparent url(../images/common/bar_gray.gif) left bottom repeat-x;} #rightColumn dl {margin:0;} #rightColumn dt em { float: right; font-style: normal; font-weight: 100;position: relative;top: -1px;font-size: 12px;} #rightColumn dl dd dl { width: 280px; overflow: hidden; margin: 0 0 8px 0;padding: 0;border: 0 solid #ccc;} #rightColumn dl dd dl dt {line-height: auto;padding: 0;margin: 0; width: 45px;float: left;} #rightColumn dl dd dl dd { width: 225px; float: right;} #rightColumn dl dd dl dd strong { font-size: 12px; font-weight:900;color: #FF9900;} #rightColumn ul.menuBanner {margin: 0 0 25px 0;} #rightColumn #rightRecipeHistory { margin: 0 0 20px 0;} #rightColumn #rightRecipeHistory dd dl dt{ background: #fff;} #rightColumn #menuMonitor { margin:0;} #rightColumn dl dd#menuMonitor dl { width: 300px; padding: 0 0 8px 0; margin: 0 0 8px 0; } #rightColumn dl dd#menuMonitor dl dt { width:70px; float: left; line-height: auto; padding: 0; margin: 0; } #rightColumn dl dd#menuMonitor dl dd { width: 215px; line-height: 140%; } #rightColumn dl dd#menucTopCllabo { margin: 0 0 20px 0;} #rightColumn dl dd#menucTopCllabo dl { width: 300px; padding: 0 0 8px 0; margin: 0 0 8px 0; background: transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x;} #rightColumn dl dd#menucTopCllabo dl dt { width:70px; float: left; line-height: auto; padding: 0; margin: 0; } #rightColumn dl dd#menucTopCllabo dl dd { width: 215px; line-height: 140%; } #rightColumn dl dd#menuTopBloger dl { width: 300px; padding: 0 0 8px 0; margin: 0 0 8px 0;background: transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x;} #rightColumn dl dd#menuTopBloger dl dd {width: 245px; line-height: 140%;} #rightColumn .menuGuide { text-align: center; margin: 0 0 20px 0;} #rightColumn .menuGuide a { display:block; width:300px; height:35px; margin:0 auto; background:transparent url(../images/top/sprite_top.gif) -1px 0 no-repeat; } #rightColumn .menuGuide a:hover { background:transparent url(../images/top/sprite_top.gif) -1px -35px no-repeat; }#rightColumn .menuGuide a span { display: none;} #rightColumn .menuGuide a span { display:none; } #rightColumn .rightColumnLatestYummies { width:300px; height:302px; } #rightColumn .rightColumnLatestYummies #rightColumnLatestYummiesList { display:block; width:298px; height:255px; border-left:1px solid #cccccc; border-right:1px solid #cccccc;} #rightColumn .rightColumnLatestYummies #rightColumnLatestYummiesList .latestYummyImg { display:inline-block; width:50px; float:left; } #rightColumn .rightColumnLatestYummies #rightColumnLatestYummiesList .latestYummyInfo { display:inline-block; width:225px; float:right; line-height:110%;} #rightColumn .rightColumnLatestYummies #rightColumnLatestYummiesBottom {display: block; width:300px; height: 10px; margin:0; padding:0px; background: transparent url(../images/top/renewal/right_waku_latest_yummies_bottom.gif) 0 0 no-repeat; } #rightColumn .hottopicsList { margin: 10px 0 14px 0; } #rightColumn .hottopicsList ul { margin: 0; } #rightColumn .hottopicsList ul li { padding: 0 0 2px 15px; background: transparent url(../images/common/icon_arrow.gif) left center no-repeat; } #rightColumn .otanoshimiCorner { margin: 10px 0 0 0; } #rightColumn .otanoshimiCorner ul li { padding: 0; background:#fff; } #rightColumn .otanoshimiCorner dl { width: 300px; padding: 0 0 8px 0; margin: 0 0 8px 0;background: transparent url(../images/common/bar_dot_gray.gif) left bottom repeat-x; } #rightColumn .otanoshimiCorner dl dd { width: 245px; float: right; } #rightColumn .sisterSite { margin:20px 0 0 0; } #rightColumn .sisterSite dd ul li { padding: 0 0 2px 15px; background: transparent url(../images/common/icon_arrow.gif) left center no-repeat; } /* mainColumn */ #mainColumn { width:630px; margin:0 0 60px 0; padding:10px 0 0 0; display:inline; float:left;} #mainColumn #mainColumnMain { width:630px; margin:0 0 10px 0; padding:0; display:inline-block;} #mainColumn #mainColumnMain #mainColumnMainContents { display:block; margin:0 auto; width:620px; height:310px; border:4px solid #e6c8ac; border-radius:10px; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft { float:left; width:435px; position:relative; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle { padding:0; margin:5px 0 0 10px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle img { float:left;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle .more { font-weight:900;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #gotoIchioshiRecipe { display:block; float:left; padding: 8px 0 0 5px; font-weight:normal;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #gotoIchioshiRecipe a { padding: 0 0 0 5px; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #gotoIchioshiBlog { display:block; float:left; padding: 8px 0 0 5px ; font-weight:normal;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #gotoIchioshiBlog a { padding: 0 0 0 5px; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #themeTitle { display:block; width:265px; float:right; margin:0 30px 0 0; padding:8px 0; font-size:120%; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #moreNewface { display:block; float:right; padding: 8px 10px 0 0; font-weight:normal;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #moreKitchen { display:block; float:right; padding: 8px 10px 0 0; font-weight:normal;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #moreYorokoba { display:block; float:right; padding: 8px 10px 0 0; font-weight:normal;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft .panelTitle #moreAntenna { display:block; float:right; padding: 8px 10px 0 0; font-weight:normal;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelTheme ul#carouselTheme li a.imgRecipe { display:block;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelTheme #moreTheme { display:block; margin:0 5px 0 0; text-align:right; font-weight:900;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelNewface #listNewface { display:block; margin:5px 5px 0; _margin:5px 5px 0; /* IE6 */ text-align: center;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelNewface dl { display:inline-block; float:left; width:95px; height:133px; padding:0 5px; overflow: hidden;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelNewface dl dd { text-align: left; padding:0; overflow:hidden; width:100px; height:40px; font-size:85%;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai #listRensai { display:block; margin:5px 7px 0; text-align: center;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo { display:inline-block; float:left; width:140px; padding:0; overflow: hidden;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dt.rensaiTitle { text-align: left; height:40px; padding:5px; overflow: hidden;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd { text-align: left; padding:0 5px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd.rensaiRecipeImg { display:block; width:130px; height:140px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai #carouselRensai li .carouselRensaiInfo { display:block; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai #carouselRensai li .carouselRensaiInfo .carouselRensaiProfile { display:inline-block;float:left;width:110px; text-align: left; padding: 0 5px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai #carouselRensai li .carouselRensaiInfo .carouselRensaiProfile a span { display:block; line-height:140%; padding:0; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai #carouselRensai li .carouselRensaiInfo .carouselRensaiRecipePhoto { display:inline-block;float:left; width: 220px; height: 250px; overflow: hidden;text-align: left; margin: 0 0 0 10px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai #carouselRensai li .carouselRensaiInfo .carouselRensaiRecipePhoto span { color:#ffbf00; line-height:110%; font-weight:900;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd.rensaiUpDate { font-size: 12px; font-weight:900; color:#FF9900;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd.rensaiBlogger { display:block; padding:5px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd.rensaiBlogger dl { display:inline-block;padding:0;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd.rensaiBlogger dl dt { display:block; width:40px; float:left; text-align: left; padding:0;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelRensai dl.rensaiInfo dd.rensaiBlogger dl dd { display:block; width:85px; float:right; text-align: left; padding:0 0 0 5px; overflow: hidden;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelTenYummies ul#carouselTenYummies li a.imgRecipe { display:block;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelTenYummies ul#carouselTenYummies li .nickname .yummy { display:block; margin: 0 auto 5px auto; padding: 0;text-align: left;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelTenYummies ul#carouselTenYummies li .nickname .yummy img { top: -3px; position: relative;} /* ichioshi */ #panelIchioshi .ichioshi_text { line-height: 130%; } #ichioshiPanelLeft { float: left; width: 200px; padding: 10px; margin-left:40px; } #ichioshiPanelRight { float: left; width: 120px; padding: 10px; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelIchioshi #moreIchioshi { clear: both; display:block; margin:0 5px 0 0; text-align:right; font-weight:900; } #yorokobaPanelLeft { float: left; width: 200px; padding: 10px; } #yorokobaPanelRight { float: left; width: 195px; padding: 10px; } #yorokobaPanelRight .yorokobaPanelPersonImage { float: left; width:50px; padding: 0 5px 0 0; } #yorokobaPanelRight .yorokobaPanelPersonName { float: left; width: 140px; } #yorokobaPanelRight dl { clear: both; background: #FAEAD1; padding: 5px; margin:5px 0 0; } #yorokobaPanelRight dl dt { clear: both; float: left; padding: 0 5px 5px 0; } #yorokobaPanelRight dl dd { float: left; width: 80px; font-size:85%;} #yorokobaPanelRight dl img { vertical-align: middle; } #yorokobaPanelRight p { margin:5px 0 0; font-size:85%;} #yorokobaPanelWrapper { position: relative; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelAntenna h3 { display:block; margin:10px 15px; word-break:break-all;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelAntenna #antennaPanelDetail { display:block; margin:15px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelAntenna #antennaPanelDetail #antennaPanelLeft { display:inline-block; float:left; width: 200px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelAntenna #antennaPanelDetail #antennaPanelRight { display:inline-block; float:right; width:190px; word-break:break-all;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelAntenna #antennaPanelDetail #antennaPanelRight #moreAntennaDetail { padding: 0 0 0 10px;} dl.onceBalloon { width: 199px; height: 69px; position: absolute; top: 250px; left: -6px; background: url(../images/top/yorokoba_recipe/top_yorokoba_balloon.gif) 0 0 no-repeat; padding: 20px 10px 0; z-index: 300; display: none; } dl.onceBalloon .onceBalloonDesc { color: #f00; font-weight: bold; } dl.onceBalloon .onceBalloonBtn { float: left; width: 12px; height: 12px; } dl.onceBalloon .onceBalloonBtn img { vertical-align: top; } dl.onceBalloon .onceBalloonTxt { float: left; width: 170px; text-align: right; line-height: 1em; height:20px !important; margin-top: -2px; } dl.onceBalloon .onceBalloonTxt a { height: 1em !important; width: 170px !important; } * html dl.onceBalloon .onceBalloonTxt { margin-top: -50px; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen dl { display:block; margin:20px 0 0 10px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen dl dt { display:inline-block; float: left;width:122px; padding:15px 0 12px 0; background: transparent url(../images/top/renewal/waku_kitchen.gif) left top no-repeat;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen dl dt a { display:block; width: 110px; height: 140px; overflow: hidden; margin: 0 0 0 5px;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen dl dd { display:inline-block; float:left; width:280px; margin: 0 0 0 10px; padding:0; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen ul {display:block; margin: 5px 0 0 10px; padding:0; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen ul li { padding:0; _border:1px solid #fff;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsLeft #panelKitchen ul li span { display:block; color:#ffbf00; line-height:110%; font-weight:900;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight { display:inline-block;float:right; width:179px;_width:160px; border-left:1px solid #e6c8ac; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight li { border-bottom:2px solid #fff;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight li a.linkMenu { display:table-cell; *display:block; _display:block; vertical-align:middle; margin:0; padding:0 0 0 10px; width:179px; _width:160px; height:50px;text-decoration:none; color:#333; font-weight:900; font-size:110%;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight li.active a.linkMenu { color:#fff; text-decoration:underline;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight li a.linkMenu:hover { text-decoration:underline; color:#333;} #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuOrange { background-color:#fff2cb; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuPink { background-color:#ffdfbf; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuGreen { background-color:#e2efcc; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuOrange.active { background-color:#e5ad00; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuPink.active { background-color:#ff6666; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuGreen.active { background-color:#88a700; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuOrange:hover { background-color:#ffdc73; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuPink:hover { background-color:#ffb58c; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuGreen:hover { background-color:#bee7aa; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuTop { border-radius: 0 7px 0px 0; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight .menuLast { border-radius:0 0 7px 0; border-bottom:none; } #mainColumn #mainColumnMain #mainColumnMainContents #mainColumnMainContentsRight #menuTheme{ position:relative; } /* 旬のテーマバルーン */ dl.onceBalloonSeason { width:199px; height:69px; position: absolute; top:40px; left: -6px; background: url(../images/top/yorokoba_recipe/top_yorokoba_balloon.gif) 0 0 no-repeat; padding: 20px 10px 0; z-index: 300; display:none; color:#333; } dl.onceBalloonSeason dt { display:block; width:180px; height:48px; } dl.onceBalloonSeason dd { display:block; width:180px; height:20px; } dl.onceBalloonSeason .onceBalloonSeasonDesc { color: #f00; font-weight: bold; } dl.onceBalloonSeason .onceBalloonSeasonBtn { display: inline-block; float:left; width: 12px; height: 12px; } dl.onceBalloonSeason .onceBalloonSeasonBtn a { width: 12px; height: 12px; } dl.onceBalloonSeason .onceBalloonSeasonBtn img { vertical-align: top; width: 12px; height: 12px;} dl.onceBalloonSeason .onceBalloonSeasonTxt { display: inline-block; float:right; width:160px; text-align:right; font-size:90%; } /* * html dl.onceBalloonSeason .onceBalloonSeasonTxt { margin-top: -50px; } */ /* モニター誘導枠 */ #mainColumn #mainColumnMonitor { width:630px; margin:0 0 10px 0; padding:0; display:inline-block; overflow:hidden;} #mainColumn #mainColumnMonitor #mainColumnMonitorTitle { padding:0 0 2px 0; margin:0; } #mainColumn #mainColumnMonitor #mainColumnMonitorTitle p { padding: 5px 15px 0 0;1 *padding:0 3px 0 0; /* IE7 */ _padding:0 15px 0 0; /* IE6 */ margin:0; *margin:-30px 0 0 0; /* IE7 */ _margin:-25px 0 0 0; /* IE6 */ float:right; text-align: right; } #mainColumn #mainColumnMonitor #mainColumnMonitorTitle p a { color:#ff3f00; } #mainColumn #mainColumnMonitor ul li { margin:0 10px 0px 0 !important; } /* marginの上書き */ #mainColumn #mainColumnBottom { width:630px; margin:10px 0; padding:0; display:inline-block; overflow:hidden; } #mainColumn #mainColumnBottom #mainColumnBottomLeft { width:210px; margin:0 0 10px 0; padding:0; float:left; display:inline-block; } /* 新着ブログ */ #mainColumn #mainColumnLatest { width:630px; margin:10px 0; padding:0; display:block; overflow:hidden; } #mainColumn #mainColumnLatest #mainColumnLatestCenterLatestTitle { padding:0 0 2px 0; margin:0;} #mainColumn #mainColumnLatest ul { margin:12px 0 0 0; padding:0; display:block;} #mainColumn #mainColumnLatest ul li { display:inline-block; float:left; padding:0;} #mainColumn #mainColumnLatest ul li a { text-decoration:none; } #mainColumn #mainColumnLatest ul li a.tab_item { } #mainColumn #mainColumnLatest ul li a.tab_item:hover { color: #FF4C4C; } #mainColumn #mainColumnLatest ul li.active a { color: #FF4C4C; } #mainColumn #mainColumnLatest ul li.latestSpace { width:40px; text-align:center;} #mainColumn #mainColumnLatest .latestItem { float:left; margin:15px 0 0 ; padding:0 0 0 5px; width:120px; } #mainColumn #mainColumnLatest .latestItem .latestText { word-break:break-all; word-wrap: break-word; overflow:hidden;} #mainColumn #mainColumnLatest .latestNickName { float:left; margin:10px 0 0 0; padding:0 0 0 15px; width:110px;} #mainColumn #mainColumnLatest .latestNickName .latestNickNameImg { float:left; margin:0; padding:0 ; width:35px;} #mainColumn #mainColumnLatest .latestNickName .latestNickNameText { float:right; margin:0; padding:0; width:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;} #mainColumn #mainColumnLatest ol.more {padding: 15px 10px 0; text-align: right; } /* レシピカテゴリで探す */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory { width:210px; margin:0 0 10px 0; padding:0; display:block; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategorytTitle { padding:0 0 2px 0; margin:0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContentsTop { margin:0 0 0 2px; width:205px; height:10px; background:transparent url(../images/top/renewal/sprite_category.gif) -410px 0 no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents { margin:0 0 10px 2px; _margin:-5px 0 10px 2px; /* IE6 */ width:203px; border-left:1px solid #d7b39d; border-right:1px solid #d7b39d; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents , x:-moz-broken, x:last-of-type { width:203.5px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents h3 { width:100%; height:30px; margin:0 auto; text-align:center; color:#ff3f00; border-bottom:1px solid #d7b39d; }#mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents h3 a { color:#ff3f00; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList { position:relative; z-index: 1; zoom:1; width:203px; height:50px; margin: 0 0 2px 0;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList > a { display:block; width:203px; height:50px; margin:1px 0; *margin:0 0 1px 0; /* IE7 */ _margin:0 0 1px 0; /* IE6 */ background-image: url(../images/top/renewal/20140121/icn_recipe_category.gif); background-repeat: no-repeat; text-decoration:none; color:#503233; font-weight:900; font-size: 110%;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList > a:hover { text-decoration:underline; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainWakuOrange { background-color:#fff2cb; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainWakuOrange:hover { background-color:#ffdc73; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainWakuPink { background-color:#ffdfbf; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainWakuPink:hover { background-color:#ffb58c; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainWakuGreen { background-color:#e2efcc; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainWakuGreen:hover { background-color:#bee7aa; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList span { display:block; padding:15px 0 0 50px;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListVegetable { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListVegetable a { background-position:7px 6px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListMeet { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListMeet a { background-position:7px -43px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListFish{ } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListFish a { background-position:7px -95px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListEgg { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListEgg a { background-position:7px -147px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListRice { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListRice a { background-position:7px -198px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListNoodle { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListNoodle a { background-position:7px -248px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListPasta { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListPasta a { background-position:7px -300px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListSoup { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListSoup a { background-position:7px -350px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBento { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBento a { background-position:7px -402px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListSweets { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListSweets a { background-position:7px -451px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBread { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBread a { background-position:7px -503px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBreakfast { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBreakfast a { background-position:7px -555px; } /* IE6 huck */ *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListVegetable a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px 6px no-repeat;} *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListMeet a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -43px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListFish a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -95px no-repeat;} *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListEgg a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -146px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListRice a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -198px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListNoodle a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -248px no-repeat;} *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListPasta a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -300px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListSoup a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -350px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBento a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -402px no-repeat;} *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListSweets a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -451px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBread a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -503px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListBreakfast a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_recipe_category.gif) 7px -555px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList li.more { width:auto; text-align:right; margin:0; padding:5px 5px 0; *padding:0 5px; /* IE7 */ _padding:0 5px; /* IE6 */ } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContentsBottom { margin:-10px 0 0 2px; _margin:-10px 0 -5px 2px; /* IE6 */ width:205px; height:10px; background: url(../images/top/renewal/sprite_category.gif) -410px -15px no-repeat; } /* レシピカテゴリのメニュー部分 */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents { position:absolute; left:204px; top:1px; z-index:9999; visibility: hidden; width:362px; margin:0; padding:0;} /* バルーン確認用 #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainListVegetable .subCategoryContents {display: block; visibility: visible;} */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList:hover .subCategoryContents { display: block; visibility: visible; } /* 背景がオレンジ */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .lineOrange { width:5px; height:49px; margin:0 0 0 -1px; float:left; background-color:#ffdc73; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .contentsOrange { width:358px; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listOrange { margin:0; padding:10px 0 0 10px; width:335px;border: 5px solid #ffdc73; background: #ffffff; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listOrange , x:-moz-broken, x:last-of-type { width:336px; } /* IE7 huck */ *+html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listOrange { width:335px; } /*背景がピンク */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .linePink { width:5px; height:49px; margin:0 0 0 -1px; float:left; background-color:#ffb58c; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .contentsPink { width:358px; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listPink { margin:0; padding:10px 0 0 10px; width:335px; border: 5px solid #ffb58c; background: #ffffff; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listPink , x:-moz-broken, x:last-of-type { width:336px; } /* IE7 huck */ *+html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listPink { width:335px; } /*背景がグリーン */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .lineGreen { width:5px; height:49px; margin:0 0 0 -1px; float:left; background-color:#bee7aa; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .contentsGreen { width:358px; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listGreen { margin:0; padding:10px 0 0 10px; width:335px; border: 5px solid #bee7aa; background: #ffffff; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px;} /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listGreen , x:-moz-broken, x:last-of-type { width:336px; } /* IE7 huck */ *+html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .listGreen { width:335px; } /* subカテItem */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents li.icon_arrow { padding: 0 0 0 10px; background: transparent url(../images/common/icon_arrow.gif) left 3px no-repeat;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .subCategoryArea .subCategoryList li { padding: 5px 5px 5px 15px; background-position:5px; width:90px; display: block; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftCategory #mainColumnBottomLeftCategoryContents #mainColumnBottomLeftCategoryList .mainCategoryList .subCategoryContents .subCategoryArea .subCategoryList li.more { clear:both; width:320px; text-align:right; margin: 5px 0 0 0;; padding: 0 10px 10px 0; *padding:0 5px; /* IE7 */ _padding:0 5px; /* IE6 */ } /* ブログカテゴリで探す */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog { width:210px; margin:0 0 10px 0; padding:0; display:block; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogTitle { padding:0 0 2px 0; margin:0; /* background:transparent url(/static/images/top/renewal/bar_dot_dark_brown.gif) left bottom repeat-x; */} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContentsTop { margin:0 0 0 2px; width:205px; height:10px; background:transparent url(../images/top/renewal/sprite_category.gif) -410px 0 no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents { margin:0 0 10px 2px; _margin:-5px 0 10px 2px; /* IE6 */ width:203px; border-left:1px solid #d7b39d; border-right:1px solid #d7b39d; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents , x:-moz-broken, x:last-of-type { width:203.5px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents h3 { width:100%; height:30px; margin:0 auto; text-align:center; color:#ff3f00; border-bottom:1px solid #d7b39d; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents h3 a { color:#ff3f00; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList { position:relative; z-index:1; zoom:1; width:203px; height:50px; margin: 0 0 2px 0;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList > a { display:block; width:203px; height:50px; margin:1px 0; *margin:0 0 1px 0; /* IE7 */ _margin:0 0 1px 0; /* IE6 */ background-image: url(../images/top/renewal/20140121/icn_blog_category.gif); background-repeat: no-repeat; text-decoration:none; color:#503233; font-weight:900; font-size: 110%; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList > a:hover { text-decoration:underline; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainWakuOrange { background-color:#fff2cb; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainWakuOrange:hover { background-color:#ffdc73; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainWakuPink { background-color:#ffdfbf; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainWakuPink:hover { background-color:#ffb58c; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainWakuGreen { background-color:#e2efcc; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainWakuGreen:hover { background-color:#bee7aa; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList span { display:block; padding:15px 0 0 45px;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListLifeStyle { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListLifeStyle a { background-position:8px 11px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListGenre { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListGenre a { background-position:8px -39px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListSituation { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListSituation a { background-position:8px -90px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListJob { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListJob a { background-position:8px -141px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListArea { } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListArea a { background-position:8px -192px; } /* IE6 huck */ *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListLifeStyle a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_blog_category.gif) 8px 11px no-repeat;} *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListGenre a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_blog_category.gif) 8px -39px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListSituation a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_blog_category.gif) 7px -90px no-repeat;} *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListJob a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_blog_category.gif) 8px -141px no-repeat; } *html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListArea a { display:block; height:50px; background: url(../images/top/renewal/20140121/icn_blog_category.gif) 8px -192px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList li.more { width:auto; text-align:right; margin:0; padding:5px 5px 0; *padding:0 5px; /* IE7 */ _padding:0 5px; /* IE6 */ } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContentsBottom { margin:-10px 0 0 2px; _margin:-10px 0 -5px 2px; /* IE6 */ width:205px; height:10px; background: url(../images/top/renewal/sprite_category.gif) -410px -15px no-repeat; } /* ブログカテゴリのメニュー部分 */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents { position:absolute; left:204px; top:1px; z-index:9998; visibility: hidden; width:362px; margin:0; padding:0;} /* バルーン確認用 #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainListLifeStyle .subBlogContents {display: block; visibility: visible;} */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList:hover .subBlogContents { display: block; visibility: visible; } /* 背景がオレンジ */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .lineOrange { width:5px; height:49px; margin:0 0 0 -1px; float:left; background-color:#ffdc73; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .contentsOrange { width:358px; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listOrange { margin:0; padding:10px 0 0 10px; width:335px;border: 5px solid #ffdc73; background: #ffffff; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listOrange , x:-moz-broken, x:last-of-type { width:336px; } /* IE7 huck */ *+html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listOrange { width:335px; } /*背景がピンク */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .linePink { width:5px; height:49px; margin:0 0 0 -1px; float:left; background-color:#ffb58c; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .contentsPink { width:358px; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listPink { margin:0; padding:10px 0 0 10px; width:335px; border: 5px solid #ffb58c; background: #ffffff; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listPink , x:-moz-broken, x:last-of-type { width:336px; } /* IE7 huck */ *+html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listPink { width:335px; } /*背景がグリーン */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .lineGreen { width:5px; height:49px; margin:0 0 0 -1px; float:left; background-color:#bee7aa; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .contentsGreen { width:358px; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listGreen { margin:0; padding:10px 0 0 10px; width:335px; border: 5px solid #bee7aa; background: #ffffff; border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px;} /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listGreen , x:-moz-broken, x:last-of-type { width:336px; } /* IE7 huck */ *+html #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .listGreen { width:335px; } /* subカテItem */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents li.icon_arrow { padding: 0 0 0 10px; background: transparent url(../images/common/icon_arrow.gif) left 3px no-repeat;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .subBlogArea .subBlogList li { padding: 2px 5px 2px 15px; background-position:5px; width:90px; display: block; float:left;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftBlog #mainColumnBottomLeftBlogContents #mainColumnBottomLeftBlogList .mainBlogList .subBlogContents .subBlogArea .subBlogList li.more { clear:both; width:320px; text-align:right; margin: 5px 0 0 0;; padding: 0 10px 0 0; *padding:0 5px; /* IE7 */ _padding:0 5px; /* IE6 */ } /* お気に入りアイテム */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem { width:210px; margin:0 0 10px 0; padding:0; display:block; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemTop { margin:0 0 0 3px; width:205px; height:8px; background:transparent url(../images/top/renewal/sprite_item.gif) 0 0 no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemContent { width: 203px; text-align: center; margin:0 auto; border-left:1px solid #cccccc; border-right:1px solid #cccccc; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemContent, x:-moz-broken, x:last-of-type { width:205px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemContent #mainColumnBottomLeftItemTitle { width:182px; margin:0 auto ; padding:5px 0 10px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemContent .mainColumnBottomLeftItemContentInfo { width: 175px; text-align:left; padding:0 0 0 15px;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemContent ol { width:auto; text-align:right; padding:0; margin:0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemContent ol li { width:auto; text-align:right; float:none; padding:0 10px 10px 0; margin:0;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftItem #mainColumnBottomLeftItemBottom { margin:0 0 0 3px; width:205px; height:8px; padding:0; background:transparent url(../images/top/renewal/sprite_item.gif) 0px -10px no-repeat; } /* メルマガ登録 */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine { width:210px; margin:0 0 10px 0; padding:0; display:block; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineTop { margin:0 0 0 3px; width:205px; height:8px; background:transparent url(../images/top/renewal/sprite_item.gif) 0 0 no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent { width: 203px; text-align: center; margin:0 auto; border-left:1px solid #cccccc; border-right:1px solid #cccccc; } /* firefox huck */ #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent, x:-moz-broken, x:last-of-type { width:205px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent #mainColumnBottomLeftMailmagazineTitle { width:182px; margin:0 auto ; padding:5px 0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table { width:95%; margin:0 auto ; padding:5px 0 0 0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table td { padding:0 0 5px 0 ; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table td .txt_mail { width:95%; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table td span { display: block; font-size: 10px; text-align: left; line-height: 14px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table td.btn_magazine: input { width: 114px; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table td.btn_magazine { background:transparent url(../images/top/renewal/btn_entry_on.jpg) right 0 no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent table td.btn_magazine input:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.0; margin:0; padding:0;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent ol { display:block; width:auto; text-align:right; padding:0; margin:-10px 0 0 0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineContent ol li { width:auto; text-align:right; float:none; padding:0 10px 0 0; margin:0;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftMailmagazine #mainColumnBottomLeftMailmagazineBottom { margin:0 0 0 3px; width:205px; height:8px; padding:0; background:transparent url(../images/top/renewal/sprite_item.gif) 0px -10px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftFaceBook { width:210px; margin:0 auto 10px; text-align:center; padding:0; display:block; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftSisterSite .sisterSite { margin:13px 0 0 0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftSisterSite .sisterSite dt {font-size: 85%; color: #666666; font-weight: 900; line-height:16px; padding:0 0 3px 0; margin:0 0 10px 0; background:transparent url(../images/common/bar_gray.gif) left bottom repeat-x;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftSisterSite .sisterSite dd ul li { padding: 0 0 2px 15px; background: transparent url(../images/common/icon_arrow.gif) left center no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftPartnerSite .partnerSite { margin:13px 0 0 0; } #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftPartnerSite .partnerSite dt { font-size: 85%; color: #666666; font-weight: 900; line-height:16px; padding:0 0 3px 0; margin:0 0 10px 0; background:transparent url(../images/common/bar_gray.gif) left bottom repeat-x;} #mainColumn #mainColumnBottom #mainColumnBottomLeft #mainColumnBottomLeftPartnerSite .partnerSite dd ul li { padding: 0 0 2px 15px; background: transparent url(../images/common/icon_arrow.gif) left center no-repeat; } /* 真ん中部分 */ #mainColumn #mainColumnBottom #mainColumnBottomCenter { width:400px; margin:0 0 10px 0; padding:0; float:right; display:inline-block; overflow:hidden;} /* ランキング */ #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking { width:400px; margin:0 0 10px 0; padding:0; float:right; display:block; overflow:hidden; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #mainColumnBottomCenterRankingTitle { padding:0 0 2px 0; margin:0;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #mainColumnBottomCenterRankingTitle p { padding: 10px 3px 0 0; *padding:0 3px 0 0; /* IE7 */ _padding:0 3px 0 0; /* IE6 */ margin:0; *margin:-22px 0 0 0; /* IE7 */ _margin:-20px 0 0 0; /* IE6 */ float:right; text-align: right; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #mainColumnBottomCenterRankingTitle p a { color:#ff3f00; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul { _width:400px; margin:0; padding:0; height:31px; overflow:hidden; display:inline-block;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingBlogger { width:130px; float:left; margin:0; padding:0 0 0 2px; height:31px; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingGenre { width:130px; float:left; margin:0; padding:0 0 0 3px; height:31px; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingRecipe { width:130px; float:left; margin:0; padding:0 0 0 3px; _padding:0 0 0 2px; height:31px; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li a { display:block; height:31px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li a span { display:none; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingBlogger a { width:130px; background:transparent url(../images/top/renewal/sprite_ranking.gif) 0 -35px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingGenre a { width:130px; background:transparent url(../images/top/renewal/sprite_ranking.gif) -132px -35px no-repeat;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingRecipe a { width:130px; background:transparent url(../images/top/renewal/sprite_ranking.gif) -264px -35px no-repeat;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingBlogger a:hover { background:transparent url(../images/top/renewal/sprite_ranking.gif) 0px 0px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingGenre a:hover { background:transparent url(../images/top/renewal/sprite_ranking.gif) -132px 0px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingRecipe a:hover { background:transparent url(../images/top/renewal/sprite_ranking.gif) -264px 0px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingBlogger.active a { background:transparent url(../images/top/renewal/sprite_ranking.gif) 0px 0px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingGenre.active a { background:transparent url(../images/top/renewal/sprite_ranking.gif) -132px 0px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ul li#tabRankingRecipe.active a { background:transparent url(../images/top/renewal/sprite_ranking.gif) -264px 0px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger { margin:-6px 0 0 0 ; *margin:0; /* IE7 */ _margin:0; /* IE6 */ padding:0 5px 0; border-top:1px solid #e5ad00; border-left:1px solid #edd38c; border-right:1px solid #edd38c;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger { width:100%; text-align: center; margin:10px auto 5px; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul { overflow:hidden; display:inline-block; text-align: center; margin:0 auto; *margin:0 45px; /* IE7 */ _margin:0 35px; /*ie6 */ padding:0;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul li {float:left; margin:0 0 0 10px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul li.kugiri { width:10px; display:block; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul li#linkRankingBloggerDendoAndPlatinum a { width:100px; display:block;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul li#linkRankingBloggerTotal a { width:50px; display:block;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul li#linkRankingBloggerNewface a { width:50px; display:block;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBlogger #linkRankingBlogger ul li.active a { color:#f77a6c !important; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingBloggerBottom { height:10px; padding:0; background:transparent url(../images/top/renewal/sprite_ranking.gif) 0px -73px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingGenre { margin:-6px 0 0 0; *margin:0; /* IE7 */ _margin:0; /* IE6 */ padding:0 5px 0; border-top:1px solid #88a700; border-left:1px solid #c3d37f; border-right:1px solid #c3d37f; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingGenre h3 { margin: 10px 0; padding:0 10px; font-weight: 900;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingGenreBottom { height:10px; padding:0; background:transparent url(../images/top/renewal/sprite_ranking.gif) 0px -85px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingRecipe { margin:-6px 0 0 0; *margin:0; /* IE7 */ _margin:0; /* IE6 */ padding:20px 5px 0; border-top:1px solid #ff6666; border-left:1px solid #ffb2b2; border-right:1px solid #ffb2b2; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking #panelRankingRecipeBottom { height:10px; padding:0; background:transparent url(../images/top/renewal/sprite_ranking.gif) 0px -100px no-repeat; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl { width:385px; margin:0 0 8px 0; padding:0; overflow:hidden;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dt { width:40px; margin:0; padding:0; float:left; text-align:right; font-weight:900;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dt img { padding:7px 0 0 0; vertical-align:top; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dd { width:345px; margin:0 0 0 10px; padding:0; float:left; display:inline; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dd a { display:block; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dd.rankImg { width:50px; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dt.rankTxt { color:#676767; font-weight:900; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dt.rankTxt4 { color:#ff6666; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dt.rankTxt5 { color:#a9b320; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dd.rankTxt { width:260px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking dl dd.rankTxt2 { width:310px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ol { width:auto; text-align:right; padding:0; margin:0; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking ol li { width:auto; text-align:right; float:none; padding:0 10px 0 0; margin:10px 0;} /* 殿堂入りブロガー */ #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking .rankingBloggerDendo { width:390px; margin:0 auto 15px; text-align:center; padding:0; background:#fff3c9; display:block; overflow:hidden; border-radius:5px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking .rankingBloggerDendo h3 { margin:10px auto 5px; text-align:center;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking .rankingBloggerDendo .rankingBloggerDendoContents { width:390px; margin:0 auto;_margin:0 0 0 -3px; /* IE6 */ padding:0 3px; text-align:center; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking .rankingBloggerDendo .rankingBloggerDendoContents dl { width:90px; float:left; display:block; margin:0 0 0 5px; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking .rankingBloggerDendo .rankingBloggerDendoContents dl dt { width:90px; height:90px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterRanking .rankingBloggerDendo .rankingBloggerDendoContents dl dd { margin:5px 0; padding:5px 0; width:90px; text-align:left;} /* キッチン */ #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen { width:400px; margin:0 0 10px 0; padding:0; float:right; display:block; overflow:hidden;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen h2 { border-bottom: 1px dashed #361315;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen h2 #moreKitchen { display:block; float:right; padding: 8px 10px 0 0; font-weight:normal;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen dl { display:block; margin:20px 0 0 0;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen dl dt { display:inline-block; float: left;width:122px; margin:-8px 0 0 10px; padding:15px 0 12px 0; background: transparent url(../images/top/renewal/waku_kitchen.gif) left top no-repeat;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen dl dt a { display:block; width: 110px; height: 140px; overflow: hidden; margin: 0 0 0 5px;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen dl dd { display:inline-block; float:right; margin: 0 10px 0 0; padding:0; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen ul { display:block; margin: 5px 0 0 10px; padding:0; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen ul li { padding:0; _border:1px solid #fff;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterKitchen ul li span { display:block; color:#ffbf00; line-height:110%; font-weight:900;} /* レシピブログチャンネル */ #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie { width:400px; margin:0 0 10px 0; padding:0; float:right; display:block; overflow:hidden; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie #mainColumnBottomCenterPickupMovieTitle { padding:0 0 2px 0; margin:0; /* background:transparent url(../images/top/renewal/bar_dot_dark_brown.gif) left bottom repeat-x; */ } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie #mainColumnBottomCenterPickupMovieTitle p { padding: 10px 3px 0 0; *padding:0 3px 0 0; /* IE7 */ _padding:0 3px 0 0; /* IE6 */ margin:0; *margin:-22px 0 0 0; /* IE7 */ _margin:-20px 0 0 0; /* IE6 */ float:right; text-align: right; color:#ff3f00;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie #mainColumnBottomCenterPickupMovieTitle p a { color:#ff3f00; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie #mainColumnBottomCenterPickupMovieContent { margin:0 auto 10px; text-align:center; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie #mainColumnBottomCenterPickupMovieContent #mainColumnBottomCenterPickupMovieInfo { margin:0 10px 5px; text-align:left; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie ol { width:auto; text-align:right; padding:0; margin:0; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupMovie ol li { width:auto; text-align:right; float:none; padding:0 10px 0 0; margin:10px 0;} /* こんだてノート */ #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote { width:400px; margin:0 0 10px 0; padding:0; float:right; display:block; overflow:hidden; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote #mainColumnBottomCenterPickupKondateNoteTitle { padding:0 0 2px 0; margin:0; /* background:transparent url(../images/top/renewal/bar_dot_dark_brown.gif) left bottom repeat-x; */} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote #mainColumnBottomCenterPickupKondateNoteTitle p { padding: 10px 3px 0 0; *padding:0 3px 0 0; /* IE7 */ _padding:0 3px 0 0; /* IE6 */ margin:0; *margin:-22px 0 0 0; /* IE7 */ _margin:-20px 0 0 0; /* IE6 */ float:right; text-align: right; color:#ff3f00;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote #mainColumnBottomCenterPickupKondateNoteTitle p a { color:#ff3f00; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote ul { display:block; width:400px; padding:0 10px; margin:0 auto 10px; text-align:center;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote ul li { display:inline=block; float:left; width:190px; padding:0; margin: 0 5px 10px 0;} #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote ol { width:auto; text-align:right; padding:0; margin:0; } #mainColumn #mainColumnBottom #mainColumnBottomCenter #mainColumnBottomCenterPickupKondateNote ol li { width:auto; text-align:right; float:none; padding:0 10px 0 0; margin:10px 0;}