@charset "utf-8"; /* =================================================================== キャリアのスタイル =================================================================== */ /*ナビゲーション*/ #localNavi2010 { margin-bottom: 25px; } #localNavi2010 ul { border-bottom: solid 3px #365697; } #localNavi2010 ul #career ul li a { border-right: solid 1px #a6b7d6; } #localNavi2010 ul #career:hover ul { background: #edf1f7; border: solid 1px #365697; } #localNavi2010 ul #career:hover ul li { border-bottom: dotted 1px #9eb1d2; } #localNavi2010 ul #career:hover ul li a:hover { background: #ced7e8; color: #5071ad; } #localNavi2010 ul #career:hover { background: url(/images/n/wol/2010/common/lnav/localnavi.gif) no-repeat -40px -27px; } #localNavi2010 ul #career.selected ul { left: -40px; display: block; width: 1000px; position: absolute; top: 31px; background: #edf1f7; border: none; border-bottom: solid 1px #a6b7d6; } #localNavi2010 ul #career.selected:hover ul li { border-bottom: none; } /*女子部*/ #clubContent201005 { background: url(/images/n/wol/2010/top/club/201005/club_bg_bottom_career.gif) no-repeat left bottom; } #clubContent201005 h4 a { background: url(/images/n/wol/2010/top/club/201005/title_community_career_on.gif) no-repeat left top; display: block; } /*ナビゲーションの線*/ #localNavi201002 ul, #localNavi ul { border-bottom: solid 3px #365697; } /*新着*/ #newArrival { background: url(/images/n/wol/2010/leaf/newarrival_bg_career.gif) no-repeat left bottom !important; } #newArrival h3 { background: url(/images/n/wol/2010/leaf/titlebar_newarrival_career.gif) no-repeat left top; } /*パンくずの色*/ #breadcrumb span { color: #4165a6; font-weight: bold; } /*ランキングカラー*/ #sideKijiRanking, #tabBox { background: url(/images/n/wol/2010/right/ranking/ranking_bg_bottom_career.gif) no-repeat left bottom !important; } /*記事タイトルの背景*/ #titleBox { background: url(/images/n/wol/2010/leaf/title_bg_career201303.gif) repeat-x left top; line-height: 2; } /*記事のリードの色とリード線色*/ #titleBox { color: #4165a6; } #titleBox hr { border-top: 1px dashed #4165a6; } #articleBody .bplead { /*border-top: dashed 1px #4165a6;*/ } #articleBody .bplead p { border-bottom: dashed 1px #4165a6; color: #4165a6; } /*記事中見出しのborder*/ #articleBody h3 { border-left: solid 12px #7390c3; background: #d5e4ff; } #articleBody h4 { border-left: solid 12px #7390c3; border-bottom:1px solid #7390c3; } #articleBody h5 { border-left: solid 3px #7390c3; } #articleBody h6 { border-top: solid 3px #7390c3; border-bottom: solid 1px #7390c3;} #parentColumnBacknumber h4 { background: url(/images/n/wol/2010/leaf/profile_bg_career_top.gif) no-repeat left top; } #parentColumnBacknumber .bpprofile .bpprofile_title { background:url("/images/n/wol/2010/leaf/titlebar_article_career201303.gif") no-repeat scroll left top transparent; color: #4165a6} /*連載コラムバックナンバーの背景*/ #columnBacknumber,#parentColumnBacknumber { background: url(/images/n/wol/2010/leaf/backnum_bg_career_bottom201303.gif) no-repeat left bottom; } #columnBacknumber h4,#parentColumnBacknumber h4 { background: url(/images/n/wol/2010/leaf/titlebar_article_career_s.gif) no-repeat left top; color: #4165a6; } #columnBacknumber #backnumList h4 { } #columnBacknumber #backnumListWid h4 { background:url("/images/n/wol/2010/leaf/titlebar_article_career201303.gif") no-repeat scroll left top transparent; } #columnBacknumber .bpprofile .bpprofile_title { color: #4165a6; background: url("/images/n/wol/2010/leaf/titlebar_article_career_s.gif") no-repeat scroll left top transparent; } #columnBacknumber .bpprofile .bpprofile_photo,#parentColumnBacknumber .bpprofile .bpprofile_photo { border: solid 1px #abc9fe; } #columnBacknumber .bpprofile .bpprofile_photo img,#parentColumnBacknumber .bpprofile .bpprofile_photo img { border: solid 1px #abc9fe; } #columnBacknumber .bpprofile .bpprofile_profile .bpprofile_name,#parentColumnBacknumber .bpprofile .bpprofile_profile .bpprofile_name { color: #4165a6; } /*最新記事の背景*/ #newKiji { background: url(/images/n/wol/2010/leaf/backnum_bg_career_bottom201303.gif) no-repeat left bottom; } #newKiji h4 { background: url(/images/n/wol/2010/leaf/backnum_bg_career_top201303.gif) no-repeat left top; } #soukenReport { background: url(/images/n/wol/2010/leaf/backnum_bg_career_bottom201303.gif) no-repeat left bottom; } #soukenReport h4 { background: url(/images/n/wol/2010/leaf/backnum_bg_career_top201303.gif) no-repeat left top; } #specialList { background: url(/images/n/wol/2010/leaf/backnum_bg_career_bottom201303.gif) no-repeat left bottom; } #specialList h4 { background: url(/images/n/wol/2010/leaf/backnum_bg_career_top201303.gif) no-repeat left top; } #trendList { background: url(/images/n/wol/2010/leaf/backnum_bg_career_bottom201303.gif) no-repeat left bottom; } #trendList h4 { background: url(/images/n/wol/2010/leaf/titlebar_article_career201303.gif) no-repeat left top; color: #4165a6; } #article dl#keywords dt { background: url(/images/n/wol/2010/leaf/titlebar_article_career201303.gif) no-repeat left top; color: #4165a6; } /*特集のバックナンバー*/ #specialBacknumber h4 { background: url(/images/n/wol/2010/leaf/titlebar_article_career201303.gif) no-repeat left top; color: #4165a6; } /*コラムニスト一覧の見出し色*/ #columnistList h4 { color: #4165a6; border-top: dotted 1px #4165a6; border-bottom: dotted 1px #4165a6; } /*ランキング*/ #rankingTitle ul { border-bottom: solid 3px #4165a6; } #rankingTitle ul li#rankingToday a { background-image: url(/images/n/wol/2010/ranking/ranking_today_career201303.gif); } #rankingTitle ul li#rankingYesterday a { background-image: url(/images/n/wol/2010/ranking/ranking_yesterday_career201303.gif); } #rankingTitle ul li#rankingWeekly a { background-image: url(/images/n/wol/2010/ranking/ranking_weekly_career201303.gif); } #rankingTitle h1 { background: url(/images/n/wol/2010/ranking/title_ranking_careerskill.png) no-repeat left top; } /*Special一覧 新着*/ #specialNewArrival { border-top: solid 2px #4165a6; } #specialNewArrival p.new { color: #4165a6; } /*Special一覧*/ #article .specialKijiList h3 { background: url(/images/n/wol/2010/leaf/titlebar_career.gif) no-repeat left top; } /*ニュース一覧 新着*/ #newsNewArrival { border-top: solid 2px #4165a6; background: #eff4f9; } #newsNewArrival p.new { color: #4165a6; } #article .newsKijiList h3 { background: url(/images/n/wol/2010/leaf/titlebar_career.gif) no-repeat left top; } /*トレンド一覧 新着*/ #trendNewArrival { border-top: solid 2px #4165a6; background: #eff4f9; } #trendNewArrival p.new { color: #4165a6; } #article .trendKijiList h3 { background: url(/images/n/wol/2010/leaf/titlebar_career.gif) no-repeat left top; } /*テーマトップタイトル背景*/ #rotationBoardWrap { background: url(/images/n/wol/2010/leaf/rotation_bg_career.gif) no-repeat left top; } /*テーマトップ新着*/ #newKijiList { border-top: solid 2px #4165a6; } #newKijiList p.new { color:#28609a; } /*テーマトップSpecial・連載コラム新着4件*/ #themeSpecial h4, #themeColumn h4 { background: url(/images/n/wol/2010/leaf/theme_top_list_bg_top_career.gif) no-repeat left top; color: #4165a6; } #themeSpecial201003 h4, #themeColumn201003 h4 { background: url(/images/n/wol/2010/leaf/list_bg_career.gif) no-repeat left top; color: #4165a6; } /*WOL最新記事一覧*/ #wolListNavi { border-bottom: solid 3px #7390c3; } /*他のテーマ最新のSpecial*/ #othersNewSpecial h3 { background: url(/images/n/wol/2010/leaf/titlebar_career.gif) no-repeat left top; } /*特集看板*/ #specialTitleBoard h2 img.border { border-top: solid 4px #7390c3; border-bottom: solid 4px #7390c3; } #specialTitleBoard ul li a { background-image: url(/images/n/wol/2010/leaf/special/tab_career.gif) } #specialTitleBoard ul li.top a { background-position: left top; } #specialTitleBoard ul li.top a:hover, #specialTitleBoard ul li.top a.now { background-position: left -20px; } #specialTitleBoard ul li.no1 a { background-position: -70px top; } #specialTitleBoard ul li.no1 a:hover, #specialTitleBoard ul li.no1 a.now { background-position: -70px -20px; } #specialTitleBoard ul li.no2 a { background-position: -140px top; } #specialTitleBoard ul li.no2 a:hover, #specialTitleBoard ul li.no2 a.now { background-position: -140px -20px; } #specialTitleBoard ul li.no3 a { background-position: -210px top; } #specialTitleBoard ul li.no3 a:hover, #specialTitleBoard ul li.no3 a.now { background-position: -210px -20px; } #specialTitleBoard ul li.no4 a { background-position: -280px top; } #specialTitleBoard ul li.no4 a:hover, #specialTitleBoard ul li.no4 a.now { background-position: -280px -20px; } #specialTitleBoard ul li.no5 a { background-position: -350px top; } #specialTitleBoard ul li.no5 a:hover, #specialTitleBoard ul li.no5 a.now { background-position: -350px -20px; } #specialTitleBoard ul li.no6 a { background-position: -420px top; } #specialTitleBoard ul li.no6 a:hover, #specialTitleBoard ul li.no6 a.now { background-position: -420px -20px; } #specialTitleBoard ul li.no7 a { background-position: -490px top; } #specialTitleBoard ul li.no7 a:hover, #specialTitleBoard ul li.no7 a.now { background-position: -490px -20px; } #specialTitleBoard ul li.no8 a { background-position: -560px top; } #specialTitleBoard ul li.no8 a:hover, #specialTitleBoard ul li.no8 a.now { background-position: -560px -20px; } /*記事UI*/ #mainContent #articleBody .bpframe { border: 2px solid #9ce1ff; } #mainContent #articleBody .bpframe .bpbox_text{ border: solid 1px #9ce1ff; } #mainContent #articleBody .bpbox { background: #F0F0F9; } #weeklyNavi ul:after, #imgBox #shopAssistant:after, #coordinateBody:after, #txtBox #priceData:after, #searchCoordinate:after, #brandList ul:after, .monthPage ul:after, #coordinateList ul li:after, #othersBrandCoordinate ul:after, #othersPurposeCoordinate:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; } /*デイリーコーディネイト ファッションの記事*/ #weeklyNavi { border-bottom: solid 6px #000; } #weeklyNavi ul { width: 680px; height: 1%; } #weeklyNavi ul li { float: left; width: 132px; margin-right: 4px; } * html #weeklyNavi ul li { margin-right: 3px; } #weeklyNavi ul li a { padding-left: 15px; padding-top: 3px; display: block; height: 33px; background: url(/images/n/wol/2010/leaf/fashion/weekly_navi.gif) no-repeat left top; line-height: 33px; color: #f7f7f7 !important; font-weight: bold; font-size: 12px; letter-spacing: -1px; } #weeklyNavi ul li a:hover { text-decoration: none; background: url(/images/n/wol/2010/leaf/fashion/weekly_navi_on.gif) no-repeat left top; color: #fff !important; } #weeklyNavi ul li a.now { background: url(/images/n/wol/2010/leaf/fashion/weekly_navi_now.gif) no-repeat left top; color: #fff !important; } #weeklyNavi ul li span { padding-left: 15px; padding-top: 3px; display: block; height: 33px; background: url(/images/n/wol/2010/leaf/fashion/weekly_navi_off.gif) no-repeat left top; line-height: 33px; color: #ccc; font-weight: bold; font-size: 12px; } * html #weeklyNavi ul li span { padding-left: 10px; } #coordinateBody { position: relative; background: url(/images/n/wol/2010/leaf/fashion/fashion_article_bg.gif); padding: 15px 25px 15px 15px; width: 640px; } #coordinateBody #cameraman { position: absolute; right: 10px; bottom: 10px; } #mainContent #coordinateBody .bpimage_click{ padding: 5px 3px 10px; position: relative; } #mainContent #coordinateBody .bpimage_click a { background: url(/images/n/wol/2010/leaf/btn_zoom.gif) no-repeat left top; display: block; width: 56px; height: 13px; position: absolute; right: 0px; top: 3px; text-indent: -9999px; } * html #mainContent #coordinateBody .bpimage_click a { right: 5px; } #mainContent #coordinateBody .bpimage_click a:hover { background: url(/images/n/wol/2010/leaf/btn_zoom_on.gif) no-repeat left top; } #imgBox { width: 289px; float: left; } #imgBox #shopAssistant { margin-bottom: 20px; height: 1%; } #imgBox #shopAssistant p { float: left; width: 190px; margin: 0; padding-top: 10px; line-height: 1.2; } #imgBox #shopAssistant p.img { width: 80px; padding: 0; } #imgBox #photoFrameWrap { background: url(/images/n/wol/2010/leaf/fashion/fashion_photo_frame_bg_top.gif) no-repeat left top; padding-top: 1px; } #imgBox #photoFrame { background: url(/images/n/wol/2010/leaf/fashion/fashion_photo_frame_bg_bottom.gif) no-repeat left bottom; padding: 7px; padding-bottom: 10px; position: relative; } #imgBox #photoFrame p { position: absolute; left: -12px; top: -14px; } #txtBox { width: 321px; float: right; padding-top: 15px; } #txtBox h3 { font-size: 14px; color: #a6393a; border-bottom: solid 1px #a6393a; margin-bottom: 20px; } #txtBox #priceDataWrap { margin: 30px 0 15px; background: url(/images/n/wol/2010/leaf/fashion/pricedata_bg_top.gif) no-repeat left top; padding-top: 4px; } #txtBox #priceData { background: url(/images/n/wol/2010/leaf/fashion/pricedata_bg_bottom.gif) no-repeat left bottom; padding: 15px; height: 1%; } #txtBox #priceData table { margin-bottom: 15px; } #txtBox #priceData table th, #txtBox #priceData table td { padding: 2px 8px; border-bottom: dotted 1px #b2b2b2; } #txtBox #priceData table th { width: 180px; font-weight: normal; } #txtBox #priceData table td { width: 100px; text-align: right; font-size: 11px; } #txtBox #priceData p.brandLogo { float: left; width: 140px; margin-right: 10px; } #txtBox #priceData p.brandName { font-size: 11px; float: left; width: 140px; color: #8a6d47; font-weight: bold; } #txtBox #priceData p.brandName span { font-size: 10px; color: #000; display: block; font-weight: normal; } #txtBox #keywordBox { background: #fff; padding: 10px; border: solid 1px #cacaca; margin-bottom: 15px; } #txtBox #keywordBox dt { background: url(/images/n/wol/2010/leaf/icon_keyword.gif) no-repeat left top; padding-left: 20px; } #txtBox #keywordBox dd { } #txtBox #keywordBox dd a { color: #8a6d47; } #txtBox #tell { background: #fff; padding: 7px 10px 5px 10px; border: solid 1px #cacaca; margin-bottom: 15px; } #txtBox #tell p { background: url(/images/n/wol/2010/leaf/fashion/icon_tell.png) no-repeat left 1px; padding: 3px 0 3px 30px; } #txtBox p.more { text-align: left; line-height: 1.3; } /*目的別にコーディネイトを探す*/ #searchCoordinate { margin-bottom: 30px; height: 1%; } #searchCoordinate h4 { background: url(/images/n/wol/2010/leaf/fashion/titlebar_fashion.gif) repeat-x left top; line-height: 30px; color: #fff; padding-left: 10px; font-size: 14px; margin-bottom: 20px; } #searchCoordinate .itemList { float: left; margin-right: 24px; } #searchCoordinate .itemList h5 { background: url(/images/n/wol/2010/leaf/fashion/titlebar_fashion_list_bg.gif) repeat-x left top; border-left: solid 3px #a63839; border-bottom: solid 1px #a63839; padding-left: 5px; line-height: 23px; margin-bottom: 15px; } #searchCoordinate .itemList ul { padding-left: 10px; } #searchCoordinate .itemList ul li { height: 1%; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 4px; padding-left: 15px; } #searchCoordinate .itemList ul li a { } #searchCoordinate .itemList ul li.btn { margin-top: 5px; } #searchCoordinate .itemList ul li.btn a { background: none; padding-left: 0; } #searchCoordinate #weatherSelect { width: 240px; } #searchCoordinate #workSceneSelect { width: 200px; } #searchCoordinate #moodSelect { width: 188px; margin-right: 0; } #searchCoordinate #colorSelect { width: 188px; margin-right: 0; } #searchCoordinate #styleSelect { clear: both; width: 465px; } #searchCoordinate #seasonSelect { width: 250px; } #searchCoordinate #styleSelect ul { width: 200px; float: left; } #searchCoordinate #styleSelect ul.sec { float: right; } /*ブランド一覧*/ #brandList { margin-bottom: 30px; } #brandList h4 { background: url(/images/n/wol/2010/leaf/fashion/titlebar_fashion.gif) repeat-x left top; line-height: 30px; color: #fff; padding-left: 10px; font-size: 14px; margin-bottom: 20px; } #brandList ul { padding: 0 15px 15px; border-bottom: dotted 1px #ccc8c2; height: 1%; } #brandList ul li { float: left; margin: 0 30px 10px 0; } #brandList ul li.marginReset { margin-right: 0; } /*ページ繰り*/ .monthPage { clear: both; margin-bottom: 10px; } .monthPage ul { width: 230px; margin: 0 auto; } .monthPage ul li { float: left; width: 126px; font-weight: bold; text-align: center; line-height: 26px; } .monthPage ul li.prev, .monthPage ul li.next { width: 52px; } .monthPage ul li.prev a, .monthPage ul li.next a { display: block; height: 26px; text-indent: -9999px; } .monthPage ul li.prev a { background: url(/images/n/wol/2010/leaf/fashion/btn_lastmonth.gif) no-repeat left top;} .monthPage ul li.prev a:hover { background: url(/images/n/wol/2010/leaf/fashion/btn_lastmonth_on.gif) no-repeat left top;} .monthPage ul li.next a { background: url(/images/n/wol/2010/leaf/fashion/btn_nextmonth.gif) no-repeat left top;} .monthPage ul li.next a:hover { background: url(/images/n/wol/2010/leaf/fashion/btn_nextmonth_on.gif) no-repeat left top;} /*カレンダー*/ #fashionCalendar { margin-bottom: 10px; } #fashionCalendar table { width: 680px; } #fashionCalendar table colgroup col { width: 100px; } #fashionCalendar table colgroup col#sat, #fashionCalendar table colgroup col#sun { width: 55px; } #fashionCalendar table th, #fashionCalendar table td { border: solid 1px #e5e5e5; background: url(/images/n/wol/2010/leaf/fashion/calendar_bg.gif) repeat-x left top; } #fashionCalendar table td { padding: 5px; font-size: 10px; } #fashionCalendar table td div { position: relative; height: 115px; } #fashionCalendar table td a { color: #8a6d47; } #fashionCalendar table td img { margin-left: 20px; border: solid 1px #ccc; margin-bottom: 5px; float: right; } #fashionCalendar table td div span { position: absolute; left: 0; top: 0; font-size: 14px; font-weight: bold; } #fashionCalendar table td.holiday { background: url(/images/n/wol/2010/leaf/fashion/icon_holiday.gif) no-repeat left top; } #fashionCalendar table td.break { background: url(/images/n/wol/2010/leaf/fashion/icon_break.gif) no-repeat left top; } #fashionCalendar table td.saturday span { color: #99b4cd; } #fashionCalendar table td.sunday span, #fashionCalendar table td.holiday span { color: #daafc5; } #fashionCalendar table td.otherday span { color: #cccccc; } /*コーディネイト一覧*/ #coordinateList { } #coordinateList h3 { line-height: 32px; background: url(/images/n/wol/2010/leaf/fashion/titlebar_fashion_lleaf.gif) repeat-x left top; padding-top: 2px; padding-left: 15px; font-size: 14px; margin-bottom: 10px; } #coordinateList ul { margin-bottom: 10px; border-top: dotted 1px #ccc8c2; } #coordinateList ul li { padding: 10px 0; border-bottom: dotted 1px #ccc8c2; height: 1%; } #coordinateList ul li p.name { margin-bottom: 10px; } #coordinateList ul li p.name span { background: #656565; color: #fff; padding: 4px 10px 3px; font-weight: bold; } #coordinateList ul li p.img { float: left; margin-right: 15px; width: 80px; border: solid 1px #ccc; } #coordinateList ul li div { float: left; width: 580px; position: relative; } #coordinateList ul li div p { margin-bottom: 10px; } #coordinateList ul li div p.title { margin-bottom: 10px; font-size: 14px; } #coordinateList ul li div p.title a { color: #8a6d47; font-weight: bold; } #coordinateList ul li div p.date { text-align: right; font-size: 10px; margin-bottom: 0; position: absolute; right: 0; bottom: 0; } #coordinateList ul li p.series { margin-bottom: 0; clear: both; } #coordinateList 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; } #othersBrandCoordinate { background: url(/images/n/wol/2010/leaf/fashion/other_brand_list_bg_bottom.gif) no-repeat left bottom; height: 1%; margin-bottom: 15px; } #othersBrandCoordinate h4 { background: url(/images/n/wol/2010/leaf/fashion/other_brand_list_bg_top.gif) no-repeat left top; line-height: 42px; padding-left: 20px; color: #4165a6; margin-bottom: 10px; } #othersBrandCoordinate ul { margin: 0 20px; padding-bottom: 15px; height: 1%; } #othersBrandCoordinate ul li { float: left; width: 175px; margin-right: 15px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 4px; padding-left: 15px; margin-bottom: 2px; } #othersBrandCoordinate ul li a { font-size: 12px; } #othersPurposeCoordinate { background: url(/images/n/wol/2010/leaf/fashion/other_brand_list_bg_bottom.gif) no-repeat left bottom; height: 1%; margin-bottom: 15px; } #othersPurposeCoordinate h4 { background: url(/images/n/wol/2010/leaf/fashion/other_brand_list_bg_top.gif) no-repeat left top; line-height: 42px; padding-left: 20px; color: #4165a6; margin-bottom: 10px; } #othersPurposeCoordinate div { float: left; width: 225px; padding-left: 20px; } #othersPurposeCoordinate div p { color: #4165a6; font-weight: bold; border-bottom: dotted 1px #4165a6; margin-bottom: 10px; } #othersPurposeCoordinate div ul { padding: 0 10px 15px; } * html #othersPurposeCoordinate div ul { padding-bottom: 5px; } #othersPurposeCoordinate div ul li { background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 4px; padding-left: 15px; margin-bottom: 2px; } #othersPurposeCoordinate div ul li a { font-size: 12px; } #othersPurposeCoordinate #coordinateScene { } #othersPurposeCoordinate #coordinateWeather { } #othersPurposeCoordinate #coordinateColor { width: 150px; } #article .toFashionTop { margin-bottom: 10px; width: 310px; float: right; } #article .toFashionTop a { display: block; height: 30px; text-indent: -9999px; background: url(/images/n/wol/2010/leaf/fashion/btn_to_fashion_top.gif) no-repeat left top; } #article .toFashionTop a:hover { background: url(/images/n/wol/2010/leaf/fashion/btn_to_fashion_top_on.gif) no-repeat left top; } /* 2011/02/24 */ #pagesTop ul li a { color: #89a0c9; border: solid 1px #89a0c9; } #pagesTop a:hover { color: #89a0c9; } #pagesTop a.on { color:#89a0c9; } #pagesTop a.prev { background:url(/images/n/wol/2010/leaf/pages/btn_prev_career_s.gif) no-repeat left top; } #pagesTop a.prev:hover { background:url(/images/n/wol/2010/leaf/pages/btn_prev_career_s.gif) no-repeat left -22px; } #pagesTop span.prev_off { background:url(/images/n/wol/2010/leaf/pages/btn_prev_career_s.gif) no-repeat left -22px; } #pagesTop a.next { background:url(/images/n/wol/2010/leaf/pages/btn_next_career_s.gif) no-repeat left top; } #pagesTop a.next:hover { background:url(/images/n/wol/2010/leaf/pages/btn_next_career_s.gif) no-repeat left -22px; } #pagesTop span.next_off { background:url(/images/n/wol/2010/leaf/pages/btn_next_career_s.gif) no-repeat left -22px; } #pages ul li a { background:url(/images/n/wol/2010/leaf/pages/pages_num_bg_career_on201303.gif) repeat-x; border: solid 1px #89a0c9; color: #ffffff; font-weight:bold; } #pages a:hover { color: #4165a6; } #pages a.on { border: solid 1px #89a0c9; color: #4165a6; } #pages a.prev { background:url(/images/n/wol/2010/leaf/pages/btn_prev_career201303.gif) no-repeat left top; } #pages a.prev:hover { background:url(/images/n/wol/2010/leaf/pages/btn_prev_career201303.gif) no-repeat left -30px; } #pages span.prev_off { background:url(/images/n/wol/2010/leaf/pages/btn_prev_career201303.gif) no-repeat left -30px; } #pages a.next { background:url(/images/n/wol/2010/leaf/pages/btn_next_career201303.gif) no-repeat left top; } #pages a.next:hover { background:url(/images/n/wol/2010/leaf/pages/btn_next_career201303.gif) no-repeat left -30px; } #pages span.next_off { background:url(/images/n/wol/2010/leaf/pages/btn_next_career201303.gif) no-repeat left -30px; } /*テーマトップ・サブテーマトップ*/ .subtopNewlyArrived h2 { background: url(/images/n/wol/2010/theme/subtheme/common/career_title_bg201303.gif) no-repeat left top; } #subtopRecommendArticle.career { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_bottom201303.gif) no-repeat left bottom; } #subtopRecommendArticle.career h4 { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_top201303.gif) no-repeat left top; } #subtopSpecialLists.career { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_bottom201303.gif) no-repeat left bottom; } #subtopSpecialLists.career h4 { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_top201303.gif) no-repeat left top; } #subtopSeriesList.career { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_bottom201303.gif) no-repeat left bottom; } #subtopSeriesList.career h4 { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_top201303.gif) no-repeat left top; } #subtopTrendArticle.career { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_bottom201303.gif) no-repeat left bottom; } #subtopTrendArticle.career h4 { background: url(/images/n/wol/2010/theme/subtheme/common/career_box_bg_top201303.gif) no-repeat left top; } #subtopKeywords.career h4 { background: url(/images/n/wol/2010/theme/subtheme/common/career_title_bg201303.gif) no-repeat left top; color: #ffffff; } /* 2013年3月リニューアル --------------------------------------------------------- */ #tabBox201303 { background: url(/images/n/wol/2010/right/ranking/ranking_bg_bottom_careerskill201303.gif) no-repeat left bottom !important; } /* 次ページのテキストリンク */ #article #pages #nextPage {border: 1px solid #7390c3;background-color: #edf1f7;}