@charset "utf-8"; /* =================================================================== 各カテゴリーページ、記事リーフ =================================================================== */ /* ▼サイト全体で共通の基本設定▼ */ @import "base.css"; /* ▼グローバル・ナビ用CSS▼ */ /*@import "gnav/gnav-201406.css";*/ /* ▼WomanOnlineサイト内ナビ▼ */ @import "wol-navi.css"; /* ▼サイト全体で共通の部品▼ */ @import "common.css?ver=20141030"; /* clearfix */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* header */ #header { width: 1000px; position: relative; } #header #wolLogo { width: 233px; height: 110px; float: left; padding: 0 0 0 13px; } #header #wolLogo a { display: block; height: 110px; text-indent: -9999px; background: url(/images/n/wol/2010/header/logo/detail_header_logo.png) no-repeat left top; } #header #superBanner { width: 728px; padding: 10px 13px; float: right; } #utilityNavi { bottom: 6px !important; } #mailmag { bottom: 10px !important; } /* ページ下部広告 */ #bottomBanner { clear: both; text-align: center; margin-bottom: 15px; } /* パンくず breadcrumb */ #breadcrumb { clear: both; padding: 10px;} #breadcrumb a { font-size: 11px; } #breadcrumb b { font-weight: normal; font-size: 11px; } /*テーマトップピックアップ*/ #pickupContent { overflow: hidden; _zoom: 1; width: 660px; padding: 0 10px; margin-bottom: 10px; } #pickupContent h3 { width: 680px; color: #fff; font-size: 14px; height: 25px; line-height: 25px; padding: 2px 10px 0; margin: 0 -10px 10px; } #pickupContent.career h3 { background: url(/images/n/wol/2010/theme/career/titlebar_career201303.gif); } #pickupContent.skillup h3 { background: url(/images/n/wol/2010/theme/skillup/titlebar_skillup.gif); } #pickupContent.health h3 { background: url(/images/n/wol/2010/theme/health/titlebar_health201303.gif); } #pickupContent.life h3 { background: url(/images/n/wol/2010/theme/life/titlebar_life201303.gif); } #pickupContent .pickup { width: 320px; float: left; } #pickupContent .pickup span { font-size: 12px; margin-bottom: 5px; display: block; } #pickupContent .pickup a.title { margin-bottom: 5px; background: url(/images/n/wol/2010/common/icon_tri_b.gif) no-repeat left 2px; font-size: 14px; font-weight: bold; padding-left: 10px; } #pickupContent .pickup p.title a { display: block; } #pickupContent .pickup .photo img { width: 320px; } #pickupContent ul { width: 317px; float: right; } #pickupContent ul li { overflow: hidden; _zoom: 1; border-bottom: dotted 1px #c0bcb8; padding: 0 0 8px; margin-bottom: 8px; } #pickupContent ul li.bottom { border-bottom: none; } #pickupContent ul li a { display: block; } #pickupContent ul li span { font-size: 12px; width: 300px; } #pickupContent ul li a.title { margin-bottom: 3px; background: url(/images/n/wol/2010/common/icon_tri_b.gif) no-repeat left 4px; font-size: 13px; font-weight: bold; padding-left: 10px; } #pickupContent ul li a.photo { float: left; clear: left; margin-right: 10px; width: 60px; } /*テーマトップ 新着記事*/ #newArrivalList { overflow: hidden; _zoom: 1; width: 660px; padding: 0 10px; position: relative; } #newArrivalList h3 { width: 660px; color: #fff; font-size: 14px; height: 25px; line-height: 25px; padding: 2px 10px 0; margin: 0 -10px 10px; } #newArrivalList h3 a.rss { width: 47px; height: 18px; position: absolute; right: 10px; top: 4px; display: block; background: url(/images/n/wol/2010/common/icon_rss.gif) no-repeat left top; text-indent: -9999px; } #newArrivalList h3 a.rss:hover { background-position: left -18px; } #newArrivalList h3 a.rss:hover img { visibility: hidden; } #newArrivalList #topics { margin: 0 -10px 10px; } #newArrivalList #topics h3 { background: url(/images/n/wol/2010/ad/title_topics680_gray.gif) !important; margin: 0; width: 680px; } #newArrivalList.career h3 { background: url(/images/n/wol/2010/theme/career/titlebar_career201303.gif); } #newArrivalList.skillup h3 { background: url(/images/n/wol/2010/theme/skillup/titlebar_skillup.gif); } #newArrivalList.health h3 { background: url(/images/n/wol/2010/theme/health/titlebar_health201303.gif); } #newArrivalList.life h3 { background: url(/images/n/wol/2010/theme/life/titlebar_life201303.gif); } #newArrivalList dl { margin-bottom: 18px; } #newArrivalList dl.left { width: 320px; float: left; clear:both;} #newArrivalList dl.right { width: 320px; float: right; } #newArrivalList dl dt { margin-bottom: 3px; padding-bottom: 3px; } #newArrivalList dl dt a { display: block; height: 16px; overflow: hidden; _zoom: 1; width: 305px; background: url(/images/n/wol/2010/theme/common/btn_more.png) no-repeat 243px top; } #newArrivalList dl dt a:hover { background: url(/images/n/wol/2010/theme/common/btn_more.png) no-repeat 243px -16px; cursor: pointer } #newArrivalList dl dd { border-bottom: dotted 1px #c0bcb8; padding: 2px 0; } #newArrivalList dl dd { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 8px; padding-left: 10px; } #newArrivalList dl dd.bottom { border-bottom: none; } #newArrivalList dl dd.new a { font-size: 12px; background: url(/images/n/wol/2010/common/ic_new.gif) no-repeat right top; padding-right: 30px; } #newArrivalList { margin-bottom: 20px; } #newArrivalList ul { padding: 0 0 0 10px; margin-right: -10px; } #newArrivalList ul li { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 8px; padding: 2px 0 2px 10px; float: left; width: 300px; margin-right: 20px; border-bottom: dotted 1px #ccc; } #newArrivalList ul li.new a { font-size: 12px; background: url(/images/n/wol/2010/common/ic_new.gif) no-repeat right top; padding-right: 30px; } #newArrivalList.career dl dt { border-left: solid 3px #7390c3; background: #edf1f7; padding-left: 10px; color: #7390c3; font-weight: bold; padding-top: 2px; } #newArrivalList.skillup dl dt { border-left: solid 3px #fa8646; background: #fef3ec; padding-left: 10px; color: #fa8646; font-weight: bold; padding-top: 2px; } #newArrivalList.health dl dt { border-left: solid 3px #59b37e; background: #f4faf6; padding-left: 10px; color: #2e985a; font-weight: bold; padding-top: 2px; } #newArrivalList.life dl dt { border-left: solid 3px #f68950; background: #fef3ed; padding-left: 10px; color: #f68950; font-weight: bold; padding-top: 2px; } #newArrivalList.career dl dt a { color: #7390c3; } #newArrivalList.skillup dl dt a { color: #fa8646; } #newArrivalList.health dl dt a { color: #2e985a; } #newArrivalList.life dl dt a { color: #f68950; } /*Special*/ .specials { margin-bottom: 20px; } .specials ul { padding: 10px 0 0 10px; margin-right: -20px; overflow: hidden; _zoom: 1; } .specials ul li { float: left; width: 315px; margin-right: 20px; border-bottom: dotted 1px #c0bcb8; padding: 0 0 8px; margin-bottom: 8px; } .specials ul li.bottom { border-bottom: none; } .specials ul li a { display: block; } .specials ul li span { font-size: 12px; width: 300px; } .specials ul li a.title { margin-bottom: 3px; background: url(/images/n/wol/2010/common/icon_tri_b.gif) no-repeat left 4px; font-size: 13px; font-weight: bold; padding-left: 10px; } .specials ul li a.photo { float: left; clear: left; margin-right: 10px; width: 60px; } /* 連載コラム　バックナンバー */ #columnBacknumber { padding-bottom: 15px; margin-bottom: 15px; overflow: hidden; _zoom: 1; clear: both; } #columnBacknumber h4 { color: #fff; padding-top: 5px; padding-left: 20px; font-size: 14px; margin-bottom: 15px; } #columnBacknumber.parent h4 { text-indent: -9999px; height: 1px; } #columnBacknumber #backnumList { width: 345px; float: left; } #columnBacknumber #backnumList ul { padding: 0 10px; overflow: hidden; _zoom: 1; } #columnBacknumber #backnumList ul li { line-height: 1.1; margin-bottom: 8px; overflow: hidden; _zoom: 1; padding-left: 10px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 4px; vertical-align: top; } #columnBacknumber #backnumList ul li a { font-size: 12px; } #columnBacknumber #backnumList ul li span { color: #666666; padding-left: 15px; font-size: 10px; letter-spacing: 1px; } #columnBacknumber.parent #backnumList { display: none; } #columnBacknumber #backnumListWid { padding: 0 10px; } #columnBacknumber #backnumListWid ul { padding: 0 10px; overflow: hidden; _zoom: 1; width: 305px; float: left; } #columnBacknumber #backnumListWid ul li { line-height: 1.1; margin-bottom: 8px; overflow: hidden; _zoom: 1; padding-left: 10px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 4px; vertical-align: top; }#columnBacknumber #backnumListWid ul li a { font-size: 12px; } #columnBacknumber #backnumListWid ul li span { color: #666666; padding-left: 15px; font-size: 10px; letter-spacing: 1px; } /* 著者プロフィール */ #columnBacknumber .bpprofile { width: 315px; float: right; padding-right: 10px; } #columnBacknumber.parent .bpprofile { width: 640px; float: none; padding: 0 20px; } #columnBacknumber .bpprofile .bpprofile_title { width: 96px; float: left; font-weight: bold; font-size: 16px; margin-right: 8px; line-height: 1; margin-bottom: 5px; } #columnBacknumber .bpprofile .bpprofile_photo { float: left; clear: left; padding: 6px; background: #fff; margin-right: 8px; } #columnBacknumber .bpprofile .bpprofile_profile { overflow: hidden; font-size: 11px; } #columnBacknumber .bpprofile .bpprofile_profile span { } #columnBacknumber .bpprofile .bpprofile_profile .bpprofile_name { font-weight: bold; font-size: 13px; } #columnBacknumber .bpprofile .bpprofile_profile .bpprofile_position { } /*アンケート*/ #leafEnq { background: url(/images/n/wol/2010/leaf/enqate_txt.gif) no-repeat left top; padding-top: 3px; height: 22px; padding-left: 200px; } #leafEnq a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 7px; padding-left: 10px; display: block; font-weight: bold; color: #e95388; font-size: 14px; } #leafEnq span { font-weight: normal; color: #333; font-size: 12px; padding-left: 10px; } /* 最新記事 */ #newKiji { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #newKiji h4 { font-size: 15px; padding: 5px 15px 0px; color: #fff; margin-bottom: 5px; } #newKiji ul { overflow: hidden; _zoom: 1; width: 320px; float: left; padding: 0 5px 0 10px; } #newKiji ul li { padding: 3px 0; border-bottom: dotted 1px #ccc8c2; overflow: hidden; _zoom: 1; verticla-align: top !important; font-size: 1px; } #newKiji ul li.bottom { border-bottom: none; } #newKiji ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 6px; display: block; padding-left: 10px; font-size: 12px; } #soukenReport { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #soukenReport h4 { font-size: 15px; padding: 5px 15px 0px; color: #fff; margin-bottom: 5px; } #soukenReport ul { overflow: hidden; _zoom: 1; padding: 0 5px 0 10px; } #soukenReport ul li { padding: 1px 0; overflow: hidden; _zoom: 1; font-size: 11px; } #soukenReport ul li.bottom { border-bottom: none; } #soukenReport ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 3px; padding-left: 10px; font-size: 12px; } #soukenReport ul li a span { padding-left: 5px; color: #666666; } /*記事下、特集一覧*/ #specialList { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #specialList h4 { font-size: 15px; padding: 5px 15px 0px; color: #fff; margin-bottom: 5px; } #specialList ul { overflow: hidden; _zoom: 1; width: 320px; float: left; padding: 0 5px 0 10px; } #specialList ul li { padding: 3px 0; overflow: hidden; _zoom: 1; verticla-align: top !important; font-size: 1px; } #specialList ul li.bottom { border-bottom: none; } #specialList ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 6px; display: block; padding-left: 10px; font-size: 12px; } #specialList ul li a span { color: #666; font-size: 11px; padding-left: 10px; } /*記事下、トレンド一覧*/ #trendList { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #trendList h4 { font-size: 15px; padding: 5px 15px 0px; color: #fff; margin-bottom: 5px; } #trendList ul { overflow: hidden; _zoom: 1; width: 320px; float: left; padding: 0 5px 0 10px; } #trendList ul li { padding: 3px 0; overflow: hidden; _zoom: 1; font-size: 1px; vertical-align: top; } #trendList ul li.bottom { border-bottom: none; } #trendList ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 6px; display: block; padding-left: 10px; font-size: 12px; } #trendList ul li a span { color: #666; font-size: 11px; padding-left: 10px; } /*特集のバックナンバー*/ #specialBacknumber { width: 650px; margin: 0 auto; } #specialBacknumber ul { _zoom: 1; } #specialBacknumber ul li { background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left top; padding-left: 15px; display: inline; margin-right: 10px; } #specialBacknumber ul li a { font-size: 12px; } /*週間アクセスランキング*/ #weeklyRanking { overflow: hidden; _zoom: 1; margin-bottom: 20px; position: relative; width: 680px; padding-top: 23px; } #weeklyRanking.all #weeklyRankTab { background: url(/images/n/wol/2010/leaf/ranking/ranking_tab_all.gif) no-repeat right top; } #weeklyRanking.career #weeklyRankTab { background: url(/images/n/wol/2010/leaf/ranking/ranking_tab_career.gif) no-repeat right top; } #weeklyRanking.skillup #weeklyRankTab { background: url(/images/n/wol/2010/leaf/ranking/ranking_tab_skillup.gif) no-repeat right top; } #weeklyRanking.health #weeklyRankTab { background: url(/images/n/wol/2010/leaf/ranking/ranking_tab_health.gif) no-repeat right top; } #weeklyRanking.life #weeklyRankTab { background: url(/images/n/wol/2010/leaf/ranking/ranking_tab_life.gif) no-repeat right top; } #weeklyRanking h4 { width: 205px; position: absolute; left: 0; top: 0; } #weeklyRanking div { display: none; padding: 15px 15px 0; } #weeklyRanking #weeklyRankTab { width: 475px; height: 23px; display: block; padding: 0; position: absolute; right: 0; top: 0; } #weeklyRanking #weeklyRankTab a { display: block; float: left; height: 21px; text-indent: -9999px; } #weeklyRanking #weeklyRankTab .all { width: 88px; } #weeklyRanking #weeklyRankTab .career { width: 82px; } #weeklyRanking #weeklyRankTab .skillup { width: 98px; } #weeklyRanking #weeklyRankTab .health { width: 132px; } #weeklyRanking #weeklyRankTab .life { width: 68px; } #weeklyRanking ul { width: 325px; float: left; } #weeklyRanking ul li { padding-left: 45px; margin-bottom: 1px; font-size: 1px; vertical-align: top; } #weeklyRanking ul li a { display: block; padding: 4px 0 5px; color: #8a6d47; font-weight: bold; font-size: 12px; } #weeklyRanking ul li.num1 { background: url(/images/n/wol/2010/leaf/ranking/rank_num1_b.gif) no-repeat left top; padding-top: 6px; } #weeklyRanking ul li.num2 { background: url(/images/n/wol/2010/leaf/ranking/rank_num2_b.gif) no-repeat left top; padding-top: 2px; } #weeklyRanking ul li.num3 { background: url(/images/n/wol/2010/leaf/ranking/rank_num3_b.gif) no-repeat left top; padding-top: 2px; } #weeklyRanking ul li.num4 { background: url(/images/n/wol/2010/leaf/ranking/rank_num4_b.gif) no-repeat left top; } #weeklyRanking ul li.num5 { background: url(/images/n/wol/2010/leaf/ranking/rank_num5_b.gif) no-repeat left top; } #weeklyRanking ul li.num6 { background: url(/images/n/wol/2010/leaf/ranking/rank_num6_b.gif) no-repeat left top; margin-top: 10px; } #weeklyRanking ul li.num7 { background: url(/images/n/wol/2010/leaf/ranking/rank_num7_b.gif) no-repeat left top; } #weeklyRanking ul li.num8 { background: url(/images/n/wol/2010/leaf/ranking/rank_num8_b.gif) no-repeat left top; } #weeklyRanking ul li.num9 { background: url(/images/n/wol/2010/leaf/ranking/rank_num9_b.gif) no-repeat left top; } #weeklyRanking ul li.num10 { background: url(/images/n/wol/2010/leaf/ranking/rank_num10_b.gif) no-repeat left top; } #weeklyRanking.all div.all { display: block; background: url(/images/n/wol/2010/leaf/ranking/ranking_bg_all.gif) no-repeat left top; min-height: 191px; _height: 191px; } #weeklyRanking.career div.career { display: block; background: url(/images/n/wol/2010/leaf/ranking/ranking_bg_career.gif) no-repeat left top; min-height: 191px; _height: 191px; } #weeklyRanking.skillup div.skillup { display: block; background: url(/images/n/wol/2010/leaf/ranking/ranking_bg_skillup.gif) no-repeat left top; min-height: 191px; _height: 191px; } #weeklyRanking.health div.health { display: block; background: url(/images/n/wol/2010/leaf/ranking/ranking_bg_health.gif) no-repeat left top; min-height: 191px; _height: 191px; } #weeklyRanking.life div.life { display: block; background: url(/images/n/wol/2010/leaf/ranking/ranking_bg_life.gif) no-repeat left top; min-height: 191px; _height: 191px; } #weeklyRanking .toColumnTop { width: auto; float: right; margin-top: -30px; margin-right: 20px } #weeklyRanking .toColumnTop a { display: block; height: 20px; } #weeklyRanking .toColumnTop a:hover img { visibility: hidden; } #weeklyRanking.all .toColumnTop { width: 264px; } #weeklyRanking.all .toColumnTop a { background: url(/images/n/wol/2010/leaf/ranking/weekly_rank_btn_all_on.gif) no-repeat left top; } #weeklyRanking.career .toColumnTop { width: 252px; } #weeklyRanking.career .toColumnTop a { background: url(/images/n/wol/2010/leaf/ranking/weekly_rank_btn_career_on.gif) no-repeat left top; } #weeklyRanking.skillup .toColumnTop { width: 272px; } #weeklyRanking.skillup .toColumnTop a { background: url(/images/n/wol/2010/leaf/ranking/weekly_rank_btn_skillup_on.gif) no-repeat left top; } #weeklyRanking.health .toColumnTop { width: 305px; } #weeklyRanking.health .toColumnTop a { background: url(/images/n/wol/2010/leaf/ranking/weekly_rank_btn_health_on.gif) no-repeat left top; } #weeklyRanking.life .toColumnTop { width: 240px; } #weeklyRanking.life .toColumnTop a { background: url(/images/n/wol/2010/leaf/ranking/weekly_rank_btn_life_on.gif) no-repeat left top; } /*女子部*/ #joshibu { padding: 15px 10px 0; padding: 15px 8px 0; margin-bottom: 20px; min-height: 160px; _height: 160px; } #joshibu_career { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_bg_career.gif) no-repeat left top; } #joshibu_skillup { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_bg_skillup.gif) no-repeat left top; } #joshibu_health { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_bg_health.gif) no-repeat left top; } #joshibu_life { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_bg_life.gif) no-repeat left top; } #joshibu .toJoshibuTop { width: 198px; float: left; margin-right: 12px; } #joshibu .toJoshibuTop a { display: block; height: 149px; } #joshibu .toJoshibuTop a:hover img { visibility: hidden; } #joshibu_career .toJoshibuTop a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_ill_career_on.gif) no-repeat left top; } #joshibu_skillup .toJoshibuTop a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_ill_skillup_on.gif) no-repeat left top; } #joshibu_health .toJoshibuTop a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_ill_health_on.gif) no-repeat left top; } #joshibu_life .toJoshibuTop a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_ill_life_on.gif) no-repeat left top; } #joshibu h4 { margin-bottom: 10px; float: left; width: 450px; } #joshibu h4 a { display: block; height: 30px; } #joshibu h4 a:hover img { visibility: hidden; } #joshibu_career h4 a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_titlebar_career_on.gif) no-repeat right top; } #joshibu_skillup h4 a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_titlebar_skillup_on.gif) no-repeat right top; } #joshibu_health h4 a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_titlebar_health_on.gif) no-repeat right top; } #joshibu_life h4 a { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_titlebar_life_on.gif) no-repeat right top; } #joshibu ul { overflow: hidden; _zoom: 1; padding: 0 5px; float: left; width: 440px; } #joshibu ul li { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 7px; padding-left: 10px; margin-bottom: 2px; } #joshibu ul li a { color: #8a6d47; } #joshibu ul li a.title { font-weight: bold; } #joshibu ul li span.up { background: url(/images/n/wol/2010/common/icon_watch.gif) no-repeat 5px 2px; padding-left: 20px; font-weight: bold; color: #cc0000; } /* 子記事 */ /*看板画像*/ #titleBoard { margin-bottom: 15px; position: relative; } #titleBoard span.date { display: block; text-align: right; font-size: 10px; letter-spacing: 1px; color: #666666; padding-top: 2px; } #titleBox { margin-bottom: 15px; width: 650px; padding: 0 15px; position: relative; padding-top: 20px; font-weight: bold; min-height: 82px; } * html #titleBox { line-height: 1.3; height: 82px; } *:first-child+html #titleBox{ line-height: 1.3; } #titleBox h1 { font-size: 2em; padding-right: 110px; margin-bottom: 10px; color: #000; line-height: 1.3; } #titleBox #date { position: absolute; right: 15px; top: 10px; font-size: 0.9em; color: #000; font-weight: normal; } #titleBox #readBtn { position: absolute; right: 15px; top: 30px; } #titleBox #lead { font-size: 1em; font-weight: bold; line-height: 1.3; clear: both; } #titleBox #corp_logo { margin-bottom: 5px; } #titleBox #corp_logo img { border: solid 1px #ccc; width: 100px; } #titleBox hr { border: none; display: block; background-color: #fff; color: #fff; margin: 0; padding: 0; overflow:hidden; } #article dl#keywords { border: dotted 1px #ccc8c2; padding: 4px; margin: 0 15px 20px; overflow: hidden; _zoom: 1; clear: both; } #article dl#keywords dt { float: left; width: 100px; padding: 5px 10px 5px 25px; background: url(/images/n/wol/2010/leaf/icon_keyword.gif) no-repeat left 5px; color: #4f4f4f; line-height: 1.1; } #article dl#keywords dd { float: left; width: 480px; border-left: solid 1px #ccc8c2; padding: 5px 10px; color: #4f4f4f; line-height: 1.2; } #article dl#keywords dd a { color: #8a6d47; font-weight: normal; white-space: nowrap; } /*リンクアイコン*/ #linkIcons { clear: both; text-align: right; background: none; margin-bottom: 30px; } #linkIcons a { display: block; width: 18px; height: 18px; float: right; margin-left: 4px; } #linkIcons a:hover img { visibility: hidden; } #linkIcons a.mixi-check-button { width: 77px; } #linkIcons a.mixi-check-button:hover img { visibility: visible; } #linkIcons a.hatebu { background: url(/images/n/wol/2010/common/icon_hatebu_on.gif); width: 19px; } #linkIcons a.joshibu { background: url(/images/n/wol/2010/common/icon_joshibu_on.gif); } #linkIcons a.twitter { background: url(/images/n/wol/2010/common/icon_twitter_on.gif); } /* 親記事 */ #title #lead { font-size: 1em; font-weight: bold; line-height: 2; clear: both; margin: 0 15px 15px; } #title #lead hr { border: none; display: block; background-color: #fff; color: #fff; margin: 0; padding: 0; overflow:hidden; } /*ヘルス親記事*/ #article .icon_list_sp:after, #article .icon_list_sp li:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; } #article .icon_list_sp { margin: 20px auto; border-top: dotted 1px #ccc8c2; } #article .icon_list_sp li { padding: 15px 0; border-bottom: dotted 1px #ccc8c2; } #article .icon_list_sp li div.icon_list_icon { float: left; margin-right: 15px; } #article .icon_list_sp li div.icon_list_title h2 a { color: #836743; } #childList { } #childList ul { } #childList ul li { clear: both; margin-bottom: 20px; overflow: hidden; _zoom: 1; } #childList ul li p.img { float: left; width: 315px; margin-right: 10px; } #childList ul li div { float: left; width: 355px; } #childList ul li div p.number { background: #adadad; color: #fff; padding: 2px 5px 0; font-weight: bold; margin-bottom: 5px; } #childList ul li div p.number span { margin-left: 15px; color: #cc0000; } #childList ul li div p.title { font-weight: bold; margin-bottom: 3px; } #childList ul li div p.title a { color: #836743; } #childList ul li div p.date { text-align: right; font-size: 10px; color: #666; } #othersNewSpecial { margin-bottom: 20px; clear: both; } #othersNewSpecial h3 { height: 32px; line-height: 32px; padding-top: 2px; padding-left: 10px; color: #fff; font-size: 14px; margin-bottom: 15px; } #othersNewSpecial ul { overflow: hidden; _zoom: 1; } #othersNewSpecial ul li { float: left; width: 330px; border-bottom: dotted 1px #ccc7c1; margin-right: 10px; margin-bottom: 10px; padding-bottom: 5px; } #othersNewSpecial ul li.even { float: right; } #othersNewSpecial ul li p.img { float: left; width: 80px; margin-right: 10px; } #othersNewSpecial ul li div { float: left; width: 240px; position: relative; height: 107px; } #othersNewSpecial ul li div p { font-size: 10px; margin-bottom: 5px; } #othersNewSpecial ul li div p.theme { margin-bottom: 3px; } #othersNewSpecial ul li div p.title { margin-bottom: 5px; font-size: 12px; } #othersNewSpecial ul li div p.title a { color: #836743; font-weight: bold; } #othersNewSpecial ul li p.series { margin: 0; clear: both; } #othersNewSpecial ul li p.series a { padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 2px; } #othersNewSpecial ul li p.date { position: absolute; right: 0; bottom: 0; } /* ページ繰り pages */ #pages { text-align:center; margin: 0 0 10px; padding-top: 20px; border-top: dotted 1px #ccc8c2; clear: both; position: relative; width: 680px; height: 70px; } *:first-child+html #pages ul { overflow: hidden; _zoom: 1; padding: 5px 0; } #pages ul li { display: inline; margin: 0; } #pages ul li a { max-width:25px; color: #897d6f; padding:4px 8px; text-align:center; line-height:25px; font-size:14px; text-decoration:none; background:url(/images/n/wol/2009/leaf/pages_num_bg.gif) repeat-x; border: solid 1px #ef98ac; } #pages a:hover { color: #897d6f; background:url(/images/n/wol/2009/leaf/pages_num_bg_on.gif) repeat-x; } #pages a.on { color:#c3beb9; font-weight:bold; background:url(/images/n/wol/2009/leaf/pages_num_bg_on.gif) repeat-x; border: solid 1px #f6bbcb; } #pages a.prev { border: none; margin:0 3px; padding: 6px 0 18px 52px; text-decoration:none; background:url(/images/n/wol/2009/leaf/btn_prev.gif) no-repeat right top; } #pages a.prev:hover { color:#FFF; background:url(/images/n/wol/2009/leaf/btn_prev_on.gif) no-repeat right top; } #pages span.prev_off { border: none; margin:0 3px; padding: 6px 0 18px 52px; text-decoration:none; background:url(/images/n/wol/2009/leaf/btn_prev_on.gif) no-repeat right top; } /*--hack--*/ #pages span.prev_off, x:-moz-broken { padding: 18px 0 6px 52px; } /*safari*/ body:first-of-type #pages span.prev_off { padding: 18px 52px 6px 0; } /*IE8*/ #pages span.prev_off { padding: 18px 52px 6px 0\9; } #pages span.prev_off img { visibility: hidden; } #pages a.next { border: none; margin:0 3px; padding: 6px 52px 18px 0; text-decoration:none; background:url(/images/n/wol/2009/leaf/btn_next.gif) no-repeat left top; } #pages a.next:hover { background:url(/images/n/wol/2009/leaf/btn_next_on.gif) no-repeat left top; } #pages a.next:hover img { visibility: hidden;} #pages span.next_off { border: none; margin:0 3px; padding: 6px 52px 18px 0; text-decoration:none; background:url(/images/n/wol/2009/leaf/btn_next_on.gif) no-repeat; } /*--hack--*/ /*FF*/ #pages span.next_off, x:-moz-broken { padding: 18px 52px 6px 0; } /*safari*/ body:first-of-type #pages span.next_off { padding: 18px 52px 6px 0; } /*IE8*/ #pages span.next_off { padding: 18px 52px 6px 0\9; } #pages span.next_off img { visibility: hidden; } #pages #nextPage { margin-bottom: 15px; } #pages #nextPage a { background:url(/images/n/wol/2010/common/icon_tri_next.gif) no-repeat right 2px; padding-right: 30px; border: none; font-size: 12px; color: #8a674d; } #pages #nextPage a:hover { color: #b5a695; text-decoration: underline; } #pages #printBtn { width: 113px; clear: both; _margin-bottom: -5px; position: absolute; left: 0; top: 20px; } #pages #printBtn a { height: 53px; display: block; background: url(/images/n/wol/2010/leaf/btn_print_on.gif) no-repeat left top; } #pages #printBtn a:hover img { display: none; _visibility: hidden; } #pages #nextPage { margin-bottom: 15px; } #pages #nextPage a { background:url(/images/n/wol/2010/common/icon_tri_next.gif) no-repeat right 2px; padding-right: 30px; border: none; font-size: 12px; color: #8a674d; } #pages #nextPage a:hover { color: #b5a695; text-decoration: underline; } #pages #printBtn { width: 113px; clear: both; _margin-bottom: -5px; position: absolute; left: 0; top: 20px; } #pages #printBtn a { height: 53px; display: block; background: url(/images/n/wol/2010/leaf/btn_print_on.gif) no-repeat left top; } #pages #printBtn a:hover img { display: none; _visibility: hidden; } #article div.pages { clear: both; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #article div.pages p.prev { float: left; width: 140px; } #article div.pages p.prev a { background: url(/images/n/wol/2010/common/icon_tri_prev.gif) no-repeat left 2px; padding-left: 28px; font-size: 12px; } #article div.pages p.next { float: right; width: 140px; text-align: right; } #article div.pages p.next a { background: url(/images/n/wol/2010/common/icon_tri_next.gif) no-repeat right 2px; padding-right: 28px; font-size: 12px; font-weight: normal !important; } #article div.pages201303 { position: relative; overflow: hidden; border:none; margin-bottom: 20px;} #article div.pages201303 ul { position: relative; left: 50%; float: left; } *:first-child+html #article div.pages201303 ul { overflow: visible;} #article div.pages201303 ul li { position: relative; left: -50%; float: left; font-size: 1px; } #article div.pages201303 ul li a { display: block; width: 24px; height: 28px; padding: 0 !important; max-width: none; } #article div.pages201303 ul li a.prev { width:83px; height: 30px; text-indent:-9999px; } #article div.pages201303 ul li a.next { width:83px; height: 30px; text-indent:-9999px; } #article div.pages201303 ul li span.prev_off { display:block; width: 83px; height: 30px; padding: 0 !important; text-indent: -9999px; } #article div.pages201303 ul li span.next_off { display:block; width: 83px; height: 30px; padding: 0 !important; text-indent: -9999px; } #article div.pages201303.column_all a.prev { background:url(/images/n/wol/2010/common/pages/btn_prev_all_20.gif) no-repeat left top; } #article div.pages201303.column_all a.prev:hover { background:url(/images/n/wol/2010/common/pages/btn_prev_all_20.gif) no-repeat left -30px; } #article div.pages201303.column_all span.prev_off { background:url(/images/n/wol/2010/common/pages/btn_prev_all_20.gif) no-repeat left -30px; } #article div.pages201303.column_all a.next { display: block !important; border:none; margin-left: 10px; background:url(/images/n/wol/2010/common/pages/btn_next_all_20.gif) no-repeat left top; } #article div.pages201303.column_all a.next:hover { background:url(/images/n/wol/2010/common/pages/btn_next_all_20.gif) no-repeat left -30px; } #article div.pages201303.column_all span.next_off { background:url(/images/n/wol/2010/common/pages/btn_next_all_20.gif) no-repeat left -30px; } #article div.pages201303.career a.prev { background:url(/images/n/wol/2010/common/pages/btn_prev_career_20.gif) no-repeat left top; } #article div.pages201303.career a.prev:hover { background:url(/images/n/wol/2010/common/pages/btn_prev_career_20.gif) no-repeat left -30px; } #article div.pages201303.career span.prev_off { background:url(/images/n/wol/2010/common/pages/btn_prev_career_20.gif) no-repeat left -30px; } #article div.pages201303.career a.next { display: block !important; border:none; margin-left: 10px; background:url(/images/n/wol/2010/common/pages/btn_next_career_20.gif) no-repeat left top; } #article div.pages201303.career a.next:hover { background:url(/images/n/wol/2010/common/pages/btn_next_career_20.gif) no-repeat left -30px; } #article div.pages201303.career span.next_off { background:url(/images/n/wol/2010/common/pages/btn_next_career_20.gif) no-repeat left -30px; } #article div.pages201303.health a.prev { background:url(/images/n/wol/2010/common/pages/btn_prev_health_20.gif) no-repeat left top; } #article div.pages201303.health a.prev:hover { background:url(/images/n/wol/2010/common/pages/btn_prev_health_20.gif) no-repeat left -30px; } #article div.pages201303.health span.prev_off { background:url(/images/n/wol/2010/common/pages/btn_prev_health_20.gif) no-repeat left -30px; } #article div.pages201303.health a.next { display: block !important; border:none; margin-left: 10px; background:url(/images/n/wol/2010/common/pages/btn_next_health_20.gif) no-repeat left top; } #article div.pages201303.health a.next:hover { background:url(/images/n/wol/2010/common/pages/btn_next_health_20.gif) no-repeat left -30px; } #article div.pages201303.health span.next_off { background:url(/images/n/wol/2010/common/pages/btn_next_health_20.gif) no-repeat left -30px; } #article div.pages201303.life a.prev { background:url(/images/n/wol/2010/common/pages/btn_prev_life_20.gif) no-repeat left top; } #article div.pages201303.life a.prev:hover { background:url(/images/n/wol/2010/common/pages/btn_prev_life_20.gif) no-repeat left -30px; } #article div.pages201303.life span.prev_off { background:url(/images/n/wol/2010/common/pages/btn_prev_life_20.gif) no-repeat left -30px; } #article div.pages201303.life a.next { display: block !important; border:none; margin-left: 10px; background:url(/images/n/wol/2010/common/pages/btn_next_life_20.gif) no-repeat left top; } #article div.pages201303.life a.next:hover { background:url(/images/n/wol/2010/common/pages/btn_next_life_20.gif) no-repeat left -30px; } #article div.pages201303.life span.next_off { background:url(/images/n/wol/2010/common/pages/btn_next_life_20.gif) no-repeat left -30px; } /*媒体ロゴ*/ #articleBody #mediaBox { clear:both; overflow: hidden; _zoom: 1; margin: 20px 0; } #articleBody #mediaLogo { width: 300px; float: right; text-align: right; } #articleBody #author { clear: both; text-align: right; font-size: 11px; margin-bottom: 10px; } #articleBody #printBtn { width: 113px; float: left; } #articleBody #printBtn a { height: 53px; display: block; background: url(/images/n/wol/2010/leaf/btn_print_on.gif) no-repeat left top; } #articleBody #printBtn a:hover img { display: none; _visibility: hidden; } /*特集　スペシャル　看板画像*/ #specialTitleBoard { } #specialTitleBoard ul { width: 680px; height: 26px; } #specialTitleBoard ul li { float: left; width: 100px; } #specialTitleBoard ul li a,#specialTitleBoard ul li span { display: block; height: 26px; text-indent: -9999px; } #specialTitleBoard ul li.no1 span { background: url(/images/n/wol/2010/leaf/special/btn_sp_1_off.gif) no-repeat left top; } #specialTitleBoard ul li.no2 span { background: url(/images/n/wol/2010/leaf/special/btn_sp_2_off.gif) no-repeat left top; } #specialTitleBoard ul li.no3 span { background: url(/images/n/wol/2010/leaf/special/btn_sp_3_off.gif) no-repeat left top; } #specialTitleBoard ul li.no4 span { background: url(/images/n/wol/2010/leaf/special/btn_sp_4_off.gif) no-repeat left top; } #specialTitleBoard ul li.no5 span { background: url(/images/n/wol/2010/leaf/special/btn_sp_5_off.gif) no-repeat left top; } #specialTitleBoard h2 { clear: both; } /* 著者一覧 */ #authorKijiList { margin-bottom: 10px; } #authorKijiList ul { border-top: dotted 1px #ccc8c2; } #authorKijiList ul li { position: relative; width: 650px; padding: 10px 15px; border-bottom: dotted 1px #ccc8c2; } #authorKijiList ul li p { margin-bottom: 7px; } #authorKijiList ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; margin-bottom: 5px; } #authorKijiList ul li p.title a { color: #8a6d47; } #authorKijiList ul li p.more { text-align: left; margin-bottom: 0; } #authorKijiList ul li p.date { position: absolute; right: 0; bottom: 0; font-size: 10px; color: #666666; } /* 著者プロフィール */ #authorProfile { padding-bottom: 15px; margin-bottom: 15px; background: url(/images/n/wol/2010/leaf/related_bg_bottom_all.gif) no-repeat left bottom; overflow: hidden; _zoom: 1; } #authorProfile h4 { background: url(/images/n/wol/2010/leaf/related_bg_top_all.gif) no-repeat left top; padding: 10px 20px 15px; color:#897c6c; font-size: 15px; } #authorProfile div { float: left; width: 531px; } #authorProfile div p.name { color: #897c6c; font-size: 14px; font-weight: bold; margin-bottom: 10px; } #authorProfile div p.name span { font-size: 12px; } #authorProfile p.img { display: inline; margin-left: 20px; float: left; width: 82px; margin-right: 10px; padding: 6px; border: solid 1px #d9d6d6; } /* コラムニスト一覧 */ /* #columnist { } #columnist ul { width: 680px; } #columnist ul li { width: 650px; position: relative; padding: 15px 15px 10px; border-top: solid 1px #c8c2bb; background: url(/images/n/wol/2010/theme/common/columnist_bg.gif) no-repeat left top; overflow: hidden; _zoom: 1; } #columnist ul li p.img { float: left; margin-right: 10px; } #columnist ul li p.img img { padding: 8px; border: solid 1px #d8d8d6; background: #fff; margin-bottom: 5px; } #columnist ul li div { float: left; width: 540px; } #columnist ul li div p { font-size: 12px; border-top: dotted 1px #7e6f48; padding-top: 8px; } #columnist ul li div p.title { border-left: solid 3px #8a6d47; padding-left: 10px; padding-right: 200px; line-height: 1.1; margin-bottom: 8px; font-size: 14px; padding-top: 0; border-top: none; color: #8a6d47; font-weight: bold; margin-top: 5px; } #columnist ul li div p.title a { color: #7e6f48; font-weight: bold; } #columnist ul li div p.btn { border-top: none; width: 155px; position: absolute; right: 15px; top: 0; } #columnist ul li div p.btn a { display: block; height: 29px; text-indent: -9999px; background: url(/images/n/wol/2010/theme/common/btn_columnlist.gif) no-repeat left top; } */ #columnist ul { width: 660px; margin: 0 auto 10px; padding: 0; overflow: hidden; } #columnist ul li { margin-top: -1px; padding: 10px 0 11px; clear: both; border-top: 1px dotted #ccc8c2; overflow: hidden; _zoom:1; } #columnist ul li .img { float: left; margin: 0 10px 0 0; } #columnist ul li div { margin-left: 70px; } #columnist ul li div p { font-size: 12px; margin: 0; } #columnist ul li div .title { margin-bottom: 0; color: #8a6d47; font-size: 15px; font-weight: bold; } #columnist ul li div .title a { color: #8a6d47; } #columnist ul li div .title a span { color: #222; font-size: 12px; padding-left: 10px; } #columnist ul li div .details { overflow: hidden; width: auto; margin: 0; padding: 20px 0 0; } #columnist ul li div .details li { float:right; clear: none; margin: 0 0 0 25px; padding: 2px 0 0; border: none; color: #222; font-size: 10px; } #columnist ul li div .details li a { padding-left: 8px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat scroll left 5px transparent; display: block; color: #222; } /* テーマ別のコラムニスト一覧を見る */ #columnistSelectBox { clear: both; padding-bottom: 15px; margin-bottom: 30px; background: url(/images/n/wol/2010/leaf/related_bg_bottom_all.gif) no-repeat left bottom; } #columnistSelectBox h4 { background: url(/images/n/wol/2010/leaf/related_bg_top_all.gif) no-repeat left top; padding: 10px 20px 15px; color:#897c6c; font-size: 15px; } #columnistSelectBox ul { margin: 0 20px; overflow: hidden; _zoom: 1; } #columnistSelectBox ul li { float: left; width: 158px;margin-right: 3px; } #columnistSelectBox ul li a { display: block; height: 40px; text-indent: -9999px; } #columnistSelectBox ul li.selectCareer { margin-right: 2px; } #columnistSelectBox ul li.selectCareer a { background: url(/images/n/wol/2010/theme/common/btn_columnlist_career.gif) no-repeat left top; } #columnistSelectBox ul li.selectCareer a:hover { background: url(/images/n/wol/2010/theme/common/btn_columnlist_career_on.gif) no-repeat left top; } #columnistSelectBox ul li.selectCareer a.now { background: url(/images/n/wol/2010/theme/common/btn_columnlist_career_off.gif) no-repeat left top; } #columnistSelectBox ul li.selectSkillup a { background: url(/images/n/wol/2010/theme/common/btn_columnlist_skillup.gif) no-repeat left top; } #columnistSelectBox ul li.selectSkillup a:hover { background: url(/images/n/wol/2010/theme/common/btn_columnlist_skillup_on.gif) no-repeat left top; } #columnistSelectBox ul li.selectSkillup a.now { background: url(/images/n/wol/2010/theme/common/btn_columnlist_skillup_off.gif) no-repeat left top; } #columnistSelectBox ul li.selectHealth a { background: url(/images/n/wol/2010/theme/common/btn_columnlist_health.gif) no-repeat left top; } #columnistSelectBox ul li.selectHealth a:hover { background: url(/images/n/wol/2010/theme/common/btn_columnlist_health_on.gif) no-repeat left top; } #columnistSelectBox ul li.selectHealth a.now { background: url(/images/n/wol/2010/theme/common/btn_columnlist_health_off.gif) no-repeat left top; } #columnistSelectBox ul li.selectLife { margin-right: 0; } #columnistSelectBox ul li.selectLife a { background: url(/images/n/wol/2010/theme/common/btn_columnlist_life.gif) no-repeat left top; } #columnistSelectBox ul li.selectLife a:hover { background: url(/images/n/wol/2010/theme/common/btn_columnlist_life_on.gif) no-repeat left top; } #columnistSelectBox ul li.selectLife a.now { background: url(/images/n/wol/2010/theme/common/btn_columnlist_life_off.gif) no-repeat left top; } /* Special一覧 新着 */ #specialNewArrival { background: #f0efed; padding: 5px 0 0 10px; margin-bottom: 20px; } #specialNewArrival p.new { font-weight: bold; } #specialNewArrival ul { overflow: hidden; _zoom: 1; } #specialNewArrival ul li { display: inline; float: left; width: 315px; margin-left: 5px; margin-right: 15px; margin-bottom: 10px; position: relative; } #specialNewArrival ul li p { margin-bottom: 5px; } #specialNewArrival ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; padding: 5px 0; border-bottom: dotted 1px #8a6d47; margin-bottom: 10px; } #specialNewArrival ul li p.title a { color: #8a6d47; } #specialNewArrival ul li p.date { position: absolute; right: 0; bottom: 0; font-size: 10px; color: #666; margin-bottom: 0; } #specialNewArrival ul li p.series { margin: 0; clear: both; } #specialNewArrival ul li p.series a { padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 2px; } #specialNewArrival201303 ul { width: 660px; margin: 0 auto 10px; padding: 0; overflow: hidden; } #specialNewArrival201303 ul li { margin-top: -1px; padding: 10px 0 11px; clear: both; border-top: 1px dotted #ccc8c2; overflow: hidden; _zoom:1; } #specialNewArrival201303 ul li .img { float: left; margin: 0 10px 0 0; } #specialNewArrival201303 ul li div { margin-left: 70px; } #specialNewArrival201303 ul li div p { font-size: 12px; margin: 0; } #specialNewArrival201303 ul li div .title { margin-bottom: 0; color: #8a6d47; font-size: 15px; font-weight: bold; } #specialNewArrival201303 ul li div .title a { color: #8a6d47; } #specialNewArrival201303 ul li div .title a span { color: #666; font-size: 11px; padding-left: 10px; font-weight: normal;} #specialNewArrival201303 ul li div .summary a { margin-bottom: 0; color: #222; font-size: 12px; font-weight: normal; } /* Special一覧 */ #article .specialKijiList { clear: both; } #article .specialKijiList h3 { height: 32px; line-height: 32px; padding-top: 2px; padding-left: 10px; color: #fff; font-size: 14px; margin-bottom: 15px; } #article .specialKijiList ul { width: 680px; } #article .specialKijiList ul li { float: left; height: 95px; width: 330px; border-bottom: dotted 1px #ccc8c2; margin-bottom: 10px; padding-bottom: 10px;} #article .specialKijiList ul li.even { float: right; } #article .specialKijiList ul li p.img { float: left; width: 80px; margin-right: 20px; } #article .specialKijiList ul li div { width: 230px; float: left; } #article .specialKijiList ul li div p { line-height: 1.1; margin-bottom: 5px; } #article .specialKijiList ul li div p.title { color: #8a6d47; font-weight: bold; margin-bottom: 8px; } #article .specialKijiList ul li div p.title a { color: #8a6d47; } #article .specialKijiList ul li div p.date { font-size: 10px; color: #666; text-align: right; line-height: 1; margin-bottom: 0; } /* テーマ別のSpecial一覧を見る */ #specialListSelectBox { clear: both; padding-bottom: 15px; margin-bottom: 30px; background: url(/images/n/wol/2010/leaf/related_bg_bottom_all.gif) no-repeat left bottom; } #specialListSelectBox h4 { background: url(/images/n/wol/2010/leaf/related_bg_top_all.gif) no-repeat left top; padding: 10px 20px 15px; color:#897c6c; font-size: 15px; } #specialListSelectBox ul { margin: 0 20px; overflow: hidden; _zoom: 1; } #specialListSelectBox ul li { float: left; margin-right: 3px; } #specialListSelectBox ul li a { display: block; height: 40px; text-indent: -9999px; } #specialListSelectBox ul li.selectCareer { margin-right: 2px; width: 139px; } #specialListSelectBox ul li.selectCareer a { background: url(/images/n/wol/2010/theme/common/btn_special_list_career.gif) no-repeat left top; } #specialListSelectBox ul li.selectCareer a:hover { background: url(/images/n/wol/2010/theme/common/btn_special_list_career_on.gif) no-repeat left top; } #specialListSelectBox ul li.selectCareer a.now { background: url(/images/n/wol/2010/theme/common/btn_special_list_career_off.gif) no-repeat left top; } #specialListSelectBox ul li.selectSkillup { width: 158px; } #specialListSelectBox ul li.selectSkillup a { background: url(/images/n/wol/2010/theme/common/btn_special_list_skillup.gif) no-repeat left top; } #specialListSelectBox ul li.selectSkillup a:hover { background: url(/images/n/wol/2010/theme/common/btn_special_list_skillup_on.gif) no-repeat left top; } #specialListSelectBox ul li.selectSkillup a.now { background: url(/images/n/wol/2010/theme/common/btn_special_list_skillup_off.gif) no-repeat left top; } #specialListSelectBox ul li.selectHealth { width: 184px; } #specialListSelectBox ul li.selectHealth a { background: url(/images/n/wol/2010/theme/common/btn_special_list_health.gif) no-repeat left top; } #specialListSelectBox ul li.selectHealth a:hover { background: url(/images/n/wol/2010/theme/common/btn_special_list_health_on.gif) no-repeat left top; } #specialListSelectBox ul li.selectHealth a.now { background: url(/images/n/wol/2010/theme/common/btn_special_list_health_off.gif) no-repeat left top; } #specialListSelectBox ul li.selectLife { margin-right: 0; width: 148px; } #specialListSelectBox ul li.selectLife a { background: url(/images/n/wol/2010/theme/common/btn_special_list_life.gif) no-repeat left top; } #specialListSelectBox ul li.selectLife a:hover { background: url(/images/n/wol/2010/theme/common/btn_special_list_life_on.gif) no-repeat left top; } #specialListSelectBox ul li.selectLife a.now { background: url(/images/n/wol/2010/theme/common/btn_special_list_life_off.gif) no-repeat left top; } /* ニュース一覧 */ #newsNewArrival { padding: 5px 0 0 10px; margin-bottom: 15px; } #newsNewArrival p.new { font-weight: bold; } #newsNewArrival ul { overflow: hidden; _zoom: 1; } #newsNewArrival ul li { display: inline; float: left; width: 315px; min-height: 100px; _height: 100px; margin-left: 5px; margin-right: 15px; margin-bottom: 10px; position: relative; } #newsNewArrival ul li p { margin-bottom: 10px; line-height: 1.1; } #newsNewArrival ul li p.img { float: left; width: 80px; margin-right: 10px; } #newsNewArrival ul li div { float: left; width: 220px; } #newsNewArrival ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; padding: 5px 0; border-bottom: dotted 1px #8a6d47; margin-bottom: 10px; } #newsNewArrival ul li p.title a { color: #8a6d47; } #newsNewArrival ul li p.date { position: absolute; right: 0; bottom: 0; font-size: 10px; color: #666; margin-bottom: 0; } #newsNewArrival ul li p.series { margin: 0; clear: both; } #newsNewArrival ul li p.series a { padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 2px; } #article .newsKijiList { margin-bottom: 20px; } #article .newsKijiList h3 { height: 32px; line-height: 32px; padding-top: 2px; padding-left: 10px; color: #fff; font-size: 14px; margin-bottom: 15px; } #article .newsKijiList ul { } #article .newsKijiList ul li { padding: 0 15px 10px; border-bottom: dotted 1px #ccc8c2; margin-bottom: 10px; position: relative; } #article .newsKijiList ul li p { padding-right: 60px; } #article .newsKijiList ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; padding-right: 0; } #article .newsKijiList ul li p.title a { color: #8a6d47; } #article .newsKijiList ul li p.date { position: absolute; right: 0; bottom: 10px; text-align: right; width: 80px; padding-right: 0; font-size: 10px; color: #666; } /* トレンド一覧 */ #trendNewArrival { padding: 5px 0 0 10px; margin-bottom: 20px; } #trendNewArrival p.new { font-weight: bold; } #trendNewArrival ul { overflow: hidden; _zoom: 1; } #trendNewArrival ul li { display: inline; float: left; width: 315px; margin-left: 5px; margin-right: 15px; margin-bottom: 10px; position: relative; } #trendNewArrival ul li p { margin-bottom: 10px; line-height: 1.1; } #trendNewArrival ul li p.img { float: left; width: 80px; margin-right: 10px; } #trendNewArrival ul li div { float: left; width: 220px; } #trendNewArrival ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; padding: 5px 0; border-bottom: dotted 1px #8a6d47; margin-bottom: 10px; } #trendNewArrival ul li p.title a { color: #8a6d47; } #trendNewArrival ul li p.date { position: absolute; right: 0; bottom: 0; font-size: 10px; color: #666; margin-bottom: 0; } #trendNewArrival ul li p.series { margin: 0; clear: both; } #trendNewArrival ul li p.series a { padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 2px; } #article .trendKijiList { margin-bottom: 20px; } #article .trendKijiList h3 { height: 32px; line-height: 32px; padding-top: 2px; padding-left: 10px; color: #fff; font-size: 14px; margin-bottom: 15px; } #article .trendKijiList ul { } #article .trendKijiList ul li { padding: 0 15px 10px; border-bottom: dotted 1px #ccc8c2; margin-bottom: 10px; position: relative; } #article .trendKijiList ul li p { padding-right: 60px; } #article .trendKijiList ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; padding-right: 0; } #article .trendKijiList ul li p.title a { color: #8a6d47; } #article .trendKijiList ul li p.date { position: absolute; right: 0; bottom: 10px; text-align: right; width: 60px; padding-right: 0; font-size: 10px; color: #666; } #trendNewArrival201303 ul { width: 660px; margin: 0 auto 10px; padding: 0; overflow: hidden; } #trendNewArrival201303 ul li { margin-top: -1px; padding: 10px 0 11px; clear: both; border-top: 1px dotted #ccc8c2; overflow: hidden; _zoom:1; } #trendNewArrival201303 ul li .img { float: left; margin: 0 10px 0 0; } #trendNewArrival201303 ul li div { margin-left: 0px; } #trendNewArrival201303 ul li div p { font-size: 12px; margin: 0; } #trendNewArrival201303 ul li div .title { margin-bottom: 0; color: #8a6d47; font-size: 15px; font-weight: bold; } #trendNewArrival201303 ul li div .title a { color: #8a6d47; } #trendNewArrival201303 ul li div .title a span { color: #666; font-size: 11px; padding-left: 10px; font-weight: normal;} #trendNewArrival201303 ul li div .summary a { margin-bottom: 0; color: #222; font-size: 12px; font-weight: normal; } /* 各テーマトップ */ /*新着*/ #newKijiList { background: #f0efed; margin-bottom: 15px; padding: 7px 20px 5px 0; } #newKijiList p.new { font-weight: bold; margin-left: 20px; } #newKijiList ul { overflow: hidden; _zoom: 1; } #newKijiList ul li { display: inline; float: left; width: 310px; margin-left: 20px; margin-bottom: 10px; height: 90px; _height: 95px; } #newKijiList ul li.border { border-bottom: dotted 1px #897c6c; } #newKijiList ul li p.img { float: left; width: 80px; margin-right: 10px; } #newKijiList ul li div { width: 210px; float: left; } #newKijiList ul li div p { margin-bottom: 5px; font-size: 9pt; line-height: 1.3; } #newKijiList ul li div p.category { } #newKijiList ul li div p.category span { padding-left: 10px; font-weight: bold; color: #cc0000; } #newKijiList ul li div p.title a { color: #8a6d47; font-weight: bold; } #newKijiList ul li div p.date { text-align: right; font-size: 8pt; color: #666666; } #newKijiList p.more { margin-right: 0; margin-top: -5px; } /*女子部*/ #clubContent201005 { margin-bottom: 15px; padding-bottom: 10px; overflow: hidden; _zoom: 1; } #clubContent201005 h4 { margin: 0 10px 5px; } #clubContent201005 h4 a:hover img { visibility: hidden; } #clubContent201005 .comset { border-bottom: dotted 1px #c0c0c0; padding: 2px 0; margin: 0 10px; } #clubContent201005 .bottom { border-bottom: none; padding-bottom: 0; } #clubContent201005 .comset p { padding-left: 21px; font-size: 12px; } #clubContent201005 .comset p.links { padding-left: 10px; font-size: 13px; } #clubContent201005 .comset p a { color: #8D6B45; } #clubContent201005 .comset span.up { background: url(/images/n/wol/2009/top/club/icon_watch.gif) no-repeat 5px 2px; padding-left: 20px; font-weight: bold; color: #cc0000; } #clubContent201005 .comset p a.title { padding-left: 10px;background: url(/images/n/wol/2009/common/icon_tri.gif) no-repeat left 4px; font-weight: bold; } /*テーマSpecial*/ #themeSpecial201003 { width: 490px; background: url(/images/n/wol/2009/leaf/list_bg_bottom.gif) no-repeat left bottom; margin-bottom: 15px; padding-bottom: 10px } #themeSpecial201003 h4 { padding: 10px; } #themeSpecial201003 ul { padding: 0 15px 5px; margin-bottom: 5px; } #themeSpecial201003 ul li { border-bottom: dotted 1px #ccc8c2; clear: both; padding: 10px 0 5px; overflow: hidden; _zoom: 1; } #themeSpecial201003 ul li p { line-height: 1.1; margin-bottom: 5px; } #themeSpecial201003 ul li p.img { float: left; margin-right: 10px; } #themeSpecial201003 ul li p.title{ font-weight:bold; color:#8a6d47; } #themeSpecial201003 ul li p.title a{ color:#8a6d47; } #themeSpecial201003 ul li p.date { text-align: right; font-size: 8pt; color: #666666; } #themeColumn201003 { width: 490px; background: url(/images/n/wol/2009/leaf/list_bg_bottom.gif) no-repeat left bottom; margin-bottom: 15px; padding-bottom: 10px; } #themeColumn201003 h4 { background: url(/images/n/wol/2009/leaf/theme_top_list_bg_top_career.gif) no-repeat left top; color: #4165a6; padding: 10px; padding: 10px; } #themeColumn201003 ul { padding: 0 15px 5px; margin-bottom: 5px; } #themeColumn201003 ul li { border-bottom: dotted 1px #ccc8c2; clear: both; padding: 10px 0 5px; overflow: hidden; _zoom: 1; } #themeColumn201003 ul li p { line-height: 1.1; margin-bottom: 5px; } #themeColumn201003 ul li p.img { float: left; margin-right: 10px; } #themeColumn201003 ul li p.title{ font-weight:bold; color:#8a6d47; } #themeColumn201003 ul li p.title a{ color:#8a6d47; } #themeColumn201003 ul li p.date { text-align: right; font-size: 8pt; color: #666666; } /*WOL最新記事一覧*/ #wolListNew { position: relative; margin-bottom: 30px; } #wolListNew #wolListNewJoshibu { position: absolute; top: 0; right: 0; } #wolListNew #wolListNewJoshibu a { display: block; } #wolListNew #wolListNewJoshibu a:hover { filter: alpha( opacity=80 ); opacity:0.8; } #wolListNavi { background: url(/images/n/wol/2009/leaf/list_new_bg_off201303.png) no-repeat left bottom; overflow: hidden; _zoom: 1; margin-bottom: 15px; } #wolListNavi a { display: block; float: left; width: 133px; height: 27px; text-indent: -9999px; } #wolListNavi a.all { width:73px; } #wolListNavi a.all:hover, #wolListNavi a.all.on {background: url(/images/n/wol/2009/leaf/list_new_top201303.png) no-repeat left bottom; } #wolListNavi a.career:hover, #wolListNavi a.career.on { background: url(/images/n/wol/2009/leaf/list_new_careerskill201303.png) no-repeat left bottom; } #wolListNavi a.health:hover, #wolListNavi a.health.on { background: url(/images/n/wol/2009/leaf/list_new_health201303.png) no-repeat left bottom; } #wolListNavi a.life:hover, #wolListNavi a.life.on { background: url(/images/n/wol/2009/leaf/list_new_life201303.png) no-repeat left bottom; } #wolListNavi a.club:hover, #wolListNavi span.club { display: block; float: left; width: 96px; height: 27px; text-indent: -9999px; } #columnist div#wolListNavi, { background-position: 0 bottom; margin-bottom: 5px; } #specialNewArrival201303 div#wolListNavi, #trendNewArrival201303 div#wolListNavi { background-position: -73px bottom; margin-bottom: 5px; } #wolListNew #wolListNaviWeek { overflow: hidden; _zoom: 1; border-bottom: solid 3px #958877; margin-bottom: 15px; padding-right: 8px; } #wolListNew #wolListNaviWeek a { display: block; float: right; width: 90px; padding-right: 6px; padding-top: 6px; height: 21px; background: url(/images/n/wol/2009/leaf/new_bg_off.gif) no-repeat left bottom; font-weight: bold; color: #666; text-align: center; letter-spacing: -1px; } #wolListNew #wolListNaviWeek a:hover, #wolListNew #wolListNaviWeek a.on { background: url(/images/n/wol/2009/leaf/new_bg_on.gif) no-repeat left bottom; color: #fff; text-decoration: none; } #titleBoard .change { position: absolute; right: 20px; top: 14px; } #titleBoard .change a { padding-left: 15px; font-size: 11px; background: url(/images/n/wol/2009/common/icon_arrow_pink.gif) no-repeat left center; color: #fff; font-size: 13px; font-weight: bold; } #wolListNew ul { clear: both; padding: 0 15px; margin-bottom: 10px; } #wolListNew ul li { margin-bottom: 10px; padding-top: 10px; border-top: dotted 1px #ccc8c2; position: relative; overflow: hidden; _zoom: 1; } #wolListNew ul li p { font-size: 12px; } #wolListNew ul li p.img { float: left; width: 58px; margin-right: 10px; } #wolListNew ul li p.img a img { width: 58px; } #wolListNew ul li div { float: right; width: 578px; } #wolListNew ul li div p.category { font-size: 11px; font-weight: bold; margin-bottom: 0; } #wolListNew ul li div p.toptitle { font-size: 14px; color: #726f48; font-weight: bold; padding-left: 8px; border-left: 3px #8a6d47 solid; line-height: 1.2; margin-bottom: 5px; } #wolListNew ul li div p.toptitle a { color: #726f48;} #wolListNew ul li div p.title { font-size: 15px; color: #643c2e; } #wolListNew ul li div p.title a { color: #643c2e; } #wolListNew ul li div p.title a span { color: #666; font-size: 11px; margin-left: 7px;} #wolListNew ul li div p.series { margin: 0; clear: both; } #wolListNew ul li div p.series a { padding-left: 10px; font-size: 10px; background: url(/images/n/wol/2009/common/icon_tri.gif) no-repeat left 2px; } #wolListNew ul li div p.date { position: absolute; right: 0; bottom: 0; font-size: 10px; color: #666; margin-bottom: 0; } /* 検索結果 */ #searchResultsList { } #searchResultsList .searchNumbers { background: #eceae9; position: relative; padding: 5px 10px; margin-bottom: 15px; width: 660px; } #searchResultsList .searchNumbers .number { position: absolute; right: 10px; bottom: 5px; } #searchResultsList ul { padding: 0 15px; border-bottom: dotted 1px #ccc8c2; margin-bottom: 10px; } #searchResultsList ul li { margin-bottom: 15px; padding-left: 10px; position: relative; } #searchResultsList ul li.career { border-left: solid 4px #7490c2; } #searchResultsList ul li.skillup { border-left: solid 4px #7490c2; } #searchResultsList ul li.life { border-left: solid 4px #f68950; } #searchResultsList ul li.health { border-left: solid 4px #7dc49c; } #searchResultsList ul li.souken { border-left: solid 4px #ce7474; } #searchResultsList ul li.notheme { border-left: solid 4px #FAC3D8; } #searchResultsList ul li.joshibu { border-left: solid 4px #f48998; } #searchResultsList ul li p { font-size: 12px; } #searchResultsList ul li p.category { font-size: 11px; font-weight: bold; } #searchResultsList ul li p.title { font-size: 14px; color: #8a6d47; font-weight: bold; border-bottom: dotted 1px #ccc8c2; padding-bottom: 3px; } #searchResultsList ul li p.title a { color: #8a6d47; } #searchResultsList ul li p.series { margin: 0; clear: both; } #searchResultsList ul li p.series a { padding-left: 10px; font-size: 10px; background: url(/images/n/wol/2009/common/icon_tri.gif) no-repeat left 2px; } #searchResultsList ul li p.date { position: absolute; right: 0; bottom: 0; font-size: 10px; color: #666; margin-bottom: 0; } #searchResultsList ul li.joshibu p.title { background: url(/images/n/wol/2010/common/icon_joshibu.gif) no-repeat left 3px; } #searchResultsList ul li.joshibu p.title a { padding-left: 42px; } /* ランキング */ #rankingTitle { margin-bottom: 10px; position: relative; height: 100px; } #rankingTitle ul { width: 680px; position: absolute; left: 0; top: 0;} #rankingTitle ul li { float: left; width: 100px; } #rankingTitle ul li a { display: block; height: 26px; text-indent: -9999px; background-position: left -52px; background-repeat: no-repeat; } #rankingTitle ul li a:hover, #rankingTitle ul li a.now { background-position: left top; }#rankingTitle h1 { clear: both; height: 60px; padding-top: 10px; padding-left: 15px; font-size: 24px; line-height: 1.1; } #rankingTitle h1 { position: absolute; width: 100%; top: 29px; } #rankingTitle h1 span { display: block; font-size: 20px; } #rankingTitle p.date { position: absolute; right: 0; top: 3px; font-size: 10px; letter-spacing: 1px; } #rankingAll { } #rankingAll ul { } #rankingAll ul li { margin-bottom: 10px; border-bottom: dotted 1px #ccc8c2; clear: both; padding-bottom: 10px; overflow: hidden; _zoom: 1; } #rankingAll ul li.num1, #rankingAll ul li.num3 { width: 330px; float: left; margin-right: 20px; margin-bottom: 15px; clear: none; } #rankingAll ul li.num2, #rankingAll ul li.num4 { width: 330px; float: left; margin-bottom: 15px; clear: none; } #rankingAll ul li p { font-size: 10px; margin-bottom: 5px; } #rankingAll ul li p.title { color: #8a6d47; font-size: 12px; font-weight: bold; } #rankingAll ul li p.title a { color: #8a6d47; } #rankingAll ul li p.img { width: 45px; float: left; padding-left: 40px; margin-right: 10px; } #rankingAll ul li.num1 p.img, #rankingAll ul li.num2 p.img, #rankingAll ul li.num3 p.img, #rankingAll ul li.num4 p.img { width: 80px; float: left; padding-top: 45px; margin-right: 10px; margin-bottom: 0; padding-left: 0; } #rankingAll ul li p.series { margin: 0; float: right; } #rankingAll ul li p.series a { padding-left: 10px; font-size: 10px; background: url(/images/n/wol/2009/common/icon_tri.gif) no-repeat left 2px; } #rankingAll ul li.num1 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_crown1.gif) no-repeat left top; } #rankingAll ul li.num2 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_crown2.gif) no-repeat left top; } #rankingAll ul li.num3 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_crown3.gif) no-repeat left top; } #rankingAll ul li.num4 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_crown4.gif) no-repeat left top; } #rankingAll ul li.num5 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_num5.gif) no-repeat left 5px; } #rankingAll ul li.num6 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_num6.gif) no-repeat left 5px; } #rankingAll ul li.num7 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_num7.gif) no-repeat left 5px; } #rankingAll ul li.num8 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_num8.gif) no-repeat left 5px; } #rankingAll ul li.num9 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_num9.gif) no-repeat left 5px; } #rankingAll ul li.num10 p.img { background: url(/images/n/wol/2009/ranking/icon_ranking_num10.gif) no-repeat left 5px; } #categoryRanking { } #categoryRanking ul { } #categoryRanking ul li { width: 330px; float: left; margin-bottom: 30px; } #categoryRanking ul li h4 { height: 30px; } #categoryRanking ul li#allRanking { } #categoryRanking ul li#allRanking h4 { text-indent: -9999px; background: url(/images/n/wol/2009/ranking/titlebar_ranking_top.gif) no-repeat left top; } #categoryRanking ul li#careerRanking h4 { text-indent: -9999px; background: url(/images/n/wol/2009/ranking/titlebar_ranking_career.gif) no-repeat left top; } #categoryRanking ul li#skillupRanking { float: right; } #categoryRanking ul li#skillupRanking h4 { text-indent: -9999px; background: url(/images/n/wol/2009/ranking/titlebar_ranking_skillup.gif) no-repeat left top; } #categoryRanking ul li#lifeRanking { float: right; } #categoryRanking ul li#lifeRanking h4 { text-indent: -9999px; background: url(/images/n/wol/2009/ranking/titlebar_ranking_life.gif) no-repeat left top; } #categoryRanking ul li#healthRanking { } #categoryRanking ul li#healthRanking h4 { text-indent: -9999px; background: url(/images/n/wol/2009/ranking/titlebar_ranking_health.gif) no-repeat left top; } #categoryRanking ul li a { color: #8a6d47; font-size: 12px; font-weight: bold; display: block; clear: both; padding: 10px 0 15px 40px; border-bottom: dotted 1px #ccc8c2; overflow: hidden; _zoom: 1; } * html #categoryRanking ul li a { height: 25px; padding: 10px 0px 10px 40px; } #categoryRanking ul li a.num1 { background: url(/images/n/wol/2009/ranking/icon_ranking_num1.gif) no-repeat left 15px; } #categoryRanking ul li a.num2 { background: url(/images/n/wol/2009/ranking/icon_ranking_num2.gif) no-repeat left 15px; } #categoryRanking ul li a.num3 { background: url(/images/n/wol/2009/ranking/icon_ranking_num3.gif) no-repeat left 15px; } #categoryRanking ul li a.num4 { background: url(/images/n/wol/2009/ranking/icon_ranking_num4.gif) no-repeat left 15px; } #categoryRanking ul li a.num5 { background: url(/images/n/wol/2009/ranking/icon_ranking_num5.gif) no-repeat left 15px; } #categoryRanking ul li a img { float: left; margin-right: 5px; } #categoryRanking ul li p { margin-top: 15px; line-height: 0; width: 120px; float: right; } #categoryRanking ul li p a { display: inline; padding: 0 0 0 10px; border: none; font-weight: normal; color: #333333; font-size: 11px; } #article div.categoryRanking201303 h4 { margin-bottom: 2px; } #article div.categoryRanking201303 ul { width: 700px; overflow: hidden; /zoom:1; margin: 0 -20px 5px 0;} #article div.categoryRanking201303 ul li { float:left; width: 330px; margin-right: 20px; } #article div.categoryRanking201303 ul li a { color: #8a6d47; font-size: 12px; font-weight: bold; display: block; clear: both; padding: 10px 0 15px 40px; border-bottom: dotted 1px #ccc8c2; overflow: hidden; _zoom: 1; } * html #article div.categoryRanking201303 ul li a { height: 25px; padding: 10px 0px 10px 40px; } #article div.categoryRanking201303 ul li a.num1 { background: url(/images/n/wol/2009/ranking/icon_ranking_num1.gif) no-repeat left 15px; } #article div.categoryRanking201303 ul li a.num2 { background: url(/images/n/wol/2009/ranking/icon_ranking_num2.gif) no-repeat left 15px; } #article div.categoryRanking201303 ul li a.num3 { background: url(/images/n/wol/2009/ranking/icon_ranking_num3.gif) no-repeat left 15px; } #article div.categoryRanking201303 ul li a.num4 { background: url(/images/n/wol/2009/ranking/icon_ranking_num4.gif) no-repeat left 15px; } #article div.categoryRanking201303 ul li anum5 { background: url(/images/n/wol/2009/ranking/icon_ranking_num5.gif) no-repeat left 15px; } #article div.categoryRanking201303 ul li a img { float: left; margin-right: 5px; } #article div.categoryRanking201303 ul li p { margin-top: 15px; line-height: 0; width: 120px; float: right; } #article div.categoryRanking201303 ul li p a { display: inline; padding: 0 0 0 10px; border: none; font-weight: normal; color: #333333; font-size: 11px; } #article div.categoryRanking201303 p.more { margin-bottom: 15px; } /*トップ系 最新一覧ブロック*/ #wolNewKijiList { } #wolNewKijiList h3 { height: 32px; line-height: 32px; padding-top: 2px; padding-left: 10px; color: #fff; font-size: 14px; margin-bottom: 15px; background: url(/images/n/wol/2009/leaf/titlebar_top.gif) no-repeat left top; } #wolNewKijiList div.listBox { width: 335px; float: left; background: url(/images/n/wol/2009/leaf/theme_top_list_bg_bottom.gif) no-repeat left bottom; margin-bottom: 15px; padding-bottom: 10px } #wolNewKijiList div.listBox.even { float: right; } #wolNewKijiList div.listBox h4 { background: url(/images/n/wol/2009/leaf/theme_top_list_bg_top_top.gif) no-repeat left top; color: #897c6c; padding: 10px 15px; font-size: 14px; } #wolNewKijiList div.listBox ul li { padding: 10px 0; margin: 0 10px; clear: both; border-bottom: dotted 1px #ccc8c2; overflow: hidden; _zoom: 1; } #wolNewKijiList div.listBox ul li p { line-height: 1.3; } #wolNewKijiList div.listBox ul li p.img { float: left; margin-right: 13px; } #wolNewKijiList div.listBox ul li p.img img { border: solid 1px #ccc; } #wolNewKijiList div.listBox ul li div { float: left; width: 220px; } #wolNewKijiList div.listBox ul li div p { margin-bottom: 5px; } #wolNewKijiList div.listBox ul li div p.title { font-weight: bold; } #wolNewKijiList div.listBox ul li div p.title a { color: #8a6d47 } #wolNewKijiList div.listBox ul li div p.series { margin: 0; clear: both; text-align: right; } #wolNewKijiList div.listBox ul li div p.series a { padding-left: 10px; font-size: 10px; background: url(/images/n/wol/2009/common/icon_tri.gif) no-repeat left 2px; } #wolNewKijiList div.listBox ul li p a { background: url(/images/n/wol/2009/common/icon_arrow_pink.gif) no-repeat left 2px; padding-left: 15px; display: block; } #wolNewKijiList div.listBox ul li.top p a { background: none; padding: 0; display: inline; } #wolNewKijiList div.listBox ul li.bottom { border-bottom: none; padding-bottom: 5px; } #mailMagBanner { margin-top: 10px; } /*フィードバック*/ #leafFeed { background: url(/images/n/wol/2010/leaf/feedback/feedback_bg_bottom.gif) no-repeat left bottom; width: 680px; position: relative; overflow: hidden; _zoom: 1; margin-bottom: 20px; padding-bottom: 15px; } #leafFeed h3 { text-indent: -9999px; background: url(/images/n/wol/2010/leaf/feedback/feedback_bg_top.gif) no-repeat left top; height: 60px; } #leafFeed ul.btnSet { position: absolute; right: 30px; top: 15px; border-bottom: dotted 1px #c4bdb5; width: 630px; padding-bottom: 2px; } #leafFeed ul.btnSet li { float: right; margin-left: 10px; } #leafFeed .selectBox { margin: 0 auto; border-bottom: dotted 1px #c4bdb5; width: 630px; position: relative; } #leafFeed .selectBox p { position: absolute; right: 0; bottom: 10px; } #leafFeed .selectBox dl { overflow: hidden; _zoom: 1; padding: 0 10px; } #leafFeed .selectBox dl dt { color: #f35b70; font-weight: bold; font-size: 14px; clear: both; margin-bottom: 5px; } #leafFeed .selectBox dl dd { float: left; margin-left: 25px; margin-bottom: 15px; line-height: 1.2; } #leafFeed .selectBox dl dd input { float: left; margin-right: 5px; } * html #leafFeed .selectBox dl dd { line-height: 1.5; } *:first-child+html #leafFeed .selectBox dl dd { line-height: 1.5; } #leafFeed .commentBox { margin: 0 auto; border-bottom: dotted 1px #c4bdb5; padding-bottom: 10px; width: 630px; position: relative; } #leafFeed .commentBox p { padding: 15px 10px 2px; } #leafFeed .commentBox b { color: #f35b70; font-weight: bold; font-size: 14px; } #leafFeed .commentBox p.btn { position: absolute; right: 0; top: 10px; padding: 0; } /*購入ボタン*/ #articleBody #btnSet { width: 356px; margin: 0 auto 10px; } #articleBody #btnSet { margin-bottom: 20px; } #articleBody #btnSet p { margin: 0; } #articleBody #btnSet p { width: 170px; } #articleBody #btnSet a { display: block; text-indent: -9999px; height: 30px; } #articleBody #btnSet .buy { float: left; } #articleBody #btnSet .buy a { background: url(/images/n/wol/2009/leaf/magazine/btn_buy_b.gif) no-repeat left top; } #articleBody #btnSet .buy a:hover { background: url(/images/n/wol/2009/leaf/magazine/btn_buy_b_on.gif) no-repeat left top; } #articleBody #btnSet .subscription { float: right; } #articleBody #btnSet .subscription a { background: url(/images/n/wol/2009/leaf/magazine/btn_subscription_b.gif) no-repeat left top; } #articleBody #btnSet .subscription a:hover { background: url(/images/n/wol/2009/leaf/magazine/btn_subscription_b_on.gif) no-repeat left top; } #articleBody #btnSet .buyBacknumber { margin: 0 auto 10px; width: 280px; } #articleBody #btnSet .buyBacknumber a { background: url(/images/n/wol/2009/leaf/magazine/btn_backnum_buy.gif) no-repeat left top; } #articleBody #btnSet .buyBacknumber a:hover { background: url(/images/n/wol/2009/leaf/magazine/btn_backnum_buy_on.gif) no-repeat left top; } /* tooltip */ .nmc_tooltip{ width: 400px; color:#fff; font-size:12px; line-height:1.6; text-decoration:none; text-align:center; } .nmc_tooltip span.top{ padding:15px 20px 10px 20px; background: url(/images/n/wol/2009/leaf/tooltip/bt_big.gif) no-repeat top; text-align:left; } .nmc_tooltip b.bottom{ padding: 25px 8px 0 0; color: #548912; background: url(/images/n/wol/2009/leaf/tooltip/bt_big.gif) no-repeat bottom; } /*サブテーマトップ*/ #article .subtopNewlyArrived h2 { height: 23px; padding: 4px 0 0 10px; color: #ffffff; font-size: 14px; } #article .subtopNewlyArrived ul { width: 660px; margin: 0 auto 10px; padding: 0; overflow: hidden; } #article .subtopNewlyArrived ul.line { border-bottom: 1px dotted #ccc8c2; } #article .subtopNewlyArrived ul li { margin-top: -1px; padding: 10px 0 11px; clear: both; border-top: 1px dotted #ccc8c2; overflow: hidden; _zoom:1; } #article .subtopNewlyArrived ul.line li { margin-top: 0px; paddign-bottom: 10px; } #article .subtopNewlyArrived ul li .img { float: left; margin: 0 10px 0 0; } #article .subtopNewlyArrived ul li div { margin-left: 90px; } #article .subtopNewlyArrived ul li div p { font-size: 12px; margin: 0; } #article .subtopNewlyArrived ul li div .title { margin-bottom: 0; color: #222; font-size: 11px; font-weight: bold; } #article .subtopNewlyArrived ul li div .subtitle { margin-bottom: 0; color: #8a6d47; font-size: 14px; font-weight: bold; } #article .subtopNewlyArrived ul li div .subtitle a { } #article .subtopNewlyArrived ul li div .details { margin-bottom: 0; padding-top:2px; color: #222; font-size: 10px; } #article .subtopNewlyArrived ul li div .details a { padding-left: 8px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat scroll left 5px transparent; display: block; color: #222; } #subtopRecommendArticle { display: none; clear:both; padding: 0 0 15px; margin: 15px 0; overflow: hidden; _zoom: 1; } #subtopRecommendArticle h4 { height:28px; margin: 0; padding: 4px 0 0 10px; border: none; color: #fff; font-size: 14px; } #subtopRecommendArticle ul { overflow: hidden; _zoom: 1; width: 310px; float: left; padding: 0 10px 0 15px; } #subtopRecommendArticle ul li { padding: 3px 0; overflow: hidden; _zoom: 1; verticla-align: top !important; font-size: 1px; } #subtopRecommendArticle ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 6px; display: block; padding-left: 10px; color: #222 !important; font-size: 12px; } #subtopRecommendArticle ul li a span { padding: 0 0 0 5px; color: #666; font-size: 10px; } #subtopRecommendArticle .more { margin: 0 10px 10px 0; } #subtopRecommendArticle .more a { font-size: 10px; color: #222 !important; } #subtopSpecialLists { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #subtopSpecialLists h4 { height:28px; margin: 0; padding: 4px 0 0 10px; border: none; color: #fff; font-size: 14px; } #subtopSpecialLists ul { overflow: hidden; _zoom: 1; width: 650px; margin: 0 auto; } #subtopSpecialLists ul li { float: left; width: 315px; height: 95px; padding: 10px 0; border-bottom: 1px dotted #ccc8c2; overflow: hidden; } #subtopSpecialLists ul li.even { float: right; } #subtopSpecialLists ul li .img { float: left; margin: 0 10px 0 0; } #subtopSpecialLists ul li div { margin-left: 90px; } #subtopSpecialLists ul li div p { font-size: 12px; margin: 0; } #subtopSpecialLists ul li div .title { margin-bottom: 2px; color: #8a6d47; font-size: 12px; font-weight: bold; } #subtopSpecialLists ul li div .title a { color: #8a6d47 !important; } #subtopSpecialLists .more { margin: 0 10px 10px 0; padding-top:5px; } #subtopSpecialLists .more a { font-size: 10px; color: #222 !important; } #subtopSeriesList { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #subtopSeriesList h4 { height:28px; margin: 0; padding: 4px 0 0 10px; border: none; color: #fff; font-size: 14px; } #subtopSeriesList ul { overflow: hidden; _zoom: 1; padding: 0 10px 0 15px; width: 650px; } #subtopSeriesList ul li { min-height: 44px; _zoom: 1; verticla-align: top !important; font-size: 1px; width: 315px; float: left; padding-right: 10px; } #subtopSeriesList ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 6px; display: block; padding-left: 10px; color: #8a6d47 !important; font-size: 14px; font-weight: bold; } #subtopSeriesList ul li a span { padding: 0 0 0 5px; color: #666; font-size: 12px; } #subtopSeriesList .more { margin: 0 10px 10px 0; } #subtopSeriesList .more a { font-size: 10px; color: #222 !important; } #subtopTrendArticle { padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; _zoom: 1; } #subtopTrendArticle h4 { height: 28px; margin: 0; padding: 4px 0 0 10px; border: none; color: #fff; font-size: 14px; } #subtopTrendArticle ul { overflow: hidden; _zoom: 1; width: 310px; float: left; padding: 0 10px 0 15px; } #subtopTrendArticle ul li { padding: 3px 0; overflow: hidden; _zoom: 1; verticla-align: top !important; font-size: 1px; } #subtopTrendArticle ul li a { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 6px; display: block; padding-left: 10px; color: #222 !important; font-size: 12px; } #subtopTrendArticle ul li a span { padding: 0 0 0 5px; color: #666; font-size: 10px; } #subtopTrendArticle .more { margin: 0 10px 10px 0; } #subtopTrendArticle .more a { font-size: 10px; color: #222 !important; } #subtopKeywords { margin-bottom: 15px; } #subtopKeywords h4 { height:23px; margin: 0; padding: 4px 0 0 10px; border:none; font-size: 14px; } #subtopKeywords ul { padding: 7px 15px 0; } #subtopKeywords ul li { display: inline; padding-right: 13px; } #subtopKeywords ul li a { color: #5071ad; font-size: 13px; } #kanban_diet { background: url(/images/n/wol/2010/theme/tokusetsu/diet/kanban.jpg) no-repeat left top; } #kanban_hie { background: url(/images/n/wol/2010/theme/tokusetsu/hie/kanban.jpg) no-repeat left top; } #kanban_benpi { background: url(/images/n/wol/2010/theme/tokusetsu/benpi/kanban.jpg) no-repeat left top; } #kanban_seiri { background: url(/images/n/wol/2010/theme/tokusetsu/seiri/kanban.jpg) no-repeat left top; } .stKanban { width: 680px; height: 123px; position: relative; margin-bottom: 15px; } .stKanban h1 { text-indent: -9999px; } .stKanban p { position: absolute; left: 20px; bottom: 10px; font-size: 12px; } #recommended { width: 680px; overflow: hidden; _zoom: 1; margin-bottom: -20px; } #recommended div { width: 330px; margin-bottom: 20px; } #recommended h3 { line-height: 28px; padding-top: 4px; background: url(/images/n/wol/2010/theme/subtheme/common/titlebar_common.gif) no-repeat left top; padding-left: 15px; color: #fff; font-size: 14px; } #recommended ul { padding: 10px 10px 0; } #recommended ul li { } #recommended ul li a { padding-left: 10px; font-size: 12px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; } #recommended .wrap { clear: both; width: 680px; } #recommended .left { float: left; clear: right; } #recommended .right { float: right; } #recommended .column { float: left; clear: right; } #recommended .special { float: right; } #recommended .column h3, #recommended .special h3 { background: url(/images/n/wol/2010/theme/subtheme/common/titlebar_category.gif) no-repeat left top; padding-left: 15px; line-height: 25px; color: #91897f; } #recommended .nothing { margin-bottom: -1px; } /*女子部*/ #joshibuBottom { margin-bottom: 15px; } #joshibuBottom h3 { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_titlebar.gif) no-repeat left top; line-height: 28px; font-size: 12px; color: #cf616d; padding-left: 10px; } #joshibuBottom h3 span { color: #4a2f22; padding-left: 10px; } #joshibuBottom ul { padding: 5px 15px 0; } #joshibuBottom ul li { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 7px; padding-left: 10px; margin-bottom: 3px; } #joshibuBottom ul li a { letter-spacing: 1px; font-size: 14px; color: #000; } #joshibuBottom ul li a span { font-size: 11px; padding-left: 10px; } #joshibuBottom .more a { font-size: 12px; } /*ファッションページオススメ記事*/ #fashionList { overflow: hidden; _zoom: 1; padding: 10px 10px 30px; border-bottom: dotted 1px #ccc; } #fashionList div { width: 142px; float: left; border-right: dotted 1px #ccc; padding: 0 15px 0 14px; } #fashionList div.pickup1 { padding-left: 0; } #fashionList div.pickup4 { padding-right: 0; border-right: none; } #fashionList div a { display: block; } #fashionList div .title a { font-size: 12px; line-height: 1.3; font-weight: bold; color: #8a6d47; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 4px; padding-left: 10px; } #fashionList div .img { margin-bottom: 5px; } #fashionList div .img img { width: 140px; border: solid 1px #ccc; }