@charset "UTF-8"; /* follow.css Copyright (C) 2018 Yahoo Japan Corporation. All Rights Reserved. version 1.0.0 */ /* # CSS Reset OneSerp Reset CSS */ body { margin: 0; padding: 0; text-align: center; font-family: Arial,sans-serif; font-size: small; background-color: #fff; } dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } ul li, ol li { list-style: none; } table { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; } caption { text-align: left; } table, pre, code, select, input, textarea, kbd, var, ins, del, samp { font-size: 100%; } address, em, cite, dfn, var, th, ins, del, samp { font-weight: normal; font-style: normal; } fieldset { border: none; } legend { display: none; } select, input, textarea { font: 99% arial, sans-serif; } img { vertical-align: middle; } /* # iOS Hack `disabling user zoom` */ [class*="data-ios"] { text-size-adjust: 100%; } a img { border: 0; } a:link { color: #2a7bb4; } a:hover { color: #d7a50d; } a:visited { color: #9c780c; } a:active { color: #639; } .yj-guid, .yj-skip { position: absolute; left: -999px; width: 999px; } /* Utility */ /** for FF,Safari,Opera */ .cf, .uWrap { *zoom: 1; } .cf:after, .uWrap:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .separation { display: none; } .bo { font-weight: bold; } .cl { max-width: 587px; } /* General Grids */ .unit { display: inline; /* IE6 margin bug */ float: left; } .size1of1 { width: 100%; /* or float:none;*/ } .size1of2 { width: 50%; } .size1of3 { width: 32%; } .size2of3 { width: 68%; *width: 67%; /* for IE7 */ _width: 66%; /* for IE6 */ } /** OneSeRP Column */ /* Commerce 2Column */ .lcSize180 { width: 180px; float: left; } .rcSize100per { width: 100%; float: left; margin-right: -180px; } .rcSize100per #mIn { margin-right: 180px; padding: 0 0 0 10px; } /* no SS 2Column */ .lcSize100per { float: left; width: 100%; margin-right: -196px; } .lcSize100per #mIn { padding: 0 206px 0 10px; } .rcSize186 { float: left; width: 186px; } /* Common */ .lcSize250 { position: relative; z-index: 102; width: 250px; margin-right: -250px; } .rcSize300 { width: 300px; margin-left: -300px; } /* 3Column center-Column-Changeability */ .mcSize400 { padding-left: 260px; padding-right: 310px; } /* 2Column left-Column-Changeability */ .mcSize638 { padding-right: 310px; } /* Column inner for web */ #mIn { padding: 0 20px 0 10px; border-top: 1px solid #fff; } #sIn { width: 265px; } /* Layout */ #wrapper { margin: 0 auto; text-align: left; line-height: 1.22; } #header { position: relative; z-index: 3000; } /* # Emergency Message `yschalert` */ #yschalert.msg { width: 500px; margin: 10px auto; background-color: #fff; word-break: break-all; word-wrap: break-word; } #yschalert.frame { padding: 6px 5px 6px 3px; } /** * Layout for Search Serp * ベース * * @section - * @see - * @author tshinchi * @revision - * @media PC */ /** ========== Module ========== 0:imgconfig 1:header 1-1:SaA 1-2:SaB 1-3:SaC 1-4:SaD -1-5:Sb- 1-5-2:Sb_2 1-6:Sf 1-7:Se 1-8:yschalert 2:contents 2-1:Sg 2-2:Sh 2-3:Si 2-4:Sj 2-5:Sk 2-6:Sl 2-7:Sm 2-8:Sn 2-9:So 2-10:Sp 2-11:Sz 2-12:S1aa 2-13:S1ab 2-14:S1ac 2-15:S1ak 3:footer 3-1:Sq > SqC 3-2:SqA 3-3:SqB 3-4:SqD 3-5:S1ae 4:Other 4-1:search-form 4-2:filter/sort/view 4-3:ColorSkin ★ver2共通：サービス毎適用モジュール clrCng.css：「clrCng」：色変更関連モジュール 5:Print ========== Module ========== */ /** * ImgConfig * * @section 0:imgconfig * @see - */ /** * Layout for Search Serp * * CSS上で指定している画像管理ファイル * 運用の効率化と、重複指定の予防 * * imgconfig * * 記述元には、以下のコメントを打っています。 * 「background-image for imgconfig」 */ /*#SaA-tg .menuLink span,*/ /*#SaA .gLnk .clrCng #arr_2,*/ #SaA .gLnk .lnk .set, .searchForm .b, .searchForm-opt a, #sbnClearBtn, #sbsClearBtn, #naviAssist dt, #Sf2 .loginStats .tpoint, #Sf2 .loginStats .ypoint, #Sf2 .loginStats .tpoint2, #Sf2 .loginStats .coupon, .msg .h, #SaB span, #srchAssistOnOff dd, .msg dt, .msg .arr, #Si1 dt, #Si2 dt, .ss .ic, .sort span, .view .ic1, .view .ic2, .view .ic3 { background-image: url(/PRODUCT/oneserp/S/img/sp_s_7.png); background-repeat: no-repeat; } .msg .f dt { *background-image: url(/PRODUCT/oneserp/S/img/sp_s_2.png); /* for IE6,IE7 */ } /*ストアスタンプラリー shp*/ #Sf2 .ssp { background-image: url(/PRODUCT/oneserp/S/img/sp_ssprank_16.png); background-repeat: no-repeat; } /* 高解像度対応 */ /* グループCのマストヘッドロゴもカスケイド発生するから、background-size指定いれる */ @media only screen and (-webkit-min-device-pixel-ratio: 1.1), only screen and (min-device-pixel-ratio: 1.1) { /*#SaA-tg .menuLink span,*/ /*#SaA .gLnk .clrCng #arr_2,*/ #SaA .gLnk .lnk .set, .searchForm .b, .searchForm-opt a, #sbnClearBtn, #sbsClearBtn, #naviAssist dt, #SaB[title*="JAPAN"] span, #srchAssistOnOff dd, .msg dl:not([class*="f"]) dt, .msg .arr, #Si1 dt, #Si2 dt, .ss .ic, .ss .ft .arr, .sort span, .view .ic1, .view .ic2, .view .ic3 { background-image: url(/PRODUCT/oneserp/S/img/sp_s_6_2x.png); background-size: 141px 386px; background-repeat: no-repeat; } } /* --------------------------------------------------------------- 共通要素(PHP管理) --------------------------------------------------------------- */ /** * header * * @section 1:header * @see - */ /* --------------------------------------------------------------- 共通:ヘッダー新ビジュアル --------------------------------------------------------------- */ /* --------------------------------------------------------------- 共通：【#header】ヘッダー --------------------------------------------------------------- */ /* --------------------------------------------------------------- ■ビジュアルガイド http://cptl.corp.yahoo.co.jp/pages/viewpage.action?pageId=412382346 --------------------------------------------------------------- */ #header { min-width: 970px; /* TODO:画面リサイズ用に指定：IE系は無くてもOKだし、そもそも効かない */ margin-bottom: 10px; } /* ヘッダー背景色グループ分岐 */ #header { background-color: #fff; } #contents, #SaA-dtl, #ygma, #Se, #Sq .inner, #Sf { width: 950px; margin: 0 auto; } /** 1-1 SaA */ #SaA { position: relative; margin-bottom: 8px; padding: 0; color: #444; text-align: right; } /* ヘッダー上部ボーダーサービスグループ分岐 */ #SaA { border-top: 5px solid #ccc; } #SaA, #SaA-dtl { min-height: 25px; _height: 25px; /* for IE6 */ z-index: 256; } #SaA a, #SaA a:visited { color: #444; } /** SaA-tg */ /* 検索タブ */ #SaA-tg { position: relative; padding-left: 26px; float: left; } #SaA-tg-list { _float: left; /* for IE6 */ } /* #SaA-tg-list */ /* 常時表示サービスタブ */ #SaA-tg-list li { float: left; } #SaA-tg-list .menuLink { position: relative; padding-right: 20px; } #SaA-tg-list strong, #SaA-tg-list a { display: block; padding: 5px 8px; text-decoration: none; } /* ヘッダー上部カレントボーダーサービスグループ分岐 */ #SaA-tg-list strong { border-top: 5px solid #888; } #SaA-tg-list strong { margin-top: -5px; _margin-top: 0; /* for IE6 */ _padding-top: 2px; /* for IE6 */ } #SaA-tg-list a:hover, #SaA-tg-list .open { background-color: #eee; text-decoration: underline; } /* サービス一覧展開メニュー */ #vmMenu.menu { display: none; background-color: #fff; border: 1px solid #ccc; position: absolute; right: 0; top: 1.8em; width: 8.1em; line-height: 1.3; text-align: left; z-index: 1; } /* IE6フォーム重なり対応 */ #vmMenu.menu { /* _right: 3.2em;*/ _right: -7em; } #vmMenu.menu ul { border-right: 1px solid #889aa7; border-bottom: 1px solid #889aa7; margin: 0; padding: 6px 1px; } #vmMenu.menu li { _zoom: 1; } #vmMenu.menu .end { border-bottom: 1px dotted #889aa7; margin-bottom: 5px; padding-bottom: 5px; } #vmMenu.menu a { display: block; height: auto; _width: 100%; /* for IE6 */ padding: 2px 8px; color: #444; font-size: 92%; text-decoration: none; } #vmMenu.menu a:hover { background: #1d3994; color: #fff; } /* .gLnk */ /* UHD要素 */ #SaA .gLnk { position: relative; float: right; text-align: left; } #SaA .gLnk .lnk { float: left; } #SaA .gLnk .lnk li { float: left; } #SaA .gLnk .lnk .set { background-position: 6px -11px; background-repeat: no-repeat; padding-left: 22px; } #SaA .gLnk .lnk a { display: block; height: 21px; padding: 8px 7px 0; font-size: 92%; color: #444; text-decoration: none; _float: left; /* for IE6 */ } #SaA .gLnk .lnk a:hover { background-color: #eee; text-decoration: underline; } /* バーティカル一覧プルダウン▼矢印 */ #SaA-tg .menuLink span { display: none; position: absolute; overflow: hidden; top: 11px; right: 4px; text-indent: -9999px; color: #f9f9f9; cursor: pointer; width: 0; height: 0; border-color: #999 transparent; _border-color: #999 #f9f9f9; /* for IE6 */ border-style: solid; border-width: 5px 5px 0 5px; } #SaA-tg-list .jsOn span { display: block; } #SaA-tg .open #arr { _border-color: #999 #eee; /* for IE6 */ border-width: 0 5px 5px 5px; _border-width: 0 6px 6px 6px; /* for IE6 */ } /* マストヘッドロゴ */ /* ========================================================================== ブランドアセット http://cptl.corp.yahoo.co.jp/pages/viewpage.action?pageId=481762586 ========================================================================== */ #ygma { position: relative; } /** 1-2 SaB */ /* ロゴ */ #SaB { float: right; width: 134px; height: 30px; text-indent: -9999px; overflow: hidden; margin-right: 7px; } #SaB span { display: block; background-image: url(http://i.yimg.jp/images/mh/pc/jp/rd/1.0.0/yafuoku.png); background-position: 0 0; width: 134px; height: 30px; cursor: pointer; } /** 1-3 SaC */ #SaC { display: inline; float: left; margin-left: 33px; min-height: 51px; _height: 51px; z-index: 255; } #SaC fieldset { display: block; height: 28px; position: relative; } /*comment search assist -------------------*/ /** 1-5-2 Sb_2 サジェストバージョン2 */ /*comment search assist -------------------*/ #Sb_2 { clear: left; width: 440px; /*width: 44px;*/ position: absolute; top: 27px; left: 0; z-index: 1; } /* IE8のブラウザバックでページトップに戻るバグの修正対応 */ /* #Sb_2.on{ width: 440px; } */ #Sb_2.srchAssistOFF { display: none; } #srchAssistBd { border: 1px solid #7c7c7c; background-color: #fff; *zoom: 1; } /* ul#sugres*/ #sugres li { display: block; line-height: 1; color: #000; padding: 4px 6px 5px; *padding: 4px; cursor: pointer; *zoom: 1; } #sugres em { font-weight: bold; } #sugres .active { background-color: #f0f0f0; } #sugres li { border-top: 1px solid #ddd; } #sugres .sugcategory span, #sugres .sugbrand span { font-size: 85%; /* 11px相当 */ margin-left: 10px; } #sugres .sugcategory span { color: #ff8a15; } #sugres .sugbrand span { color: #555; } #sugres .sugevent span { vertical-align: middle; display: table-cell; *display: inline; *zoom: 1; } #sugres .sugevent span:first-child { *float: left; } #sugres .sugevent img { margin-right: 10px; } #sugres li:first-child, #sugres li.sugunit + li.sugunit, #sugres li.sugproduct + li.sugproduct, #sugres li.sugcategory + li.sugcategory, #sugres li.sugbrand + li.sugbrand, #sugres li.sugevent + li.sugevent { border-top: none; } /* #srchAssistTxt */ #srchAssistTxt { padding: 3px 5px 3px 5px; } #srchAssistOnOff { padding: 3px 8px 1px 0; white-space: nowrap; color: #555; font-size: 85%; text-align: right; background-color: #f7f7f7; } #srchAssistOnOff dt { display: inline; line-height: 1; } #srchAssistOnOff dd { display: inline; line-height: 1; padding-left: 13px; /*background-image for imgconfig*/ background-position: 3px -254px; _background-position: 3px -255px; font-weight: bold; color: #000; *zoom: 1; } #srchAssistOnOff dd a { font-weight: normal; text-decoration: none; } #srchAssistOnOff dd.first { background: none; } #srchAssistClose, #srchacb { position: relative; display: block; width: 38px; height: 10px; /*background-image for imgconfig*/ background-repeat: no-repeat; cursor: pointer; line-height: 0; text-indent: -9999px; } /** #srchAssistClose.on ←→ #srchAssistClose 開閉切り替え */ #srchacb { border: 1px solid transparent; _border: 1px solid #f9f9f9; border-top: 1px solid #999; } #srchacb:hover { background-color: #f0f0f0; border: 1px solid #999; border-top: 1px solid #999; } .on #srchacb { background-color: #999; border: 1px solid #666; border-top: 1px solid #999; } #srchAssistClose span { position: absolute; display: block; top: 3px; left: 15px; width: 0; height: 0; border-color: #999 transparent; _border-color: #999 #f9f9f9; /* for IE6 */ border-style: solid; border-width: 4px 4px 0 4px; } #srchAssistClose.on span { border-color: #fff #999; /* for IE6 */ border-width: 0 4px 4px 4px; _border-width: 0 5px 5px 5px; /* for IE6 */ _top: 1px; } /** ロゴ左 */ /* サジェストの位置をサービス毎に調整する必要あり。（.normalHeader #Sb）*/ .normalHeader { height: 46px; } .normalHeader #SaB { display: inline; float: left; margin: 0 10px 0 33px; } .normalHeader #SaC { margin-left: 0; } /** Sf2 */ #Sf2 { border-bottom: 1px solid #e7e7e7; } #Sf2 .inner { width: 950px; min-height: 15px; margin: 0 auto; padding: 2px 8px 2px 0; } #Sf2 .resultNum { float: left; padding-left: 36px; font-size: 92%; color: #666; } #Sf2 .aboutAdd { float: left; padding-left: 36px; font-size: 92%; color: #666; } #Sf2 .loginStats { float: right; font-size: 92%; color: #444; } #Sf2 .loginStats a { border-bottom: 1px solid #999; color: #444; text-decoration: none; } #Sf2 .s { margin: 0 3px; } #Sf2 .resultNum .s { visibility: hidden; } #Sf2 .inner { padding: 0 8px 3px 0; line-height: 1; } #Sf2 .loginStats { float: left; padding-left: 36px; padding-top: 2px; } /* コマース用のアイコン等 */ /* #Sf2 .loginStats .star, #Sf2 .loginStats .tpoint, #Sf2 .loginStats .ypoint{ background-repeat: no-repeat; } */ #Sf2 .loginStats img { margin: 0 3px; } #Sf2 .loginStats .tpoint { background-position: -18px -440px; } #Sf2 .loginStats .ypoint { background-position: -36px -440px; } #Sf2 .loginStats .tpoint2 { background-position: -92px -440px; } /* クーポン */ #Sf2 .coupon { background-position: -110px -440px; } /*ストアスタンプラリー*/ #Sf2 .ssp, #Sf2 .ssp.noSSP { background-position: 0 0; } #Sf2 .ssp.bronzeSSP { background-position: 0 -17px; } #Sf2 .ssp.silverSSP { background-position: 0 -34px; } #Sf2 .ssp.goldSSP { background-position: 0 -51px; } #Sf2 .ssp.platinumSSP { background-position: 0 -68px; } #Sf2 .ssp.diamondSSP { background-position: 0 -84px; } /** #Sf2 > SaD*/ #SaD { float: right; margin-top: 4px; } #SaD a { margin-left: 10px; border-bottom: 1px solid #999; text-decoration: none; _text-decoration: underline; font-size: 92%; color: #444; } /** 1-6 Sf */ #Sf { width: 100%; background-color: #fff; border-bottom: 1px solid #fff; } #Sf .inner { width: 950px; min-height: 19px; line-height: 19px; margin: 0 auto; padding: 2px 8px 2px 0; } #Sf .t { display: inline; float: left; margin-right: .5em; padding-left: 35px; font-size: 107%; font-weight: bold; color: #444; } #Sf .resultNum { float: left; margin-right: 10px; padding-left: 36px; font-size: 92%; color: #333; } #Sf em { font-weight: bold; } #Sf .s, #Sf .s2 { margin: 0 3px; } #Sf .resultNum .s { visibility: hidden; } /* 帯色サービスの上書き */ #Sf2 .resultNum, #Sf2 .loginStats, #Sf2 .loginStats a { color: #333; } /* Sf2 */ #Sf2 { border-bottom: none; } #Sf2 .inner { border-bottom: 1px solid #f3a000; background-color: #eee; } /* Sf */ #Sf h1.t { display: none; } #header.option #Sf h1.t { display: block; } #Sf .inner { background-color: #feda6f; } /** 1-7 Se */ #Se { position: relative; } #Se .inner { position: absolute; top: 5px; right: 10px; } /* --------------------------------------------------------------- 条件指定、検索設定：#header.option --------------------------------------------------------------- */ /** * contents * * @section 2:contents * @see - */ /** 2-9:So */ /* --------------------------------------------------------------- 共通：【#So{num}】【.ss】スポンサードサーチ North 「#So1」 South 「#So2」サブカラム「#So3」コマース左カラム「#So4」 --------------------------------------------------------------- */ /* ---------------------------------------------------------------

手塩に育てたコロコロのパグっ子

頭数を抑えてきちんと育てた良血統のパグ。パグ本来の姿をご覧下さいああああああ

www.pugkko.com

全角最大１０文字制限-全角最大１０文字制限-全角最大１０文字制限-全角最大１０文字制限

親犬も見て選べる　パグ

ウェブ検索の最大要素？？

www.pugkko.com-全角最大１０文字制限

全角最大１０文字制限-全角最大１０文字制限-全角最大１０文字制限-全角最大１０文字制限

--------------------------------------------------------------- */ .ss { overflow: hidden; margin: 0 0 20px 0; padding-right: 5px; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; *zoom: 1; } #So1, #So2 { margin: 0 0 20px 15px; } #So3 { padding-right: 0; } /* .hd */ .ss .hd { padding-top: 5px; } .ss p.t { margin-bottom: 5px; font-size: 92%; font-weight: normal; } .ss p.t a { color: #666; text-decoration: none; } .ss p.t a:visited { color: #666; } .ss p.t a:hover { color: #666; text-decoration: underline; } /* .bd */ .ss div.w { padding: 13px 0 8px; /* 売り上げ対策箇所追加 */ word-break: break-all; /* 売り上げ対策箇所追加 */ word-wrap: break-word; /* 売り上げ対策箇所追加 */ } #So1 h3, #So2 h3, #So1 .bd p, #So2 .bd p { letter-spacing: 0.07em; /* 売り上げ対策箇所追加 */ } /* h3 > a.t */ .ss h3 .t { /* ロコ仕様 */ font-size: 123%; /* 16px */ } /* p.x */ .ss .a { font-size: 108%; /* 売り上げ対策箇所追加 */ margin-top: 0; /* 売り上げ対策箇所 3px→0 */ line-height: 1.6; /* 売り上げ対策箇所 1.4em→1.6em */ } .ss .x { font-size: 108%; /* 売り上げ対策箇所追加 */ margin-top: 4px; /* 売り上げ対策箇所 3px→4px */ line-height: 1.6; /* 売り上げ対策箇所 1.4em→1.6em */ } .ss .co { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 4px; } .ss em { font-weight: bold; } .ss .u { display: block; color: #008000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* .ft */ .ss .ft a { padding-left: 5px; } .ss .ft .arr { float: left; _margin-right: 3px; overflow: hidden; text-indent: -9px; font-size: 0; position: relative; top: 3px; width: 0; height: 0; border-color: #fff #7c7d7d; border-style: solid; border-width: 4px 0 4px 4px; } .ss .m { margin-bottom: 5px; } .ss .ft .m2 { word-break: break-all; word-wrap: break-word; line-height: 1.3; } .ss .s { color: #999; display: block; float: left; margin: 0 5px; } /* #So1 , #So2 */ #So1 .hd, #So2 .hd { float: right; width: 8.8em; text-align: right; } #So1 .bd, #So2 .bd { margin-bottom: 6px; /* 売り上げ対策箇所追加 */ margin-top: 8px; /* 売り上げ対策箇所追加 */ padding-left: 8px; } /* #So3 , #So4 */ #So3, #So4 { border: none; background-color: #fff; /** for FF3.0 **/ overflow: hidden; } #So3 { margin: 0 0 15px; } #So3 .bd, #So4 .bd { margin-top: -8px; /* 売り上げ対策箇所追加 */ } /* アイコン */ .ss .ic { float: left; width: 12px; height: 12px; margin-top: 0.3em; /*background-image for imgconfig*/ font-size: 12px; line-height: 1; text-indent: -9999px; } /* クイックリンクス */ /* .st1 */ .ss .st1 { margin-top: 4px; line-height: 1.6; } .ss .st1 a { float: left; text-decoration: none; } .ss .st1 a:hover { text-decoration: underline; } #So1 { margin: 0 0 10px 0; } #So2 { margin-left: 0; } /* スポンサードサーチ([ North ] => #SO1, [ South ] => #SO2,[ East ] => #SO3,[ West ] => #SO4) */ /* --------------------------------------------------------------- 共通：【#So{num}】【.ss】スポンサードサーチ:二段スタイル North 「#So1」 South 「#So2」サブカラム「#So3」コマース左カラム「#So4」 --------------------------------------------------------------- */ /* --------------------------------------------------------------- 【So】SS [0:通常/ 1:Northのみ横並び / 2:Southのみ横並び / 3:North,South横並び /.../99（CSS適用なし）][0/1/.../99] $So_type = 0; --------------------------------------------------------------- */ /** * Other * * @section 4:Other * @see - */ /** 4-1 searchForm */ /* 検索窓周り([ North ],[ South ]) */ /** * Layout for Search Serp * 検索窓周り * * @section .searchForom * @see */ /** 4-1 searchForm */ /*

*/ .searchForm .sbox_1 { min-width: 650px; /* 633px+α */ } .searchForm .sbox_1 label { display: none; } .searchForm .sbox_2 { float: left; width: 440px; margin-right: 5px; } #yschsp, #yschsbp, #yschsp2, #yschsbp2 { width: 410px; /* 440-24+4 = 412 */ font-size: 107.6923%; height: 24px; padding: 2px 24px 0 4px; border: 1px solid #999; border-top: 1px solid #7c7c7c; background-color: #fff; vertical-align: bottom; line-height: 1.3; border-radius: 0; text-indent: 2px; } #yschsp, #yschsbp { float: left; } /* 【oneserp】【PC】【win7】【IE10】検索窓の「✕」機能の重複問題対策 */ #yschsp::-ms-clear, #yschsbp::-ms-clear { display: none; } /*GS専用*/ #mode, #bmode { float: right; } .searchForm .pu { float: right; width: 102px; height: 26px; padding-right: 5px; border: 1px solid #999; *border: none; /* for IE6,7 */ } .searchForm .pu select { border: none; outline: none; width: 100%; vertical-align: top; margin-top: 4px; } /* winのみ独自レイアウト枠線のプルダウンスタイル */ html:not([class*="data-win"]) .searchForm .pu { border: none; } html:not([class*="data-win"]) .searchForm .pu select { margin-top: 0; border: 1px solid #333; } .searchForm .b { float: left; width: 110px; height: 28px; line-height: 30px; *line-height: 29px; /* for ie6,7 */ letter-spacing: 0.1em; padding: 0 0 0 16px; /*background-image for imgconfig*/ border: 0px solid #fff; border-radius: 0; background-position: 25px -32px; background-color: #4070ff; font-size: 108%; font-weight: bold; color: #fff; cursor: pointer; } .searchForm .b:hover { background-color: #1155ee; } /* 検索ボタンの色違うサービスの上書き */ .searchForm .b { background-position: 25px -182px; background-color: #ffc515; color: #000; } .searchForm .b:hover { background-color: #ffb300; } /* クリアボタン */ /* sbnClearBtn 上検索窓クリアボタン sbsClearBtn 下検索窓クリアボタン */ #sbnClearBtn, #sbsClearBtn { /*display: block;*/ display: none; position: absolute; text-indent: -9999px; top: 5px; left: 412px; width: 18px; height: 18px; background-position: 0 -215px; background-repeat: no-repeat; cursor: pointer; } #sbnClearBtn:hover, #sbsClearBtn:hover { background-position: -20px -215px; } /* 検索窓の幅とか作りが違うサービスの上書き */ #yschsp, #yschsbp { width: 245px; margin-right: 5px; } .searchForm .pu { width: 152px; } #sbnClearBtn, #sbsClearBtn { left: 246px; } /* 条件指定、検索設定 */ /* .searchForm-opt */ .searchForm-opt { float: left; padding: 3px 0 0 6px; } .searchForm-opt br { display: none; } .searchForm-opt a, .searchForm-opt a:link, .searchForm-opt a:visited { display: block; padding: 3px 5px 3px 19px; background-position: 5px 5px; color: #444; font-size: 92%; text-decoration: none; } .searchForm-opt a:hover { text-decoration: underline; } #Sq .searchForm-opt { margin-top: -3px; _margin-top: 0; /* for IE6 */ padding: 2px 0 0 8px; } #Sq .searchForm-opt .pls { padding: 0 0 0 16px; background-position: 0 2px; } #Sq .searchForm-opt .set { padding: 0 0 0 16px; background-position: 0 -19px; } #Sq .searchForm-opt .pls:hover, #Sq .searchForm-opt .set:hover { text-decoration: underline; } /* フッター「条件指定」「設定」の1つしかない場合の位置調整 */ #Sq .searchForm-opt { margin-top: 4px; } /* 検索対象等ラジオ */ .searchForm-act { padding-top: 10px; font-size: 92%; _height: 1.4em; _overflow: hidden; } .searchForm-act label { float: left; margin-right: 10px; _margin-right: 8px; line-height: 1; vertical-align: top; white-space: nowrap; cursor: pointer; } .searchForm-act input { margin-right: 3px; } /* 適用サービス毎調整 */ /* --------------------------------------------------------------- 共通要素(SASS管理) --------------------------------------------------------------- */ /* # Error message Sg,Sh */ .msg { margin-bottom: 15px; padding-left: 6px; min-width: 460px; } .msg dt { display: inline; float: left; width: 12px; height: 12px; margin: 2px 0 0 0; background-position: -45px -370px; text-indent: -9999px; } .msg dd { margin-left: 16px; } .msg .bull { *zoom: 1; } .msg .bull:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } .msg .bull dt { width: 12px; height: 16px; margin: 2px 0 0 1px; background-position: -90px -370px; } .msg .bull dd { font-size: 123%; color: #f00; } .msg .bull a { float: left; margin-right: 5px; } .msg dd a, .msg dd em { margin-right: 2px; } .msg dd a em { margin: 0; font-weight: bold; } .msg .err dt { background-position: -60px -370px; } .msg .err dd { color: #a00; } .frame { border: 1px solid #ccc; padding: 6px 5px; } .msg .arr { position: relative; _position: static; background-position: -137px -365px; padding-left: 14px; } .msg .arr:before { content: ""; display: block; position: absolute; top: 3px; left: 0; width: 0; height: 0; border-style: solid; border-color: transparent #999; _border-color: #fff #999; border-width: 5px 0 5px 5px; _border-width: 6px 0 6px 6px; } .msg .line dd { float: left; margin-left: 4px; } .msg .set { float: left; padding-top: 5px; } .msg .set a { float: left; } .msg .arr2 { float: left; width: 6px; height: 8px; margin-right: 5px; border-bottom: 1px solid #999; border-left: 1px solid #999; text-indent: -9px; overflow: hidden; } .msg .h { float: left; width: 13px; height: 15px; background-position: -76px -440px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } .msg .f { position: relative; } .msg .f:before, .msg .f:after { z-index: 1; position: absolute; content: ""; display: block; width: 3px; height: 3px; } .msg .f:before { top: 3px; left: 2px; border-right: 1px solid #10337a; border-bottom: 1px solid #10337a; } .msg .f:after { top: 8px; left: 7px; border-left: 1px solid #333; border-top: 1px solid #333; } .msg .f dt { background: none; /*imgconfig*/ *background-position: -54px -440px; *background-repeat: no-repeat; width: 11px; height: 12px; margin: 2px 0 0 1px; position: relative; font-size: 0; } .msg .f dt:before, .msg .f dt:after { position: absolute; top: 1px; left: 1px; content: ""; display: block; width: 3px; height: 3px; border-color: #133d90; border-style: solid; border-width: 0 3px 3px 0; } .msg .f dt:after { top: 4px; left: 4px; border-width: 3px 0 0 3px; } .msg .f dd { float: left; padding-top: 0; margin-left: 5px; } .msg .f dd a { float: left; } /* # Si Unit */ #Si1, #Si2 { margin: 0 0 15px 6px; *zoom: 1; } #Si1 dt, #Si2 dt { position: relative; float: left; top: 3px; left: -1px; width: 13px; height: 15px; background-position: 0 -300px; text-indent: -9999px; } #Si1 dd, #Si2 dd { margin-left: 16px; line-height: 1.5; _text-indent: -3px; *zoom: 1; } #Si1 dd:after, #Si2 dd:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } #Si1 em, #Si2 em { font-weight: bold; } #Si1 a, #Si1 span, #Si2 a, #Si2 span { margin-right: 15px; float: left; *float: none; white-space: nowrap; *white-space: normal; *padding-left: 3px; } /* # Sp1 Paging */ #Sp1 { padding: 15px 0 25px; *zoom: 1; font-size: 123%; text-align: center; white-space: nowrap; _white-space: normal; } #Sp1.side { text-align: left; margin-left: 21px; } #Sp1 strong, #Sp1 a { padding: .25em .4em; margin: 2px; border: 1px solid #ddd; zoom: 1; white-space: nowrap; } #Sp1 strong { padding-bottom: .2em; *padding-bottom: .25em; background: #eee; *margin-bottom: 2px; } #Sp1 .m a { _padding-bottom: .1em; /* for IE6 */ text-decoration: none; _height: 1.35em; /* for IE6 */ } #Sp1 .m a .underLline { border-bottom: 1px solid; font-weight: bold; } #Sp1 .arr { font-family: Tahoma; line-height: 1; zoom: 1; } #Sp1 a:hover { border-color: #00d; background: #039; color: #fff; } #Sp1 a:hover .arr { border-color: #039; background: #039; color: #fff; } /* # Sz DL */ #Sz { margin-bottom: 20px; padding-left: 23px; } #Sz dt { float: left; margin-right: 10px; } #Sz em, #Sz a { font-weight: bold; } #Sz dd { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #999; white-space: nowrap; } #Sz .end { border: none; margin: 0; padding: 0; } /* # S1aa （414） Keyword is too long */ #S1aa { font-size: 123%; margin-top: 20px; margin-bottom: 30px; } #S1aa .t { margin-left: 23px; margin-bottom: 15px; } #S1aa ul { margin-left: 23px; margin-bottom: 20px; } #S1aa li { list-style-type: disc; list-style-position: inside; margin-left: 15px; margin-bottom: 5px; } /* # S1ab （-） No.50x */ #S1ab { font-size: 123%; margin-top: 20px; margin-bottom: 30px; } #S1ab .t { margin-left: 23px; margin-bottom: 15px; } #S1ab .e { margin-left: 23px; } #S1ab .e a { font-weight: bold; } /* # S1ac （-）, S1ak （-） */ #S1ac, #S1ak { margin: 20px 0 30px 23px; font-size: 123%; } #S1ac em, #S1ak em { font-weight: bold; } /* # .filter/.sort/.view */ .filter, .sort, .view { margin-left: 25px; line-height: 1.3; } .filter dt, .sort dt, .view dt { float: left; margin-right: 2px; font-weight: bold; } .filter dd, .sort dd, .view dd { float: left; border-right: 1px solid #999; padding: 0 5px 0 0; margin: 0 5px 0 0; color: #aeaeae; white-space: nowrap; } .filter strong, .sort strong, .view strong { color: #000; } .filter .end, .sort .end, .view .end { border: none; margin: 0; padding: 0; } .filter { margin-bottom: 5px; } .filter dt { width: 5em; } .sort { margin-bottom: 10px; } .sort a { float: left; } .sort .on a { font-weight: bold; } .sort span { float: left; width: 11px; height: 11px; overflow: hidden; margin-right: 3px; margin-top: 2px; } .sort .ic1 { background-position: -15px -370px; } .sort .ic2 { background-position: 0 -370px; } .view { margin-bottom: 10px; } .view a, .view strong, .view span { display: inline; float: left; } .view .ic1, .view .ic2, .view .ic3 { width: 13px; height: 13px; overflow: hidden; margin-right: 3px; margin-top: 2px; background-position: -20px -300px; } .view .ic2 { background-position: -33px -300px; } .view .ic3 { background-position: -46px -300px; } .view .on { color: #000; } .view .on .ic1 { background-position: -70px -300px; } .view .on .ic2 { background-position: -83px -300px; } .view .on .ic3 { background-position: -96px -300px; } /* # .skin{*} Core：Color Skin skin*：Default #d9e4f0 skin2：Pink #ead0e6 skin3：Orange #efcea5 skin4：Green #afe7ab skin5：Gray #d8d8d8 */ /** SS */ /* Pink */ .skin2 #So1, .skin2 #So2 { border-color: #fff2fa; background-color: #fff2fa; } .skin2 .ss .u { color: #a84a93; } /* /Pink */ /* Orange */ .skin3 #So1, .skin3 #So2 { border-color: #fff4e6; background-color: #fff4e6; } .skin3 .ss .u { color: #ba7521; } /* /Orange */ /* Green */ .skin4 #So1, .skin4 #So2 { border-color: #eefbea; background-color: #eefbea; } /* /Green */ /* Gray */ .skin5 #So1, .skin5 #So2 { border-color: #f6f6f6; background-color: #f6f6f6; } .skin5 .ss .u { color: #717171; } /* /Gray */ /** Suggest */ /*skin2 */ .skin2 #srchAssistOnOff { background-color: #ffe0f2; } /*skin3 */ .skin3 #srchAssistOnOff { background-color: #fff0da; } /*skin4 */ .skin4 #srchAssistOnOff { background-color: #bdedab; } /*skin5 */ .skin5 #srchAssistOnOff { background-color: #e6e6e6; } /* Color Skin */ .skin2 .searchForm .b { background-color: #e958c5; background-position: 25px -57px; } .skin2 .searchForm .b:hover { background-color: #e22eb6; } .skin2 #header { background-color: #fdfbfb; } .skin2 #SaA { border-color: #fbcaf0; } .skin2 #SaA-tg strong { border-color: #ef64c8; } .skin3 .searchForm .b { background-color: #f06f04; background-position: 25px -82px; } .skin3 .searchForm .b:hover { background-color: #e35000; } .skin3 #header { background-color: #fef8f1; } .skin3 #SaA { border-color: #ffbc6d; } .skin3 #SaA-tg strong { border-color: #ff882b; } .skin4 .searchForm .b { background-color: #4ba521; background-position: 25px -107px; } .skin4 .searchForm .b:hover { background-color: #418d1d; } .skin4 #header { background-color: #f8fbf4; } .skin4 #SaA { border-color: #9edd80; } .skin4 #SaA-tg strong { border-color: #33880b; } .skin5 .searchForm .b { background-color: #777; background-position: 25px -132px; } .skin5 .searchForm .b:hover { background-color: #646464; } .skin5 #header { background-color: #f9f9f9; } .skin5 #SaA { border-color: #ccc; } .skin5 #SaA-tg strong { border-color: #888; } /* Color Skin #Sf2 */ .skin2 #Sf2 { border-bottom: 1px solid #f1d8e9; } .skin3 #Sf2 { border-bottom: 1px solid #ede1d1; } .skin4 #Sf2 { border-bottom: 1px solid #dde9d6; } .skin5 #Sf2 { border-bottom: 1px solid #e7e7e7; } /* # UHD .gLnk */ #SaA .gLnk .open { background-color: #eee; } /* Color Chip */ #SaA .gLnk .json { padding-right: 18px; position: relative; } #SaA .gLnk .lnk a.clrCng { padding-right: 20px; } #SaA .gLnk #arr_2 { display: block; position: absolute; overflow: hidden; top: 11px; right: 2px; text-indent: -9999px; cursor: pointer; width: 0; height: 0; border-color: #999 transparent; _border-color: #999 #f9f9f9; border-style: solid; border-width: 5px 5px 0 5px; } #SaA .gLnk .open #arr_2 { _border-color: #999 #eee; border-width: 0 5px 5px 5px; _border-width: 0 6px 6px 6px; } #SaA .gLnk .cur { float: left; border: 1px solid #8caeea; } #SaA .gLnk .cur span { display: block; width: 6px; height: 6px; border: 2px solid #d1defa; background-color: #547cc7; overflow: hidden; text-indent: -9999px; } /* div#clrMenu */ #clrMenu { position: absolute; top: 2em; left: 6em; padding: 7px 3px 7px 7px; border: 1px solid #999; border-bottom-color: #444; background: #fff none repeat 0 50%; z-index: 1; } .option #clrMenu { left: 0; } #clrMenu.hide { display: none; } /* ul#clr */ #clr { display: block; margin: 0; } #clr li { float: left; margin-right: 5px; border-style: solid; border-width: 1px; } #clr li a { display: block; width: 6px; height: 6px; border-style: solid; border-width: 2px; text-indent: -9999px; overflow: hidden; } #clr #clr5 { margin-right: 4px; } #clr1 { border-color: #8caeea; } #clr1 a { background-color: #d1defa; border-color: #d1defa; } #clr2 { border-color: #e398c9; } #clr2 a { border-color: #f3d0e7; background-color: #f3d0e7; } #clr3 { border-color: #f1a348; } #clr3 a { border-color: #ffdda8; background-color: #ffdda8; } #clr4 { border-color: #8bbe49; } #clr4 a { border-color: #c8ea9a; background-color: #c8ea9a; } #clr5 { border-color: #a8a8a8; } #clr5 a { border-color: #dedede; background-color: #dedede; } #clr1 .on, #clr1 a:hover { background-color: #547cc7; } #clr2 .on, #clr2 a:hover { background-color: #dc68b2; } #clr3 .on, #clr3 a:hover { background-color: #e98106; } #clr4 .on, #clr4 a:hover { background-color: #529421; } #clr5 .on, #clr5 a:hover { background-color: #888; } /* skin */ .skin2 #SaA .gLnk .cur { border: 1px solid #e398c9; } .skin2 #SaA .gLnk .cur span { border: 2px solid #f3d0e7; background-color: #dc68b2; } .skin3 #SaA .gLnk .cur { border: 1px solid #f1a348; } .skin3 #SaA .gLnk .cur span { border: 2px solid #ffdda8; background-color: #e98106; } .skin4 #SaA .gLnk .cur { border: 1px solid #8bbe49; } .skin4 #SaA .gLnk .cur span { border: 2px solid #c8ea9a; background-color: #529421; } .skin5 #SaA .gLnk .cur { border: 1px solid #a8a8a8; } .skin5 #SaA .gLnk .cur span { border: 2px solid #dedede; background-color: #888; } /* # Print */ @media print { #ygps { display: none; } * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; } } /* --------------------------------------------------------------- #footer --------------------------------------------------------------- */ /** 3-1:Sq */ #Sq { margin-bottom: 20px; _position: relative; } #Sq .inner { position: relative; padding: 0 0 10px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background-color: #f9f9f9; } /** #Sq > SqC */ #SqC { margin-top: 10px; margin-left: 33px; position: relative; } #SqC fieldset { display: block; position: relative; } /** 3-2:SqA */ #SqA { margin-bottom: 5px; color: #666; text-align: center; } #SqA a { color: #0e1bbb; } /** 3-3:SqB p#SqB */ #SqB { padding: 0 0 20px; text-align: center; color: #666; } #SqB small { font-size: 100%; } /** 3-4:SqD #SqD south promo */ #SqD { margin-bottom: 20px; text-align: center; } /** 3-5:S1ae switch-device */ #S1ae { margin: 0 auto 15px; width: 20em; text-align: center; clear: both; } #S1ae div { display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; } #S1ae dl { font-size: 14px; } #S1ae dt { display: inline; padding-right: .2em; } #S1ae dd { display: inline; line-height: 1.2em; } #S1ae dd span { font-weight: bold; } #S1ae dd span:before { font-weight: normal; content: "｜"; } /* --------------------------------------------------------------- #footer.option --------------------------------------------------------------- */ #footer.option { width: 950px; margin: 0 auto; padding-top: 10px; border-top: 1px solid #e7e7e7; } /** * Shopping Search Serp Style * * Layout for component * * @project OneSeRP-Auction-pj * @author tshinchi * @lastcompified 2010-8-16 13:15 * @css-doc Version 1.0pre * @revision * @media PC * @see http://tools01.map.ogk.yahoo.co.jp:3000/issues/show/7393 */ /** * Master setting * * コンポーネント * @section Master for .comp * @see - */ .comp { padding-top: 10px; word-break: break-all; word-wrap: break-word; clear: both; min-height: 111px; _height: 111px; } .comp:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; } /** for Win IE5.5-7 */ .comp { zoom: 1; } /** Hack */ .AS1m table tr td.editdd-td { padding-top: 0; width: 100% \9; /* for IE6-IE8 Hack add width */ } /** * ショッピングマッチ * */ .editDD .hd { margin: 0 164px 0 110px; } /*h3.comp-t*/ .editDD .hd .comp-t { font-size: 123%; font-weight: bold; display: inline; } .editDD .hd .s { color: #000; margin: 0 3px; } .editDD .hd cite { color: #008000; } /*p.comp-sup*/ .editDD .comp-sup { margin-top: 3px; color: #666; } /*p.comp-s-t*/ .editDD .comp-s-t { margin: 10px 0 0; } .editDD .comp-s-t em { font-weight: bold; } /*p.comp-e*/ .editDD .comp-e { margin-top: 5px; margin-bottom: 5px; } .editDD .comp-e cite { color: #686ccd; } /*url*/ .editDD .comp-u { color: #008000; margin-bottom: 10px; } .editDD .comp-tb { float: left; width: 97px; } .editDD .comp-tb br { display: none; } .editDD .comp-tb .imageTb { border: 1px solid #cfcfcf; display: block; padding: 4px; text-align: center; } .editDD .comp-tb .imageDesc { font-size: 92%; text-decoration: none; color: #666; display: block; text-align: center; margin-bottom: 10px; } .editDD .compContents { margin: 0 164px 0 110px; } /*ul.comp-e2*/ .editDD .comp-e2 { margin-bottom: 5px; color: #686ccd; } .editDD .comp-e2 li { margin-top: 2px; } /*p.comp-m*/ .editDD .comp-m a { color: #666ccc; } /*Separate*/ .editDD .s { color: #686ccd; margin: 0 3px; } /** * 製品DD（AS1k） * */ .productDD { position: relative; /* for IE6 */ } /* .comp-tb */ .productDD .comp-tb { width: 97px; display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; zoom: 1; margin-right: 10px; } .productDD .comp-tb br { display: none; } .productDD .comp-tb .imageTb { border: 1px solid #cfcfcf; display: block; padding: 4px; text-align: center; margin-bottom: 5px; } .productDD .comp-tb .imageDesc { font-size: 92%; display: block; color: #686ccd; text-align: center; } /* .comp-bd */ .productDD .comp-bd { width: 630px; display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; zoom: 1; *position: absolute; /* for IE6,IE7 */ *top: 10px; /* for IE6,IE7 */ *left: 110px; /* for IE6,IE7 */ } /*h3.comp-t*/ .productDD .hd .comp-t { font-weight: bold; display: inline; } .productDD .hd .s { color: #666; margin: 0 3px; } .productDD .hd cite { color: #008000; } /* .compContents */ /*ul*/ .productDD ul { margin-bottom: 5px; padding-left: 10px; color: #686ccd; } .productDD ul:after { display: block; clear: both; content: ""; } /** for Win IE5.5-7 */ .productDD ul { zoom: 1; } #AS1m1 .productDD ul li { display: inline-block; margin-right: 10px; line-height: 1.8; white-space: nowrap; float: left; } .productDD ul li a { vertical-align: baseline; } /*dl*/ .productDD dl { position: relative; padding-left: 5.5em; } .productDD dl:after { display: block; clear: both; content: ""; } /** for Win IE5.5-7 */ .productDD dl { zoom: 1; } .productDD dl dt { position: absolute; top: 0; left: 10px; } .productDD dl dd { display: inline; margin: 0 20px 5px 0; white-space: nowrap; color: #686ccd; float: left; } .productDD dl dd a { vertical-align: baseline; } /* 機能追加／改修 #28990: 【ヤフオク!】【PC】TOPページデザイン変更 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/28990 */ /* COMMON v2.0.0 for デザイン刷新2014*/ .yjmth { *height: 1%; } .yjmth img { vertical-align: middle; border: 0px; } .yjmth a { border: 0px; } div.yjmthproplogoarea { float: left; } div.yjmthproplogoarea a { display: block; width: 188px; height: 30px; padding: 10px 0; background: #ffda45; text-align: center; } div.yjmthloginarea { float: left; margin: 10px 0px 0px 15px; font-size: small; text-align: left; line-height: 1.3; } div.yjmthloginarea img.decIco { padding: 0.2em 4px 0.4em 0; } div.yjmthloginarea em { padding-left: 10px; color: #cb5201; font-weight: bold; } div.yjmthcplogoarea { float: right; } div.yjmthcmnlnkarea { float: right; margin: 10px 3px 0px 0px; font-size: smaller; text-align: right; line-height: 110%; } div.yjmthcmnlnkarea a.st01 { display: inline-block; padding: 1px 0 2px 17px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.0/spr_header_02.png"); background-repeat: no-repeat; background-position: -46px 1px; } br.yjmthclear { clear: both; } div.yjgrplink { text-align: right; font-size: smaller; line-height: 115%; } #masthead { width: 100%; margin-bottom: 10px; text-align: left; } #masthead a { text-decoration: none; } #masthead a:link { color: #2a7bb4; } #masthead a:visited { color: #2a7bb4; } #masthead a:hover { color: #d7a50d; } #masthead strong { font-weight: bold; } #masthead:after { content: "."; display: block; position: relative; height: 0; clear: both; visibility: hidden; } * html #masthead { height: 1%; } * html #masthead .yjmth { margin: 0; padding: 0; } /* EMG */ #emg, #emg2, #emg3 { width: 950px; margin: 0 auto 10px; text-align: center; } #emg a, #emg2 a, #emg3 a { text-decoration: none; } #emg a:link, #emg2 a:link, #emg3 a:link { color: #0088cc; } #emg a:visited, #emg2 a:visited, #emg3 a:visited { color: #7e7e7e; } #emg a:hover, #emg2 a:hover, #emg3 a:hover { color: #d7a50d; } #emg2 br { display: none; } #emg table, #emg2 table, #emg3 table { margin: 0 auto; text-align: left; } /* ---------- 3:ClearFix ---------- */ /* not include */ /* ---------- 4:layout Cart ---------- */ /*END*/ /* PropertyLink.css v1.0.0 */ /*END*/ /*Pop*/ /*end*/ /* text settings */ /* add */ #acWrHeader a, .acMdCateLinks a { text-decoration: none; } /* ----------------------------------------#acWr---------*/ /* modify */ #acWrGlobalNavi { position: relative; z-index: 100; top: 2px; margin-bottom: 13px; font-size: 13px; line-height: 1.4; } #acWrContainer { margin-bottom: 20px; padding: 0 10px 10px; background: #f1f0e8; } #acWrHeader { position: relative; min-width: 950px; border-bottom: 3px solid #FEDA45; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; /* for ie6-7 */ *z-index: 10; } /* ----------------------------------------card---------*/ /* not include */ /* Search.css */ .acMdSearchForm { position: relative; height: 46px; padding-top: 20px; padding-right: 380px; margin-bottom: 15px; } .acMdSearchForm .untBody { position: relative; max-width: 793px; min-height: 46px; _width: auto; _height: 46px; margin-right: 86px; border: 2px solid #33322f; background: #fff; } .acMdSearchForm .untBody .ptsInputTxt { padding-right: 250px; } .acMdSearchForm .untBody .ptsInputTxt #sbnClearBtn2 { right: 0; } .acMdSearchForm .untBody .ptsCate { position: absolute; top: 8px; right: 70px; /*width:80px;*/ min-height: 30px; _height: 30px; background-color: #e2e1da; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.0/spr_header_02.png"); background-repeat: no-repeat; background-position: 100% -654px; color: #908d88; font-size: 92%; cursor: pointer; z-index: 101; _white-space: nowrap; } .acMdSearchForm .untBody .ptsCate p { padding: 7px 24px 0 7px; } .acMdSearchForm .untBody .ptsSearchBtn input { position: absolute; top: 0; right: 0; _right: -2px; width: 60px; height: 48px; border: none; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.0/spr_header_02.png"); background-repeat: no-repeat; background-position: 0 -723px; text-indent: -9999px; cursor: pointer; -webkit-appearance: none; border-radius: 0; } .acMdSearchForm .untBody .ptsOption { position: absolute; top: 8px; right: -80px; } .acMdSearchForm .untBody .ptsOption a { display: inline-block; height: 30px; padding: 0 5px 0 3px; background: #e2e1da; line-height: 30px; font-size: 12px; color: #33322f; text-decoration: none; font-weight: bold; text-align: center; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; -webkit-transform: translate3d(0, 0, 0); } .acMdSearchForm .untBody .ptsOption a:hover { opacity: 0.7; filter: alpha(opacity=70); } .acMdSearchForm .untBody .ptsOption a span { padding-right: 2px; } .acMdSearchForm .untBody .ptsPanel { display: none; position: absolute; top: 38px; right: 70px; width: 522px; padding: 15px 0; border: 1px solid #e2e1da; background: #fff; z-index: 100; } .acMdSearchForm .untBody .ptsPanel .list { position: relative; background: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.0/bg_modSearch_01.png?1414481321") center repeat-y; } .acMdSearchForm .untBody .ptsPanel .list .closeBtn { display: block; position: absolute; right: 0; bottom: -15px; _clear: both; width: 36px; height: 35px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.0/spr_header_02.png"); background-repeat: no-repeat; background-position: -24px -581px; text-indent: -9999px; cursor: pointer; } .acMdSearchForm .untBody .ptsPanel ul { width: 174px; float: left; } .acMdSearchForm .untBody .ptsPanel li { margin: 0 5px 10px 10px; font-size: 92%; cursor: pointer; } .acMdSearchForm .untBody .ptsPanel li.hover { color: #d7a50d; } .acMdSearchForm .untBody .ptsPanel li.on { font-weight: bold; color: #d7a50d; } /*comment search assist -------------------*/ /** 1-5-2 Sb_2 サジェストバージョン2 */ /*comment search assist -------------------*/ #Sb_2 { width: 100%; top: 48px; left: -2px; padding-right: 57px; -moz-box-sizing: border-box; box-sizing: border-box; } /* IE8のブラウザバックでページトップに戻るバグの修正対応 */ /* #Sb_2.on{ width: 440px; } */ #Sb_2.srchAssistOFF { display: none; } #srchAssistBd { border: 1px solid #7c7c7c; background-color: #fff; *zoom: 1; } /* ul#sugres*/ #sugres li { display: block; line-height: 1; color: #000; padding: 4px 6px 5px; *padding: 4px; cursor: pointer; *zoom: 1; } #sugres em { font-weight: bold; } #sugres .active { background-color: #f0f0f0; } /* #srchAssistTxt */ #srchAssistTxt { padding: 3px 5px 3px 5px; } #srchAssistOnOff { padding: 3px 8px 1px 0; white-space: nowrap; color: #555; font-size: 85%; text-align: right; background-color: #f7f7f7; } #srchAssistOnOff dt { display: inline; line-height: 1; } #srchAssistOnOff dd { display: inline; line-height: 1; padding-left: 13px; /*background-image for imgconfig*/ background-position: 3px -254px; _background-position: 3px -255px; font-weight: bold; color: #000; *zoom: 1; } #srchAssistOnOff dd a { font-weight: normal; text-decoration: none; } #srchAssistOnOff dd.first { background: none; } #srchAssistClose, #srchacb { position: relative; display: block; width: 38px; height: 10px; cursor: pointer; line-height: 0; text-indent: -9999px; display: none; } #srchAssistClose { position: absolute; right: 60px; } /** #srchAssistClose.on ←→ #srchAssistClose 開閉切り替え */ #srchacb { display: none; border: 1px solid transparent; _border: 1px solid #f9f9f9; } #srchacb:hover { background-color: #f0f0f0; border: 1px solid #999; border-top: 1px solid #999; } .on #srchacb { background-color: #999; border: 1px solid #666; border-top: 1px solid #999; } #srchAssistClose span { position: absolute; display: block; top: 3px; left: 15px; width: 0; height: 0; border-color: #999 transparent; _border-color: #999 #f9f9f9; /* for IE6 */ border-style: solid; border-width: 4px 4px 0 4px; } #srchAssistClose.on span { border-color: #fff #999; /* for IE6 */ border-width: 0 4px 4px 4px; _border-width: 0 5px 5px 5px; /* for IE6 */ _top: 1px; } #ASj .MdBody { border-left: 1px solid #D6D5CF; border-right: 1px solid #D6D5CF; border-bottom: 1px solid #D6D5CF; } #srchAssistBd { border: 2px solid #d3d2cc; border-top: none; } #srchAssistOnOff { padding-top: 5px; padding-bottom: 5px; font-size: small; } #yschsp { width: 100%; border: none; background: #fff; font-size: 123%; outline: none; margin: 0; height: 46px; line-height: 46px; vertical-align: inherit; text-indent: inherit; padding: 0 0 0 10px; } /*sprite*/ #sbn #sbnClearBtn2, .data-win-ie-60 #sbn #sbnClearBtn2, .data-win-ie-70 #sbn #sbnClearBtn2, .data-win-ie-80 #sbn #sbnClearBtn2 { background-image: url(https://s.yimg.jp/images/serp/as/ic_clear2.png); background-repeat: no-repeat; text-indent: -9999px; position: absolute; top: 8px; right: 204px; width: 30px; height: 30px; } #sbn #sbnClearBtn2 { background-size: 18px auto; background-position: 6px -24px; } #sbn #sbnClearBtn2:hover { background-position: 6px -48px; } .data-win-ie-60 #sbn #sbnClearBtn2, .data-win-ie-70 #sbn #sbnClearBtn2, .data-win-ie-80 #sbn #sbnClearBtn2 { background-position: 6px 6px; } .data-win-ie-60 #sbn #sbnClearBtn2:hover, .data-win-ie-70 #sbn #sbnClearBtn2:hover, .data-win-ie-80 #sbn #sbnClearBtn2:hover { background-position: 6px -24px; } /* Search_BuyMethod_Option */ .acMdSearchForm__optionItemList { position: absolute; top: -4px; width: 400px; left: 2px; } .acMdSearchForm__optionItem { display: inline-block; line-height: 19px; vertical-align: middle; } .acMdSearchForm__optionItem .Radio__radio { position: absolute; top: 0; } .acMdSearchForm__optionItem .Radio__text { display: block; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 100px; height: 23px; padding: 0; margin-right: -3px; background-color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; border-top: 1px solid #bab6ab; border-left: 1px solid #bab6ab; border-right: 1px solid #bab6ab; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; cursor: pointer; line-height: 22px; text-align: center; font-size: 13px; color: #000; } .acMdSearchForm__optionItem .Radio__text:hover { opacity: 0.7; } .acMdSearchForm__optionItem:nth-child(1) .Radio__radio { left: -9999px; /* modern browser */ } .acMdSearchForm__optionItem:nth-child(2) .Radio__text { margin-right: -4px; } .acMdSearchForm__optionItem:nth-child(2) .Radio__radio { left: -9999px; /* modern browser */ } .acMdSearchForm__optionItem:nth-child(3) .Radio__radio { left: -9999px; /* modern browser */ } .acMdSearchForm__optionItem input[type=radio]:checked + .Radio__viewRadio + .Radio__text { background-color: #46443f; border-top: 1px solid #46443f; border-left: 1px solid #46443f; border-right: 1px solid #46443f; cursor: pointer; font-weight: bold; color: white; } .acMdSearchForm__optionItem input[type=radio]:checked + .Radio__viewRadio + .Radio__text:after { font-weight: normal; color: #000; } /* END of Search_BuyMethod_Option */ .yjmth { font-size: medium; } #srchAssistClose, #srchacb { display: block; } #srchAssistBd { border: 2px solid #d3d2cc; border-top: none; } #sugres li { padding: 5px 0 5px 10px; line-height: 1.5; } #sugres .active { background-color: #d3d2cc; } #srchAssistOnOff { padding-top: 5px; padding-bottom: 5px; font-size: small; } /*END*/ /* SavedSearch.css */ /*END*/ /* Navi.css */ .acMdNaviBox { position: absolute; right: 0; top: 20px; width: 339px; } .acMdNaviBox .untBody li { float: left; height: 45px; } .acMdNaviBox .untBody li a { display: block; padding-top: 31px; background: no-repeat; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; -webkit-transform: translate3d(0, 0, 0); color: #33322f; font-size: 11px; font-weight: bold; text-align: center; white-space: nowrap; } .acMdNaviBox .untBody li a:hover { opacity: 0.7; filter: alpha(opacity=70); } .acMdNaviBox .untBody li.st01 a { width: 43px; margin-right: 47px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_header_02.png"); background-repeat: no-repeat; background-position: -46px -257px; margin-right: 47px; background-position: -48px -257px; } .acMdNaviBox .untBody li.st02 a { width: 45px; margin-right: 34px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_header_02.png"); background-repeat: no-repeat; background-position: -48px -338px; margin-right: 34px; background-position: -46px -337px; } .acMdNaviBox .untBody li.st03 a { width: 58px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_header_02.png"); background-repeat: no-repeat; background-position: -33px -419px; margin-right: 20px; background-position: -29px -418px; } .acMdNaviBox .untBody li.st04 a { width: 91px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_header_02.png"); background-repeat: no-repeat; background-position: 0 -500px; background-position: -1px -499px; } /* END of Navi.css */ /* acMdAlertMsg.css v2.0.0 */ .acMdAlertMsg { width: 950px; margin: 0 auto 20px auto; line-height: 1.56; clear: both; } .acMdAlertMsg a { text-decoration: none; } .acMdAlertMsg a:link { color: #0088cc; } .acMdAlertMsg a:visited { color: #7e7e7e; } .acMdAlertMsg a:hover { color: #d7a50d; } .acMdAlertMsg .untBody { padding: 20px; border: 1px solid #252525; background: #fff; } .acMdAlertMsg .untBody p { color: #333; text-align: center; } .acMdAlertMsg .untBody p em { font-size: 100%; /*16px*/ font-weight: bold; } .acMdAlertMsg .untBody p.decTxt { font-size: 81%; /*13px*/ } /*END*/ /* Attention.css */ .acMdAttention { margin-bottom: 30px; } .acMdAttention a { text-decoration: none; } .acMdAttention a:link { color: #0088cc; } .acMdAttention a:visited { color: #7e7e7e; } .acMdAttention a:hover { color: #d7a50d; } .acMdAttention .untBody { width: 504px; margin: 0 auto; } .acMdAttention .untBody table { width: 100%; border-collapse: collapse; border: 2px solid #c00; border-spacing: 0; } .acMdAttention .untBody th { width: 99px; background: #c00; color: #fff; font-size: 81%; /*13px*/ font-weight: bold; text-align: center; } .acMdAttention .untBody td { padding: 18px 15px; background: #fff; font-size: 88%; /*14px*/ text-align: left; } /* SavedSearch.css */ .acMdServiceLink { position: absolute; right: 10px; bottom: 4px; z-index: 200; margin-top: 3px; margin-bottom: 0; width: 244px; height: 2em; } .acMdServiceLink ul { font-size: 100%; position: absolute; right: 0; bottom: 0; } .acMdServiceLink li { display: inline-block; margin-left: 15px; *display: inline; *zoom: 1; } .acMdServiceLink li a { text-decoration: none; } .acMdServiceLink li a:link { color: #2a7bb4; } .acMdServiceLink li a:visited { color: #2a7bb4; } .acMdServiceLink li a:hover { color: #d7a50d; } .acMdServiceLink li a { display: inline-block; padding: 2px 0; } /*bread*/ #acWrGlobalNavi .hd { padding: 2px 270px 2px 0px; margin-top: 18px; } #acWrGlobalNavi .hd li a:link { color: #2a7bb4; } #acWrGlobalNavi .hd li a:visited { color: #2a7bb4; } #acWrGlobalNavi .hd li a:hover { color: #d7a50d; } .l-wrapper { overflow: hidden; min-width: 970px; padding: 0; } .l-header { padding: 0 10px; } .l-contents { background: #F0F0E8; padding: 15px 10px; } .l-container { overflow: hidden; } .l-left { float: none; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .is-3column .l-left { float: left; width: 50%; padding-right: 8px; *width: 49.2%; *padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .l-right { float: none; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .is-3column .l-right { float: right; width: 50%; padding-left: 8px; *width: 49.2%; *padding: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .l-main { float: left; width: 100%; margin-left: -356px; } .l-mainInner { margin-left: 356px; } .l-sub { float: right; width: 340px; margin-bottom: 20px; } .l-footer { padding: 30px 10px 0; } .l-header, .l-contents, .l-contentsBody, .l-container, .cf, .Radio, .CheckBox, .CheckBoxArea, .Color__colorLists, .acMdMegaLinks .untBody, .SearchBox, .ContentBox__title--carousel, .Maker, .Maker__lists, .BodyType, .BodyType__lists, .MapModal__lists, .Shopping__body, .Shopping__list, .Recommend__items, .is-3column .Recommend__link, .ModalHeader, .ModalNavi__tabs, .ModalBodySlider, .ModalMaker, .ModalMaker__selectbox, .ModalMaker__selectedCars, .ModalCarType, .ModalLocalType, .ModalOptionItem, .ModalOptionItem__content--color, .ModalOptionItem__colorLists, .ModalFooter { *zoom: 1; } .l-header:after, .l-contents:after, .l-contentsBody:after, .l-container:after, .cf:after, .Radio:after, .CheckBox:after, .CheckBoxArea:after, .Color__colorLists:after, .acMdMegaLinks .untBody:after, .SearchBox:after, .ContentBox__title--carousel:after, .Maker:after, .Maker__lists:after, .BodyType:after, .BodyType__lists:after, .MapModal__lists:after, .Shopping__body:after, .Shopping__list:after, .Recommend__items:after, .is-3column .Recommend__link:after, .ModalHeader:after, .ModalNavi__tabs:after, .ModalBodySlider:after, .ModalMaker:after, .ModalMaker__selectbox:after, .ModalMaker__selectedCars:after, .ModalCarType:after, .ModalLocalType:after, .ModalOptionItem:after, .ModalOptionItem__content--color:after, .ModalOptionItem__colorLists:after, .ModalFooter:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .ModalCarType__label { background: url(../../AS/img/img_bodytype_sp.png) no-repeat; } .CheckBoxArea__label.CheckBoxArea__label--lightcar, .CheckBoxArea__label--lightcar, .ModalCarType__label.ModalCarType__label--lightcar { background-position: 40px 50px; } .CheckBoxArea__label.CheckBoxArea__label--compact, .CheckBoxArea__label--compact, .ModalCarType__label.ModalCarType__label--compact { background-position: 40px -50px; } .CheckBoxArea__label.CheckBoxArea__label--minivan, .CheckBoxArea__label--minivan, .ModalCarType__label.ModalCarType__label--minivan { background-position: 40px -150px; } .CheckBoxArea__label.CheckBoxArea__label--wagon, .CheckBoxArea__label--wagon, .ModalCarType__label.ModalCarType__label--wagon { background-position: 40px -250px; } .CheckBoxArea__label.CheckBoxArea__label--suv, .CheckBoxArea__label--suv, .ModalCarType__label.ModalCarType__label--suv { background-position: 40px -350px; } .CheckBoxArea__label.CheckBoxArea__label--sedan, .CheckBoxArea__label--sedan, .ModalCarType__label.ModalCarType__label--sedan { background-position: 40px -452px; } .CheckBoxArea__label.CheckBoxArea__label--coupe, .CheckBoxArea__label--coupe, .ModalCarType__label.ModalCarType__label--coupe { background-position: 40px -552px; } .CheckBoxArea__label.CheckBoxArea__label--open, .CheckBoxArea__label--open, .ModalCarType__label.ModalCarType__label--open { background-position: 40px -652px; } .ModalMaker__viewCheckBox, .ModalCarType__viewCheckBox, .ModalLocalType__viewCheckBox { background: url(../../AS/img/img_checkbox_x2.png); } .ModalCarType .ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_x2.png); } .data-win-ie-80 .ModalCarType .ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus, .data-win-ie-70 .ModalCarType .ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus, .data-win-ie-60 .ModalCarType .ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox.png); } .ModalCarType .ModalCarType__viewCheckBox--on.ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_on_focus_x2.png); } .data-win-ie-80 .ModalCarType .ModalCarType__viewCheckBox--on.ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus, .data-win-ie-70 .ModalCarType .ModalCarType__viewCheckBox--on.ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus, .data-win-ie-60 .ModalCarType .ModalCarType__viewCheckBox--on.ModalCarType__viewCheckBox--focus.CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_on_focus.png); } .CheckBox .CheckBox__viewCheckBox--disabled.CheckBox__viewCheckBox, .ModalMaker__carType .ModalMaker__viewCheckBox.ModalMaker__viewCheckBox--disabled, .ModalLocalType .ModalLocalType__viewCheckBox--disabled.ModalLocalType__viewCheckBox { background: url(../../AS/img/img_checkbox_disabled.png) no-repeat; } .CheckBox .CheckBox__viewCheckBox--on.CheckBox__viewCheckBox.CheckBox__viewCheckBox--disabled, .ModalMaker .ModalMaker__viewCheckBox.ModalMaker__viewCheckBox--on.ModalMaker__viewCheckBox--disabled, .ModalLocalType .ModalLocalType__viewCheckBox--disabled.ModalLocalType__viewCheckBox.ModalLocalType__viewCheckBox--on { background: url(../../AS/img/img_checkbox_on_disabled.png) no-repeat; } .CheckBoxSmall__viewCheckBox, .ModalOptionItem__viewCheckBox, .ModalOptionOther__viewCheckBox { background: url(../../AS/img/img_checkbox_small.png) no-repeat; } .CheckBoxSmall__viewCheckBox--on, .ModalOptionItem__viewCheckBox--on, .ModalOptionOther__viewCheckBox--on { background: url(../../AS/img/img_checkbox_small_on.png) no-repeat; } .Select__customSelect, .ModalOptionItem__customSelect { background: url(../../AS/img/img_select_on.png) right center no-repeat; } .Color__labelColor--perl, .ModalOptionItem__labelColor--perl { background: #F3F2CE url(../../AS/img/bg_perl.png) repeat-x; } .Color__labelColor--silver, .ModalOptionItem__labelColor--silver { background: #E5E5E3 url(../../AS/img/bg_silver.png) repeat-x; } .Radio { font-size: 87.5%; } .Radio__lineDiv { min-height: 22px; _height: 22px; } .Radio__label { position: relative; cursor: pointer; } .Radio__radio { position: absolute; left: -9999px; top: 0; } .Radio__viewRadio { position: absolute; left: 0; top: 1px; display: none; width: 18px; height: 18px; } .Radio__text { padding-left: 20px; width: 110px; } .Radio__text--on { font-weight: bold; } .CheckBox { margin-top: 17px; font-size: 87.5%; } .CheckBox__label { cursor: pointer; position: relative; display: inline-block; _display: inline; zoom: 1; white-space: nowrap; } .CheckBox__checkBox { position: absolute; left: -9999px; top: 0; } .CheckBox .CheckBox__viewCheckBox--disabled.CheckBox__viewCheckBox { cursor: default; } .CheckBox .CheckBox__viewCheckBox--on.CheckBox__viewCheckBox.CheckBox__viewCheckBox--disabled { cursor: default; } .CheckBox__viewCheckBox { display: none; width: 20px; height: 20px; vertical-align: middle; } .CheckBox__text { margin: 0 5px 0 4px; line-height: 1.2; font-size: 14px; } .CheckBox__text--on { font-weight: bold; } .CheckBox__text--disabled { color: #888; cursor: default; } .CheckBoxSmall { font-size: 87.5%; } .CheckBoxSmall__label { position: relative; cursor: pointer; } .CheckBoxSmall__checkBox { position: absolute; left: -9999px; top: 0; } .CheckBoxSmall__viewCheckBox { display: none; width: 16px; height: 16px; vertical-align: middle; } .CheckBoxSmall__text { margin: 0 6px 0 3px; line-height: 16px; } .CheckBoxSmall__text--on { font-weight: bold; } .Color__colorLists { margin-top: 9px; } .Color__colorList { float: left; margin-right: 6px; width: 20px; height: 20px; border: #FFF 3px solid; padding: 1px 3px 3px 1px; _padding: 1px; text-indent: -9999px; font-size: 0; line-height: 0; } .Color__colorList--on { border: #d7a50d 2px solid; margin-right: 8px; } .Color__labelColor { text-indent: -9999px; display: block; width: 20px; height: 20px; border: #E0E1D9 1px solid; cursor: pointer; } .Color__labelColor--white { background: #FFF; } .Color__labelColor--black { background: #000; border: #000 1px solid; } .Color__labelColor--gray { background: #AAA; border: #AAA 1px solid; } .Color__labelColor--red { background: #FB3C00; } .Color__labelColor--purple { background: #79002D; } .Color__labelColor--blue { background: #2F54F5; } .Color__labelColor--green { background: #3AD27B; } .Color__labelColor--brown { background: #9A5F04; } .Color__labelColor--yellow { background: #FCDC00; } .Color__labelColor--orange { background: #FAA400; } /* Button ボタン .Button--normalSmall - すべてのメーカーを見る .Button--normal - 自動車車体を出品する Markup: すべてのメーカーを見る Styleguide 1 */ .is-hidden { display: none; } .Button--search { position: relative; display: block; width: 307px; height: 48px; margin: 0 auto; border: 1px solid #33322f; color: #fff; background-color: #504f4b; line-height: 48px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; font-size: 112.5%; } .Button--search:hover { opacity: 0.7; filter: alpha(opacity=70); } .Button--search input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 307px; height: 48px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--search:before, .Button--search:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--search:link, .Button--search:visited, .Button--search:hover, .Button--search:active { color: #fff; } .Button--search:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #33322f; } .Button--search:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #504f4b; } .Button--search input { color: #FFF; } .Button--searchWide { position: relative; display: block; width: auto; height: 48px; margin: 0 auto; border: 1px solid #33322f; color: #fff; background-color: #504f4b; line-height: 48px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; font-size: 125%; } .Button--searchWide:hover { opacity: 0.7; filter: alpha(opacity=70); } .Button--searchWide input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; height: 48px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--searchWide:before, .Button--searchWide:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--searchWide:link, .Button--searchWide:visited, .Button--searchWide:hover, .Button--searchWide:active { color: #fff; } .Button--searchWide:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #33322f; } .Button--searchWide:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #504f4b; } .Button--normal { position: relative; display: block; width: 307px; height: 48px; margin: 0 auto; border: 1px solid #9f9e98; color: #33322f; background-color: #f6f6f1; line-height: 48px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; font-size: 112.5%; } .Button--normal:hover { opacity: 0.7; filter: alpha(opacity=70); } .Button--normal input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 307px; height: 48px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--normal:before, .Button--normal:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--normal:link, .Button--normal:visited, .Button--normal:hover, .Button--normal:active { color: #33322f; } .Button--normal:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .Button--normal:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } .Button--normal a { text-decoration: none; } .Button--normal a:link { color: #000; } .Button--normal a:visited { color: #000; } .Button--normal a:hover { color: #d7a50d; } .Button--normalSmall { position: relative; display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; padding-right: 10px; width: 307px; height: 34px; margin: 0 auto; border: 1px solid #9f9e98; color: #33322f; background-color: #f6f6f1; line-height: 34px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; } .Button--normalSmall:hover { opacity: 0.7; filter: alpha(opacity=70); } .Button--normalSmall input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 307px; height: 34px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--normalSmall:before, .Button--normalSmall:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--normalSmall:link, .Button--normalSmall:visited, .Button--normalSmall:hover, .Button--normalSmall:active { color: #33322f; } .Button--normalSmall:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .Button--normalSmall:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } .Button--normalSmall a { text-decoration: none; } .Button--normalSmall a:link { color: #000; } .Button--normalSmall a:visited { color: #000; } .Button--normalSmall a:hover { color: #d7a50d; } .Button--searchDisabled { position: relative; display: block; width: 307px; height: 48px; margin: 0 auto; border: 1px solid #8a8984; color: #c1c0bb; background-color: #9b9a95; line-height: 48px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: default; font-size: 112.5%; } .Button--searchDisabled input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 307px; height: 48px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--searchDisabled:before, .Button--searchDisabled:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--searchDisabled:link, .Button--searchDisabled:visited, .Button--searchDisabled:hover, .Button--searchDisabled:active { color: #c1c0bb; } .Button--searchDisabled:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #8a8984; } .Button--searchDisabled:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #9b9a95; } .Button--normalDisabled { position: relative; display: block; width: 307px; height: 48px; margin: 0 auto; border: 1px solid #d9d8d4; color: #999; background-color: #f6f6f1; line-height: 48px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: default; font-size: 112.5%; } .Button--normalDisabled input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 307px; height: 48px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--normalDisabled:before, .Button--normalDisabled:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--normalDisabled:link, .Button--normalDisabled:visited, .Button--normalDisabled:hover, .Button--normalDisabled:active { color: #999; } .Button--normalDisabled:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #eae9e4; } .Button--normalDisabled:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } .Button--normalSmallDisabled { position: relative; display: inline-block; *display: inline; *zoom: 1; padding-left: 10px; padding-right: 10px; width: auto; height: 34px; margin: 0 auto; border: 1px solid #9f9e98; color: #33322f; background-color: #f6f6f1; line-height: 34px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: default; } .Button--normalSmallDisabled input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto; height: 34px; color: inherit; background: transparent; border: 0; cursor: inherit; } .Button--normalSmallDisabled:before, .Button--normalSmallDisabled:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--normalSmallDisabled:link, .Button--normalSmallDisabled:visited, .Button--normalSmallDisabled:hover, .Button--normalSmallDisabled:active { color: #33322f; } .Button--normalSmallDisabled:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .Button--normalSmallDisabled:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } .Grayfilter { display: none; position: fixed; _position: absolute; top: 0; _top: 0; left: 0; width: 100%; height: 2000px; background: #000; opacity: 0.5; *filter: alpha(opacity=50); /* ie 6 7 */ -ms-filter: "alpha(opacity=50)"; /* ie 8 */ z-index: 100; } .Modal { display: none; width: 800px; position: fixed; _position: absolute; padding-bottom: 15px; background: #E2E2DA; top: 50%; _top: 0; left: 50%; z-index: 200; } .ModalHeader { background: #33322E; color: #FFF; line-height: 1.1; padding: 15px 20px; } .ModalHeader__title { float: left; width: 700px; font-size: 112.5%; } .ModalHeader__close { float: right; width: 18px; height: 18px; background: url(../../AS/img/btn_close_modal.png) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; } .ModalHeader__close:hover { opacity: 0.7; filter: alpha(opacity=70); } .ModalBodyWrap { overflow: hidden; position: relative; width: 800px; min-height: 397px; _height: 397px; z-index: 100; } .ModalBodySlider { width: 3500px; } .ModalBody { float: left; width: 652px; min-height: 380px; _height: 380px; background: #FFF; margin: 0 15px 0; padding: 0 55px 15px 60px; } .ModalBody__title { padding: 20px 0 24px; font-size: 100%; } .ModalBody__fontsmall { font-size: 75%; } .ModalMaker__title { padding: 20px 0 10px; } .ModalMaker__maker { float: left; } .ModalMaker__carType { float: right; } .ModalMaker__selectbox { width: 318px; border: 2px solid #e2e1da; } .ModalMaker__selectboxDefault { width: 318px; border: 2px solid #e2e1da; padding-top: 121px; height: 161px; text-align: center; font-weight: bold; line-height: 1.5; } .ModalMaker__index { float: left; height: 276px; padding: 10px 0 0 6px; background: #F5F4F2; font-size: 75%; color: #7DAFD7; } .ModalMaker__index--country { position: relative; width: 74px; } .ModalMaker__index--letter { position: relative; width: 27px; } .ModalMaker__indexList--country { height: 35px; *height: 33px; cursor: pointer; } .ModalMaker__indexList--countryLetterSpacing { letter-spacing: -0.1em; } .ModalMaker__indexList--letter { height: 24px; *height: 21px; cursor: pointer; } .ModalMaker__indexList--letterEnglish { height: 38px; *height: 35px; cursor: pointer; } .ModalMaker__selectLists { overflow: auto; position: relative; width: 238px; _width: 237px; height: 286px; float: right; font-size: 87.5%; } .ModalMaker__selectLists--cartype { width: 285px; _width: 284px; } .ModalMaker__selectList { vertical-align: middle; } .ModalMaker__selectList--on { background: #ebd286; color: #FFF; } .ModalMaker__selectList--title { height: 19px; padding-left: 10px; line-height: 20px; background: #33322E; border: none; color: #FFF; font-size: 75%; } .ModalMaker__selectList--maker { height: 34px; padding-left: 10px; line-height: 34px; border-bottom: 1px solid #D3D2CD; cursor: pointer; } .ModalMaker__selectList--active { background: #f3e4b6; } .ModalMaker .ModalMaker__selectList--active.ModalMaker__selectList--disabled { background: #fff; } .ModalMaker__selectList--cartype { border-bottom: 1px solid #D3D2CD; } .ModalMaker__label { position: relative; padding: 10px 0; display: block; width: 220px; cursor: pointer; padding-left: 40px; text-indent: -29px; *padding-top: 6px; word-break: break-all; word-wrap: break-word; } .ModalMaker__checkBox { position: absolute; top: 0; left: -9999px; } .ModalMaker__viewCheckBox { display: inline-block; width: 20px; height: 20px; margin-right: 9px; vertical-align: middle; } .ModalMaker__text { line-height: 1.2; font-size: 15px; } .ModalMaker__text--disabled { color: #888; } .ModalMaker__text--small { font-size: 87.5%; } .ModalMaker__selectedCars { margin-top: 15px; position: relative; } .ModalMaker__selectedCarsTitle { position: absolute; top: 0; left: 0; height: 20px; line-height: 20px; vertical-align: middle; color: #8D8D8B; font-size: 75%; } .ModalMaker__selectedCar { width: 560px; top: 0; left: 92px; position: absolute; font-size: 75%; } .ModalMaker__selectedCar > span:last-child .ModalMaker__selectedCarDelete { margin-right: 0; } .ModalMaker__selectedCarItem { text-overflow: ellipsis; display: inline-block; *display: inline; *zoom: 1; line-height: 20px; vertical-align: middle; max-width: 75px; overflow: hidden; white-space: nowrap; } .ModalMaker__selectedCarDelete { margin: 0 15px 0 2px; vertical-align: middle; cursor: pointer; } /* ボディタイプを選択ボディタイプを選択（モーダル内） Markup:

軽自動車
コンパクトカー
ミニバンワンボックス
ステーションワゴン

Styleguide 20 */ .ModalCarType { margin-top: 15px; } .ModalCarType__carType { float: left; font-size: 87.5%; } .ModalCarType__label { position: relative; display: block; width: 145px; height: 98px; padding: 9px 6px 0; margin-right: 10px; _margin-right: 5px; margin-bottom: 10px; border: 1px solid #E2E2DA; cursor: pointer; } .ModalCarType__label--on { border: 2px solid #d7a50d; padding: 8px 5px 0; margin-bottom: 6px; } .ModalCarType__checkBox { position: absolute; left: -9999px; top: 0; } .ModalCarType__viewCheckBox { position: absolute; left: 8px; top: 6px; display: block; width: 20px; height: 20px; } .ModalCarType__text { display: inline-block; padding-left: 30px; width: 110px; line-height: 1.2; } .ModalCarType__text--on { font-weight: bold; } /* 出品地域を選択出品地域を選択（モーダル内） Markup:

出品地域を選択（複数選択可）

北海道・東北: 北海道青森岩手宮城秋田山形福島

Styleguide 21 */ .ModalLocalType { margin-top: 17px; font-size: 87.5%; } .ModalLocalType__areagroup { float: left; width: 135px; } .ModalLocalType__area { float: left; width: 515px; } .ModalLocalType__label { cursor: pointer; position: relative; display: inline-block; _display: inline; zoom: 1; white-space: nowrap; } .ModalLocalType__checkBox { position: absolute; left: -9999px; top: 0; } .ModalLocalType__viewCheckBox { display: none; width: 20px; height: 20px; vertical-align: middle; } .ModalLocalType .ModalLocalType__viewCheckBox--disabled.ModalLocalType__viewCheckBox { cursor: default; } .ModalLocalType .ModalLocalType__viewCheckBox--disabled.ModalLocalType__viewCheckBox.ModalLocalType__viewCheckBox--on { cursor: default; } .ModalLocalType__text { margin-right: 5px; line-height: 1.2; font-size: 15px; } .ModalLocalType__text--on { font-weight: bold; } .ModalLocalType__text--disabled { color: #888; cursor: default; } /* この条件で検索この条件で検索 Markup:

513,425台の車種から

Styleguide 23 */ .ModalFooter { margin: 15px 15px 0; height: 78px; background: #FFF; } .ModalFooter__number { float: left; padding: 30px 10px 0 0; width: 333px; text-align: right; font-size: 87.5%; } .ModalFooter__numberFontStyle { margin-right: 3px; font-size: 137.5%; color: #CB5201; } .ModalFooter__searchButtonWrap { margin-top: 17px; float: left; width: 285px; height: 45px; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; } .ModalFooter__searchButtonWrap:hover { opacity: 0.7; filter: alpha(opacity=70); } .ModalFooter__searchButton { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 5px; width: 285px; height: 45px; background: #33322E; color: #fff; font-size: 112.5%; cursor: pointer; } .Select__customSelect { background: url(../../AS/img/img_select_on.png) right center no-repeat; } .Select { font-size: 87.5%; position: relative; } .Select__select { -webkit-appearance: none; position: absolute; width: 183px; margin: 0 10px; font-size: 16px; background: #FFF; height: 45px; color: #000; *zoom: 1; opacity: 0; *filter: alpha(opacity=0); /* ie 6 7 */ -ms-filter: "alpha(opacity=0)"; /* ie 8 */ cursor: pointer; } .Select__customSelect { display: none; margin: 0 10px; font-size: 16px; width: 167px; border-radius: 2px; border: 1px solid #8e8d87; padding: 10px 0 10px 10px; line-height: 1.2px; color: #000; } .Select__customSelect--on { border: 1px solid #8e8d87; background-color: #F3E4B6; } /** * Auction Search Serp Style * * Layout for NarrowCondition module .ASn1 * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for .ASn1 * @see - */ .ASn1 { border: 1px solid #ccc; padding-left: 5px; padding-right: 5px; margin-bottom: 20px; } /** * ASn1Items setting * * @section ASn1Items for .ASn1 * @see - */ /* inner */ .ASn1 .inner { width: 100%; margin: 0; padding: 0; clear: both; } .ASn1 .inner .arr { background-image: url(/PRODUCT/oneserp/S/img/s_110426.png); background-position: -160px -175px; display: inline-block; height: 0; vertical-align: middle; overflow: hidden; padding-top: 7px; width: 4px; margin-right: 5px; *display: inline; zoom: 1; } /* hd */ .ASn1 .inner .hd { border-bottom: 1px solid #ccc; padding: 5px; } .ASn1 .inner .hd h2 { font-size: 123%; font-weight: bold; float: left; } .ASn1 .inner .hd .rt { float: right; margin-top: .1em; } .ASn1 .inner .hd .rt a { text-decoration: none; } .ASn1 .inner .hd .rt a:hover { text-decoration: underline; } /* hd */ .ASn1 .inner .bd { color: #666; } .ASn1 .inner .bd ul { list-style: none; padding: 5px; margin-bottom: 3px; } .ASn1 .inner .bd ul li { padding-bottom: 2px; display: block; } .ASn1 .inner .bd ul li em { font-weight: bold; } /* ft */ .ASn1 .inner .ft { padding: 0 5px 5px; } /** 機能追加／改修 #23999: 【ヤフオク!】【PC】ショッピングとの一致UI改善（ライブテスト） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/23999 */ #ASn2v2 { margin-bottom: 20px; } #AS1m1 #ASn2v2, #AS1m3 #ASn2v2 { margin-bottom: 0; } #AS1m1 #ASn2v2 h2 { margin-top: 10px; } #AS1m3 #ASn2v2 h2 { margin-top: 10px; } #ASn2v2 h2 { margin-bottom: 10px; padding: 5px 10px; border-top: 1px solid #CCCCCC; background-color: #EEEEEE; } #ASn2v2 h2 a { text-decoration: none; } #ASn2v2 h2 a:hover { text-decoration: underline; } #ASn2v2 ul { margin-left: 10px; margin-bottom: 20px; } #AS1m3 #ASn2v2 ul { margin-left: 10px; margin-bottom: 15px; } #ASn2v2 li { position: relative; display: inline-block; _display: inline; float: left; width: 131px; margin-right: 13px; padding: 0; } #ASn2v2 .tb { display: table-cell; margin-bottom: 5px; height: 80px; width: 131px; vertical-align: middle; } #ASn2v2 .tb a { background-color: hotpink; display: block; width: 76px; height: 76px; } #ASn2v2 .tb a img { display: block; width: 76px; height: 76px; margin: 0 auto 0 0; } #ASn2v2 .dtl01 .label { display: block; width: 75px; height: 16px; line-height: 16px; margin-bottom: 5px; background-color: #FFD5AA; text-align: center; white-space: nowrap; font-size: 11px; color: #333333; } #ASn2v2 .dtl01 h3 { font-size: 12px; margin-bottom: 10px; word-break: break-all; min-height: 28px; _height: 28px; } #ASn2v2 .dtl01 h3 em { font-weight: bold; } #ASn2v2 li .dtl02 { line-height: 1em; } #ASn2v2 li .dtl02 .price { display: block; margin-bottom: 5px; font-weight: bold; } #ASn2v2 li .dtl02 .label { font-size: 12px; color: #333333; } /** 機能追加／改修 #23999: 【ヤフオク!】【PC】ショッピングとの一致UI改善（ライブテスト） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/23999 */ #ASn3 { margin-bottom: 30px; } #CZb #ASn3 h2 { font-weight: normal; font-size: 100%; } #AS1m1 #ASn3, #AS1m3 #ASn3 { margin-bottom: 0; } #AS1m1 #ASn3 h2 { margin-top: 10px; } #AS1m3 #ASn3 h2 { margin-top: 10px; } /*crs nav sprite*/ #ASn3 .bDisable p, #ASn3 .bArw p, #ASn3 .nDisable p, #ASn3 .nArw p, #ASn3 ul.cPos li { background-image: url(../../AS/img/b_crs.png); background-repeat: no-repeat; background-size: 155px auto; } /*crs nav sprite old ie*/ .data-win-ie-80 #ASn3 .bDisable p, .data-win-ie-80 #ASn3 .bArw p, .data-win-ie-80 #ASn3 .nDisable p, .data-win-ie-80 #ASn3 .nArw p, .data-win-ie-80 #ASn3 ul.cPos li, .data-win-ie-70 #ASn3 .bDisable p, .data-win-ie-70 #ASn3 .bArw p, .data-win-ie-70 #ASn3 .nDisable p, .data-win-ie-70 #ASn3 .nArw p, .data-win-ie-70 #ASn3 ul.cPos li, .data-win-ie-60 #ASn3 .bDisable p, .data-win-ie-60 #ASn3 .bArw p, .data-win-ie-60 #ASn3 .nDisable p, .data-win-ie-60 #ASn3 .nArw p, .data-win-ie-60 #ASn3 ul.cPos li { background-image: url(../../AS/img/b_crs_1.png); } #ASn3 h2 { margin-bottom: 10px; padding: 5px 10px; border-top: 1px solid #CCCCCC; background-color: #EEEEEE; } /*----------------------------------------------------------------------------------------------Crsel*/ #ASn3 .bArw p, #ASn3 .bDisable p, #ASn3 .nArw p, #ASn3 .nDisable p { width: 25px; height: 73px; text-indent: -9999px; } #ASn3 .bArw p, #ASn3 .bDisable p { float: left; margin: 45px 15px 0 0; } #ASn3 .bArw p { display: block; overflow: hidden; background-position: 0 0; } #ASn3 .bArw p:hover { background-position: -52px 0; } #ASn3 .bDisable p { background-position: -104px 0; } #ASn3 .nArw p, #ASn3 .nDisable p { float: right; margin: 45px 0 0 15px; } #ASn3 .nArw p { display: block; overflow: hidden; background-position: -26px 0; } #ASn3 .nArw p:hover { background-position: -78px 0; } #ASn3 .nDisable p { background-position: -130px 0; } #ASn3 ul.cPos { margin: 10px auto 0; text-indent: -9999px; text-align: center; } #ASn3 ul.cPos li { float: left; width: 13px; height: 13px; border: 7px solid #FFF; background-position: 0 -79px; } #ASn3 ul.cPos li.current { background-position: -22px -79px; } #ASn3 #mdCrsBt { margin: 0 auto; padding: 0; } #ASn3 #mdCrsWr { overflow: hidden; position: relative; } #ASn3 #mdCrsWr ul.imgBnr { position: relative; width: 9999px; } #ASn3 #mdCrsWr ul.onepage { padding-left: 10px; } #ASn3 #mdCrsWr ul.imgBnr li { float: left; width: 154px; display: inline-block; _display: inline; padding: 0; } #ASn3 #mdCrsWr ul.imgBnr li .dtl01, #ASn3 #mdCrsWr ul.imgBnr li .dtl02 { margin-right: 15px; } #ASn3 #mdCrsWr ul.imgBnr li .tb a { position: relative; left: -7px; } #ASn3 .tb { display: table; margin: 0 auto; } #ASn3 .tb a { display: table-cell; width: 124px; height: 89px; vertical-align: middle; layout-grid-line: 89px; text-align: center; } .data-win-ie-80 #ASn3 .tb a { display: block; } #ASn3 .tb a img { display: block; margin: 0 auto; /*ie6/7*/ *width: 124px; max-width: 124px; max-height: 89px; } #ASn3 .dtl01 h3 { font-size: 12px; margin: 10px 0; word-break: break-all; height: 2.3em; overflow: hidden; } #ASn3 .dtl01 h3 em { font-weight: bold; } #ASn3 .dtl02 { line-height: 1em; } #ASn3 .dtl02 .pn { margin-right: 5px; color: #999; font-size: 85%; } #ASn3 .dtl02 .price { margin-bottom: 5px; font-weight: bold; } #ASn3 .dtl02 .nrend { display: block; margin-top: 5px; color: #f00; font-size: 85%; } #ASn3 .dtl02 .label { font-size: 12px; color: #333333; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASs * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #ASs * @see - */ #ASs { width: 100%; padding-top: 10px; text-align: center; margin-bottom: 8px; clear: both; } /** * ASsItems setting * * @section ASsItems for #ASs * @see - */ #ASs font { color: #666; } /** * Auction Search Serp Style * * Layout for NarrowCondition module nv * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2010-05-02 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #AS-word * @see - */ #AS-word { width: 100%; min-height: 36px; _height: 36px; text-align: left; margin: 0; padding: 0; display: block; position: relative; float: left; clear: both; } /** * nvItems setting * * @section nvItems for #AS-word * @see - */ /* nl */ #AS-word .wd { width: auto; padding-right: 144px; margin: 0; display: block; float: left; _float: none; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASk * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ #ASk { float: left; position: relative; width: 150px; text-align: left; } #AS1m3 #ASk, #AS1m3 #ASk .inner, #AS1m3 #ASk .inner .bd { position: static; display: block; margin: 0; padding: 0; border: 0 none; width: auto; height: auto; } #AS1m1 #ASk .inner .bd select { position: relative; top: -3px; left: -5px; } #AS1m3 #ASk .inner .bd { padding-top: 5px; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASl * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #ASl * @see - */ #ASl { width: auto; margin: 0; padding-top: 3px; white-space: nowrap; display: block; } #ASl a { text-decoration: none; } #ASl a:hover { text-decoration: underline; } /** * ASlItems setting * * @section ASlItems for #ASl * @see - */ /* view */ #ASl .view { display: block; float: left; white-space: nowrap; margin: 0; } #ASl .view dl { display: block; float: left; } #ASl .view dt { font-weight: normal; } #ASl .view .ic1, #ASl .view .ic2, #ASl .view .ic3 { text-indent: -10000em; } /* set */ #ASl .view .set { float: left; margin-left: 10px; } /* .sort-master (.filter) */ #ASl .sm { float: left; } #ASl .sm dt { font-weight: normal; } #ASl .sm dd { color: #000; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASv * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * * モジュール： * @section Master for #ASv * @see - */ #ASv .my { position: absolute; width: 91px; top: 5px; right: 40px; } #ASv .rss { position: absolute; width: 36px; top: 5px; right: 0; } #ASv a { display: block; height: 17px; overflow: hidden; text-indent: -9999px; } #ASv li.my a, #ASv li.rss a { background-image: url(../../AS/img/sp_as2.png); background-repeat: no-repeat; } #ASv li.my a { background-position: -5px -120px; } #ASv li.rss a { background-position: -101px -120px; } /** * Shopping Search Serp Style * * Layout for NarrowCondition module #ASj * * @project OneSeRP-Auction-pj * @author makyokoi * @lastmodified｡｡2010-05-10 10:00 * @css-doc Version 1.0pre * @revision 7233 * @media PC */ /** * Master setting * * モジュール： * @section Master for #ASj * @see - */ #ASj .MdBody { padding: 0; margin-bottom: 15px; color: #000; border-right: none; border-left: none; border-bottom: 1px solid #D6D5CF; word-break: break-all; word-wrap: break-word; } #ASj a { text-decoration: none; } #ASj a:hover { text-decoration: underline; } #ASj .t { display: block; position: relative; margin-bottom: 5px; width: 100%; /* for IE7 */ _height: 1px; /* for IE6 */ line-height: 20px; } #ASj .b { width: 6.25em; _height: 1.7em; /* for IE6 */ text-align: center; display: block; margin: 8px auto; cursor: pointer; } #ASj em { position: relative; color: #666; font-weight: bold; padding: 0 0 4px 18px; background-image: url(../../AS/img/sp_as2.png); background-repeat: no-repeat; display: block; cursor: pointer; _width: 148px; } .sellinglist #ASj ul, .sellinglist #ASj li { margin: 0; padding: 0; } #ASj .o em { background-position: -263px -161px; } #ASj .c em { background-position: -263px -216px; } #ASj .o em.hover { background-position: -263px -161px; } #ASj .c em.hover { background-position: -263px -216px; } #ASj .c .acd { display: none; } #ASj em.exChecked { width: 120px; } #ASj .t .dvCancel { position: absolute; top: 0; right: 0; } .ASjItems, .ASjCharity, .ASjItems, .ASjCategory, .ASjOther, .ASjPriceRange, .ASjModel, .ASjMileage, .ASjColor, .ASjPColor, .ASjMission, .ASjTime, .ASjArea, .ASjLayout, .ASjYear, .ASjLand, .ASjReturn, .ASjSellerStatus { border-bottom: solid 1px #ccc; margin-bottom: 10px; } .closedsearch #S_Exhibitor2 { border-bottom: 0 none; } .sellinglist #ASj .MdBody div:last-child { border-bottom: 0 none; } #ASj .elActive { font-weight: bold; color: #c63; } #ASj .elActive i { font-size: 100%; } #ASj .pu1, #ASj .pu2, #ASj .pu3 { width: 100%; display: block; clear: both; } #ASj .pu1 select, #ASj .pu2 select, #ASj .pu3 select { width: 135px; margin: 0; } #ASj .pu1 { margin-bottom: 5px; } #ASj .pu2 { margin-bottom: 2px; } #ASj .pu3 { margin-bottom: 0; } #ASj .ASjPriceRange p.dvError { color: #f30; margin: 0px 0 3px 0; _margin: 0px 0 7px 0; padding: 0; font-weight: normal; clear: both; } #ASj .ft { margin-bottom: 5px; } /* 解除 */ #ASj div.t.exChecked { padding-top: 2px; background-color: #FFF4D5; } #ASj .t.exChecked em { padding-top: 1px; } #ASj .t.exChecked .dvCancel { top: 3px; } /* 見出し .top */ #ASj .top { position: relative; text-align: left; zoom: 1; } #ASj .top span { padding-top: 5px; padding-bottom: 5px; } #ASj .top a { position: absolute; width: 90px; top: 2px; right: 2px; cursor: pointer; display: block; background: #fefefe url("http://i.yimg.jp/images/serp/as/btn_area_bg.png") repeat-x 0 100%; background: -moz-linear-gradient(top, #fefefe, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -webkit-linear-gradient(top, #fefefe, #efefef); background: linear-gradient(to bottom, #fefefe, #efefef); border: 1px solid #ccc; border-radius: 3px; color: #333; padding: 3px; font-size: 12px; text-align: center; text-decoration: none; white-space: nowrap; } #ASj .top a:hover { text-decoration: none; } /** * ASjItems setting * * @section ASjItems for #ASj * @see - */ #ASj .ASjItems li { position: relative; line-height: 1.4; } #ASj .ASjItems li p { padding-left: 10px; color: #888; font-size: 87.5%; } #ASj .ASjItems li span { display: none; } #ASj .ASjItems li a:before { position: relative; display: inline-block; content: ""; top: 2px; width: 12px; height: 12px; border: 1px solid #CCCCCC; margin-right: 3px; overflow: hidden; } #ASj .ASjItems li.checked a:after { position: absolute; content: ''; display: block; width: 5px; height: 13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -2px; left: 5px; border-bottom: 2px solid #000; border-right: 2px solid #000; } .data-win-ie-60 #ASj .ASjItems li span, .data-win-ie-70 #ASj .ASjItems li span { display: block; } /** * ASjCharity setting * * @section ASjCharity for #ASj * @see - */ #ASj .ASjCharity label { line-height: 1.5em; } #ASj .ASjCharity label input { margin-right: 2px; } /** * ASjSellerStatus setting * * @section ASjCategory for #ASj * @see - */ #ASj .ASjSellerStatus li { margin-bottom: 3px; font-weight: normal; color: #666; } #ASj .ASjSellerStatus ul { margin-bottom: 5px; } #ASj .ASjSellerStatus ul.child { margin-top: 4px; margin-bottom: 0; } #ASj .ASjSellerStatus ul.child li { padding-left: 5px; } #ASj .ASjSellerStatus .acd:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; } #ASj .ASjSellerStatus .acd { zoom: 1; } #ASj .ASjSellerStatus li a:visited { color: #0000DE; } /** * ASjCategory setting * * @section ASjCategory for #ASj * @see - */ #ASj .ASjCategory { font-size: 92.3%; /* 12px */ } #ASj .ASjCategory i { font-size: 85%; color: #666; font-style: normal; } #ASj .ASjCategory span i { color: #c63; } #ASj .ASjCategory li { margin-bottom: 3px; font-weight: normal; color: #666; } #ASj .ASjCategory ul, #ASj .ASjOther ul { margin-bottom: 5px; } #ASj .ASjCategory ul.child, #ASj .ASjOther ul.child { margin-top: 4px; margin-bottom: 0; } #ASj .ASjCategory ul.child li, #ASj .ASjOther ul.child li { padding-left: 5px; } /*

カテゴリページへ

*/ #ASj .ASjCategory .acd:after { display: block; visibility: hidden; clear: both; height: 0; content: ""; } #ASj .ASjCategory .acd { zoom: 1; } #ASj .ASjCategory .m_category { margin-bottom: 5px; float: right; } #ASj .ASjCategory .m_category .arr { background-image: url(/PRODUCT/oneserp/S/img/s_110331.png); background-position: -160px -175px; margin-right: 3px; float: left; height: 0; margin-top: 0.3em; overflow: hidden; padding-top: 7px; width: 4px; } /*　カテゴリエキスパンド対応 */ #ASj .expand .t, #ASj .ASjCategory ul.child li .expand .t { margin-bottom: 0; line-height: 20px; } #ASj .ASjCategory ul.child li .expand li { padding-left: 0; } /** * ASjPayment setting * * @section ASjPayment for #ASj * @see - */ #ASj .ASjPriceRange li { margin-bottom: 4px; font-size: 92%; } #ASj .ASjPriceRange li i { font-size: 92%; color: #666; font-style: normal; } #ASj .ASjPriceRange p { padding: 3px 0; color: #666; font-weight: bold; } #ASj .exBelow { margin-right: 2px; _margin-right: 1px; } #ASj .exAbove { margin: 0 2px; _margin: 0 1px; } #ASj .ASjPriceRange .dvInput { font-size: 12px; } #ASj .ASjPriceRange .dvInput input { width: 56px; } #ASj .ASjPriceRange ul.pr { padding-top: 5px; } #ASj .ASjPriceRange ul.pr li { width: 49%; display: block; float: left; } #ASj .ASjPriceRange ul.pr .ra { /* for IE6 */ margin-right: 3px; margin-top: 0.15em; *margin: -0.1em 0 0 0; padding: 0; vertical-align: top; *vertical-align: middle; _vertical-align: baseline; display: inline; } /* 商品の色 */ #ASj .imgc { width: 165px; margin: 0 auto; } #ASj .imgc li { position: relative; float: left; width: 33px; padding: 0; _display: inline; } #ASj .imgc li .pl { display: block; width: 18px; height: 18px; margin: 5px auto 15px; text-decoration: none; border: 2px solid #fff; outline: 1px solid #ddd; } #ASj .imgc .wh .pl { *border: 1px solid #ddd; } #ASj .imgc li .pl span { display: none; position: absolute; top: -28px; left: -14px; width: 60px; height: 30px; color: #333; text-align: center; line-height: 26px; font-size: 85%; background: url(../../AS/img/bl.png) 0 0 no-repeat; } #ASj .imgc li .pl:hover span { display: block; z-index: 4; } #ASj .imgc li .clActive { width: 24px; height: 24px; margin: 1px auto 11px; border: 3px solid #fff; *border: 3px solid #000; outline: 3px solid #999; } #ASj .imgc .wh .clActive { *border: 3px solid #000; } /*palette colors start*/ /*palette sp_colors sprite*/ #ASj .imgc .no a, #ASj .imgc .go a, #ASj .imgc .si a, #ASj .imgc .mu a { background-image: url(../../AS/img/spc_s.png); background-repeat: no-repeat; } #ASj .imgc .no .clActive, #ASj .imgc .go .clActive, #ASj .imgc .si .clActive, #ASj .imgc .mu .clActive { background-image: url(../../AS/img/spc_s.png); background-repeat: no-repeat; } #ASj .imgc .no .pl { background-position: 0 0; } #ASj .imgc .wh .pl { background: #fff; } #ASj .imgc .bla .pl { background: #000; } #ASj .imgc .gra .pl { background: #808080; } #ASj .imgc .ba .pl { background: #f0f0d3; } #ASj .imgc .br .pl { background: #663f24; } #ASj .imgc .re .pl { background: #e51717; } #ASj .imgc .pi .pl { background: #ff8cc6; } #ASj .imgc .pu .pl { background: #7f1a80; } #ASj .imgc .na .pl { background: #131380; } #ASj .imgc .blu .pl { background: #2626ff; } #ASj .imgc .aq .pl { background: #1fe3f5; } #ASj .imgc .gre .pl { background: #0e8c0e; } #ASj .imgc .kh .pl { background: #bdb76b; } #ASj .imgc .ye .pl { background: #fff200; } #ASj .imgc .or .pl { background: #ffa500; } #ASj .imgc .go a { background-position: 0 -30px; } #ASj .imgc .go .clActive { background-position: 0 -54px; } #ASj .imgc .si a { background-position: 0 -84px; } #ASj .imgc .si .clActive { background-position: 0 -108px; } #ASj .imgc .mu a { background-position: 0 -138px; } #ASj .imgc .mu .clActive { background-position: 0 -162px; } /*palette colors end*/ /** * ASjOther setting * * @section ASjPayment for #ASj * @see - */ #ASj .ASjOther ul li { display: block; border-left: #999 solid 1px; padding: 0 5px; float: left; *line-height: 1.3; font-size: 12px; } /* 出品者のみ */ #ASj #S_Exhibitor2.ASjOther ul li { padding: 0 2px; } #ASj .ASjOther ul li.st { padding-right: 5px; border-left: none; } /* 出品者のみ */ #ASj #S_Exhibitor2.ASjOther ul li { padding-right: 2px; } #ASj .ASjOther ul li:last-child { padding-right: 0; } /** * ASjMileage setting * * @section ASjMission for #ASj * @see - */ #ASj .ASjMission li { padding-bottom: 3px; *padding-bottom: 0; } #ASj .ASjMission .cb { margin: 0 3px 0 0; *margin: 0 1px 0 0; vertical-align: middle; display: inline; } #ASj .ASjMission label { *margin: 0; vertical-align: middle; } /** * ASjLayout setting * * @section ASjLayout for #ASj * @see - */ #ASj .ASjLayout li { margin-bottom: 2px; _margin-bottom: 0; } #ASj .ASjLayout .cb { /* for IE6 */ margin-right: 3px; margin-top: 0.15em; *margin: -0.1em 0 0 0; padding: 0; vertical-align: top; *vertical-align: middle; _vertical-align: baseline; display: inline; } /* add 2013/3/7 */ #ASj #S_Exhibitor .narrow { padding-bottom: 8px; } #ASj #S_Exhibitor .narrowUsers.off { color: #999; } #ASj #S_Exhibitor .narrow .to { padding: 5px 0 0 5px; background-color: #eee; line-height: 20px; } #ASj #S_Exhibitor .narrow .to .t { display: inline-block; *display: inline; *zoom: 1; width: auto; color: #666; font-weight: bold; } #ASj #S_Exhibitor .narrowBtns { padding: 0 5px 0; padding-bottom: 8px; clear: both; background-color: #eee; } #ASj #S_Exhibitor .narrowBtns .ra { margin-right: 3px; margin-top: 0.15em; padding: 0; vertical-align: middle; *margin-right: 0px; *vertical-align: baseline; display: inline; } #ASj #S_Exhibitor .narrowBtns label.on { margin-right: 25px; } #ASj #S_Exhibitor .narrowUsers { background-color: #eee; padding: 0 5px 0; padding-top: 10px; border-top: 1px solid #ccc; padding-bottom: 8px; font-size: 84.6%; /* 11px */ } #ASj #S_Exhibitor .narrowUsers p { position: relative; left: -1px; height: 16px; line-height: 16px; margin-bottom: 4px; } #ASj #S_Exhibitor .narrowUsers p.on { padding-left: 17px; background: url(../../AS/img/icExNarrow.png) no-repeat 0 0; } #ASj #S_Exhibitor .narrowUsers p.over { padding-left: 17px; background: url(../../AS/img/icExNarrow.png) no-repeat 0 -16px; } #ASj #S_Exhibitor .narrowUsers .dvError { color: #f30; margin-bottom: 5px; } #ASj #S_Exhibitor .narrowUsers li { /* padding-bottom: 1px; */ border: none; float: none; padding: 0; margin-bottom: 3px; } #ASj #S_Exhibitor .narrowUsers label { vertical-align: top; } #ASj #S_Exhibitor .narrowUsers .b { margin: 6px auto 0; cursor: auto; } /*都道府県*/ #ASj #S_Area.ASjArea em { display: inline-block; width: auto; padding-right: 3px; *display: inline; zoom: 1; } #ASj .ASjArea li { float: left; width: 84px; margin-bottom: 10px; } #ASj .ASjArea .cb, #areaBox .cb { display: inline; margin: 0 3px 0 0; *margin: 0 1px 0 0; vertical-align: middle; } #ASj .ASjArea label, #areaBox label { vertical-align: middle; } #ASj .ASjArea .b { margin: 0 auto 8px; } #ASj .ASjArea #areaOpen { cursor: pointer; display: block; background: #fefefe url(../../AS/img/btn_area_bg.png) repeat-x 0 100%; background: -moz-linear-gradient(top, #fefefe, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -webkit-linear-gradient(top, #fefefe, #efefef); background: linear-gradient(to bottom, #fefefe, #efefef); border: 1px solid #ccc; border-radius: 3px; color: #333; margin-bottom: 10px; padding: 5px 0; text-align: center; text-decoration: none; } #areaBox { display: none; } #areaBox .overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0.5; background: #111; filter: alpha(opacity=50); /*ie6,7*/ -ms-filter: "alpha(opacity=50)"; /*ie8*/ z-index: 4000; } #areaBox .window { position: fixed; _position: absolute; z-index: 4001; left: 50%; top: 50%; width: 650px; height: 460px; margin-left: -325px; margin-top: -230px; } #areaBox .window .areaInner { background: #fff; border: 1px solid #999; text-align: left; width: 648px; } #areaBox h4 { float: left; padding: 10px; } #areaBox #areaClose { cursor: pointer; background-color: #999; width: 20px; height: 20px; color: #fff; display: block; float: right; font-size: 20px; font-weight: bold; line-height: 20px; text-align: center; text-decoration: none; } #areaBox .button.close { cursor: pointer; } #areaBox .innerBody { padding: 0 10px 10px; } #areaBox .innerBody dl { padding-top: 10px; } #areaBox .innerBody dt { border-bottom: 1px solid #ccc; float: left; width: 60px; margin-right: 30px; padding-bottom: 5px; } #areaBox .innerBody dd { float: left; width: 67px; } #areaBox .innerFooter { padding-bottom: 10px; } #areaBox .innerFooter ul { text-align: center; } #areaBox .innerFooter li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 150px; height: 30px; position: relative; } #areaBox .innerFooter li.cancel span { display: block; background-color: #969696; border: 1px solid #8a8a8a; border-radius: 3px; color: #fff; padding: 5px 0; cursor: pointer; } #areaBox .innerFooter li.submit { margin-left: 15px; } #areaBox .innerFooter li.submit input { display: block; border-radius: 3px; width: 148px; padding: 5px 0; *padding: 4px 0; } #areaBox .innerFooter li.submit .on { background: #fefefe url(../../AS/img/btn_area_bg.png) repeat-x 0 100%; background: -moz-linear-gradient(top, #fefefe, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -webkit-linear-gradient(top, #fefefe, #efefef); background: linear-gradient(to bottom, #fefefe, #efefef); border: 1px solid #b4b4b4; color: #333; cursor: pointer; } #areaBox .innerFooter li.submit .off { background-color: #fff; border: 1px solid #ccc; color: #999; } /* 自動車対応 ASj */ #ASj .MdBody { border-right: none; border-left: none; padding: 0; margin-bottom: 15px; } #ASj .acd { display: block; padding: 0 5px; } #ASj .top { height: 30px; line-height: 32px; background: #f1f0e8; border: none; } #ASj .top span { padding: 0 5px; font-weight: normal; font-size: 100%; color: #33322f; } #ASj .t { padding: 10px 5px 0; width: auto; } #ASj .o div.t.exChecked { padding-top: 8px; padding-bottom: 8px; margin-bottom: 10px; background: #f7f6f1; /*background:#f3e4b6;*/ } #ASj .c div.t.exChecked { padding-top: 8px; padding-bottom: 8px; margin-bottom: 0; background: #f7f6f1; /*background:#f3e4b6;*/ } #ASj div.t.exChecked em { padding-top: 0; padding-bottom: 1px; } #ASj .t.exChecked .dvCancel { top: 8px; right: 5px; } /*パターン１*/ #ASj .top a, #ASj .top a:hover { -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } #ASj .top a { top: 4px; right: 5px; display: inline-block; padding: 0 5px; margin: 0 auto; vertical-align: bottom; width: auto; height: 20px; color: #33322f; border: 1px solid #9f9e98; border-radius: 4px; background: #f6f6f1; line-height: 20px; text-align: center; font-family: inherit; cursor: pointer; } #ASj .top a:hover { opacity: 0.7; filter: alpha(opacity=70); } #ASj .top a:visited { color: #33322f; } #ASj .top a:after, #ASj .top a:before { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } #ASj .top a:before { height: 4px; border-radius: 0 0 2px 2px; background-color: #e2e1da; } #ASj .top a:after { height: 2px; bottom: 2px; border-radius: 0 0 2px 2px; background-color: #f6f6f1; } #ASj #S_Exhibitor .narrow .to .t { color: #33322f; padding: 0; font-weight: normal; } #ASj .ASjPriceRange p { color: #33322f; font-weight: normal; } #ASj em { color: #33322f; } #ASj .ASjCategory i, #ASj .ASjPriceRange li i { color: #908d88; } #ASj #S_Exhibitor .narrow .to, #ASj #S_Exhibitor .narrowBtns, #ASj #S_Exhibitor .narrowUsers { background: #f1f0e8; } #ASj .ASjCategory { font-size: 100%; } #ASj .b, #ASj .b:hover, #ASj .ASjArea #areaOpen, #ASj .ASjArea #areaOpen:hover { -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } #ASj .b, #ASj .ASjArea #areaOpen { position: relative; display: block; padding: 0; vertical-align: bottom; color: #33322f; border: 1px solid #9f9e98; border-radius: 4px; background: #f7f6f1; text-align: center; font-family: inherit; cursor: pointer; } #ASj .b { margin: 8px auto 10px; width: 6.25em; height: 27px; line-height: 27px; box-shadow: 0 -3px 0 0 #e2e1da inset; } #ASj .ASjArea #areaOpen { width: auto; height: 25px; line-height: 26px; } #ASj .narrow .b { line-height: 25px; font-size: 108%; } #ASj #S_Exhibitor .narrowUsers { padding-bottom: 0; } #ASj .b:hover, #ASj .ASjArea #areaOpen:hover { opacity: 0.7; filter: alpha(opacity=70); } #ASj .b:active, #ASj .b:hover, #ASj .b:link, #ASj .b:visited, #ASj .ASjArea #areaOpen:active, #ASj .ASjArea #areaOpen:hover, #ASj .ASjArea #areaOpen:link, #ASj .ASjArea #areaOpen:visited { color: #33322f; } #ASj .b:hover, #ASj .ASjArea #areaOpen:hover { text-decoration: none; } #ASj .ASjArea #areaOpen:after, #ASj .ASjArea #areaOpen:before { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } #ASj .ASjArea #areaOpen:before { height: 6px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } #ASj .ASjArea #areaOpen:after { height: 3px; bottom: 3px; border-radius: 0 0 3px 3px; background-color: #f6f6f1; } .ASjItems, .ASjCharity, .ASjItems, .ASjCategory, .ASjOther, .ASjPriceRange, .ASjModel, .ASjMileage, .ASjColor, .ASjPColor, .ASjMission, .ASjTime, .ASjArea, .ASjLayout, .ASjYear, .ASjLand, .ASjReturn, .ASjSellerStatus { border-bottom: 1px solid #d3d2cc; margin-bottom: 0px; } #ASj #S_Exhibitor .narrow .to, #ASj #S_Exhibitor .narrowBtns, #ASj #S_Exhibitor .narrowUsers { padding-left: 0; background: none; } #ASj #S_Exhibitor .narrow { margin-top: 10px; } #ASj #S_Exhibitor .narrowUsers { border-top: 1px solid #d3d2cc; } #ASj .ASjOther ul li { border-left: 1px solid #d3d2cc; } #ASj #S_Exhibitor.ASjOther ul li { padding: 0 4px; } #ASj #S_Category .exChecked { margin-top: 2px; } #ASj #S_Category ul, #ASj #S_Quality ul, #ASj #S_Items ul, #ASj #S_BuyMethod ul { margin-bottom: 10px; } #ASj .ft { margin-bottom: 0; } #ASj em { min-height: 20px; padding-left: 16px; background-image: url(http://i.yimg.jp/images/serp/as/ic_ex2.png); background-repeat: no-repeat; } #ASj .o em, #ASj .o em.hover { background-position: -4px -60px; } #ASj .c em, #ASj .c em.hover { background-position: -4px 0; } #ASj .ASjPriceRange ul.pr .ra, #ASj #S_Exhibitor .narrowBtns .ra { margin-top: 0; vertical-align: top; } /* パトロールモード */ /* カテゴリ除外機能追加／改修 #24748: 【ヤフオク!】【PC】【パトロールツール】特定カテゴリ除外機能を追加 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/24748 */ .patrol .ASjCategory .o .acd { position: relative; } .patrol .ASjCategory .acd ul li { margin-left: 1.4em; } .patrol .ASjCategory ul.child li { margin-left: .15em; } .patrol .ASjCategory .cb { position: absolute; left: 6px; vertical-align: middle; } /** * Auction Search Serp Style * * Layout for NarrowCondition module .ASz * * @project OneSeRP-Auc-pj * @author makyokoi * @lastmodified 2010-10-21 10:00 * @css-doc Version 1.0pre * @revision 7233 * @media PC */ /** * Master setting * * モジュール： * @section Master for #ASz1,#ASz2,#ASz3 * @see - */ .ASz a { text-decoration: none; } .ASz a:hover { text-decoration: underline; } .ASz .t { display: block; position: relative; width: 100%; /* for IE7 */ _height: 1px; /* for IE6 */ } .ASz em { color: #00f; padding: 0 0 4px 18px; background-image: url(../../AS/img/sp_as2.png); background-repeat: no-repeat; display: block; cursor: pointer; _width: 148px; *line-height: 1.3; } .ASz .o em { background-position: -265px -270px; } .ASz .c em { background-position: -265px -320px; } .ASz .o em.hover { background-position: -265px -270px; } .ASz .c em.hover { background-position: -265px -320px; } .ASz .c .acd { display: none; } .ASzShortList { padding: 5px 0 0 0; margin-bottom: 5px; } /** * ASzShortNew setting * * @section ASzShortList for .ASz * @see - */ .ASz .ASzShortNew { margin-bottom: 10px; } .ASz .ASzShortNew li { margin-bottom: 5px; } /** * ASzShortList setting * * @section ASzShortList for .ASz * @see - */ .ASzShortList i { font-size: 85%; color: #666; font-style: normal; } .ASzShortList span i { color: #c63; } .ASzShortList li { padding: 0 0 5px 0; font-weight: normal; display: block; } .ASzShortList ul { padding: 5px 0 0 0; margin: 0; } /** * ASzShortLink setting * * @section ASzShortLinkt for .ASz * @see - */ .ASzShortTxt { padding: 0; margin: 0; clear: both; } .ASzShortTxt p { padding-bottom: 10px; text-align: left; } .ASzShortTxt span { padding-bottom: 10px; text-align: center; display: block; } /** * ASzShortLink setting * * @section ASzShortLinkt for .ASz * @see - */ .ASzShortLink { border-top: solid 1px #ccc; padding: 5px 0; text-align: center; } .ASzShortLink p { margin: 0 auto; text-align: center; } /* 自動車対応 ASz */ .ASzShortTxt { padding: 10px 5px 0; } .ASzShortLink { padding: 8px 0 5px; } .ASzShortList { padding: 0 0 0 5px; } .ASz em { min-height: 20px; padding-left: 16px; background-image: url(http://i.yimg.jp/images/serp/as/ic_ex2.png); background-repeat: no-repeat; } .ASz .o em, .ASz .o em.hover { background-position: -4px -60px; } .ASz .c em, .ASz .c em.hover { background-position: -4px 0; } .ASz .ASzShortNew { margin-bottom: 0; padding: 8px 5px 5px; } .ASz em { color: #0000de; padding: 3px 0 0 18px; } /** * Auction Search Serp Style * * Layout for NarrowCondition module .ASu2 * * @project OneSeRP-Auc-pj * @author tshinchi * @media PC */ /** * * モジュール： * */ #ASu2 { color: #000; } #ASu2 { padding: 5px 5px 0; margin-bottom: 10px; border: solid 1px #ccc; word-break: break-all; word-wrap: break-word; } #ASu2 .top { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; width: 100%; text-align: center; line-height: 1; } #ASu2 .inner .th { text-align: center; margin-bottom: 7px; } #ASu2 .inner span { display: block; margin-bottom: 3px; } #ASu2 .inner a { text-decoration: none; line-height: 1.2; } #ASu2 .inner a:hover { text-decoration: underline; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASr * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * ASrItems setting * * モジュール： * @section ASrItems for #ASr * @see - */ #ASr .innerM { padding-bottom: 9px; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AS1m1 * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * AS1m1Items setting * * モジュール： * @section AS1m1Items for #AS1m1 * @see - */ #AS1m1 { word-break: break-all; word-wrap: break-word; } #AS1m1 { width: 100%; margin-bottom: 10px; display: block; clear: both; } #AS1m1 #list01 table { width: 100%; } #AS1m1 table tr.pi td { background-color: #ffff99; /* 注目のオークション */ } #AS1m1 table tr.charity td { background-color: #e2ffd6; /* チャリティーオークション */ } .sellinglist #AS1m1 ul, .sellinglist #AS1m1 li { /*reset*/ margin: 0; padding: 0; } /* リストタイトル .t1 注目のオークション .t2 すべてのオークション */ #AS1m1 table tr th { margin: 0; padding: 0; } #AS1m1 .t1 .bg3, #AS1m1 .t2 .bg3 { margin-top: 5px; border-top: 1px solid #fedf81; background-color: #fef1cb; height: 25px; padding-left: 10px; line-height: 25px; vertical-align: middle; text-align: left; color: #333333; } #AS1m1 .t2 .bg3 { border-top: 1px solid #CCCCCC; background-color: #EEEEEE; layout-grid-line: 25px; /* ie6,ie7 */ } #AS1m1 .t1 h2, #AS1m1 .t2 h2 { font-weight: normal; display: inline; } #AS1m1 .t1 a, #AS1m1 .t2 a { text-decoration: none; } #AS1m1 .t1 a:hover, #AS1m1 .t2 a:hover { text-decoration: underline; } /* i サムネール */ #AS1m1 td.i { width: 135px; height: 100px; padding: 5px; vertical-align: middle; *width: auto; } #AS1m1 .i div.th table td { width: 135px; height: 100px; vertical-align: middle; text-align: center; } #AS1m1 .i div.th table td { *width: auto; *margin: 0 auto; } #AS1m1 .i div.th table td a { display: block; position: relative; text-align: center; } #AS1m1 .i div.th table td img { display: block; max-width: 135px; max-height: 100px; *height: 100px; margin: 0 auto; } #AS1m1 .i div.th table td a .noi { position: absolute; right: 1px; bottom: 0; padding: 3px; font-size: 85%; text-align: center; text-decoration: none; color: #fff; background: #666; -moz-opacity: 0.7; background: rgba(101, 101, 101, 0.7); cursor: pointer; } /* IE8のみ、画像が404の場合セルを崩す対策 */ html.data-win-ie-80 #AS1m1 td.i { vertical-align: top; } html.data-win-ie-80 #AS1m1 .i div.th table td { vertical-align: top; } html.data-win-ie-80 #AS1m1 .i div.th table td a { position: relative; width: 135px; height: 100px; } html.data-win-ie-80 #AS1m1 .i div.th table td img { position: absolute; } /* 超注目 */ #AS1m1 .ch01 .i, #AS1m1 .ch02 .i, #AS1m1 .ch03 .i { height: 130px; vertical-align: top; } #AS1m1 .ch01 .i .th:after, #AS1m1 .ch02 .i .th:after, #AS1m1 .ch03 .i .th:after { position: absolute; width: 135px; content: ""; background-repeat: no-repeat; background-position: center bottom; height: 22px; } #AS1m1 .ch01 .i .th:after { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch01.png"); } #AS1m1 .ch02 .i .th:after { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch02.png"); } #AS1m1 .ch03 .i .th:after { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch03.png"); } #AS1m1 .charity .i { background-color: #e2ffd6; } #AS1m1 .pi .i { background-color: #ffff99; } #AS1m1 .ch01 .i, #AS1m1 .ch02 .i, #AS1m1 .ch03 .i { *background-repeat: no-repeat; *background-position: center 18px; } #AS1m1 .ch01 .i { *background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch01.png"); } #AS1m1 .ch02 .i { *background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch02.png"); } #AS1m1 .ch03 .i { *background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch03.png"); } /* ie8 */ html.data-win-ie-80 #AS1m1 .ch01 .i .th:after, html.data-win-ie-80 #AS1m1 .ch02 .i .th:after, html.data-win-ie-80 #AS1m1 .ch03 .i .th:after { background-image: none; } html.data-win-ie-80 #AS1m1 .ch01 .i, html.data-win-ie-80 #AS1m1 .ch02 .i, html.data-win-ie-80 #AS1m1 .ch03 .i { background-repeat: no-repeat; background-position-x: center; background-position-y: 18px; } html.data-win-ie-80 #AS1m1 .ch01 .i { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch01.png"); } html.data-win-ie-80 #AS1m1 .ch02 .i { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch02.png"); } html.data-win-ie-80 #AS1m1 .ch03 .i { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/ch03.png"); } /* .a1 商品詳細エリア */ #AS1m1 .a1 { position: relative; padding: 7px 5px 5px 5px; vertical-align: top; } .sellinglist #AS1m1 .a1 { width: 100%; } #AS1m1 .a1 h3 { font-size: 107.7%; /* 14px */ margin-bottom: 10px; word-break: break-all; word-wrap: break-word; } #AS1m1 .a1 h3 em { font-weight: bold; } #AS1m1 .a1 h3 + ul { padding-bottom: 5px; } #AS1m1 .a1 p { color: #666; } /* .sinfwrp ラッパー */ #AS1m1 .a1 .a1wrp { padding-bottom: 4.5em; } html[class*=ff] #AS1m1 .a1 .a1wrp, html[class*=safari-50] #AS1m1 .a1 .a1wrp, html[class*=safari-4] #AS1m1 .a1 .a1wrp, html[class*=safari-3] #AS1m1 .a1 .a1wrp, html[class*=safari-2] #AS1m1 .a1 .a1wrp, html[class*=safari-1] #AS1m1 .a1 .a1wrp { position: relative; } #AS1m1 .a1 .sinfwrp { position: absolute; bottom: 5px; _bottom: 3em; width: 515px; height: 3em; overflow: hidden; } html[class*=ff] #AS1m1 .a1 .sinfwrp { height: 4em; } /* .a4 出品者 */ #AS1m1 .a1 .a4 { color: #666; vertical-align: bottom; line-height: 24px; } #AS1m1 .a1 .a4 p { display: inline-block; *display: inline; *zoom: 1; font-style: normal; font-size: 92.3%; /* 12px */ line-height: 24px; } /* 出品者非表示アイコン右の余白調整 */ #AS1m1 .a1 .a4 p a:first-child { padding-left: 0.5em; } #AS1m1 .a1 .a4 .sfs { color: #f00; margin-left: 7px; margin-right: 2px; } #AS1m1 .a1 span.a5 { vertical-align: middle; display: inline-block; } #AS1m1 .a1 p a:link, #AS1m1 .a1 span a:link { color: #686ccd; } #AS1m1 .a1 p a:visited, #AS1m1 .a1 span a:visited { color: #941d55; } #AS1m1 .a1 p a:active, #AS1m1 .a1 span a:active { color: #663399; } /* .a1 > アイコン */ #AS1m1 .a1 ul { *zoom: 1; } #AS1m1 .a1 ul li { *float: left; *margin-right: 5px; } /* .a1 > 出品者非表示 */ #AS1m1 .a1 .icExNarrow, #AS1m1 .a1 .icExNarrowOff { display: inline-block; *display: inline; *zoom: 1; position: relative; top: 3px; left: 5px; width: 16px; height: 16px; overflow: hidden; background: url(../../AS/img/icExNarrow.png) no-repeat; background-position: 0 0; text-indent: -10000em; } html[class*=safari] #AS1m1 .a1 .icExNarrow, html[class*=safari] #AS1m1 .a1 .icExNarrowOff { top: 0; } #AS1m1 .a1 .icExNarrowOff { background-position: 0 -16px; } /* .a1 > カテゴリパス */ #AS1m1 .a1 .com_slider { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 92.3%; /* 12px */ } /* 24893#note-6 */ /* 表の右側 * / /* pr1 現在価格 pr2 即決価格 */ #AS1m1 .pr1, #AS1m1 .pr2 { padding: 7px 5px 5px 5px; vertical-align: top; font-size: 115.4%; /* 15px */ text-align: right; white-space: nowrap; } #AS1m1 .pr1 { font-weight: bold; } /* pr1,pr2 > 最低落札価格あり、値下げ交渉あり */ #AS1m1 .pr1 p, #AS1m1 .pr2 p { display: block; padding-top: 5px; font-size: 10px; /* 10px */ *font-size: 9px; /* 9px */ font-weight: normal; color: #666; text-align: right; white-space: nowrap; } #AS1m1 .pr1 p br, #AS1m1 .pr2 p br { display: none; } /* pr1 > アイコン*/ #AS1m1 .pr1 ul { margin-top: 5px; } #AS1m1 .pr1 ul li { display: inline-block; *display: block; *float: right; text-align: right; margin-left: 3px; text-indent: 9999px; } #AS1m1 .pr1 ul li.pic4, #AS1m1 .pr1 ul li.icCombine { display: block; *float: none; width: 55px; text-align: center; text-indent: 0; margin: 0 0 5px auto; } /* #AS1m1 .pr1 ul li { display:inline-block; *display:inline; text-align: right; margin-left:3px; text-indent:9999px; } #AS1m1 .pr1 ul li.pic4 { display:block; width:60px; text-align:center; text-indent:0; margin:0 0 5px auto; } */ /* #AS1m1 .pr1 ul { *zoom:1; padding-top:4px; margin-top:3px; display:block; white-space:normal; } #AS1m1 .pr1 ul li { display:inline-block; *float:right; margin-right:3px; text-align:right; text-indent:9999px; } #AS1m1 .pr1 ul li.pic4 { text-align:center; text-indent:0; } */ /* bi 入札者数 ti 残り時間 vt 自動車車体：年式 mv 自動車車体：走行距離 ae 不動産：面積 bu 不動産：築年数 */ #AS1m1 .bi, #AS1m1 .ti, #AS1m1 .vt, #AS1m1 .mv, #AS1m1 .ae, #AS1m1 .bu, #AS1m1 .rt { padding: 7px 2px 5px 2px; vertical-align: top; font-size: 107.7%; /* 14px */ text-align: center; white-space: nowrap; } /* ti > 残り時間わずか */ #AS1m1 .ti span { color: #FF0000; } #AS1m1 .pr2 span, #AS1m1 .bi span, #AS1m1 .bu span { width: 100%; text-align: center; display: block; color: #666666; } /* s1 モジュール区切り線 */ #AS1m1 .s1, #AS1m1 .s2 { background-color: #DDDDDD; margin: 0; padding: 0; height: 1px; } #AS1m1 .s1 div, #AS1m1 .s2 div { position: relative; /* ff tdにはposition:relativeが効かない仕様 */ *zoom: 1; } /* s2 モジュール区切り線（モジュールの最期なので線なし） */ #AS1m1 .s2 { background-color: transparent; } /* 通常serpのみリストテーブルの最期の下線をトル */ body:not(.resemble) #AS1m1 > div > table > tbody > tr:last-child > td { background-color: transparent; } /* ウォッチボタン位置 */ #AS1m1 .b { position: absolute; top: -35px; right: 5px; } .patrol #AS1m1 .b { right: 40px; } /* 過去落札 */ .closedsearch #AS1m1 .pr1, .closedsearch #AS1m1 .bi { padding-left: 10px; padding-right: 10px; } .closedsearch #AS1m1 .pr1 .sPrice, .closedsearch #AS1m1 .pr2 .d, .closedsearch #AS1m1 .pr2 .t { display: block; width: 100%; color: #666666; text-align: right; font-size: 84.6%; /* 11px */ font-weight: normal; } .closedsearch #AS1m1 .pr2 .t { font-size: 75%; /* 10px */ } .closedsearch #AS1m1 .pr1 .ePrice { font-size: 123.1%; /* 16px */ font-weight: bold; color: #000000; text-align: right; } .closedsearch #AS1m1 .pr1 .sPrice:before { content: "開始:"; } /* オフィシャルアイコン */ .closedsearch #AS1m1 .a1 .a4 .icWholesale { display: inline-block; *display: inline; *zoom: 1; position: relative; top: 4px; } /* パトロールモード */ #AS1m1 table tr td.patrolDeletion, #AS1m1 table tr td.patrolChange, #AS1m1 table tr td.patrolPunish { width: 1%; padding: 0 10px; vertical-align: middle; } #AS1m1 table tr td.patrolDeletion { background-color: #ffbfbf; } #AS1m1 table tr td.patrolChange { background-color: #bfbfff; } #AS1m1 table tr td.patrolPunish { background-color: #b3e1b6; } #AS1m1 table tr td.checked { background-color: #fff; } #AS1m1 table tr td.patrolDeletion input, #AS1m1 table tr td.patrolChange input, #AS1m1 table tr td.patrolPunish input { margin: 0 auto; } /* バグ・定常エラー #28701: 【ヤフオク!】【PC】【出品リスト】【パトロールモード】ストアキーワードとのかぶり - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/28701 */ #AS1m1 .stkey, #AS1m1 .wlnum { margin-bottom: 5px; padding: 5px; background-color: #CCCCCC; border-radius: 3px; line-height: 1.5; } #AS1m1 .stkey dt, #AS1m1 .wlnum dt { display: inline; color: #777777; } #AS1m1 .stkey dd, #AS1m1 .wlnum dd { display: inline; margin-right: 3px; padding: 0; background-color: #CCCCCC; color: #333333; } #AS1m1 .stkey dt:after, #AS1m1 .wlnum dt:after { content: "："; } /** 機能追加／改修 #27290: 【ヤフオク!】パトロールツール改修（ウォッチリスト登録件数追加） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/27290 ↓のスタイルを流用機能追加／改修 #23643: 【ヤフオク!】【ＰＣ】ウォッチリスト登録数の表示（ライブテスト） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/23643 パトロールツールはFFのみ対応でOK */ #AS1m1 table td.s1 div .num, #AS1m1 table td.s2 div .num { display: block; position: absolute; top: -53px; right: 40px; /* パトロールモード */ width: 68px; height: 16px; border: 1px solid #CCCCCC; background-color: #FFFFFF; line-height: 17px; text-align: right; font-size: 10px; } #AS1m1 table td.s1 div .num .k, #AS1m1 table td.s2 div .num .k { position: absolute; left: 5px; } #AS1m1 table td.s1 div .num .v, #AS1m1 table td.s2 div .num .v { position: relative; z-index: 200; } #AS1m1 table td.s1 div .num .v.e, #AS1m1 table td.s2 div .num .v.e { position: relative; top: -2px; margin-right: 20px; } #AS1m1 table td.s1 div .num .c, #AS1m1 table td.s2 div .num .c { margin-right: 4px; } #AS1m1 table td.s1 div .num:before, #AS1m1 table td.s2 div .num:before { position: absolute; z-index: 0; left: 36px; top: 14px; display: block; content: ""; width: 4px; height: 4px; border: 1px solid #CCCCCC; background-color: #FFFFFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } #AS1m1 table td.s1 div .num:after, #AS1m1 table td.s2 div .num:after { position: absolute; z-index: 80; display: block; left: 36px; top: 13px; content: ""; width: 6px; height: 6px; background-color: #FFFFFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AS1m3 * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #AS1m3 * @see - */ #AS1m3 { width: 100%; clear: both; word-break: break-all; word-wrap: break-word; overflow: hidden; } #AS1m3 h2.t { display: none; } .sellinglist #AS1m3 ul, .sellinglist #AS1m3 li { /*reset*/ margin: 0; padding: 0; } /* inner */ #AS1m3 .inner { display: block; clear: both; width: 100%; margin: 0; padding: 0; } /* bd */ /* リストタイトル .t1 注目のオークション .t2 すべてのオークション */ #AS1m3 #list01 .inner > table { clear: both; /* for ff */ } #AS1m3 table { width: 100%; } #AS1m3 table tr th { margin: 0; padding: 0; } #AS1m3 .t1 .bg3, #AS1m3 .t2 .bg3 { margin-top: 5px; border-top: 1px solid #fedf81; background-color: #fef1cb; height: 25px; padding-left: 10px; line-height: 25px; vertical-align: middle; text-align: left; color: #333333; } #AS1m3 .t2 .bg3 { border-top: 1px solid #CCCCCC; background-color: #EEEEEE; layout-grid-line: 25px; /* ie6,ie7 */ } #AS1m3 .t1 h2, #AS1m3 .t2 h2 { font-weight: normal; display: inline; } #AS1m3 .t1 a, #AS1m3 .t2 a { text-decoration: none; } #AS1m3 .t1 a:hover, #AS1m3 .t2 a:hover { text-decoration: underline; } #AS1m3 .inner .bd { /* for IE6 */ position: relative; display: inline-block; _display: inline; float: left; width: 170px; height: 20.5em; margin: 0 9px 10px 0; padding: 0 5px 15px 0; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #AS1m3 .inner .bd .i { position: relative; width: 164px; height: 108px; margin: 0; text-align: center; vertical-align: middle; } #AS1m3 .inner .bd .i .th { margin: 0 auto; } #AS1m3 .inner .bd .i .th td { width: 164px; height: 108px; padding: 0; text-align: center; vertical-align: middle; } #AS1m3 .inner .bd .i .th td a { display: block; margin: 0 auto; } /* IE8のみimgをwrapしている画像の横幅が継承されてしまうバグ対応 */ .data-win-ie-80 #AS1m3 .inner .bd .i .th td { text-align: left; } .data-win-ie-80 #AS1m3 .inner .bd .i .th td a { display: inline; } #AS1m3 .inner .bd .i .th td a img { width: auto; height: auto; max-width: 164px; max-height: 108px; } /* 未リリリース #AS1m3 .inner .bd .i .th td a .noi { position:absolute; right:0; bottom:4px; padding:3px; font-size:85%; text-align:center; text-decoration:none; color:#fff; background:#666; -moz-opacity:0.7; background:rgba(101,101,101,0.7); cursor:pointer; } */ #AS1m3 .inner .bd .a { position: relative; /* for IE6 */ width: 166px; height: 8.5em; margin: 0; padding: 0; text-align: left; display: inline-block; clear: both; } .data-win-ie-80 #AS1m3 div.inner div.bd div.a { display: block; } #AS1m3 div.inner div.bd div.a h3 { text-align: left; padding: 0; margin: 2px 0 3px 0; line-height: 1.3; height: 2.5em; clear: both; overflow: hidden; } #AS1m3 div.inner div.bd div.a h3 em { font-weight: bold; } #AS1m3 .inner .bd .a dl dt { display: inline-block; *display: inline; *zoom: 1; } #AS1m3 .inner .bd .a dl dd { display: inline; } #AS1m3 .inner .bd .a dl dt { color: #666666; margin-right: 5px; } #AS1m3 .inner .bd .a .pri1 { margin-bottom: 3px; } #AS1m3 .inner .bd .a .pri1 dd { font-size: 107.6%; /* 14px */ font-weight: bold; } #AS1m3 .inner .bd .a .pri2 { zoom: 1; clear: both; margin-bottom: 3px; } #AS1m3 .inner .bd .a .pri2 dd { margin-right: 1.5em; } #AS1m3 .inner .bd .a p { width: 166px; text-align: left; margin-bottom: 4px; clear: both; display: block; } #AS1m3 .inner .bd .a .icn span { display: inline-block; *float: left; *margin-right: 2px; } #AS1m3 .inner .bd .a .ft { position: absolute; height: 18px; line-height: 18px; bottom: 5px; } /* ウォッチボタン位置 */ #AS1m3 .b { position: absolute; left: 0; bottom: -35px; } #AS1m3 .inner .bd .a .ft a.nw { position: absolute; right: 0; bottom: -35px; font-size: 11px; color: #686CCD; } .data-win-ie-80 #AS1m3 .inner .bd .a .ft a.nw { font-size: 12px; } .data-win-ie-70 #AS1m3 .inner .bd .a .ft a.nw, .data-win-ie-60 #AS1m3 .inner .bd .a .ft a.nw { font-size: 9px; } #AS1m3 .inner .bd .a .ft .nw.ExNarrowOff { color: #666666; text-decoration: none; } #AS1m3 .inner .bd .a .ti { color: #FF0000; } /* 超注目 */ #AS1m3 .inner .bd { padding-top: 10px; } /* 注目帯 */ #AS1m3 .inner .bd.ch01, #AS1m3 .inner .bd.ch02, #AS1m3 .inner .bd.ch03 { position: relative; } #AS1m3 .ch01 .label, #AS1m3 .ch02 .label, #AS1m3 .ch03 .label { position: absolute; z-index: 10; top: -5px; width: 166px; height: 16px; text-indent: -9999px; } #AS1m3 .ch01 .label { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/gr_ch01.png"); } #AS1m3 .ch02 .label { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/gr_ch02.png"); } #AS1m3 .ch03 .label { background-image: url("http://i.yimg.jp/images/serp/as/lt/22989/gr_ch03.png"); } #AS1m3 div.inner div.ch01 div.i, #AS1m3 div.inner div.ch02 div.i, #AS1m3 div.inner div.ch03 div.i { z-index: 1; } #AS1m3 div.inner div.ch01 div.a, #AS1m3 div.inner div.ch02 div.a, #AS1m3 div.inner div.ch03 div.a { *margin-top: -3px; /* ie6&7 .labelのposition:absoluteによる余白の補正 */ } #AS1m3 .inner .t1 .bg1, #AS1m3 .inner .t2 .bg1 { margin-bottom: 20px; } /* /超注目 */ /** * Auction Search Serp Style * * Layout for NarrowCondition module ICON * * @project OneSeRP-auction-pj * @author nakimura * @lastmodified 130610 * @css-doc Version 1.0pre * @revision * @media PC */ /** * Master setting * * アイコン * @section Master for ICON * @see - */ /* cic sic eic pic */ .ASic .cic1, .ASic .cic2, .ASic .cic3, .ASic .cic4, .ASic .cic5, .ASic .cic6, .ASic .cic7, .ASic .cic8, .ASic .cic9, .ASic .cic10, .ASic .sic1, .ASic .sic2, .ASic .sic3, .ASic .sic4, .ASic .sic5, .ASic .sic6, .ASic .eic1, .ASic .eic2, .ASic .eic3, .ASic .eic4, .ASic .eic5, .ASic .pic1, .ASic .pic2, .ASic .pic3, .ASic .pic3-v2, .ASic .pic5, .zero .cic1, .zero .pic4 { height: 16px; background: url(../../AS/img/ic_2.png) no-repeat; display: inline-block; text-indent: -10000em; overflow: hidden; margin: 0; } .ASic .pic3-v2 { background: url(/PRODUCT/oneserp/S/img/sp_s_4.png) no-repeat; } /* cic */ .ASic .cic1, .ASic .cic2, .ASic .cic3, .ASic .cic4, .ASic .cic5, .ASic .cic6, .ASic .cic7, .ASic .cic8, .zero .cic1 { width: 60px; } .ASic .cic1, .zero .cic1 { background-position: 0 -414px; } .ASic .cic2 { background-position: 0 -450px; } .ASic .cic3 { background-position: 0 -486px; } .ASic .cic4 { background-position: 0 -522px; } .ASic .cic5 { background-position: 0 -558px; } .ASic .cic6 { background-position: 0 -594px; } .ASic .cic7 { background-position: 0 -630px; } .ASic .cic8 { background-position: 0 -666px; } .ASic .cic9, .ASic .cic10 { width: 70px; } .ASic .cic9 { background-position: 0 -866px; } .ASic .cic10 { background-position: 0 -902px; } /* sic */ .ASic .sic1 { width: 28px; background-position: 0 -105px; } .ASic .sic2 { width: 16px; background-position: 0 -379px; } .ASic .sic3 { width: 40px; background-position: 0 -343px; } .ASic .sic4 { width: 12px; background-position: 0 -203px; } .ASic .sic5 { width: 16px; background-position: 0 -237px; } .ASic .sic6 { width: 16px; background-position: 0 -272px; } /* eic */ .ASic .eic1 { position: relative; top: 3px; width: 59px; background-position: 0 -307px; margin-right: 5px; } .ASic .eic2 { width: 72px; height: 24px; background-position: 0 -700px; } .ASic .eic3 { width: 87px; height: 24px; background-position: 0 -742px; } .ASic .eic4 { width: 101px; height: 24px; background-position: 0 -784px; } .ASic .eic5 { width: 81px; height: 19px; background-position: 0 -827px; } /* pic */ .ASic .pic1, .ASic .pic2, .ASic .pic3, .ASic .pic3-v2, .ASic .pic5 { margin-bottom: 1px; } .ASic .pic1 { width: 16px; background-position: 0 -36px; } .ASic .pic2 { width: 16px; background-position: 0 -169px; } .ASic .pic3 { width: 16px; background-position: 0 -72px; } .ASic .pic3-v2 { width: 16px; background-position: -92px -440px; } .ASic .pic5 { width: 61px; background-position: 0 0; } /** * nvItems setting * * @section nvItems for ICON * @see - */ /* sic */ #ASt li { padding: 0 6px 3px 0; text-align: left; float: left; } #AS1m1 span.sic1 { vertical-align: bottom; margin: 0 0 -0.1em 7px; padding: 0; *vertical-align: baseline; *margin: 0 0 -0.4em 7px; } #AS1m3 div.inner div.bd div.a p span.pic3 { width: 16px; background-position: 0 -72px; *display: block; vertical-align: bottom; margin: 0 5px 0 0; padding: 0; *vertical-align: baseline; *float: left; } #AS1m3 div.inner div.bd div.a p span.pic3-v2 { *display: block; vertical-align: bottom; margin: 0 5px 0 0; padding: 0; *vertical-align: baseline; *float: left; } #AS1m3 div.inner div.bd div.a p span.cic1 { vertical-align: bottom; *height: 0; *padding-top: 16px; *text-indent: 0; *margin-top: 0; *margin-bottom: 0; } #AS1m3 div.inner div.bd div.a p span.pic4 { vertical-align: bottom; } /* gic */ /* pic */ .zero .pic4 { background-position: 0 -137px; width: 20px; } /* 出品マスター */ .icMasBro, .icMasSil, .icMasGld, .icMasDia { display: inline-block; padding-right: 3px; vertical-align: middle; overflow: hidden; } .icMasBro span, .icMasSil span, .icMasGld span, .icMasDia span { display: inline-block; text-indent: -9999px; } .icMasBro { width: 11px; height: 17px; background: url(http://i.yimg.jp/images/serp/as/ic_2004.gif) no-repeat; } .icMasSil { width: 22px; height: 17px; background: url(http://i.yimg.jp/images/serp/as/ic_2003.gif) no-repeat; } .icMasGld { width: 33px; height: 17px; background: url(http://i.yimg.jp/images/serp/as/ic_2002.gif) no-repeat; } .icMasDia { width: 28px; height: 17px; background: url(http://i.yimg.jp/images/serp/as/ic_2001.gif) no-repeat; } /* 年間ベストストアアイコン機能追加／改修 #24844: 【ヤフオク!】【PC】【SP】アルゴ内の「年間ベストストアアイコン」デザイン変更 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/24844 */ .ic_beststore { display: inline-block; width: 14px; height: 16px; background: url(http://i.yimg.jp/images/serp/as/ic_bs.png) no-repeat 0 0; background-size: 14px 16px; overflow: hidden; vertical-align: middle; } /* backgroud-sizeプロパティサポートブラウザ向け（IE6-8以外） CSSハック一覧 – IE, Firefox, Safariなどなど | Webクリエイターボックス */ :root * > .ic_beststore { background-image: url(http://i.yimg.jp/images/serp/as/ic_bsx2.png); } .ic_beststore span { display: inline-block; text-indent: -9999px; } /* 機能追加／改修 #24794: 【ヤフオク!】【PC】【SP】【TB】WLボタンのクリッカブルリンク対応 http://redmine.search.ynwm.yahoo.co.jp/issues/24794 */ /* @format ウォッチ .b ウォッチボタン .unwt 未ウォッチ状態 .wting ウォッチ中 .wted ウォッチ済み */ /* デザイン */ /* ボタンUI */ #AS1m1 .b, #AS1m3 .b { z-index: 0; } #AS1m1 .b.unwt, #AS1m3 .b.unwt { border: 1px solid #CCCCCC; background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EFEFEF)); background-image: -webkit-linear-gradient(#FEFEFE, #EFEFEF); background-image: -moz-linear-gradient(#FEFEFE, #EFEFEF); background-image: linear-gradient(#FEFEFE, #EFEFEF); } #AS1m1 .b.unwt:hover, #AS1m3 .b.unwt:hover { background-color: #F7F7F7; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#EFEFEF)); background-image: -webkit-linear-gradient(#F7F7F7, #EFEFEF); background-image: -moz-linear-gradient(#F7F7F7, #EFEFEF); background-image: linear-gradient(#F7F7F7, #EFEFEF); } #AS1m1 .b.wting, #AS1m3 .b.wting, #AS1m1 .b.wted, #AS1m3 .b.wted { border: 1px solid #DDDDDD; background-color: #EEEEEE; background-image: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* for android */ -webkit-animation-name: "crossfade"; -webkit-animation-duration: 0.1s; -webkit-animation-timing-function: linear; } #AS1m1 .b { width: 50px; height: 25px; } #AS1m3 .b { width: 46px; height: 25px; } /* ウォッチ ★の背面部分 */ #AS1m1 .b:before, #AS1m3 .b:before { position: absolute; content: "★"; font-size: 16px; } #AS1m1 .b.unwt:before, #AS1m3 .b.unwt:before { color: #F0B500; } #AS1m1 .b.wting:before, #AS1m3 .b.wting:before, #AS1m1 .b.wted:before, #AS1m3 .b.wted:before { color: #CCCCCC; } #AS1m1 .b:before, #AS1m1 .b:before { top: 0px; left: 3px; } #AS1m3 .b:before, #AS1m3 .b:before { top: 0px; left: 3px; } /* ウォッチ ☆の前面部分 */ #AS1m1 .b:after, #AS1m3 .b:after { position: absolute; content: "☆"; font-size: 16px; } #AS1m1 .b.unwt:after, #AS1m3 .b.unwt:after { color: #F8C824; } #AS1m1 .b.wting:after, #AS1m3 .b.wting:after, #AS1m1 .b.wted:after, #AS1m3 .b.wted:after { color: #BBBBBB; } #AS1m1 .b:after, #AS1m1 .b:after { top: 0px; left: 3px; } #AS1m3 .b:after, #AS1m3 .b:after { top: 0px; left: 3px; } /* ウォッチラベル */ #AS1m1 .b, #AS1m3 .b { display: block; padding-left: 21px; font-size: 11px; line-height: 26px; } .data-win-ie-60 #AS1m1 .b, .data-win-ie-60 #AS1m3 .b, .data-win-ie-70 #AS1m1 .b, .data-win-ie-70 #AS1m3 .b { padding-left: 0; text-align: center; } /* ホバーさせたとき大きくする場合 #AS1m1 .b.unwt:hover, #AS1m3 .b.unwt:hover { padding-left:21px; line-height:27px; font-size:11px; } */ #AS1m1 .unwt, #AS1m3 .unwt { color: #333333; text-decoration: none; } .data-win-ie-60 #AS1m1 .unwt, .data-win-ie-60 #AS1m3 .unwt, .data-win-ie-70 #AS1m1 .unwt, .data-win-ie-70 #AS1m3 .unwt { color: #0000DE; text-decoration: underline; } #AS1m1 .wting, #AS1m3 .wting, #AS1m1 .wted, #AS1m3 .wted { color: #B4B4B4; } #AS1m1 .b:visited, #AS1m3 .b:visited { color: #333333; } /* .h ヘルプボタン @format ヘルプ */ #ASj .h, #nv2 .h { background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); } #ASj .h, #nv2 .h { display: inline-block; *position: relative; *top: -10px; *display: inline; *zoom: 1; width: 12px; height: 14px; background-position: -71px -64px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } /* 似た商品 @reference 機能追加／改修 #28736: 【ヤフオク!】【PC】dedup（類似タイトル商品比較機能）実装 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/28736 @format

似た商品を見る（27件）

*/ #AS1m1 .sinfbtm { padding: 5px 0 3px 0; } #AS1m3 .sinfbtm { position: absolute; bottom: 7px; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 5px 0 0; margin: 0 auto; width: 100%; } .data-win-ie-60 #AS1m3 .sinfbtm, .data-win-ie-70 #AS1m3 .sinfbtm, .data-win-ie-80 #AS1m3 .sinfbtm { width: 90%; } .sinfbtm a { display: block; cursor: pointer; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 4px 0 4px 4px; font-size: 11px; letter-spacing: -0.02em; text-align: center; text-decoration: none; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .sinfbtm a:hover { text-decoration: underline; background: #f7f7f7; } /* 送料無料 */ .ASic .pic4 { width: 50px; height: 16px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000000; background-color: #FFE3E9; line-height: 16px; text-align: center; font-size: 11px; font-weight: normal; } /* 卸売連携 .ASic .icWholesale { width:auto; height:16px; padding-left:2px; padding-right:2px; overflow:hidden; box-sizing: border-box; border:1px solid #000000; background-color: #FEDC94; line-height:16px; text-align: center; font-size:10px; font-weight: normal; color:#000000; } */ /* オフィシャルストア .ASic .icWholesale { width:62px; height:18px; overflow:hidden; background:url(../../AS/img/ic_official_x2.png) no-repeat; background-size:62px auto; text-align:center; text-indent:-10000em; } .data-win-ie-60 .ASic .icWholesale, .data-win-ie-70 .ASic .icWholesale, .data-win-ie-80 .ASic .icWholesale { background:url(../../AS/img/ic_official.png) no-repeat; } */ /* Tポイント */ .ASic .icWholesale { display: inline-block; width: 16px; height: 16px; overflow: hidden; background: url(/PRODUCT/oneserp/S/img/sp_s_4.png) no-repeat -92px -440px; text-align: center; text-indent: -10000em; } /* 同梱可能機能追加／改修 #31884: 【ヤフオク!】出品リストに「同梱フラグ」を追加 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/31884 */ .ASic .icCombine { width: 50px; height: 16px; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000000; background-color: #FFFFFF; line-height: 16px; text-align: center; font-size: 11px; font-weight: normal; } /* 開発 #44385: （PC）検索ページ表示修正 - sekaimon-Phase0.5 - Redmine for AucUnit http://redmine.auctions.yahoo.co.jp/issues/44385 */ .ASic .icSekaimon { display: inline-block; position: relative; top: -2px; left: -3px; width: 60px; height: 16px; margin-right: 0.25em; overflow: hidden; background: url(http://i.yimg.jp/images/auct/template/ui/iphone/images/2_1_1/sekaimon_sp.png) no-repeat; background-size: auto 16px; text-indent: -10000em; vertical-align: middle; } .data-win-ie-80 .ASic .icSekaimon { background: url(http://i.yimg.jp/images/auc/pc/item/image/1.0.0/ic_sekaimon.png); } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASy * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified 2010-06-16 19:00 * @css-doc Version 2.0pre * @revision ${revNumber} * @media PC */ /** * * モジュール： * #ASy1 **/ div#ASy1 { width: 300px; color: #333; text-align: center; } div#ASy1 a:link { text-decoration: none; color: #1546A7; } div#ASy1 a:visited { color: #800080; text-decoration: none; } div#ASy1 a:hover { text-decoration: underline; color: #1546A7; } div#ASy1 p { margin: 0; padding: 0; } div#ASy1 form { margin: 0; padding: 0; } /* .hd */ div#ASy1 div.hd { margin: 0; padding: 0; height: 29px; text-align: right; line-height: 1; background: url(../../AS/img/x_bg.png) no-repeat 0 0; } div#ASy1 div.hd p span { display: none; } div#ASy1 div.hd p img { margin-top: 3px; margin-right: 4px; } div#ASy1 div.hd p.c { width: 22px; height: 22px; background: url(../../AS/img/sp_as2.png) no-repeat 0 -155px; margin-top: 3px; margin-right: 4px; float: right; } div#ASy1 div.hd p.c a { display: block; width: 22px; height: 22px; text-align: left; text-indent: -9999em; overflow: hidden; } /* .bd */ div#ASy1 div.bd { padding: 10px 5px; background: url(../../AS/img/x_bg.png) repeat-y -300px 0; border-bottom: #889bb5 solid 1px; } div#ASy1 div.bd .lbd { border-bottom: 1px #cad3df solid; padding: 0; margin-bottom: 12px; } div#ASy1 div.bd .lbd input { padding: 3px 10px; } div#ASy1 div.bd .ubd { padding: 0; } div#ASy1 div.bd .ubd input { padding: 3px 10px; } div#ASy1 div.bd p { text-align: center; } div#ASy1 div.bd p.b { margin: 0 auto; padding: 10px 0 15px 0; *padding: 10px 0 8px 0; } div#ASy1 div.bd p.e { font-size: 12px; font-weight: bold; } div#ASy1 div.bd p.x { width: auto; } div#ASy1 div.bd p.x span { width: 19px; display: inline-block; height: 18px; min-height: 18px; text-align: left; vertical-align: middle; margin: 0 auto; background: url(../../AS/img/sp_as2.png) no-repeat -262px -375px; } div#ASy1 div.bd p.x span strong { width: 19px; display: block; text-indent: -9999em; overflow: hidden; } div#ASy1 div.bd p.x a { display: inline-block; font-size: 12px; vertical-align: middle; } /** * #ASy2 **/ div#ASy2 { width: 165px; background: url(../../AS/img/x_bg.png) repeat-y -600px 0; } div#ASy2 div.tbg { background: url(../../AS/img/x_bg.png) no-repeat -765px top; } div#ASy2 div.bbg { background: url(../../AS/img/x_bg.png) no-repeat -930px bottom; padding: 10px 5px; text-align: center; } div#ASy2 p { margin: 0 0 5px 0; padding: 0; font-weight: bold; text-align: center; font-size: 108%; } div#ASy2 p.e1 { color: #994711; } div#ASy2 p.e2 { color: #000; } div#ASy2 ul { width: 108px; margin: 0; padding: 0; list-style: none; display: inline-block; } div#ASy2 ul li { width: 49px; height: 19px; float: left; } div#ASy2 ul li.v { margin-right: 10px; background: url(../../AS/img/sp_as2.png) repeat-y -32px -155px; } div#ASy2 ul li.c { background: url(../../AS/img/sp_as2.png) repeat-y -91px -155px; } div#ASy2 ul li a { width: 49px; height: 19px; display: block; text-indent: -9999em; overflow: hidden; } /** * #ASy3 **/ div#ASy3 { width: 624px; text-align: left; color: #333333; background: url(../../AS/img/x_bg.png) repeat-y -1095px 0; } div#ASy3 .tbd { margin: 0; padding: 0; background: url(../../AS/img/x_bg.png) no-repeat -1720px 0; } div#ASy3 .bbd { margin: 0; padding: 20px 25px 20px 25px; background: url(../../AS/img/x_bg.png) no-repeat -2344px bottom; } div#ASy3 .t { width: 490px; font-size: 138%; font-weight: bold; margin-bottom: 7px; } div#ASy3 .t span { width: 47px; height: 43px; margin-right: 10px; vertical-align: middle; background: url(../../AS/img/sp_as2.png) no-repeat -231px -443px; display: inline-block; } div#ASy3 .t span strong { width: 47px; height: 43px; display: block; text-indent: -9999em; overflow: hidden; } div#ASy3 .e { line-height: 1.5; font-size: 108%; margin-bottom: 12px; } div#ASy3.b { text-align: center; } div#ASy3 .b form { margin: 0; padding: 0; } div#ASy3 .b form input { width: 5.25em; display: block; margin: 0 auto; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASt * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #ASt * @see - */ #ASt { margin-bottom: 10px; } /** * AStItems setting * * @section AStItems for #ASt * @see - */ /* i */ #ASt table td.i { width: 1%; } #ASt table td.i div.th { width: 95px; height: 75px; text-align: center; vertical-align: middle; border: 1px solid #ccc; background-color: #fff; } #ASt table td.i div.th table td { height: 75px; background-color: #fff; padding: 0; text-align: center; vertical-align: middle; } /* s1 */ #ASt table td.s1, #ASt table td.s2 { padding-top: 0; padding-bottom: 0; margin: 0; border-bottom: 1px solid #ddd; } #ASt table td.s1 div, #ASt table td.s2 div { /* for IE */ text-align: right; margin-top: -28px; padding-top: 0; display: block; *position: absolute; *right: 14px; } /* s2 */ #ASt table td.s2 { border-bottom: none; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASw * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * * モジュール： * @section Master for #ASw * @see - */ div#ASw { padding: 0; margin-bottom: 20px; } div#ASw .msg { margin-top: 0; margin-bottom: 0; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASu * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #ASu * @see - */ #ASu { padding: 0 0 3px; margin-bottom: 20px; border: #ffc4b6 solid 1px; background-color: #ffede9; } /** * ASuItems setting * * @section ASuItems for #ASu * @see - */ #ASu .top { width: 100%; margin-bottom: 7px; } #ASu .top h2 { padding: 3px 0 4px 10px; font-size: 100%; font-weight: bold; background-color: #ffcfb6; } #ASu .innre { width: 49%; text-align: center; padding-bottom: 7px; display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; zoom: 1; } #ASu .th { width: 76px; margin: 0 auto; } #ASu .s { width: auto; float: left; } #ASu .a { padding: 0 10px; vertical-align: baseline; } #ASu .a h3 { height: 1.3em; overflow: hidden; } #ASu .a span { display: block; height: 2.5em; overflow: hidden; } #ASu .a em { font-weight: bold; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASx * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * * モジュール： * @section Master for #ASx * @see - */ #ASx { width: 100%; font-size: 123%; padding: 0; margin: 0 auto 20px auto; clear: both; } /** * ASxItems setting * * @section ASxItems for #ASx * @see - */ #ASx p { color: #666; } #ASx table b small { width: 100%; text-align: center; display: block; margin: 0 auto; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AS2w * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-23 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #AS2w * @see - */ div#AS2w { text-align: left; padding: 0; margin-bottom: 20px; } /** * AS2wItems setting * * @section AS2wItems for #AS2w * @see - */ /* top */ div#AS2w .inner { width: 100%; margin-top: 0; margin-bottom: 0; } div#AS2w .inner p { width: 100%; margin-top: 0; margin-bottom: 0; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AS2m * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-23 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #AS2m * @see - */ #AS2m { display: block; margin-bottom: 20px; } /** * AS2mItems setting * * @section AS2mItems for #AS2m * @see - */ /* top */ #AS2m .top { /*width:100%;*/ margin: 0; padding: 0; display: block; clear: both; } #AS2m .top { padding: 2px 0; margin-bottom: 10px; border-top: none; background: url(../../AS/img/y_bg2.png) repeat-x 0 -320px; color: #333; clear: both; } #AS2m .top .t { display: inline; float: left; margin-right: 0.5em; padding-left: 10px; font-size: 107%; font-weight: bold; } #AS2m .top p { float: right; padding-right: 5px; } #AS2m .top em { font-weight: bold; } /* inner */ #AS2m .inner { /*width:100%;*/ margin: 0; color: #666; text-align: left; padding: 0 10px; /*display:block;*/ } #AS2m .inner ul { margin: 0; text-align: left; padding: 0; display: block; } #AS2m .inner ul li { /*width:100%;*/ margin-bottom: 6px; clear: both; } #AS2m .inner ul span.l { width: 4px; height: 4px; margin: 0.55em 7px 0 0; _margin: 0.45em 4px 0 0; background: url(../../AS/img/sp_as2.png) no-repeat -8px -106px; display: block; text-indent: -9999em; overflow: hidden; float: left; } #AS2m .inner ul span.a { font-size: 75%; } #AS2m .inner ul em { font-weight: bold; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AS5 * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2010-8-4 10:31 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #AS5 * @see - */ #AS5r, #AS5s, #AS5t { padding: 0; text-align: left; padding-left: 6px; clear: both; } #AS5r { padding-top: 30px; } /** * AS5rItems setting * * @section AS5Items for #AS5 * @see - */ #AS5r .inner, #AS5s .inner, #AS5w .inner, #AS5t .inner, #AS5r .inner .bd, #AS5s .inner .bd, #AS5w .inner .bd { width: 100%; display: block; clear: both; } #AS5r .inner, #AS5s .inner, #AS5w .inner, #AS5t .inner { margin-bottom: 30px; } #AS5t .inner .bd { width: auto; display: block; padding-left: 22px; clear: both; } #AS5r .top { font-size: 123%; margin-bottom: 12px; display: block; clear: both; } #AS5r .inner .hd, #AS5s .inner .hd, #AS5w .inner .hd, #AS5t .inner .hd { padding-left: 8px; margin-bottom: 8px; display: block; clear: both; } #AS5t .inner .hd { margin-bottom: 0; } #AS5r .inner .hd h2, #AS5s .inner .hd h2, #AS5w .inner .hd h2, #AS5t .inner .hd h2 { font-size: 123%; font-weight: bold; } #AS5r .inner .bd ul, #AS5s .inner .bd ul { width: auto; padding-left: 30px; display: block; clear: both; } #AS5r .inner ul li, #AS5s .inner ul li { width: auto; list-style-type: disc; list-style-position: outside; margin-bottom: 7px; clear: both; } #AS5r .inner ul li span { float: left; width: 7px; height: 12px; margin-right: 5px; background: url(/PRODUCT/oneserp/S/img/s_110426.png) 0 -700px no-repeat; text-indent: -9999px; overflow: hidden; } #AS5w #ASw { margin-left: 20px; } .ASfc { border: 1px solid #FCD45A; margin-bottom: 20px; } .ASfc .lb { /* width: 100%; */ background-color: #FCD45A; padding: 10px; } .ASfc .t { font-weight: bold; font-size: 114%; float: left; } .ASfc .update { font-weight: normal; font-size: 100%; float: right; padding-top: 2px; } .ASfc .sub { padding: 10px; font-size: 114%; } .ASfc li { font-size: 114%; padding: 5px 15px 5px 15px; } .ASfc li.fcbg { background-color: #FFF8E2; } .ASfc .liImg .inner { width: 166px; } .ASfc .liImg li { width: 25%; font-size: 100%; float: left; padding: 0; } .ASfc .liImg .tb { display: table; width: 166px; height: 106px; padding: 1px; border: 1px solid #CCC; background-color: white; margin: 0; text-align: center; } .ASfc .liImg .tb a { display: table-cell; width: 166px; height: 106px; vertical-align: middle; } .ASfc .liImg img { vertical-align: bottom; } .ASfc .liImg ul { width: 100%; } .ASfc .liImg .m { text-align: right; } /* .ASsd 左カラム共通スタイル */ .ASsd a { text-decoration: none; } .ASsd a:hover { text-decoration: underline; } .ASsd label { cursor: pointer; } /* top */ .ASsd .top { text-align: center; border: solid 1px #ccc; border-radius: 0; -webkit-border-radius: 0; background-image: none; background-color: #FEDA45; } body.sellinglist .ASsd .top { background-image: none; background-color: #efefef; } .ASsd .top span { padding: 2px 0 2px 5px; font-size: 108%; font-weight: bold; display: block; } .ASsd .MdBody { color: #000; } .ASsd .MdBody { padding: 10px 5px 0; margin-bottom: 10px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; word-break: break-all; word-wrap: break-word; } .ASsd .ft { text-align: center; padding-bottom: 5px; } .ASsd .ft .ftBtn { display: block; clear: both; cursor: pointer; width: 6.4em; margin: 0 auto; } /* 自動車対応 ASsd */ .ASsd .MdBody { border-right: none; border-left: none; padding: 0; margin-bottom: 15px; } .ASsd .acd { display: block; padding: 0 5px; } .ASsd .top { height: 30px; line-height: 32px; background: #f1f0e8; border: none; } .ASsd .top span { padding: 0 5px; font-weight: normal; font-size: 100%; color: #33322f; } .ASsd t { padding: 10px 5px 0; width: auto; } .ASsd .top { text-align: left; } .ASsd .ft { margin-bottom: 0; padding: 8px 5px 5px; } /** 機能追加／改修 #27449: 【ヤフオク!】【PC】検索結果、カテゴリリスト、過去落札にbuyeeバナー表示 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/27449 */ #AS-m14 { margin: 0 auto 40px; text-align: center; } /* メディアクエリ非対応ブラウザ(ie8以下)は固定 */ #AS-m14 img { width: 728px; } #AS-m14 dl img { width: auto; } /* メディアクエリ対応ブラウザ（ie9以上）はbreak pointで調整 */ /* 現時点ではADと同じ仕様にする */ @media screen and (max-width: 990px) { #AS-m14 img { width: 728px; } #AS-m14 dl img { width: auto; } } @media screen and (min-width: 990px) { #AS-m14 img { width: 728px; } #AS-m14 dl img { width: auto; } } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASee * * @project OneSeRP-Auc-pj * @author makyokoi * @lastmodified｡｡2010-10-21 10:00 * @css-doc Version 1.0pre * @revision 7233 * @media PC */ /** * Master setting * * モジュール： * @section Master for .ASee1 , .ASee2 * @see - */ #ASee { padding: 0 10px; } /* .ASee1 */ .ASee1 { border: 1px solid #ccc; margin-bottom: 10px; } .ASee1 .hd { color: #000; font-weight: bold; padding: 2px; background-color: #eee; } .ASee1 .bd { padding: 5px; } .ASee1 .bd .s { margin: 0 0 0 2px; } /* .ASee2 */ .ASee2 { border: 1px solid #ccc; margin-bottom: 20px; } .ASee2 .hd { color: #000; font-weight: bold; padding: 2px; background-color: #eee; } .ASee2 .bd { padding: 5px; } .ASee2 .bd .s { margin: 0 0 0 2px; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AScc * * @project OneSeRP-Auc-pj * @author makyokoi * @lastmodified｡｡2010-10-21 10:00 * @css-doc Version 1.0pre * @revision 7233 * @media PC */ /** * Master setting * * モジュール： * @section Master for * @see - */ #AScc .MdBody { padding: 10px 5px 0; margin-bottom: 10px; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; text-align: center; } #AScc select { width: 165px; font-size: 12px; } #AScc a { text-decoration: underline; } #AScc .MdBody #calsearch_selector { text-align: center; margin-bottom: 10px; } #AScc .MdBody #calsearch_selector p { margin-bottom: 5px; } /* .calUnit */ #AScc .calUnit { margin-bottom: 5px; } #AScc .calUnit table { width: 100%; border: 1px solid #cccc99; } #AScc .calUnit caption { width: 100%; background-color: #cccc99; font-weight: bold; text-align: center; } #AScc .calUnit .colorR { color: #cc0000; } #AScc .calUnit .colorK { color: #000; } #AScc .calUnit .colorB { color: #00f; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #ASddv2 * * @project OneSeRP-Auc-pj * @author nakiimura * @lastmodified 130527 * @css-doc Version 1.0pre * @revision 7233 * @media PC */ /** * Master setting * * モジュール： * @section Master for * @see - */ #ASddv2 { border: 1px solid #DDDDDD; margin-bottom: 10px; } /* .top */ #ASddv2 .top { background-color: #EEEEEE; padding: 5px 10px; margin-bottom: 10px; font-weight: bold; } /* .inner */ #ASddv2 .inner { margin: 0 10px 10px; } #ASddv2 .inner table { margin-bottom: 5px; } #ASddv2 .inner th { text-align: center; white-space: nowrap; background-color: #EEEEEE; } #ASddv2 .inner th.price span { font-size: 84.6%; /* 11px */ } #ASddv2 .inner th.mileage span { font-size: 76.9%; /* 10px */ } #ASddv2 .inner tr.even, #ASddv2 .inner tr.odd { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #ASddv2 .inner td { padding: 5px; } /* td align left/center/right */ #ASddv2 .inner .txL { border-left: 1px solid #ddd; text-align: left; } #ASddv2 .inner .txC { border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; } #ASddv2 .inner .txR { border-right: 1px solid #ddd; text-align: right; } #ASddv2 .inner .m { text-align: right; } /* .bottom */ #ASddv2 .bottom ul { padding: 0 10px 10px; } #ASddv2 .bottom li { font-size: 92.3%; text-indent: -1em; padding-left: 1em; color: #666666; } /** * Master setting * * モジュール： * @section Master for # * @see - */ /*　--------------------------------------------------- ウォッチリスト「.alertbox」 ---------------------------------------------------- */ /*image*/ .Alert { position:relative; } .alertbox { position: absolute; left:-50px; top:65px; width: 236px; z-index: 200; opacity:0; /*animation: 名前開始から終了までの時間進行の度合い開始時間繰り返し回数再生方向開始前・終了後のスタイル再生・停止*/ animation: popup 4s linear 0s 1 alternate forwards; } @keyframes popup { 0% { opacity: 0; } 2% { opacity: 1.0; } 88% { opacity: 1.0; } 90% { opacity: 0; z-index: 200; } 100% { z-index:-999; } } .alertbox .al_inner { width: 100%; border: 1px solid #bab6ab; } /* .al_hd */ .alertbox .al_hd { position: relative; width: 100%; background-position: 0 -66px; background-repeat: repeat-x; background-color: #fff; } /*注意*/ .alertbox .al_hd .e { display: none; position: absolute; top: 8px; left: 8px; } .alertbox .al_hd .e span { display: block; text-indent: -9999px; width: 0; height: 0; overflow: hidden; } .error .al_hd, .overlimit .al_hd { min-height: 42px; } .error .al_hd .e, .overlimit .al_hd .e { display: block; } .alertbox .al_hd p { margin: 0 20px 0 10px; padding: 8px 0 10px 0; line-height: 1.5; } .alertbox .al_hd p .s { margin: 0 3px; } /*閉じる*/ .alertbox .al_hd .c { position: absolute; top: 5px; right: 5px; cursor: pointer; } .alertbox .al_hd .c span { display: block; text-indent: -9999px; width: 16px; height: 16px; overflow: hidden; background: #fff url(http://i.yimg.jp/images/serp/as/b_delete2_x2.png) no-repeat 40% 40%; background-size: 16px auto; } /* .al_bd */ .alertbox .al_bd { background-color: #fff; padding: 0 10px 10px; } .alertbox .al_bd p { text-align: center; } .alertbox .al_bd a, .alertbox .al_bd span { /* position: relative; display: block; margin: 0 auto; height: 22px; line-height: 22px; border: 1px solid #9f9e98; color: #33322f; background-color: #f6f6f1; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; */ } .alertbox .al_bd a:before, .alertbox .al_bd span:before, .alertbox .al_bd a:after, .alertbox .al_bd span:after { /* content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; */ } .alertbox .al_bd a:before, .alertbox .al_bd span:before { height: 6px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .alertbox .al_bd a:after, .alertbox .al_bd span:after { height: 3px; bottom: 3px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } /*未ログインの場合*/ /*{"result":"notLoggedIn"}*/ /*すでに登録済みの場合 */ /*{"result":"added"}*/ /*登録数の上限を超えている場合 */ /*{"result":"overlimit"}*/ /*エラー*/ /*{"error":"エラーメッセージ"}*/ /*通知設定を編集*/ /** * Master setting * * モジュール： * @section Master for #Ck * @see - */ #Ck { margin-bottom: 15px; min-width: 460px; } /** * Master setting * * モジュール： * @section Master for #S_Ck * @see - */ #S_Ck { border: 1px solid #ccc; } /*　--------------------------------------------------- 検索条件「#conditionList」 ---------------------------------------------------- */ #Ck dl { border-top: 1px solid #ccc; background-color: transparent; background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); background-repeat: no-repeat; background-position: 0 bottom; } #Ck dt { display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; *zoom: 1; width: 150px; padding: 3px; } #Ck dt span { float: left; } #Ck dt a { vertical-align: baseline; float: right; } #Ck dd { width: 500px; display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; *zoom: 1; padding: 3px; border-left: 1px solid #ccc; } /*■ 「カテゴリリストでカテゴリ以外の絞り込み指定が無い場合」のモジュール展開時*/ #Ck dl.no-conditionList { background: none; } #Ck dl.no-conditionList dt { display: none; } #Ck dl.no-conditionList dd { display: block; margin: 0 auto; border: none; text-align: center; } /*　--------------------------------------------------- エキスパンド ---------------------------------------------------- */ #S_Ck .MdBody { padding: 0 5px 0; color: #000; word-break: break-all; word-wrap: break-word; } #S_Ck .t { display: block; position: relative; width: 100%; /* for IE7 */ _height: 1px; /* for IE6 */ } #S_Ck .b { width: 6.25em; _height: 1.7em; /* for IE6 */ text-align: center; display: block; margin: 8px auto; cursor: pointer; } #S_Ck h3 { position: relative; color: #666; font-weight: bold; margin: 5px 0 1px 5px; padding: 0 0 4px 18px; background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); background-repeat: no-repeat; float: left; cursor: pointer; } #S_Ck .o h3 { background-position: -142px -210px; } #S_Ck .c h3 { background-position: -142px -265px; } #S_Ck .o h3.hover { background-position: -142px -210px; } #S_Ck .c h3.hover { background-position: -142px -265px; } #S_Ck .c .acd { display: none; } /* AUC,SHP */ /* .arr (icon => Arrow) */ #Ck .arr, #Ck .h { background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); } #Ck .arr { background-position: -130px 0; background-repeat: no-repeat; } #Ck .set1 { float: left; padding-top: 5px; margin-right: 20px; } #Ck .set2 { float: left; padding-top: 5px; } #Ck .set1 a, #Ck .set2 a { float: left; } /* .arr (icon => L ＋ ) */ #Ck .set1 .arr { float: left; width: 25px; height: 16px; /* 13px + 2px */ margin-right: 5px; background-position: -83px -64px; /* 66px - 2px */ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } /* .arr (icon => L ) */ #Ck .set2 .arr { float: left; width: 7px; height: 12px; margin-right: 5px; background-position: -83px -66px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } /* .h (icon => Help) */ #Ck .h { float: left; width: 12px; height: 14px; /* 14px + 2px; */ margin-left: 5px; background-position: -71px -64px; /* 66px - 2px */ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } /** * * @section livetest for Ckv2 * @see - */ #Ckv2 { margin-bottom: 10px; } .sellinglist #Ckv2 { margin-bottom: 0; } .sellinglist #Ckv2 ul, .sellinglist #Ckv2 li { /* reset */ margin: 0; padding: 0; } #Ckv2 .hd { padding-bottom: 15px; } .sellinglist #Ckv2 ul.hd { padding-bottom: 10px; } #Ckv2 .hd li { line-height: 1.4; } #Ckv2 .hd li .bt:before { content: "▶︎"; display: inline-block; margin-right: 3px; font-size: 10px; color: #999999; } #Ckv2 .hd li .bt { display: inline-block; /*ie6&7*/ *display: inline; *zoom: 1; position: relative; top: -1px; left: 5px; cursor: pointer; background-color: #fefefe; background: -moz-linear-gradient(top, #fefefe, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -webkit-linear-gradient(top, #fefefe, #efefef); background: -moz-linear-gradient(top, #fefefe, #efefef); background: linear-gradient(to bottom, #fefefe, #efefef); border: 1px solid #ccc; border-radius: 3px; color: #333; padding: 5px 5px; font-size: 11px; text-align: center; text-decoration: none; } #Ckv2 .hd li .bt:hover { background: -webkit-linear-gradient(top, #fefefe, #f9f9f9); background: -moz-linear-gradient(top, #fefefe, #f9f9f9); background: linear-gradient(to bottom, #fefefe, #f9f9f9); } #Ckv2 .bd { *overflow: hidden; *zoom: 1; } #Ckv2 .bd li { display: inline-block; font-size: 90%; margin-right: 10px; margin-bottom: 10px; white-space: nowrap; } /*ie6*/ #Ckv2 .bd li a { background: #eee url(../../AS/img/lt/icExDeleate.png) no-repeat 100% 50%; border-radius: 3px; display: block; color: #000; line-height: 1.3em; text-decoration: none; padding: 3px 25px 3px 5px; *display: inline; *zoom: 1; } #Ckv2 .bd li em { background-color: #eee; border-radius: 3px; display: block; color: #000; line-height: 1.3em; text-decoration: none; padding: 3px 5px; } #Ckv2 .bd li a span, #Ckv2 .bd li em span { color: #666; } #Ckv2 .btm { border-top: 1px solid #ccc; padding-left: 15px; } #Ckv2 .btm ul { display: inline-block; /*ie6&7*/ *display: inline; *zoom: 1; border: 1px solid #ccc; border-top-color: #fff; margin-top: -1px; } #Ckv2 .btm li { display: inline-block; padding: 5px 10px; font-size: 12px; /*ie6&7*/ *display: inline; *zoom: 1; } #Ckv2 .btm a { display: block; /* for firefox */ text-decoration: none; } #Ckv2 .btm a:hover { text-decoration: underline; } #Ckv2 .btm li:first-child a { border-right: 1px solid #ccc; padding-right: 10px; margin-right: -11px; zoom: 1; } /* 自動車対応 Ckv2 */ #Ckv2 { margin-bottom: 5px; } #Ckv2 .bd { padding-left: 10px; } #Ckv2 .bd li { margin-right: 20px; margin-bottom: 0; } #Ckv2 .bd li span { line-height: 30px; color: #a09e99; /*font-weight:bold;*/ } #Ckv2 .bd li a { display: inline-block; text-indent: -9999px; padding: 0; background: #fff url(http://i.yimg.jp/images/serp/as/b_delete2_x2.png) no-repeat 40% 40%; background-size: 16px auto; border-radius: 0; width: 26px; height: 30px; line-height: 30px; } #Ckv2 .bd li a, #Ckv2 .bd li a:hover { -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; } #Ckv2 .bd li a:hover { opacity: 0.7; filter: alpha(opacity=70); *background-color: #b7b7b6; } .data-win-ie-60 #Ckv2 .bd li a, .data-win-ie-70 #Ckv2 .bd li a, .data-win-ie-80 #Ckv2 .bd li a { background: #fff url(http://i.yimg.jp/images/serp/as/b_delete2.png) no-repeat 40% 40%; } #Ckv2 .bd li em { background-color: #f1f0e8; border-radius: 0; display: block; color: #000; line-height: 1.3em; text-decoration: none; padding: 5px 10px; } #Ckv2 .bd li a span, #Ckv2 .bd li em span { color: #000; } /** * Master setting * * @section Master for #nvv2 * 絞り込み等設置エリア * @see - */ /*--navigation--*/ #nv2 { position: relative; height: 32px; line-height: 32px; /* background-color:#F8F8F8; */ padding: 5px 5px 5px 10px; margin: 0 0 0 0; border-bottom: 1px solid #dfdfdf; } .sellinglist #nv2 ul, .sellinglist #nv2 li { /* reset */ margin: 0; padding: 0; } #nv2 .ASk_selInd { position: absolute; left: 10px; width: 30%; } #nv2 a { text-decoration: none; } #nv2 a:hover { text-decoration: underline; } #Sp2n { position: absolute; right: 180px; width: 66px; margin: 0; padding: 0; line-height: 1; } #Sp2n ul { margin: 0 auto; letter-spacing: -0.5em; } #Sp2n li { display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* for safari 5 */ width: 33px; height: 32px; line-height: 32px; border: 1px solid #CCCCCC; background-color: #EEEEEE; background-image: -webkit-linear-gradient(top, #FFFFFF, #F6F6F6); background-image: -moz-linear-gradient(top, #FFFFFF, #F6F6F6); background-image: linear-gradient(to bottom, #FFFFFF, #F6F6F6); letter-spacing: normal; } #Sp2n li.SpType1 { border-radius: 3px 0 0 3px; } #Sp2n li.SpType2 { width: 32px; border-left: none; border-radius: 0 3px 3px 0; } #Sp2 li a, #Sp2 li strong, #Sp2n li a, #Sp2n li strong { display: block; overflow: hidden; background-image: url("http://i.yimg.jp/images/serp/smt/s/img/sp_s_v6.png"); background-repeat: no-repeat; background-size: 84px 157px; line-height: 30px; text-indent: -9999px; } #Sp2n li a { background-color: #FFFFFF; } #Sp2n li strong { background-color: #EEEEEE; } #Sp2n li.SpType1 a { background-position: -26px -73px; } #Sp2n li.SpType2 a { background-position: -54px -73px; } #Sp2n li.SpType1 strong { background-position: -26px -101px; } #Sp2n li.SpType2 strong { background-position: -54px -101px; } #nv2 .ASk_dispStyle ul { letter-spacing: -5em; } #nv2 .ASk_dispStyle ul li { display: inline-block; } #nv2 .ASk_dispSet { position: absolute; width: 80px; right: 95px; } /* 表示件数プルダウン対応環境 Mac Safari5- Mac Chrome Mac FF6- Win IE9- */ #ASk_number { position: absolute; width: 120px; height: 32px; line-height: 32px; right: 5px; bottom: 5px; text-align: right; white-space: nowrap; } /* form */ #ASk_number form { height: 32px; line-height: 32px; vertical-align: bottom; position: relative; } /* ページ送り */ #ASsp1 { margin-bottom: 10px; padding: 10px; background-color: #f1f0e8; } #ASsp1 .non { color: #999999; } #ASsp1 .prev { text-align: left; float: left; width: 13%; font-size: 115%; white-space: nowrap; } #ASsp1 .next { text-align: right; float: right; width: 13%; font-size: 115%; white-space: nowrap; } #ASsp1.left .prev { margin-right: 15px; } #ASsp1.under a { text-decoration: underline !important; } #ASsp1.left .prev, #ASsp1.left .mid, #ASsp1.left .next { float: left; width: auto; } #ASsp1 .prev a, #ASsp1 .next a { text-decoration: none; } #ASsp1 .mid { display: block; text-align: center; font-size: 87.5%; margin: 0 auto; float: left; width: 72%; _width: 71%; } #ASsp1 .mid .fs, #ASsp1 .mid .n, #ASsp1 .mid .om { display: inline-block; /* float: left; */ width: 6%; /* _width: 5%; */ font-size: 131%; margin: 0 3px; *display: inline; *zoom: 1; } #ASsp1 .mid .fs, #ASsp1 .mid .om { width: 4%; } #ASsp1 .prevIc { margin-right: 10px; position: relative; top: -1px; } #ASsp1 .nextIc { margin-left: 10px; position: relative; top: -1px; } #ASsp1 .sum { clear: both; padding-top: 5px; *padding-top: 0px; text-align: center; font-size: 93%; } #ASsp1 .cur { font-weight: bold; } /* ショートカット保存、アラート登録モジュール */ /* 最近はまったIEバグ対処法 | WEBデザイン始めました。 http://design.valeur3.com/?p=579 */ #ASw4wrap { position: relative; z-index: 1; height: 40px; } #ASw4 a.Seller__alertButton, #ASw4 a.shortcut2 { position: relative; right: inherit; } #ASw4 a.shortcut2, #ASw4 .Seller__alertButton { display: inline-block; padding: 0 10px; margin-right: 3px; vertical-align: bottom; height: 30px; color: #33322f; border: 1px solid #9f9e98; border-radius: 4px; background-color: #f6f6f1; line-height: 30px; text-align: center; font-family: inherit; cursor: pointer; } #ASw4 a.shortcut2 { width: 170px; } #ASw4 a.shortcut2:hover, #ASw4 .Seller__alertButton:hover { -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; text-decoration: none; opacity: 0.7; filter: alpha(opacity=70); } #ASw4 a.shortcut2:active, #ASw4 a.shortcut2:hover, #ASw4 a.shortcut2:link, #ASw4 a.shortcut2:visited { color: #33322f; } #ASw4 a.shortcut2:after, #ASw4 .Seller__alertButton:after, #ASw4 a.shortcut2:before, #ASw4 .Seller__alertButton:before { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } #ASw4 a.shortcut2:before, #ASw4 .Seller__alertButton:before { height: 6px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } #ASw4 a.shortcut2:after, #ASw4 .Seller__alertButton:after { height: 3px; bottom: 3px; border-radius: 0 0 3px 3px; background-color: #f6f6f1; } #ASw4 a.alert2, #ASw4 #add_alert3 { width: 225px; } #ASw4 #add_alert3 { display: inline-block; } /** * @section .la * 並び替えモジュール * @see - */ /* la ナビゲーショングリッドとリストを確認すること */ .la { /*margin-bottom:5px;*/ /* background-color:#F8F8F8; */ /*padding:5px;*/ } #AS1m3 .la { height: 42px; } /* 並び替え帯 collapseのみ、下線表示 */ .resemble .la { border-top: 1px solid #CCCCCC; } .sellinglist .la { background-color: #F8F8F8; } #AS1m1 table .la th, .la li, .sellinglist #AS1m3 .la li { padding: 10px 5px 10px 5px; text-align: center; white-space: nowrap; } .la li, .sellinglist #AS1m3 .la li { float: right; margin-left: 10px; } .la .do, .la .up { font-weight: bold; } .la th a, .la li a { display: inline-block; *display: inline; *zoom: 1; } .la a { text-decoration: none; } .la a:hover { text-decoration: underline; } .la a:hover .a3 { text-decoration: none; } .la th span, .la li span { display: inline-block; *display: inline; *zoom: 1; } .la th span a, .la li span a { display: block; width: 11px; height: 11px; overflow: hidden; margin-right: 3px; background-image: url(/PRODUCT/oneserp/S/img/s_110426.png); background-repeat: no-repeat; text-indent: -10000em; } .closedsearch .la th span a, .closedsearch .la li span a { margin-right: 0; } .la .do span a { background-position: -25px -175px; } .la .up span a { background-position: -10px -175px; } .la .nsort { float: right; margin-right: 5px; height: 20px; line-height: 20px; } html[class*="chrome"] .la .nsort { height: 19px; line-height: 19px; } /* ページごとのパッチ */ .closedsearch #AS1m1 .la th.do span { text-align: left; } /** * @section AS-m7 * 共通メッセージスタイル（.mes）に少し上書き * @see - * * 機能追加／改修 #25179: 【ヤフオク!】【PC】【ライブテスト】過去落ページへの誘導 - OneSerp-Service - Yahoo! Redmine * http://redmine.search.ynwm.yahoo.co.jp/issues/25179 */ #AS-m7 { margin: 0 0 15px 0; } #AS-m7 dt { position: relative; top: 2px; } html[class*=safari] #AS-m7 dt { top: 0; } #AS-m7 dd { margin-left: 16px; } #AS-m7 .read { margin-left: 0.5em; font-size: 11px; } #AS-m7 .bo { margin-right: 5px; } #AS-m7.msg .h { float: none; position: relative; top: 2px; } html[class*=safari] #AS-m7.msg .h { top: 0; } /** 機能追加／改修 #25296: 【ヤフオク!】【PC】【SP】【TB】0マッチページへweb検索への誘導リンク設置 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/25296 */ #AS-m8 { margin: 0 0 30px 0; padding: 0; } #AS-m8 dt { position: relative; float: left; top: 3px; left: -1px; width: 13px; height: 15px; background-position: 0 -300px; text-indent: -9999px; background-image: url(http://i.yimg.jp/images/serp/s/sp_s_6.png); background-repeat: no-repeat; } #AS-m8 dd { margin-left: 18px; font-size: 16px; } /** 機能追加／改修 #26069: 【ヤフオク!】【PC】【ライブテスト】閲覧履歴モジュール設置 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/26069 */ #AS-m9 .MdBody { padding-top: 0; } #AS-m9 ul { padding-bottom: 5px; } #AS-m9 li { padding: 10px 15px 10px 15px; border-bottom: 1px solid #CCCCCC; text-align: center; } #AS-m9 li a { text-decoration: underline; } #AS-m9 li img { max-width: 90px; _width: 90px; /* ie6 */ max-height: 63px; } #AS-m9 li .ttl, .pn, .price, .nrend { text-align: left; } #AS-m9 li .ttl { display: block; margin: 5px 0 10px 0; } #AS-m9 li .price { display: block; font-weight: bold; } #AS-m9 .pn { margin-right: 5px; color: #999; font-size: 85%; font-weight: normal; } #AS-m9 .nrend { display: block; margin-top: 5px; color: #f00; font-size: 85%; } /** 機能追加／改修 #25172: 【ヤフオク!】【PC】【SP】【TB】【ライブテスト】collapse＆dedup - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/25172 */ #AS-m10 { margin: 0 0 10px 10px; } #AS-m10 .thumb { display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; } #AS-m10 .info { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 850px; } #AS-m10 .info .top { font-size: 115.4%; /* 15px */ margin-bottom: 5px; } #AS-m10 .info .top em { font-weight: bold; margin-right: 5px; } #AS-m10 .info .bd { margin-bottom: 15px; } #AS-m10 .info .bd li { display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; *margin-right: 5px; } #AS-m10 .info .bd li span { color: #a09e99; } #AS-m10 .btm em { font-weight: bold; } /** 機能追加／改修 #25172: 【ヤフオク!】【PC】【SP】【TB】【ライブテスト】collapse＆dedup - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/25172 */ #AS-m11 { margin: 15px 10px; } #AS-m11 a:before { display: inline-block; content: ""; width: 0; height: 0; margin-right: 5px; border-top: 5px solid transparent; border-right: 5px solid #999999; border-bottom: 5px solid transparent; } #AS-m11 a em { font-weight: bold; } /** 機能追加／改修 #26554: 【ヤフオク!】【PC】消費増税に伴うC出品者商品の訴求バナー設置+左カラム「出品者」絞り込み位置変更 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/26554 */ #AS-m12 { position: relative; width: 513px; height: 54px; border-color: #FFC100; border-width: 4px 4px 4px 4px; border-style: solid; border-radius: 4px; margin-bottom: 20px; } #AS-m12.close { display: none; } #AS-m12 .headline:before { position: absolute; top: 56px; left: -29px; display: inline-block; content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-right: 30px solid #FFC100; border-bottom: 5px solid transparent; -moz-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); } .data-win-ie-80 #AS-m12 .headline:before { top: 35px; left: -32px; } #AS-m12 .headline, #AS-m12 .more { background-image: url(../../AS/img/pr/26554_tax0x2.png); background-size: 513px 54px; background-repeat: no-repeat; } .data-win-ie-80 #AS-m12 .headline, .data-win-ie-80 #AS-m12 .more, .data-win-ie-70 #AS-m12 .headline, .data-win-ie-70 #AS-m12 .more, .data-win-ie-60 #AS-m12 .headline, .data-win-ie-60 #AS-m12 .more { background-image: url(../../AS/img/pr/26554_tax0.png); } html[class*=safari-4] #AS-m12 .headline, html[class*=safari-4] #AS-m12 .more { background-image: url(../../AS/img/pr/26554_tax0.png); } #AS-m12 .headline { text-indent: -9999px; width: 373px; height: 54px; overflow: hidden; } #AS-m12 .more { position: absolute; top: 0; right: 0; width: 140px; height: 54px; overflow: hidden; background-position: -373px 0; background-color: #FFC100; } #AS-m12 .more a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; } /** * 出品リストページ＞ヘッダ部分 * * @section .sellinglist * @see - */ /* マストヘッド */ .sellinglist #msthd { position: relative; height: 60px; padding: 10px 10px 0 10px; } .sellinglist #acWrGlobalNavi { z-index: auto; } .sellinglist #acMdNaviBox { z-index: 400; } /* ログイン帯 */ .sellinglist #titlebar { padding: 5px 20px 5px 20px; background-color: #FFCC33; } .sellinglist #titlebar .main { float: left; /* font-weight:bold; font-size:138%; */ } .sellinglist #titlebar .sub { padding: 5px 5px 5px 20px; background-color: #FFE566; float: right; font-weight: bold; background-image: url("http://i.yimg.jp/i/jp/mb/top/beginner.gif"); background-repeat: no-repeat; background-position: 2% 50%; } .sellinglist #showprefs { width: 468px; margin: 10px auto; padding: 10px 0; border: 1px solid #000000; background-color: #FFFFCC; text-align: center; font-weight: bold; font-size: 17px; } /* セラー情報 */ /* 外枠 */ .sellinglist .seller { display: table; position: relative; margin: 0; margin-top: -90px; /* margin-bottom:20px; */ margin-right: 300px; padding: 10px 10px 0 10px; text-align: left; -moz-box-sizing: border-box; box-sizing: border-box; color: #333333; min-width: 680px; z-index: 200; /* background-color:#EEEEEE; */ } .sellinglist .seller--cseller { min-height: 50px; } /* 枠1 */ .sellinglist .seller__img { display: table-cell; vertical-align: top; width: 60px; padding-top: 10px; padding-left: 10px; padding-right: 0; padding-bottom: 20px; } .sellinglist .seller__img img { width: 50px; height: 50px; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc; border-radius: 100px; } .sellinglist .seller__info { display: table-cell; padding-top: 10px; vertical-align: top; } .sellinglist .seller__name { display: block; line-height: 1.5; padding: 0 0 0 0; font-size: 16px; word-break: break-all; white-space: nowrap; } .sellinglist a.seller__name { color: #0000DE; } .sellinglist .seller__subInfo { position: relative; top: -4px; line-height: 1.1; } .sellinglist .seller__yid { display: inline-block; font-size: 12px; color: #666666; } .sellinglist .seller__storeInfo { display: inline-block; font-size: 12px; } .sellinglist .seller__rating { position: relative; display: block; top: -5px; font-size: 12px; margin: 0 0 0 0; } .sellinglist .seller__rating .rn { margin-left: 0.5em; } .sellinglist .seller-info__follow { display: table-cell; vertical-align: top; position: relative; width: 93px; height: 100px; } .sellinglist .seller__follow { position: absolute; font-size: 12px; white-space: nowrap; top: 50px; right: 5px; margin-top: 0; margin-bottom: 0; } @-webkit-keyframes followFadein { from { opacity: 0; } to { opacity: 1.0; } } @-moz-keyframes followFadein { from { opacity: 0; } to { opacity: 1.0; } } @keyframes followFadein { from { opacity: 0; } to { opacity: 1.0; } } @-webkit-keyframes followFadeout { from { opacity: 1.0; } to { opacity: 0; } } @-moz-keyframes followFadeout { from { opacity: 1.0; } to { opacity: 0; } } @keyframes followFadeout { from { opacity: 1.0; } to { opacity: 0; } } .sellinglist .seller-info__follow__mes { display: inline-block; position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 15px; border: 1px solid #9f9e98; border-radius: 4px; box-shadow: 2px 2px 0 #d9d6d4; background-color: #FFFFFF; color: #33322f; vertical-align: top; } .sellinglist .seller-info__follow__mes { top: 42px; left: -102px; z-index: 1005; width: 300px; height: auto; text-align: center; font-size: 13px; -webkit-animation-name: followFadein; -moz-animation-name: followFadein; animation-name: followFadein; -webkit-animation-duration: 0.25s; -moz-animation-duration: 0.25s; animation-duration: 0.25s; } @-webkit-keyframes sellerMessageFadein { 0% { height: 0; opacity: 0; } 90% { height: 0; opacity: 0; } 100% { height: auto; opacity: 1.0; } } @-moz-keyframes sellerMessageFadein { 0% { height: 0; opacity: 0; } 90% { height: 0; opacity: 0; } 100% { height: auto; opacity: 1.0; } } @keyframes sellerMessageFadein { 0% { height: 0; opacity: 0; } 90% { height: 0; opacity: 0; } 100% { height: auto; opacity: 1.0; } } .sellinglist .seller__message { position: relative; /* visibility:hidden; */ opacity: 0; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top; z-index: 500; /* animation-name: sellerMessageFadein; animation-delay: 0; animation-duration:0; */ -webkit-transition: opacity linear 0.5s; -moz-transition: opacity linear 0.5s; transition: opacity linear 0.5s; } .sellinglist .seller__message.is-hide, .sellinglist .seller__message.is-open, .sellinglist .seller__message.is-remove { opacity: 1.0; /* visibility:visible; */ } .sellinglist .seller__message .seller__messageText { position: relative; overflow: hidden; height: 40px; padding: 10px 15px 30px 15px; margin-top: 2px; margin-left: 7px; border: 1px solid #9f9e98; border-radius: 4px; box-shadow: 2px 2px 0 #d9d6d4; background-color: #FFFFFF; color: #33322f; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "MS UI Gothic", Helvetica, Arial, sans-serif; white-space: pre-wrap; font-size: 13px; } .sellinglist .seller__message.is-hide .seller__messageText { height: 40px; } .sellinglist .seller__message.is-open .seller__messageText { height: auto; } .sellinglist .seller__message.is-remove .seller__messageText { height: auto; padding-bottom: 10px; } .sellinglist .seller__message:before, .sellinglist .seller-info__follow__mes:before { position: absolute; display: block; content: ""; width: 11px; height: 11px; border: 1px solid #999999; background-color: #999999; z-index: 2; } .sellinglist .seller__message:after, .sellinglist .seller-info__follow__mes:after { position: absolute; display: block; content: ""; width: 11px; height: 11px; border: 1px solid #FFFFFF; background-color: #FFFFFF; z-index: 2; } .data-win-ie-80 .sellinglist .seller__message:before, .data-win-ie-80 .sellinglist .seller-info__follow__mes:before, .data-win-ie-80 .sellinglist .seller__message:after, .data-win-ie-80 .sellinglist .seller-info__follow__mes:after { display: none; } .sellinglist .seller__message:before { top: 17px; left: 1px; -webkit-transform: rotate(45deg) skew(-5deg, -5deg); -ms-transform: rotate(45deg) skew(-5deg, -5deg); -moz-transform: rotate(45deg) skew(-5deg, -5deg); transform: rotate(45deg) skew(-5deg, -5deg); } .sellinglist .seller__message:after { top: 17px; left: 2px; -webkit-transform: rotate(45deg) skew(-5deg, -5deg); -ms-transform: rotate(45deg) skew(-5deg, -5deg); -moz-transform: rotate(45deg) skew(-5deg, -5deg); transform: rotate(45deg) skew(-5deg, -5deg); } .sellinglist .seller-info__follow__mes:before { top: -7px; left: 140px; -webkit-transform: rotate(45deg) skew(5deg, 5deg); -ms-transform: rotate(45deg) skew(-5deg, -5deg); -moz-transform: rotate(45deg) skew(5deg, 5deg); transform: rotate(45deg) skew(5deg, 5deg); } .sellinglist .seller-info__follow__mes:after { top: -5px; left: 140px; -webkit-transform: rotate(45deg) skew(5deg, 5deg); -ms-transform: rotate(45deg) skew(-5deg, -5deg); -moz-transform: rotate(45deg) skew(5deg, 5deg); transform: rotate(45deg) skew(5deg, 5deg); } .sellinglist .seller__readMore { position: absolute; cursor: pointer; display: block; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; bottom: 0; left: 0; color: #0000DE; text-align: left; white-space: nowrap; background-color: white; padding-top: 5px; padding-left: 32px; padding-bottom: 5px; } .sellinglist .seller__readMore:after { position: absolute; content: ''; display: block; width: 6px; height: 6px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); top: 1px; left: 16px; border-bottom: 3px solid #333; border-right: 3px solid #333; margin-top: 10px; } .sellinglist .seller__message.is-hide .seller__readMore:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: -1px; } .data-win-ie-80 .sellinglist .seller__readMore:after { display: none; } .sellinglist .seller-info__follow__bt, .sellinglist .seller-info__follow__mes__login { display: inline-block; padding-left: 10px; padding-right: 10px; width: auto; height: 28px; margin: 0 auto; border: 1px solid #9f9e98; color: #33322f; background-color: #f6f6f1; line-height: 28px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size: 81.25%; } .sellinglist .seller-info__follow__bt { position: absolute; top: 12px; right: 10px; } .sellinglist .seller-info__follow__mes__login { margin-top: 10px; font-size: 14px; } .sellinglist .seller-info__follow__bt:link, .sellinglist .seller-info__follow__mes__login:link, .sellinglist .seller-info__follow__bt:visited, .sellinglist .seller-info__follow__mes__login:visited { color: #33322f; } .sellinglist .seller-info__follow__bt:after, .sellinglist .seller-info__follow__bt:before, .sellinglist .seller-info__follow__mes__login:after, .sellinglist .seller-info__follow__mes__login:before { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .sellinglist .seller-info__follow__bt:after, .sellinglist .seller-info__follow__mes__login:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } .sellinglist .seller-info__follow__bt:before, .sellinglist .seller-info__follow__mes__login:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .sellinglist .seller-info__follow__bt:hover, .sellinglist .seller-info__follow__mes__login:hover { opacity: .7; text-decoration: none; } .sellinglist .seller-info__follow__bt.is-disabled { border: 1px solid #d9d8d4; background-color: #f6f6f1; color: #999999; -webkit-transition: none; -moz-transition: none; transition: none; cursor: default; } .sellinglist .seller-info__follow__bt.is-disabled:before { background-color: #eae9e4; } .sellinglist .seller-info__follow__bt.is-disabled:after { background-color: #f6f6f1; } .sellinglist .seller-info__follow__bt.is-disabled:hover { opacity: 1.0; } .sellinglist .seller-info__follow__mes p { margin: 0; line-height: 1.6; } /* 自己紹介、出品リスト、評価タブ */ .sellinglist #localnavi { position: relative; border-bottom: 5px solid #FFE566; } .sellinglist #localnavi ul { margin: 0; padding: 0; } .sellinglist #localnavi li { display: inline-block; width: 20%; background-color: #DCDCDC; margin: 0 1% 0 0; padding: 2px 0; text-align: center; } .data-win-ie-60 .sellinglist #localnavi li, .data-win-ie-70 .sellinglist #localnavi li { display: inline; zoom: 1; } .sellinglist #localnavi li a { color: #000000; } .sellinglist #localnavi li.active { background-color: #FFE566; font-weight: bold; } .sellinglist #localnavi .sub a { display: block; position: absolute; top: 0; height: 17px; overflow: hidden; background-image: url(http://i.yimg.jp/images/serp/as/sp_as2.png); background-repeat: no-repeat; text-indent: -9999px; } .sellinglist #localnavi .sub .my { right: 40px; width: 93px; height: 19px; background-position: -5px -120px; } .sellinglist #localnavi .sub .rss { right: 0; width: 38px; height: 19px; background-position: -101px -120px; } /** * 出品リストページ＞検索窓部分 * * @section #header_seller * @see - */ .sellinglist #searchbox_seller { padding: 10px 0 0 0; background-color: #FFFFFF; border-radius: 3px 3px 0 0; } .sellinglist #searchbox_seller #SaC { margin-left: 0; } /* 表示件数プルダウン対応環境 Mac Safari5- Mac Chrome Mac FF6- Win IE9- */ /* form */ .sellinglist .searchForm .sbox_1 { min-width: 800px; } .sellinglist .searchForm .sbox_2 { width: 550px; } .sellinglist .searchForm .pu { width: 260px; } html[class*=mac] .sellinglist #SaC .searchForm .pu { height: 32px; line-height: 32px; vertical-align: bottom; position: relative; } .data-win-ie-60 .sellinglist #SaC .searchForm .pu, .data-win-ie-70 .sellinglist #SaC .searchForm .pu, .data-win-ie-80 .sellinglist #SaC .searchForm .pu { height: 26px; line-height: 26px; padding-top: 0; padding-bottom: 0; } html[class*=android] .sellinglist #SaC .searchForm .pu, html[class*=safari-4] .sellinglist #SaC .searchForm .pu { height: 20px; line-height: 20px; } /* form:after 下向き矢印 */ html[class*=mac-chrome] .sellinglist #SaC .searchForm .pu:after, html[class*=mac-safari-5] .sellinglist #SaC .searchForm .pu:after, html[class*=mac-safari-6] .sellinglist #SaC .searchForm .pu:after, html[class*=mac-safari-7] .sellinglist #SaC .searchForm .pu:after { content: ""; position: absolute; display: block; top: 45%; right: 10px; width: 0; height: 0; margin: -2px 0 0 0; border-top: 5px solid #999999; border-right: 5px solid transparent; border-left: 5px solid transparent; } html[class*=mac-ff-5] .sellinglist #SaC .searchForm .pu:after, html[class*=mac-ff-4] .sellinglist #SaC .searchForm .pu:after { content: ""; position: absolute; display: block; top: 50%; right: 8px; width: 0; height: 0; margin: -2px 0 0 0; border: 0 none; } /* select */ html[class*=mac-chrome] .sellinglist #SaC .searchForm .pu select, html[class*=mac-ff] .sellinglist #SaC .searchForm .pu select, html[class*=mac-safari-5] .sellinglist #SaC .searchForm .pu select, html[class*=mac-safari-6] .sellinglist #SaC .searchForm .pu select, html[class*=mac-safari-7] .sellinglist #SaC .searchForm .pu select { vertical-align: middle; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; border: 1px solid #CCCCCC; border-radius: 2px; padding: 4px 20px 4px 5px; font-size: 13px; text-indent: .01px; /* ffのプルダウン隠し */ text-overflow: ""; /* ffのプルダウン隠し */ } html[class*=mac-ff-5] .sellinglist #SaC .searchForm .pu select, html[class*=mac-ff-4] .sellinglist #SaC .searchForm .pu select { padding-right: 0; } .data-win-ie-60 .sellinglist #SaC .searchForm .pu select, .data-win-ie-70 .sellinglist #SaC .searchForm .pu select, .data-win-ie-80 .sellinglist #SaC .searchForm .pu select { height: 20px; line-height: 20px; } html[class*=android] .sellinglist #SaC .searchForm .pu select, html[class*=safari-4] .sellinglist #SaC .searchForm .pu select { height: 20px; line-height: 20px; } html[class*=data-win-ff] .sellinglist #SaC .searchForm .pu select { height: auto; margin-top: 7px; line-height: normal; } #searchbox_seller #SaC .searchForm .b, #searchbox_seller #SaC .searchForm .b:hover { width: 80px; border: 1px solid #CCCCCC; border-radius: 3px; background-image: none; background-color: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -webkit-linear-gradient(top, #fefefe, #efefef); background: -moz-linear-gradient(top, #fefefe, #efefef); background: linear-gradient(to bottom, #fefefe, #efefef); padding-left: 0; line-height: normal; } .sellinglist #searchbox_seller #SaC .searchForm-opt { padding-top: 4px; } /*　メインカラム */ .sellinglist .maincol { padding-left: 4px; padding-right: 4px; /* width:100%; */ /* background-color:white; */ } .sellinglist .maincol .uWrap { background-color: white; margin: 0; padding: 0; } .sellinglist .maincol .uWrap.twoCol { min-width: 950px; } .sellinglist .maincol .uWrap.oneCol .rcSize100per { width: 100%; } .sellinglist .maincol .uWrap.twoCol .rcSize100per { width: 75%; } /** お得情報 */ #AS-m13 { border: 1px solid #CBD48C; display: block; margin: 10px auto 10px auto; padding: 0; width: 950px; background-color: #ffffff; text-align: left; } #AS-m13 .untHead { background-color: #F4FCC4; border-bottom: 1px dotted #CBD48C; clear: both; color: #584325; line-height: 1; margin: 0; padding: 0; text-align: left; width: 950px; } /*==================== untHead ====================*/ #AS-m13 .untHead { background-color: #F4FCC4; border-bottom: 1px dotted #CBD48C; clear: both; color: #584325; line-height: 1; margin: 0; padding: 0; text-align: left; width: 950px; } #AS-m13 .untHead p { padding: 10px; margin: 0px; font-size: 123.1%; font-weight: bold; } /*==================== untBody ====================*/ #AS-m13 .untBody p { clear: both; line-height: 1; margin: 0; padding: 5px 15px 15px 0; text-align: right; } #AS-m13 .untBody p span { line-height: 1; text-align: right; background: url(http://i.yimg.jp/yui/jp/ult/arrow.gif) no-repeat left center; display: inline-block; margin-left: 5px; min-height: 12px; padding-left: 16px; } #AS-m13 .untBody p span a { color: #584325; font-size: 14px; text-decoration: underline; } /** 出品リスト＞powered by ロゴ */ #AS-m15 { position: relative; margin: 10px 15px; } #AS-m15.right { text-align: right; } #AS-m15.center { text-align: center; } #AS-m15.left { text-align: left; } /** * 機能追加／改修 #28116: 【ヤフオク!】【PC】【ライブテスト】中央表示版化カテゴリレコメンド - OneSerp-Service - Yahoo! Redmine * http://redmine.search.ynwm.yahoo.co.jp/issues/28116 * */ /* 3cate3images */ #AS-m17 { margin: 20px 0; } #AS-m17 h2 { margin-bottom: 3px; padding: 5px 0; } #AS-m17 h2 span { font-weight: bold; } #AS-m17 li { width: 245px; border: 1px solid #ccc; float: left; line-height: 1.2; margin-left: 8px; _display: inline; } #AS-m17 li.t { margin-left: 0; } #AS-m17 li a { display: block; padding: 10px 0 12px; text-align: center; text-decoration: none; } #AS-m17 li a:hover { background: #f7f7f7; text-decoration: underline; } #AS-m17 .tb { display: table; float: left; margin-left: 4px; width: 74px; *display: none; } #AS-m17 .tb.t { margin-left: 8px; } #AS-m17 .tb span { display: table-cell; width: 74px; height: 55px; vertical-align: middle; } #AS-m17 .tb span img { display: block; margin: 0 auto; max-width: 74px; max-height: 55px; } #AS-m17 .ct { display: block; cursor: pointer; font-size: 12px; margin: 0 8px 8px; word-break: break-all; min-height: 28px; } .data-win-ie-80 #AS-m17 .tb span { display: block; } /* 自動車対応 AS-m17 */ #AS-m17 { margin: 11px 0 8px; } #AS-m17 h2 { padding: 2px 10px; } #AS-m17 li { border: 1px solid #d3d2cc; } #AS-m17 li:hover { border: 1px solid #e2e1da; } #AS-m17 li a:hover { background: #fff; } #AS-m17 li a:hover img { opacity: 0.7; filter: alpha(opacity=70); } /** 機能追加／改修 #28720: 【ヤフオク!】【PC】販促枠デザイン調整 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/28720 機能追加／改修 #29740: 【ヤフオク!】【PC】販促枠：年末商戦（11/18～1/4） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/29740 */ #AS-m18 { margin-bottom: 10px; text-align: left; } #AS-m18.img { padding: 7px 0; } #AS-m18.txt a { font-size: 16px; text-decoration: none; } .carcategory #AS-m18 { text-align: center; } /** 機能（新規） #29221: 【ヤフオク!】【PC】お気に入りセラー（フォロー一覧） - お気に入りセラー - ヤフオク! - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/29221 */ #AS-m19 { position: relative; font-size: 16px; padding-top: 5px; padding-bottom: 10px; padding-right: 10em; } #AS-m19 h1, #AS-m19 p { display: inline; } #AS-m19 h1 span { display: none; } #AS-m19 h1 { margin-right: 1em; } #AS-m19 .total em, #AS-m19 .count em { font-weight: bold; } #AS-m19 .count { position: absolute; right: 0; } .closedsearch #AS-m19 h1 { margin-right: auto; } .closedsearch #AS-m19 .total { *padding-left: 10px; margin-left: -5px; } .closedsearch .range { *padding-left: 20px; margin-left: -12px; } .closedsearch .range:before { content: "［"; position: relative; left: 3px; } .closedsearch .range:after { content: "］"; position: relative; left: -10px; } .closedsearch .range, .closedsearch .range dt, .closedsearch .range dd { display: inline-block; *display: inline; *zoom: 1; } .closedsearch .range dt:after { content: "："; position: relative; } .closedsearch .range dd { *padding-left: 10px; position: relative; left: -7px; } .closedsearch .range dd:after { content: "〜"; position: relative; left: 2px; } .closedsearch .range dd:last-child:after { content: ""; } .closedsearch .range a { margin-left: 0.1em; text-decoration: none; } .closedsearch .range a:hover { margin-left: 0.1em; text-decoration: underline; } /* 自動車対応 AS-m19 */ #AS-m19 { font-size: 130%; color: #33322f; margin-bottom: 2px; padding: 6px 100px 4px 10px; background: #f1f0e8; } .sellinglist #AS-m19 .t { font-size: 100%; } #AS-m19 .count { right: 10px; font-size: 80%; color: #666; } #AS-m19 .range { font-size: 80%; } .sellinglist #AS-m19 .count { display: block; top: 0; height: 1em; line-height: 1em; } /* フォローリスト */ .favseller .rcSize100per #mIn { min-width: 950px; max-width: 100%; } .favseller #Ckv2 { margin-bottom: 0; } .favseller #Ckv2 a { text-decoration: none; } .favseller #Ckv2 a:hover { text-decoration: underline; } .favseller #AS-m19 { background: none; padding-left: 0; } .favseller #AS-m19 h1 { font-size: 24px; } .followlist { } .followlist .followlist__header, .followlist .followlist__list { position: relative; display:flex; display:-ms-flexbox; min-width:950px; /* width:950px; */ } .followlist .followlist__header { height: 28px; margin-left:4px; font-size: 14px; line-height: 28px; } .followlist__header__prof, .followlist__list__prof { box-sizing:border-box; width: calc( 26vw ); min-width:250px; margin-right:10px; } .followlist__header__prof { padding-left:0.8em; } .followlist__header__rating, .followlist__list__rating { width:80px; margin-right:1.05vw; } .followlist__header__recentitem, .followlist__list__recentitem { width:400px; } .followlist__header__listSellerAlert, .followlist__listSellerAlert { position: relative; width:172px; margin-right:1.05vw; } .followlist .followlist__list { background-color: #FFFFFF; height: 85px; border: 2px solid #f1f0e8; } .followlist ul +ul { border: 2px solid #f1f0e8; margin-bottom:80px; } .followlist .followlist__list--active { z-index: 1500; } .followlist__list__prof__profimg { float:left; width: 50px; height: 50px; margin:18px 0 0 10px; } .followlist__list__prof__profimg img { display:block; width: 50px; height: 50px; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc; border-radius: 100px; } .followlist__list__prof__proftxt { display:block; word-break: break-all; margin: 10px 0 5px 70px; } .followlist__list__prof p { font-size: 10px; color: #666666; margin: 0 0 0 70px; } .followlist .followlist__list__rating { padding-top: 22px; } .followlist .followlist__list__rating__good { margin-bottom: 12px; } .followlist .followlist__list__rating__good dt { display: block; float: left; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px; margin-right: 5px; background-image: url("http://i.yimg.jp/images/auct/template/ui/auc_mod/sunSmall.png"); background-size: 15px 15px; } .followlist .followlist__list__rating__good dd { display: inline-block; } .followlist .followlist__list__rating__bad dt { display: block; float: left; width: 15px; height: 15px; overflow: hidden; margin-right: 5px; background-image: url("http://i.yimg.jp/images/auct/template/ui/auc_mod/rainSmall.png"); background-size: 15px 15px; text-indent: -9999px; } /* 最新の出品商品 */ .followlist .followlist__list__recentitem { padding: 10px 0; } .followlist .followlist__list__recentitem--img, .followlist .followlist__list__recentitem--more { float: left; margin-right: 10px; } .followlist .followlist__list__recentitem--noitem { line-height: 65px; } .followlist .followlist__list__recentitem a, .followlist .followlist__list__recentitem a img { display: block; overflow: hidden; width: 65px; height: 65px; } .followlist .followlist__list__recentitem--more a { display: table-cell; width: auto; vertical-align: middle; text-align: center; font-size: 10px; } /* 解除ボタン */ .followlist .followlist__list__deleteBtn { position: absolute; width: 20px; height: 20px; top: 10px; right: 10px; } .data-win-ie-70 .followlist .followlist__list__deleteBtn, .data-win-ie-80 .followlist .followlist__list__deleteBtn { width: 3em; } .followlist .followlist__list__deleteBtn a { display: block; text-indent: -9999px; width: 20px; height: 20px; } .data-win-ie-70 .followlist .followlist__list__deleteBtn a, .data-win-ie-80 .followlist .followlist__list__deleteBtn a { width: 3em; border: 2px solid #f1f0e8; text-indent: 0; text-align: center; } .followlist .followlist__list__deleteBtn a:hover { background-color: #f1f0e8; } .followlist .followlist__list__deleteBtn a:before, .followlist .followlist__list__deleteBtn a:after { position: absolute; content: ''; display: block; top: 2px; left: 9px; width: 2px; height: 16px; background: #999; } .data-win-ie-80 .followlist .followlist__list__deleteBtn a:before, .data-win-ie-80 .followlist .followlist__list__deleteBtn a:after { display: none; } .followlist .followlist__list__deleteBtn a:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .followlist .followlist__list__deleteBtn a:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } /* メッセージ */ .followlist .mes p { display: block; position: absolute; z-index: 2000; border: 1px solid #999999; background-color: #FFFFFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 7px; padding: 7px; line-height: 1.3em; font-size: 11px; letter-spacing: -0.02em; } .followlist .mes p { top: 40px; right: -5px; width: 150px; } .followlist .mes p a { display: block; margin: 5px; padding: 5px; border: 1px solid #CCCCCC; border-radius: 2px; text-align: center; font-weight: bold; font-size: 13px; } /* 吹き出しの◇部分 */ .followlist .mes p:after { position: absolute; display: block; content: ""; width: 7px; height: 7px; border-left: 1px solid #999999; border-top: 1px solid #999999; background-color: #FFFFFF; -webkit-transform: rotate(43deg) skew(15deg, 15deg); -ms-transform: rotate(43deg) skew(15deg, 15deg); -moz-transform: rotate(43deg) skew(15deg, 15deg); transform: rotate(43deg) skew(15deg, 15deg); } .data-win-ie-70 .followlist .mes p:after, .data-win-ie-80 .followlist .mes p:after { display: none; } .followlist .mes p:after { top: -5px; right: 20px; } /* アニメーション */ .followlist .mes { opacity: 1.0; -webkit-animation-name: "fadein"; -webkit-animation-duration: 0.1s; -webkit-animation-timing-function: linear; } @-webkit-keyframes "fadein" { from { opacity: 0; } to { opacity: 1.0; } } @-webkit-keyframes "crossfade" { from { background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EFEFEF)); } to { background-image: none; } } #mes_Wrapper { display: none; position: absolute; z-index: 1000; top: 0; left: 0; width: 100%; min-height: 100%; padding: 0; background: #333; opacity: .7; filter: alpha(opacity=0); -ms-filter: "alpha( opacity=70 )"; } .data-win-ie-60 #mes_Wrapper, .data-win-ie-70 #mes_Wrapper { display: none !important; } /** ヤフオク!OneSeRPにおけるカルーセル使用モジュール・AS-m21 - 最近チェックした商品・AS-m22 - チェックした商品の関連商品 */ .Carousel { position: relative; border: 1px solid #d3d2cc; padding: 15px 20px 0; margin-bottom: 20px; } .Carousel span { display: block; } .Carousel .nArw p, .Carousel .nArw p:hover, .Carousel .bArw p, .Carousel .bArw p:hover, .Carousel a img, .Carousel a:hover img, .Carousel__config a, .Carousel__config a:hover { -webkit-transition: .1s ease-out; -moz-transition: .1s ease-out; transition: .1s ease-out; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .Carousel .nArw p:hover, .Carousel .bArw p:hover, .Carousel a:hover img, .Carousel__config a:hover { opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } /*crs nav sprite*/ .Carousel .bDisable p, .Carousel .bArw p, .Carousel .nDisable p, .Carousel .nArw p, .Carousel ul.cPos li, .Carousel__config a { background-image: url("http://i.yimg.jp/images/serp/as/b_crs_2_x2.png"); background-repeat: no-repeat; background-size: 200px auto; } /*crs nav sprite old ie*/ .data-win-ie-80 .Carousel .bDisable p, .data-win-ie-80 .Carousel .bArw p, .data-win-ie-80 .Carousel .nDisable p, .data-win-ie-80 .Carousel .nArw p, .data-win-ie-80 .Carousel ul.cPos li, .data-win-ie-80 .Carousel__config a, .data-win-ie-70 .Carousel .bDisable p, .data-win-ie-70 .Carousel .bArw p, .data-win-ie-70 .Carousel .nDisable p, .data-win-ie-70 .Carousel .nArw p, .data-win-ie-70 .Carousel ul.cPos li, .data-win-ie-70 .Carousel__config a, .data-win-ie-60 .Carousel .bDisable p, .data-win-ie-60 .Carousel .bArw p, .data-win-ie-60 .Carousel .nDisable p, .data-win-ie-60 .Carousel .nArw p, .data-win-ie-60 .Carousel ul.cPos li, .data-win-ie-60 .Carousel__config a { background-image: url("http://i.yimg.jp/images/serp/as/b_crs_2.png"); } .Carousel__title, #CZb .Carousel .Carousel__title { margin-bottom: 15px; font-size: 110%; line-height: 1; } /*for zeromatch*/ #CZb .Carousel .Carousel__title { font-weight: normal; } .Carousel__config a { display: block; position: absolute; top: -1px; right: -1px; width: 30px; height: 30px; background-color: #504f4b; background-position: -40px -85px; text-indent: -9999px; cursor: pointer; } /*----------------------------------------------------------------------------------------------Crsel*/ .Carousel .bArw p, .Carousel .bDisable p, .Carousel .nArw p, .Carousel .nDisable p { width: 25px; height: 73px; text-indent: -9999px; } .Carousel .bArw p, .Carousel .bDisable p { float: left; margin: 45px 13px 0 0; } .Carousel .bArw p { display: block; overflow: hidden; background-position: 0 22px; } .Carousel .bDisable p { background-position: -50px 22px; } .Carousel .nArw p, .Carousel .nDisable p { float: right; margin: 45px 0 0 13px; } .Carousel .nArw p { display: block; overflow: hidden; background-position: -92px 22px; } .Carousel .nDisable p { background-position: -142px 22px; } .Carousel ul.cPos { margin: 0 auto 15px; text-indent: -9999px; text-align: center; } .Carousel ul.cPos li { float: left; width: 9px; height: 9px; padding: 0 4px; background-position: 4px -91px; } .Carousel ul.cPos li.current { background-position: -18px -91px; } .Carousel #mdCrsBt2, .Carousel #mdCrsBt { margin: 0 auto; padding: 0; } .Carousel #mdCrsWr2, .Carousel #mdCrsWr { overflow: hidden; position: relative; } .Carousel #mdCrsWr2 ul.imgBnr, .Carousel #mdCrsWr ul.imgBnr { position: relative; width: 9999px; } .Carousel #mdCrsWr2 ul.imgBnr li, .Carousel #mdCrsWr ul.imgBnr li { float: left; width: 155px; display: inline-block; _display: inline; padding: 0; margin-bottom: 15px; } .Carousel #mdCrsWr2 ul.imgBnr li a, .Carousel #mdCrsWr ul.imgBnr li a { width: 133px; } .Carousel .tb { display: table-cell; height: 100px; width: 133px; vertical-align: middle; } .data-win-ie-80 .Carousel .tb { display: block; } .Carousel .tb img { display: block; margin: 0 auto; /*ie6/7*/ *width: 133px; max-width: 133px; max-height: 100px; } .Carousel .dtl01 { font-size: 12px; margin: 10px 0; word-break: break-all; height: 2.3em; overflow: hidden; } .Carousel a { color: #000; text-decoration: none; display: block; } .Carousel a:visited { color: #9c780c; } .Carousel a:hover { color: #d7a50d; text-decoration: none; } .Carousel .dtl01 span em { font-weight: bold; } .Carousel .dtl02 { line-height: 1em; } .Carousel .dtl02 .pn { display: inline; margin: 0 5px 5px 0; font-size: 85%; color: #000; } .Carousel .dtl02 .price { display: inline; margin-bottom: 5px; color: #cb5201; } .Carousel .dtl02 .nrend { display: block; margin-top: 5px; color: #c00; font-size: 85%; } .Carousel .dtl02 .label { font-size: 12px; color: #333333; } /* ここから編集中 */ /*.ItemCar a:link { color: #2a7bb4; text-decoration:none; } */ .ListHeadline a { color: #fff; text-decoration: none; } /* .ItemCar a:visited { color: #2a7bb4; } .ItemCar a:hover { color: #d7a50d; } */ .ListHeadline a:hover { text-decoration: none; } .ListHeadline { display: block; min-width: 960px; color: #908d88; } .ListHeadline.is-sticky { position: fixed; left: 10px; right: 10px; top: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); z-index: 101; } .ListHeadline__label { display: block; } .ListHeadline__label--sorting { font-weight: bold; } .ListHeadline__sort, .ListHeadline__sort--asc, .ListHeadline__sort--des { text-indent: -9999px; width: 15px; display: inline-block; *display: inline; *zoom: 1; background-image: url(../../AS/img/img_sort_on.png); background-repeat: no-repeat; } .ListHeadline__sort { background-position: 6px 8px; } .ListHeadline__sort--asc { background-position: 6px -32px; } .ListHeadline__sort--des { background-position: 6px -72px; } .ListHeadline a:hover { color: #d7a50d; } .ListHeadline__sp, .ListHeadline__price, .ListHeadline__buy, .ListHeadline__cost, .ListHeadline__ma, .ListHeadline__model, .ListHeadline__area, .ListHeadline__repair, .ListHeadline__bid, .ListHeadline__time { text-align: center; float: left; line-height: 37px; height: 37px; background-color: #33322e; background-image: url(../../AS/img/line_solid_20.png); background-repeat: no-repeat; background-position: right center; } .ListHeadline .Select { *margin-top: 0; } .ListHeadline__sp { width: 171px; text-align: right; } .ListHeadline__price { width: 149px; } .ListHeadline__manu { padding: 10px; color: #908d88; } .ListHeadline__subInfo { overflow: hidden; } .ListHeadline__buy { width: 20%; } .ListHeadline__cost { width: 15%; } .ListHeadline__ma { width: 14%; } .ListHeadline__model { width: 12%; } .ListHeadline__area { width: 12%; } .ListHeadline__repair { width: 9%; } .ListHeadline__bid { width: 9%; } .ListHeadline__time { width: 9%; *width: 8.8%; background-image: none; } .ListHeadline__seller { width: 100%; padding: 10px 0; border-top: 1px solid #eee; } .ItemHeadline { margin: 10px 0; padding: 6px 10px 4px; background: #f1f0e8; } .ItemHeadline__title, .ItemHeadline__note { display: inline-block; *display: inline; *zoom: 1; } .ItemCar, .carDD { border: 1px solid #e2e1da; margin-bottom: 10px; overflow: hidden; } .ItemCar--pi { border: 2px solid #fdc841; background: #fff8e2; } .ItemCar__img, .ItemCar__price, .ItemCar__buy, .ItemCar__cost, .ItemCar__ma, .ItemCar__model, .ItemCar__area, .ItemCar__repair, .ItemCar__bid, .ItemCar__time, .carDD__img { float: left; } .ItemCar__header, .carDD__header { margin: 2px; background: #f1f0e8; } .carDD__header { padding: 7px 8px; } .carDD__s { padding: 0 5px; } .ItemCar__header em { font-weight: bold; } .ItemCar__header--pi { background: #f9e6aa; } .ItemCar__header a { display: inline-block; *display: inline; *zoom: 1; padding: 7px 8px; } .ItemCar__title, .carDD__title { font-size: 110%; } .carDD__title { display: inline-block; *display: inline; *zoom: 1; font-weight: bold; } .ItemCar__body { position: relative; overflow: hidden; padding-top: 8px; } .carDD__cnt { overflow: hidden; } .ItemCar__manu { padding: 0 8px 8px; color: #908d88; } .carDD__text { margin: 10px; } .carDD__lists, .carDD__rel { margin: 10px 10px 8px; } .carDD__list { overflow: hidden; } .carDD--simple .carDD__list { display: inline-block; *display: inline; *zoom: 1; margin: 0 15px 3px 0; } .carDD--simple .carDD__rel dt, .carDD--simple .carDD__rel dd { display: inline-block; *display: inline; *zoom: 1; } .carDD--simple .carDD__rel dd { margin-right: 15px; } .carDD__list { margin-bottom: 3px; } .carDD__list a { display: inline-block; *display: inline; *zoom: 1; padding-top: 2px; } .ItemCar__manut { margin-left: 20px; } .ItemCar__img, .carDD__img { width: 160px; padding: 0 0 10px 10px; } .carDD__img { padding-top: 10px; text-align: center; } .ItemCar__img a, .carDD__img a { display: block; width: 160px; height: 120px; line-height: 120px; /*layout-grid:both fixed 160px 120px;/*IE7*/ text-align: center; text-decoration: none; font-size: 0; _overflow: hidden; /* IE6 */ } .carDD__img a { height: auto; } .carDD__img span { display: block; margin-top: 5px; color: #908d88; } .ItemCar__img img, .carDD__img img { max-width: 160px; max-height: 120px; _width: 120px; /* IE6 */ vertical-align: middle; } .ItemCar__price { width: 149px; } .ItemCar__subInfo { overflow: hidden; } .ItemCar__buy { width: 20%; } .ItemCar__cost { width: 15%; } .ItemCar__ma { width: 14%; } .ItemCar__model { width: 12%; } .ItemCar__area { width: 12%; } .ItemCar__repair { width: 9%; } .ItemCar__bid { width: 9%; } .ItemCar__time { width: 9%; *width: 8.8%; } .ItemCar__seller { float: left; overflow: hidden; padding: 10px 100px 10px 10px; } .ItemCar__cnt { display: block; border-right: 1px solid #eee; border-bottom: 1px solid #eee; height: 50px; padding: 0px 8px 8px; } .ItemCar__cnt--ti { color: #f00; } .ItemCar__priceUnit { display: block; height: 112px; text-align: right; border-right: 1px solid #eee; padding: 0 8px 8px 0; } .ItemCar__py { font-weight: bold; font-size: 110%; } .ItemCar__py, .ItemCar__neg, .ItemCar__pm, .ItemCar__note, .ItemCar__sellerInfo { display: block; } .ItemCar__neg, .ItemCar__pm { color: #908d88; padding-top: 4px; } .ItemCar__buy { text-align: right; } .ItemCar__buy--none { text-align: center; } .ItemCar__cost { text-align: right; } .ItemCar__ma { text-align: right; } .ItemCar__note { color: #908d88; } .ItemCar__ma em span { display: inline-block; *display: inline; *zoom: 1; } .ItemCar__model, .ItemCar__repair, .ItemCar__area, .ItemCar__bid, .ItemCar__time { text-align: center; } .ItemCar__model em { color: #908d88; } .ItemCar__areaParts { display: inline-block; *display: inline; *zoom: 1; text-align: left; } .ItemCar__areaCity { display: block; } .ItemCar__time span, .ItemCar__seller span { border-right: none; padding-right: 0; margin-right: 10px; } .ItemCar__sellerInfo { padding-top: 4px; } /* 超注目 */ .ItemCar__ch01, .ItemCar__ch02, .ItemCar__ch03 { position: absolute; display: block; height: 18px; line-height: 18px; width: 160px; text-align: center; font-size: 12px; font-weight: bold; color: #000; background: #ffdb45; } .ItemCar__ch01t, .ItemCar__ch02t, .ItemCar__ch03t, .ItemCar__ch01n, .ItemCar__ch02n, .ItemCar__ch03n { display: inline; } .ItemCar__ch01t, .ItemCar__ch02t, .ItemCar__ch03t { padding-right: 3px; } /* ウォッチボタン位置 */ .ItemCar__actionBtn { position: absolute; bottom: 10px; right: 10px; *width: 70px; } .ItemCar__actionBtn a:link { color: #fff; } .ItemCar__actionBtn a:visited { color: #fff; } .ItemCar__actionBtn a:hover { color: #d7a50d; } .seller__yid { display: block; } .Select .Select__select--carStky { width: 160px; height: 27px; line-height: 27px; font-size: 110%; } .Select .Select__customSelect--carStky { display: inline-block; *display: inline; *zoom: 1; width: 148px; padding: 0 0 0 10px; vertical-align: top; font-size: 100%; height: 25px; line-height: 27px; } .carcategory .icn span { display: inline-block; *display: inline; *zoom: 1; margin-top: 6px; } .carcategory .ASic .pic2 { text-indent: 10000em; } .carcategory #nv2 { border-bottom: none; } .carcategory .l-wrapper { min-width: 960px; height: 37px; } .carcategory #wrapper #mIn { max-width: inherit; } .carcategory #AS1m1 .sfs { color: #f00; margin-left: 7px; margin-right: 2px; } .carcategory #AS1m1 label.checked { background-color: #fff; } /* 自動車カテ限定パトロールモード */ .carcategory .patrolDeletion, .carcategory .patrolChange, .carcategory .patrolPunish { display: table-cell; margin-top: -10px; padding: 0 8px; vertical-align: middle; text-align: center; cursor: pointer; } .carcategory .patrolDeletion input, .carcategory .patrolChange input, .carcategory .patrolPunish input { cursor: pointer; } .carcategory .patrolDeletion { background: #ffbfbf; } .carcategory .patrolChange { background: #bfbfff; } .carcategory .patrolPunish { background: #b3e1b6; } .patrol.carcategory .ItemCar__body { display: table; width: 100%; padding-top: 0; } .patrol.carcategory .ItemCar__manu { padding-top: 8px; } .patrol.carcategory .ItemCar__actionBtn { right: 38px; } .patrol.carcategory .ItemCar__price { width: 129px; } .patrol.carcategory .ListHeadline__buy, .patrol.carcategory .ItemCar__buy { width: 15%; } .patrol.carcategory .ListHeadline__cost, .patrol.carcategory .ItemCar__cost { width: 14%; } .patrol.carcategory .ListHeadline__ma, .patrol.carcategory .ItemCar__ma { width: 14%; } .patrol.carcategory .ItemCar__repair { width: 4%; } .patrol.carcategory .ListHeadline__time { width: 15%; } .patrol.carcategory .ItemCar__time { width: 20%; background-image: none; } .patrol.carcategory .ItemCar__time .ItemCar__note { font-size: 10px; white-space: nowrap; } .patrol.carcategory #AS1m1 .num, .patrol.carcategory #AS1m1 .num { display: block; position: absolute; top: -53px; right: 0; width: 68px; height: 16px; border: 1px solid #CCCCCC; background-color: #FFFFFF; line-height: 17px; text-align: right; font-size: 10px; } .patrol.carcategory .num .k { position: absolute; left: 5px; } .patrol.carcategory .num .v { position: relative; z-index: 200; } .patrol.carcategory .num .v.e { position: relative; top: -2px; margin-right: 20px; } .patrol.carcategory .num .c { margin-right: 4px; } .patrol.carcategory .num:before { position: absolute; z-index: 0; left: 36px; top: 14px; display: block; content: ""; width: 4px; height: 4px; border: 1px solid #CCCCCC; background-color: #FFFFFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .patrol.carcategory .num:after { position: absolute; z-index: 80; display: block; left: 36px; top: 13px; content: ""; width: 6px; height: 6px; background-color: #FFFFFF; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .patrol.carcategory .noi { position: absolute; right: 0; bottom: 0; padding: 3px; width: 40px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; text-decoration: none; color: #fff; background: #666; -moz-opacity: .7; background: rgba(101, 101, 101, 0.7); cursor: pointer; } .patrol.carcategory .ItemCar__img a { position: relative; } /** * Auction Search Serp Style * * Layout for NarrowCondition module #AS1m3 * * @project OneSeRP-auction-pj * @author makyokoi * @lastmodified｡｡2009-12-22 10:13 * @css-doc Version 1.0pre * @revision ${revNumber} * @media PC */ /** * Master setting * * モジュール： * @section Master for #AS1m3 * @see - */ .carcategory #AS1m3 { width: 100%; clear: both; word-break: break-all; word-wrap: break-word; overflow: hidden; } .carcategory #AS1m3 h2.t { display: none; } /* inner */ .carcategory #AS1m3 .inner { display: block; clear: both; width: 100%; margin: 0; padding-top: 10px; } /* bd */ /* リストタイトル .t1 注目のオークション .t2 すべてのオークション */ .carcategory #AS1m3 #list01 .inner > table { clear: both; /* for ff */ } .carcategory #AS1m3 table { width: 100%; } .carcategory #AS1m3 table tr th { margin: 0; padding: 0; } .carcategory #AS1m3 .t1 .bg3, .carcategory #AS1m3 .t2 .bg3 { margin-top: 5px; border-top: 1px solid #fedf81; background-color: #fef1cb; height: 25px; padding-left: 10px; line-height: 25px; vertical-align: middle; text-align: left; color: #333333; } .carcategory #AS1m3 .t2 .bg3 { border-top: 1px solid #CCCCCC; background-color: #EEEEEE; layout-grid-line: 25px; /* ie6,ie7 */ } .carcategory #AS1m3 .t1 h2, .carcategory #AS1m3 .t2 h2 { font-weight: normal; display: inline; } .carcategory #AS1m3 .t1 a, .carcategory #AS1m3 .t2 a { text-decoration: none; } .carcategory #AS1m3 .t1 a:hover, .carcategory #AS1m3 .t2 a:hover { text-decoration: underline; } .carcategory #AS1m3 .inner .bd { /* for IE6 */ position: relative; display: inline-block; _display: inline; float: left; width: 216px; height: 22.6em; margin: 0 9px 10px 0; padding: 0 5px 15px 0; border-right: 1px solid #d3d2cc; border-bottom: 1px solid #d3d2cc; } .carcategory #AS1m3 .inner .bd .i { position: relative; width: 215px; height: 153px; margin: 0; text-align: center; vertical-align: middle; } .carcategory #AS1m3 .inner .bd .i .th { margin: 0 auto; } .carcategory #AS1m3 .inner .bd .i .th td { overflow: hidden; height: 147px; padding: 0; text-align: center; vertical-align: middle; } .carcategory #AS1m3 .inner .bd .i .th td a { display: block; } .carcategory #AS1m3 .inner .bd .i .th td a img { _width: 196px; _height: auto; max-width: 196px; max-height: 147px; } .carcategory #AS1m3 .inner .bd .a { position: relative; /* for IE6 */ width: 216px; height: 8.5em; margin: 0; padding: 0; text-align: left; display: inline-block; clear: both; } .carcategory #AS1m3 div.inner div.bd div.a h3 { text-align: left; padding: 0; margin: 2px 0 3px 0; line-height: 1.3; height: 2.5em; clear: both; overflow: hidden; } .carcategory #AS1m3 div.inner div.bd div.a h3 em { font-weight: bold; } .carcategory #AS1m3 .inner .bd .a dl dt { display: inline-block; *display: inline; *zoom: 1; } .carcategory #AS1m3 .inner .bd .a dl dd { display: inline; } .carcategory #AS1m3 .inner .bd .a dl dt { color: #666666; margin-right: 5px; } .carcategory #AS1m3 .inner .bd .a .pri1 { margin-bottom: 3px; } .carcategory #AS1m3 .inner .bd .a .pri1 dd { font-size: 107.6%; /* 14px */ font-weight: bold; } .carcategory #AS1m3 .inner .bd .a .pri2 { zoom: 1; clear: both; margin-bottom: 3px; } .carcategory #AS1m3 .inner .bd .a .pri2 dd { margin-right: 1.5em; } .carcategory #AS1m3 .inner .bd .a p { width: 206px; text-align: left; margin-bottom: 4px; clear: both; display: block; } .carcategory #AS1m3 .inner .bd .a .icn span { display: inline-block; *float: left; *margin-right: 2px; } .carcategory #AS1m3 .inner .bd .a .ft { position: absolute; height: 18px; line-height: 18px; bottom: 5px; } /* ウォッチボタン位置 */ .carcategory #AS1m3 .b { position: absolute; left: 148px; bottom: -28px; } .carcategory #AS1m3 .inner .bd .a .ft a.nw { position: absolute; right: 0; bottom: -25px; font-size: 11px; color: #686CCD; } .carcategory #AS1m3 .inner .bd .a .ft .nw.ExNarrowOff { color: #666666; text-decoration: none; } .carcategory #AS1m3 .inner .bd .a .ti { color: #FF0000; } /* 超注目 */ .chg01, .chg02, .chg03 { position: absolute; left: 10px; display: block; height: 18px; line-height: 18px; width: 196px; text-align: center; font-size: 12px; font-weight: bold; color: #000; background: #ffdb45; z-index: 2; } .chg01t, .chg02t, .chg03t { padding-right: 3px; } .carcategory #AS1m3 .inner .bd .a { height: 17.3em; } .carcategory #AS1m3 .inner .bd { border: 1px solid #e2e1da; padding: 1px; } .carcategory #AS1m3 div.inner div.bd div.a h3 { margin: 0 0 10px 0; padding: 8px 10px; background: #f1f0e8; display: block; } .carcategory #AS1m3 .inner .bd .a .pri1, .carcategory #AS1m3 .inner .bd .a .pri2, .carcategory #AS1m3 .inner .bd .a .icn { margin-left: 10px; } .carcategory #AS1m3 .ItemHeadline { clear: both; margin-top: 0; } .carcategory .ListHeadline--grid { overflow: hidden; background: #33322f; } .carcategory .ListHeadline--grid .ListHeadline__subInfo { float: right; } .carcategory .ListHeadline--grid .ListHeadline__price, .carcategory .ListHeadline--grid .ListHeadline__buy, .carcategory .ListHeadline--grid .ListHeadline__ma, .carcategory .ListHeadline--grid .ListHeadline__model, .carcategory .ListHeadline--grid .ListHeadline__bid, .carcategory .ListHeadline--grid .ListHeadline__time { display: inline-block; *zoom: 1; *display: inline; width: auto; background-image: url(../../AS/img/line_solid_20.png); background-repeat: no-repeat; background-position: left center; } .carcategory .ListHeadline--grid a { padding: 0 15px; } /* デザイン */ /* ボタンUI */ .carcategory #AS1m1 .modWlBtn, .carcategory #AS1m3 .modWlBtn { display: inline-block; } .carcategory #AS1m1 .modWlBtn .b, .carcategory #AS1m3 .modWlBtn .b { width: 60px; } /*自動車ウォッチ*/ .carcategory #AS1m1 .b { top: -32px; *top: -18px; right: 0; } .carcategory #AS1m1 .b.unwt, .carcategory #AS1m3 .b.unwt, .carcategory #AS1m1 .b.wting, .carcategory #AS1m3 .b.wting, .carcategory #AS1m1 .b.wted, .carcategory #AS1m3 .b.wted { display: block; margin: 0 auto; padding-right: 2px; padding-left: 19px; *padding-left: 2px; height: 30px; line-height: 29px; border: 1px solid #9f9e98; color: #33322f; background-color: #f6f6f1; background-image: none; text-align: center; text-decoration: none; border-radius: 4px; font-size: 94%; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: 0 -4px 0 0 #e2e1da inset; } .carcategory #AS1m3 .b.unwt, .carcategory #AS1m3 .b.wting, .carcategory #AS1m3 .b.wted { padding-left: 0; overflow: hidden; left: 174px; width: 30px; padding-left: 0; padding-right: 0; text-indent: 100px; } .carcategory #AS1m1 .b.unwt:hover, .carcategory #AS1m3 .b.unwt:hover { opacity: 0.7; filter: alpha(opacity=70); background-color: #f7f6f1; background-image: none; } .carcategory #AS1m1 .b.unwt:before, .carcategory #AS1m3 .b.unwt:before, .carcategory #AS1m1 .b.unwt:after, .carcategory #AS1m3 .b.unwt:after { color: #eeb404; } .carcategory #AS1m1 .b.unwt:link, .carcategory #AS1m1 .b.unwt:visited, .carcategory #AS1m1 .b.unwt:hover, .carcategory #AS1m1 .b.unwt:active { color: #33322f; } .carcategory #AS1m1 .b.wting, .carcategory #AS1m3 .b.wting, .carcategory #AS1m1 .b.wted, .carcategory #AS1m3 .b.wted { line-height: 30px; cursor: auto; color: #999; border-color: #d6d5d0; box-shadow: none; } .carcategory #AS1m3 .b.unwt { *background-image: url(../../AS/img/ic_wt.png); *background-position: 5px 5px; *background-repeat: no-repeat; } .carcategory #AS1m3 .b.wting, .carcategory #AS1m3 .b.wted { line-height: 33px; *background-image: url(../../AS/img/ic_wted.png); *background-position: 5px 5px; *background-repeat: no-repeat; } .carcategory #AS1m3 .b:before, .carcategory #AS1m3 .b:after { font-size: 22px; } .carcategory #AS1m1 .b:before, .carcategory #AS1m1 .b:before { top: 0; left: 6px; } .carcategory #AS1m3 .b:before, .carcategory #AS1m3 .b:before { top: 0; left: -96px; } #AS1m1 .b.wting:after, #AS1m3 .b.wting:after, #AS1m1 .b.wted:after, #AS1m3 .b.wted:after, #AS1m1 .b.wting:before, #AS1m3 .b.wting:before, #AS1m1 .b.wted:before, #AS1m3 .b.wted:before { color: #cac9c5; } .carcategory #AS1m1 .b:after, .carcategory #AS1m1 .b:after { top: 0; left: 6px; } .carcategory #AS1m3 .b:after, .carcategory #AS1m3 .b:after { top: 0; left: -96px; } .carcategory .actionBtn__contact { display: inline; } /* 自動車ページ改修にともなう位置調整 */ .carcategory .ASic .sic3 { position: relative; top: 3px; margin-right: 3px; } .carcategory .ASic .pic2 { margin-right: 3px; margin-bottom: 0; } .carcategory .actionBtn__contactBtn { position: absolute; top: -32px; *top: -18px; right: 95px; font-size: 11px; text-align: center; width: 90px; height: 32px; line-height: 31px; display: block; border-radius: 4px; font-size: 94%; text-decoration: none; color: #fff; background: #1cbb36; -webkit-transition: 0.1s ease-out; -moz-transition: 0.1s ease-out; transition: 0.1s ease-out; } .carcategory .actionBtn__contactBtn:hover { opacity: 0.7; filter: alpha(opacity=70); color: #fff; } .carcategory #AS1m3 .actionBtn__contactBtn { top: 55px; right: 0; } /* start .Button */ .Button--searchWide, .Button--normalSmall { margin-right: 10px; letter-spacing: normal; } .Button--searchWide { display: inline-block; *display: inline; *zoom: 1; width: 300px; height: 42px; line-height: 42px; font-size: 135%; text-decoration: none; box-shadow: 0 -3px 0 0 #33322f inset; } .Button--searchWide:hover { text-decoration: none; } .Button--normalSmall { width: auto; height: 30px; line-height: 30px; } .Button--normalSmall:hover { color: #000; text-decoration: none; } .Button--normalOption { width: 100px; } .Button--decide { position: relative; display: block; width: 307px; height: 48px; margin: 0 auto; border: 1px solid #92bcd2; color: #33322f; background-color: #aad2e7; line-height: 48px; text-align: center; border-radius: 4px; font-family: inherit; vertical-align: bottom; cursor: pointer; -webkit-transition: .1s ease-out; -moz-transition: .1s ease-out; transition: .1s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size: 120%; } .Button--decide:hover { opacity: 0.7; filter: alpha(opacity=70); } .Button--decide:before, .Button--decide:after { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--decide:link, .Button--decide:visited { color: #fff; } .Button--decide:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #92bcd2; } .Button--decide:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #aad2e7; } .Button--decide input { color: #FFF; } /* end .Button */ /* start .Select */ .Select { overflow: hidden; position: relative; margin-top: 5px; } .Select__select, .Select__select_d { -webkit-appearance: none; position: absolute; width: 25%; margin: 0; font-size: 16px; background: #FFF; height: 30px; color: #000; *zoom: 1; opacity: 0; *filter: alpha(opacity=0); /* ie 6 7 */ -ms-filter: "alpha(opacity=0)"; /* ie 8 */ cursor: pointer; } .Select__select_d { width: 100%; } .Select__customSelect_d, .Select__customSelect { background: url(../../AS/img/img_select_on.png) right center no-repeat; } .Select__customSelect, .Select__customSelect_d { display: none; margin: 0; width: 25%; border-radius: 2px; border: 1px solid #8e8d87; line-height: 28px; height: 28px; background-color: #fff; color: #000; text-align: left; } .Select__customSelect--on { border: 1px solid #d7a50d; background-color: #F3E4B6; } .Radio__label_d, .Select__label { float: right; width: 90px; } .Select__label { margin-top: 14px; } .Select__range { position: absolute; left: 50%; line-height: 32px; margin-left: -.5em; } .Select__left, .Select__right, .Select__single, .ModalOptionItem__label { display: block; overflow: hidden; } .Select__left, .Select__right { width: 50%; } .Select__left { float: left; margin-left: -1em; } .Select__right { float: right; margin-right: -1em; } .Select__leftSelectWrap, .Select__rightSelectWrap { position: relative; display: block; width: auto; } .Select__leftSelectWrap { margin-left: 1em; } .Select__rightSelectWrap { margin-right: 1em; } .Select__rangeSelect { margin: 0; white-space: nowrap; } .Select__customSingleSelect, .Select__customRangeSelect { display: block; padding: 0 20px 0 7px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 108%; line-height: 30px; border-radius: 3px; } /* end .Select */ /* 保存した検索条件ここから */ .SavedOption__wrap { position: relative; float: right; margin: 4px 10px 0 0; width: 163px; } .SavedOption { position: relative; z-index: 12; display: block; padding-left: 27px; height: 27px; line-height: 30px; border-radius: 3px; background-color: #fff; background-image: url(http://i.yimg.jp/images/serp/as/ic_ex2.png); background-repeat: no-repeat; } .SavedOption:hover { cursor: pointer; } .o .SavedOption { background-position: 6px -55px; } .c .SavedOption { background-position: 6px 5px; } .SavedOption__content { position: absolute; top: 22px; left: -1px; z-index: 11; padding: 15px 10px 10px; width: 143px; background: #fff; border: 1px solid #d3d2cc; border-radius: 3px; } .SavedOption__item { line-height: 2.3; } .SavedOption__view { padding-top: 10px; border-top: 1px solid #d3d2cc; } .SavedOption__item--note { line-height: 1.2; padding-bottom: 10px; } .SavedOption__item a { text-decoration: none; } .SavedOption__item a:hover { text-decoration: underline; } .SavedOption__item { text-decoration: none; } /* 保存した検索条件ここまで */ /* 検索条件ここから */ .SearchOption { /* 暫定最大幅（現状と同じ）*/ margin: 0 auto; max-width: 1153px; border: 1px solid #d3d2cc; _display: none; } .SearchOption__header { background: #e2e1da; } .SearchOption__title { float: left; padding: 9px 10px 6px; width: 50%; font-size: 135%; } .SearchOption__body { padding: 6px 10px; } .SearchOption__subBody { display: none; padding: 0 10px; } .SearchOption__subHeader { background: #f1f0e8; } .SearchOption__subTitle { display: inline-block; *display: inline; *zoom: 1; height: 27px; line-height: 26px; margin: 5px; padding: 4px 12px 0 40px; font-size: 15px; font-weight: bold; border-radius: 3px; background: #fff url(../../AS/img/img_extra.png) no-repeat; } .SearchOption__subTitle:hover { cursor: pointer; } .o .SearchOption__subTitle { background-position: 10px -35px; } .c .SearchOption__subTitle { background-position: 10px 5px; } .SearchOption__group { margin: 6px 0 12px; } .SearchOption__footer { padding: 12px 0 14px; text-align: right; letter-spacing: -.4em; } .SearchOption__number { display: inline-block; *display: inline; *zoom: 1; font-size: 100%; letter-spacing: normal; margin-right: 10px; } .SearchOption__numberFontStyle { margin: 0 3px; font-size: 137.5%; color: #CB5201; } .SearchOption select { font-size: 110%; } /* 各選択項目ここから */ .MakerSelect, .MileageSelect, .ModelSelect, .ColorSelect, .PriceSelect, .MissionSelect, .AreaSelect, .ExhibitorSelect, .BuyMethodSelect, .BodySelect, .NewOption, .MainteOption, .RepairOption, .NegOption, .OptionSelect, .DisplacementVolumeSelect, .DriveTypeSelect, .FuelSelect, .SteeringWheelSelect, .RideCapacitySelect, .DoorSelect, .NaviOption, .AudioOption, .OtherOption, .OtherOption__wrap, .OwnersHistorySelect, .ImportCourseSelect, .SearchOption__group { float: left; } .InspectionSelect, .DeliveredTermSelect, .CareerSelect { float: right; } /* 各選択項目 - 高さ設定ここから */ .MakerSelect, .MileageSelect, .ModelSelect, .ColorSelect, .PriceSelect, .AreaSelect, .MainteOption, .RepairOption, .NegOption, .BodySelect, .InspectionSelect, .DisplacementVolumeSelect, .DriveTypeSelect, .FuelSelect, .SteeringWheelSelect, .RideCapacitySelect, .DoorSelect, .OwnersHistorySelect, .CareerSelect, .ImportCourseSelect, .DeliveredTermSelect { min-height: 46px; _height: 46px; } .ExhibitorSelect, .BuyMethodSelect { min-height: 36px; _height: 36px; } .MissionSelect { min-height: 31px; _height: 31px; } /* 各選択項目 - 高さ設定ここまで */ /* 各選択項目 - 幅設定ここから */ .DisplacementVolumeSelect, .ColorSelect, .OptionSelect, .BodySelect, .OtherOption { width: 100%; } .MakerSelect, .MileageSelect, .ModelSelect, .PriceSelect, .BuyMethodSelect, .ExhibitorSelect, .SearchOption__group { width: 50%; } .Condition { width: 33.3%; *width: 33%; float: left; text-align: left; } .DriveTypeSelect, .SteeringWheelSelect, .FuelSelect { width: 44.2%; } .DoorSelect, .RideCapacitySelect, .OwnersHistorySelect, .CareerSelect, .ImportCourseSelect, .DeliveredTermSelect { width: 49.2%; } .AreaSelect { width: 23%; } .InspectionSelect { width: 22.6%; } .NewOption, .MainteOption, .RepairOption { width: 16%; } .NegOption { width: 17%; } .OtherOption__wrap { width: 20%; } .OtherOption__wrap--maker, .OtherOption__wrap--safety { width: 60%; *width: 59%; } /* 各選択項目 - 幅設定ここまで */ .OtherOption__wrap { margin-bottom: 20px; } .OtherOption__title { height: 22px; line-height: 22px; padding-left: 5px; background: #f1f0e8; } /* 各選択項目 - 右スペース設定ここから */ .WithOption { margin-right: 98px; } /* 各選択項目 - 右スペース設定ここまで */ /* 各選択項目 - タイトル設定ここから */ .MakerSelect__title, .MileageSelect__title, .ModelSelect__title, .ColorSelect__title, .PriceSelect__title, .MissionSelect__title, .AreaSelect__title, .BuyMethodSelect__title, .ExhibitorSelect__title, .BodySelect__title, .InspectionSelect__title, .DisplacementVolumeSelect__title, .DriveTypeSelect__title, .FuelSelect__title, .SteeringWheelSelect__title, .RideCapacitySelect__title, .DoorSelect__title, .OwnersHistorySelect__title, .CareerSelect__title, .ImportCourseSelect__title, .DeliveredTermSelect__title, .SellerSelect__title { display: block; color: #000; float: left; margin: 0; padding: 0 3px 0 0; } /* 各選択項目 - タイトル設定 - 高さ設定ここから */ .MileageSelect__title, .ModelSelect__title, .ColorSelect__title, .PriceSelect__title, .InspectionSelect__title, .DisplacementVolumeSelect__title, .DriveTypeSelect__title, .FuelSelect__title, .SteeringWheelSelect__title, .RideCapacitySelect__title, .DoorSelect__title, .OwnersHistorySelect__title, .CareerSelect__title, .ImportCourseSelect__title, .DeliveredTermSelect__title { line-height: 46px; /* 「各選択項目 - 高さ設定」と同値にする */ } .BuyMethodSelect__title, .ExhibitorSelect__title { line-height: 36px; /* 「各選択項目 - 高さ設定」と同値にする */ } .MissionSelect__title { line-height: 31px; /* 「各選択項目 - 高さ設定」と同値にする */ } .SellerSelect__title { line-height: 24px; } /* 各選択項目 - タイトル設定 - 高さ設定 - 2行になる場合ここから */ .MakerSelect__title, .AreaSelect__title, .BodySelect__title, .DeliveredTermSelect__title { display: block; float: left; padding-top: 7px; line-height: 17px; } /* 各選択項目 - タイトル設定 - 高さ設定 - 2行になる場合ここまで */ /* 各選択項目 - タイトル設定 - 高さ設定ここまで */ /* 各選択項目 - タイトル設定 - 幅設定ここから */ .MakerSelect__title, .MileageSelect__title, .PriceSelect__title, .MissionSelect__title, .BodySelect__title, .DisplacementVolumeSelect__title, .DriveTypeSelect__title, .FuelSelect__title, .SteeringWheelSelect__title, .RideCapacitySelect__title, .DoorSelect__title, .ColorSelect__title { width: 75px; } .AreaSelect__title, .ModelSelect__title { width: 37px; } .InspectionSelect__title { width: 47px; } .BuyMethodSelect__title, .ExhibitorSelect__title, .OwnersHistorySelect__title, .CareerSelect__title, .ImportCourseSelect__title, .DeliveredTermSelect__title { width: 63px; } .SellerSelect__title { width: 115px; } /* 各選択項目 - タイトル設定 - 幅設定ここまで */ /* 任意の位置で改行する場合 */ .BodySelect__title span { display: inline-block; *display: inline; *zoom: 1; } /* 各選択項目 - タイトル設定ここまで */ /* 各選択項目 - モーダルボタン設定ここから */ .MakerSelect__button, .AreaSelect__button, .BodySelect__button { display: block; overflow: hidden; margin-top: 8px; width: auto; white-space: nowrap; text-overflow: ellipsis; } /* 各選択項目 - モーダルボタン設定ここまで */ /* 各選択項目 - モーダル設定ここから */ /* carCommon overwrite start*/ .l-modal { font-size: larger; } .Modal { padding-bottom: 0; } .ModalBody { margin: 0; padding: 10px 55px 20px 60px; width: 685px; min-height: 367px; } .ModalLocalType__area { width: 550px; } .ModalFooter { margin: 0; } .ModalFooter__searchButtonWrap { margin: 0; width: auto; height: auto; } .ModalMaker__selectedCarDelete { display: inline-block; *display: inline; *zoom: 1; text-indent: -9999px; margin-right: 10px; padding: 0; background: #fff url(http://i.yimg.jp/images/serp/as/b_delete2_x2.png) no-repeat 50% 50%; background-size: 20px auto; border-radius: 0; width: 26px; height: 20px; line-height: 20px; } .data-win-ie-80 .ModalMaker__selectedCarDelete, .data-win-ie-70 .ModalMaker__selectedCarDelete, .data-win-ie-60 .ModalMaker__selectedCarDelete { background: url(http://i.yimg.jp/images/serp/as/b_delete2.png) no-repeat 50% 50%; } .ModalMaker__selectedCars { margin-top: 12px; } .ModalMaker__indexList--noList { color: #C8C8C8; cursor: default; } /* 各選択項目 - モーダル設定ここまで */ /* carCommon overwrite end*/ /* 各選択項目 - 個別設定ここから */ .Radio__label_d { margin-top: 2px; line-height: 22px; } .Radio__label--radio { line-height: 22px; } .Radio__label { display: inline-block; *display: inline; *zoom: 1; overflow: visible; } .NewOption__label, .MainteOption__label, .RepairOption__label, .NegOption__label, .Condition__label, .OtherOption__label { margin-top: 15px; } .MissionOption__label { display: inline-block; *display: inline; *zoom: 1; margin-right: 8px; } .Radio__label--buyMethod, .Radio__label--exhibitor { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; margin: 7px 6px 0 0; } .Radio__label--mission { display: inline-block; *display: inline; *zoom: 1; letter-spacing: normal; margin: 5px 6px 0 0; } .ModalOptionItem__viewRadio--inline { display: inline-block; *display: inline; *zoom: 1; } .Radio__text { position: relative; top: 1px; left: -1px; padding-left: 0; } .ModalCarType__viewCheckBox { display: none; } .CheckBox__viewCheckBox, .ModalMaker__viewCheckBox, .ModalCarType__viewCheckBox, .ModalLocalType__viewCheckBox { vertical-align: middle; background-repeat: no-repeat; background-size: 20px auto; } .CheckBox__viewCheckBox { margin-right: 3px; background-image: url(../../AS/img/img_checkbox_x2.png); } .data-win-ie-80 .CheckBox__viewCheckBox, .data-win-ie-80 .ModalMaker__viewCheckBox, .data-win-ie-80 .ModalCarType__viewCheckBox, .data-win-ie-80 .ModalLocalType__viewCheckBox, .data-win-ie-70 .CheckBox__viewCheckBox, .data-win-ie-70 .ModalMaker__viewCheckBox, .data-win-ie-70 .ModalCarType__viewCheckBox, .data-win-ie-70 .ModalLocalType__viewCheckBox, .data-win-ie-60 .CheckBox__viewCheckBox, .data-win-ie-60 .ModalMaker__viewCheckBox, .data-win-ie-60 .ModalCarType__viewCheckBox, .data-win-ie-60 .ModalLocalType__viewCheckBox { background-image: url(../../AS/img/img_checkbox.png); } .CheckBox__viewCheckBox--on, .ModalMaker__viewCheckBox--on { background-image: url(../../AS/img/img_checkbox_on_x2.png); } .data-win-ie-80 .CheckBox__viewCheckBox--on, .data-win-ie-80 .ModalMaker__viewCheckBox--on, .data-win-ie-70 .CheckBox__viewCheckBox--on, .data-win-ie-70 .ModalMaker__viewCheckBox--on, .data-win-ie-60 .CheckBox__viewCheckBox--on, .data-win-ie-60 .ModalMaker__viewCheckBox--on { background-image: url(../../AS/img/img_checkbox_on.png); } .CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_focus_x2.png); } .CheckBox__viewCheckBox--on.CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_on_focus_x2.png); } .data-win-ie-80 .CheckBox__viewCheckBox--focus, .data-win-ie-70 .CheckBox__viewCheckBox--focus, .data-win-ie-60 .CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_focus.png); } .data-win-ie-80 .CheckBox__viewCheckBox--on.CheckBox__viewCheckBox--focus, .data-win-ie-70 .CheckBox__viewCheckBox--on.CheckBox__viewCheckBox--focus, .data-win-ie-60 .CheckBox__viewCheckBox--on.CheckBox__viewCheckBox--focus { background-image: url(../../AS/img/img_checkbox_on_focus.png); } .CheckBox__text--checkBox { position: relative; top: 1px; } .Color__colorList { width: 22px; height: 22px; margin-right: 1px; } .Color__colorList--on { padding: 2px; margin-right: 3px; } .Color__colorList--on.Color__colorList--focus .Color__labelColor { border: 1px solid #f3e4b6; } .Color__colorList--focus { padding: 1px 3px 3px 1px; } .Color__colorList--on.Color__colorList--focus { padding: 2px; background: #f3e4b6; } .Color__colorList--focus .Color__labelColor { border: 1px solid #d7a50d; } .Color__labelColor--disabled { cursor: default; opacity: 0.57; filter: alpha(opacity=57); /* ie lt 8 */ -ms-filter: "alpha(opacity=57)"; /* ie 8 */ } .SearchOption .Select { margin-top: 9px; } .MileageSelect .CheckBox__text--checkBox { white-space: normal; } .Select--lSeparate { overflow: hidden; display: block; padding-left: 20px; } .Select--rSeparate, .OtherOption__inner { overflow: hidden; display: block; padding-right: 15px; } .OtherOption__wrap--maker .OtherOption__inner, .OtherOption__wrap--safety .OtherOption__inner { padding-right: 0; } .Radio__viewRadio { position: static; vertical-align: middle; background-repeat: no-repeat; background-size: 18px auto; } .Radio__label { min-width: 61px; } .Radio__viewRadio { background-image: url(../../AS/img/img_radio_x2.png); } .Radio__viewRadio--on { background-image: url(../../AS/img/img_radio_on_x2.png); } .Radio__viewRadio--focus { background-image: url(../../AS/img/img_radio_on_focus_x2.png); } .data-win-ie-80 .Radio__viewRadio, .data-win-ie-70 .Radio__viewRadio, .data-win-ie-60 .Radio__viewRadio { background-image: url(../../AS/img/img_radio.png); } .data-win-ie-80 .Radio__viewRadio--on, .data-win-ie-70 .Radio__viewRadio--on, .data-win-ie-60 .Radio__viewRadio--on { background-image: url(../../AS/img/img_radio_on.png); } .data-win-ie-80 .Radio__viewRadio--focus, .data-win-ie-70 .Radio__viewRadio--focus, .data-win-ie-60 .Radio__viewRadio--focus { background-image: url(../../AS/img/img_radio_on_focus.png); } .Select__select--noScript { -webkit-appearance: select; padding: 0 0 0 7px; font-size: 110%; opacity: 1; *filter: alpha(opacity=100); /* ie 6 7 */ -ms-filter: "alpha(opacity=100)"; /* ie 8 */ cursor: pointer; } .Button--searchWide, .data-win-ie-80 .Button--searchWide, .data-win-ie-70 .Button--searchWide, .data-win-ie-60 .Button--searchWide { padding-left: 20px; background-repeat: no-repeat; background-size: 20px auto; background-position: 72px 10px; } .Button--searchWide { background-image: url(../../AS/img/ic_search_x2.png); } .data-win-ie-80 .Button--searchWide, .data-win-ie-70 .Button--searchWide, .data-win-ie-60 .Button--searchWide { background-image: url(../../AS/img/ic_search.png); } /* 各選択項目 - 個別設定ここまで */ /* js読み込みまでのがたつき防止ここから */ .MissionSelect input, .BuyMethodSelect input, .Radio__label_d input, .ExhibitorSelect input { width: 18px; } .CheckBox__label input { width: 23px; height: 16px; } /* js読み込みまでのがたつき防止ここまで */ /* for IE7 legend start */ .MileageSelect .Select--rSeparate, .PriceSelect .Select--rSeparate, .DisplacementVolumeSelect .Select--rSeparate, .ColorSelect .Select--rSeparate { *padding-left: 65px; } .ModelSelect .Select--lSeparate { *padding-left: 60px; } .MileageSelect__title, .PriceSelect__title, .ColorSelect__title, .ModelSelect__title, .DisplacementVolumeSelect__title { *height: 0; *overflow: visible; } .MileageSelect__title, .PriceSelect__title, .DisplacementVolumeSelect__title, .ColorSelect__title { *margin-left: -73px; } .ModelSelect__title { *margin-left: -47px; } /* for IE7 legend end */ .OtherOption__labelWrap { display: block; } .OtherOption__wrap--maker .OtherOption__labelWrap, .OtherOption__wrap--safety .OtherOption__labelWrap { width: 33%; float: left; } /* for patrol mode */ .SellerSelect__lists { padding-top: 2px; overflow: hidden; } .SellerSelect__list { display: block; float: left; min-width: 80px; } .SellerSelect__list:nth-child(7) { clear: left; } .SellerSelect__list a, .SellerSelect__list span { padding: 3px 0; margin-right: 15px; display: inline-block; *display: inline; *zoom: 1; text-decoration: none; } .SellerSelect__list .elActive { font-weight: bold; color: #c63; } /** * パトロールツール */ #patrolTool, #patrolTool2 { margin-bottom: 10px; } /* トグル */ #patrolTool .patrolToggle { margin: 10px 0; border-bottom: 1px solid #CCCCCC; } #patrolTool .patrolToggle li { float: left; } #patrolTool .patrolToggle li em, #patrolTool .patrolToggle li a { display: block; width: 170px; height: 30px; margin-bottom: -1px; border-bottom: 1px solid #FFFFFF; line-height: 30px; text-align: center; } #patrolTool .patrolToggle li em { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF; font-weight: bold; } #patrolTool .patrolToggle li.delete em { border-top: 2px solid #D10303; } #patrolTool .patrolToggle li.punish em { border-top: 2px solid #02930A; } #patrolTool .patrolToggle li a { margin-bottom: -10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #EEEEEE; background: #EEEEEE; background-image: -webkit-linear-gradient(top, #FEFEFE, #EEEEEE); background-image: -moz-linear-gradient(top, #FEFEFE, #EEEEEE); background-image: -webkit-linear-gradient(top, #FEFEFE, #EEEEEE); background-image: -moz-linear-gradient(top, #FEFEFE, #EEEEEE); background-image: linear-gradient(top, #FEFEFE, #EEEEEE); color: #333333; text-decoration: none; } #patrolTool .patrolToggle li.delete a { border-left: 1px solid #CCCCCC; border-right: 1px solid #EEEEEE; } #patrolTool .patrolToggle li.punish a { border-left: 1px solid #EEEEEE; border-right: 1px solid #CCCCCC; } #patrolTool .patrolToggle li a:hover { text-decoration: underline; } /* コントロール */ #patrolDeletionTool, #patrolDeletionTool2, #patrolPunishTool, #patrolPunishTool2 { float: left; width: 30%; margin-left: 10px; } #patrolChangeTool, #patrolChangeTool2 { float: right; width: 30%; text-align: right; margin-right: 5px; } #patrolDeletionTool li, #patrolChangeTool li, #patrolDeletionTool2 li, #patrolChangeTool2 li, #patrolPunishTool li, #patrolPunishTool2 li { margin-bottom: 5px; } #patrolDeletionTool input, #patrolChangeTool input, #patrolDeletionTool2 input, #patrolChangeTool2 input, #patrolPunishTool input, #patrolPunishTool2 input { margin-bottom: 5px; width: 160px; height: 25px; border-width: 1px; border-style: solid; border-radius: 3px; color: #FFFFFF; cursor: pointer; } #patrolPunishTool input, #patrolPunishTool2 input { width: 100px; height: 25px; margin-right: 10px; } #patrolDeletionTool input, #patrolDeletionTool2 input { border-color: #BC0303; background: #D30202; background-image: -webkit-linear-gradient(top, #FB0202, #D30202); background-image: -moz-linear-gradient(top, #FB0202, #D30202); background-image: -webkit-linear-gradient(top, #FB0202, #D30202); background-image: -moz-linear-gradient(top, #FB0202, #D30202); background-image: linear-gradient(top, #FB0202, #D30202); } #patrolChangeTool input, #patrolChangeTool2 input { border-color: #0101D3; background: #0202D4; background-image: -webkit-linear-gradient(top, #2A2AFC, #0202D4); background-image: -moz-linear-gradient(top, #2A2AFC, #0202D4); background-image: -webkit-linear-gradient(top, #2A2AFC, #0202D4); background-image: -moz-linear-gradient(top, #2A2AFC, #0202D4); background-image: linear-gradient(top, #2A2AFC, #0202D4); } #patrolPunishTool input.punish, #patrolPunishTool2 input.punish { border-color: #007506; background: #008206; background-image: -webkit-linear-gradient(top, #00A809, #008206); background-image: -moz-linear-gradient(top, #00A809, #008206); background-image: -webkit-linear-gradient(top, #00A809, #008206); background-image: -moz-linear-gradient(top, #00A809, #008206); background-image: linear-gradient(top, #00A809, #008206); } #patrolPunishTool input.unpunish, #patrolPunishTool2 input.unpunish { border-color: #CCCCCC; background-color: #efefef; background: -moz-linear-gradient(top, #fefefe, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); background: -webkit-linear-gradient(top, #fefefe, #efefef); background: linear-gradient(to bottom, #fefefe, #efefef); color: #333333; } #punishBox { display: none; } #punishBox ul, #punishBox li { list-style: none; margin: 0; padding: 0; } #punishBox .overlay { background: #111; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); /*ie6,7*/ -ms-filter: "alpha(opacity=50)"; /*ie8*/ overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 4000; } #punishBox .window { position: absolute; z-index: 4001; width: 350px; margin-left: -300px; margin-top: -200px; padding: 10px 20px 0 40px; border: 1px solid #999; background: #fff; box-shadow: 1px 1px 5px #999999; text-align: left; color: #333333; } #punishBox h4 { padding: 0 0 15px 10px; } #punishBox .innerBody { padding: 0 10px 10px; } #punishBox .innerBody li { padding-bottom: 15px; } #punishBox .innerBody li input { margin-right: 5px; } #punishBox .innerFooter { padding-bottom: 10px; } #punishBox .innerFooter ul { text-align: center; } #punishBox .innerFooter li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 150px; height: 50px; position: relative; } #punishBox .innerFooter li.cancel span { display: block; background-color: #969696; border: 1px solid #8a8a8a; border-radius: 3px; line-height: 20px; color: #fff; padding: 5px 0; cursor: pointer; } #punishBox .innerFooter li.submit { margin-left: 15px; } #punishBox .innerFooter li.submit input { display: block; border-radius: 3px; width: 148px; padding: 5px 0; *padding: 4px 0; line-height: 20px; } #punishBox .innerFooter li.submit .on { border-width: 1px; border-style: solid; border-color: #007506; background: #008206; background-image: -webkit-linear-gradient(top, #00A809, #008206); background-image: -moz-linear-gradient(top, #00A809, #008206); background-image: -webkit-linear-gradient(top, #00A809, #008206); background-image: -moz-linear-gradient(top, #00A809, #008206); background-image: linear-gradient(top, #00A809, #008206); color: #FFFFFF; cursor: pointer; } /** * tmplExtendsModule * * this file overwritting common css modules * * @project OneSeRP-pj * @author * @css-doc Version 1.0pre * @lastmodified　 * @revision * @media PC */ /** * Grids * * @section 2:Grids * @see - */ /* Common Settings */ body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "MS UI Gothic", Helvetica, Arial, sans-serif; } input, textarea { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "MS UI Gothic", Helvetica, Arial, sans-serif; } h1 { font-size: 100%; font-weight: normal; } /* Commerce 2Column */ .rcSize100per { width: 770px; margin-right: 0; } body.resemble .rcSize100per { width: 100%; float: none; } .rcSize100per #mIn { margin-right: 0; padding: 0 0 0 10px; } body.resemble .rcSize100per #mIn { padding-left: 0; } #mIn { padding: 0; } .sellinglist .oneCol #mIn { padding-left: 0; } /** * header * * @section 1:header * @see - */ /** 4-1 searchForm */ /* #SaB */ body.resemble #ygma { height: 46px; } #SaB span { background-image: url(http://i.yimg.jp/images/mh/pc/jp/rd/1.0.0/yafuoku_m.png); background-size: 134px 30px; } .data-win-ie-80 #SaB span, .data-win-ie-70 #SaB span, .data-win-ie-60 #SaB span { background-image: url(http://i.yimg.jp/images/mh/pc/jp/rd/1.0.0/yafuoku.png); } html[class*=safari-4] #SaB span, html[class*=safari-3] #SaB span, html[class*=ff-3] #SaB span, html[class*=ff-2] #SaB span { background-image: url(http://i.yimg.jp/images/mh/pc/jp/rd/1.0.0/yafuoku.png); } /* #SaD */ /*緊急対応上書き*/ /* #SaD{ position: static; padding-bottom: 2px; margin-right: 5px; text-align: right; } #SaD .inner{ margin-top: 0; position: static; } */ /* #SaD a{ color: #686CCD; } #SaD a:visited, #SaD a:active{ color: #686CCD; } */ /* SPN */ /* n.css 1.0.0 */ #yjPosN { width: 100%; margin-bottom: 20px; text-align: center; } #yjPosN table { margin: 0 auto; text-align: left; } #yjPosN br { display: none; } #yjPosN a img { vertical-align: bottom; } /* #Sf */ /* #Sf{ padding: 2px 0; border: none; background:url(../../AS/img/y_bg2.png) repeat-x 0 -320px; background-color: #feda6f; } */ #Sf2 .inner { background-color: inherit; } /* #Sq */ /* #Sq{ background:url(../../AS/img/y_bg2.png) repeat-x 0 -540px; border:none; background-color: #fedb72; } #Sq .searchForm-opt { padding-top: 14px; } */ /** 2-1:Sg */ /* 2-2:Sh スペラー */ .msg { padding-left: 10px; margin-top: 5px; margin-bottom: 9px; } .msg a:hover { -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; opacity: 0.7; filter: alpha(opacity=70); *background-color: #b7b7b6; text-decoration: none; } .msg .bull dt { display: none; } .msg .bull dd { margin-left: 0; margin-bottom: 0; line-height: 20px; font-size: 100%; } .msg .bull dd a { padding: 0 4px; height: 20px; line-height: 22px; font-size: 100%; color: #fff; border-radius: 3px; background: #999897; } .msg dd a { /*white-space: nowrap;*/ display: inline-block; } /* .msg .t_zeromatch */ .msg .t_zeromatch { margin-bottom: 10px; font-size: 133%; } .msg dd { margin-bottom: 5px; } /* #Si1 関連検索ワード */ #Si1 { margin: 5px 0 8px; } #Si1 a:hover { -webkit-transition: opacity .1s ease-out; -moz-transition: opacity .1s ease-out; transition: opacity .1s ease-out; opacity: 0.7; filter: alpha(opacity=70); *background-color: #b7b7b6; text-decoration: none; } #Si1 dl { padding-left: 10px; } #Si1 dt { display: none; } #Si1 dd { margin-left: 0; line-height: 20px; } #Si1 dd a { margin: 0 5px 8px 0; padding: 0 4px; *padding: 4px; height: 20px; line-height: 22px; font-size: 100%; color: #fff; border-radius: 3px; background: #999897; } #Si1 dd span { padding-top: 1px; } /** 2-10:Sp1 */ #Sp1.side { margin-left: 0; } /** * Master setting * * @section Master for .comp * @see - */ #AS1m1 .comp li, #AS1m3 .comp li, #ASt .comp li { float: none; padding: 0; } /** * 検索窓サイズ変更+サジェストver2 * http://cptl.corp.yahoo.co.jp/pages/viewpage.action?pageId=222989470 * IE6、7、8、FF */ /* Y座標が900pxからスタート */ /* サービスカラーが存在するサービスは、skin4を適用 +400px */ /* #wrapper #srchAssistClose{ background-position:100% -1344px; } #wrapper #srchacb{ background-position:0 -1300px; } #wrapper #srchAssistClose span{ margin:0 2px 0 45px; background-repeat:repeat-x; background-position:100% -1322px; } #wrapper #srchAssistClose.on{ background-position:100% -1355px; } #wrapper .on #srchacb{ background-position:0 -1311px; } #wrapper #srchAssistClose.on span{ background-position:100% -1333px; } #wrapper #srchAssistOnOff{ background-color:#E6E6E6; } */ /*comment search assist -------------------*/ /* #wrapper #Sb_2{ width: 448px; _width: 446px; } */ /*comment search assist -------------------*/ /* #srchAssistClose{ width: 273px; _width: 271px; } */ /** #srchAssistClose.on ←→ #srchAssistClose 開閉切り替え */ /* #wrapper #srchAssistClose.on{ width: 448px; _width: 446px; } */ /* #ygma => -------------------*/ /* #yschsp, #yschsbp{ width: 262px; margin-right: 5px; } */ .sellinglist #yschsp { width: 235px; font-size: 107.6923%; height: 24px; padding: 2px 34px 0 4px; border: 1px solid #999; border-top: 1px solid #7c7c7c; background-color: #fff; vertical-align: bottom; line-height: 1.3; border-radius: 0; text-indent: 2px; } .sellinglist #Sb_2 { clear: left; width: 440px; position: absolute; top: 27px; left: 0; padding-right: 0; z-index: 1; } /* zero match livetest 20121120 ------------*/ /*Cj*/ #Cj { margin-bottom: 10px; min-width: 460px; } #Cj li a, #Cj li span { margin-right: 2px; } /*Ck*/ #Ck { margin-bottom: 15px; min-width: 460px; } #S_Ck { border: 1px solid #ccc; } #Ck dl { border-top: 1px solid #ccc; background-color: transparent; background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); background-repeat: no-repeat; background-position: 0 bottom; } #Ck dt { display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; *zoom: 1; width: 150px; padding: 3px; } #Ck dt span { float: left; } #Ck dt a { vertical-align: baseline; float: right; } #Ck dd { width: 500px; display: inline-block; *display: inline; /* for IE6,IE7 */ vertical-align: top; *zoom: 1; padding: 3px; border-left: 1px solid #ccc; } /*■ 「カテゴリリストでカテゴリ以外の絞り込み指定が無い場合」のモジュール展開時*/ #Ck dl.no-conditionList { background: none; } #Ck dl.no-conditionList dt { display: none; } #Ck dl.no-conditionList dd { display: block; margin: 0 auto; border: none; text-align: center; } #S_Ck .MdBody { padding: 0 5px 0; color: #000; word-break: break-all; word-wrap: break-word; } #S_Ck .t { display: block; position: relative; width: 100%; /* for IE7 */ _height: 1px; /* for IE6 */ } #S_Ck .b { width: 6.25em; _height: 1.7em; /* for IE6 */ text-align: center; display: block; margin: 8px auto; cursor: pointer; } #S_Ck h3 { position: relative; color: #666; font-weight: bold; margin: 5px 0 1px 5px; padding: 0 0 4px 18px; background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); background-repeat: no-repeat; float: left; cursor: pointer; } #S_Ck .o h3 { background-position: -142px -210px; } #S_Ck .c h3 { background-position: -142px -265px; } #S_Ck .o h3.hover { background-position: -142px -210px; } #S_Ck .c h3.hover { background-position: -142px -265px; } #S_Ck .c .acd { display: none; } /* AUC,SHP */ /* .arr (icon => Arrow) */ #Ck .arr, #Ck .h { background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); } #Ck .arr { background-position: -130px 0; background-repeat: no-repeat; } #Ck .set1 { float: left; padding-top: 5px; margin-right: 20px; } #Ck .set2 { float: left; padding-top: 5px; } #Ck .set1 a, #Ck .set2 a { float: left; } /* .arr (icon => L ＋ ) */ #Ck .set1 .arr { float: left; width: 25px; height: 16px; /* 13px + 2px */ margin-right: 5px; background-position: -83px -64px; /* 66px - 2px */ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } /* .arr (icon => L ) */ #Ck .set2 .arr { float: left; width: 7px; height: 12px; margin-right: 5px; background-position: -83px -66px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } /* .h (icon => Help) */ #Ck .h { float: left; width: 12px; height: 14px; /* 14px + 2px; */ margin-left: 5px; background-position: -71px -64px; /* 66px - 2px */ background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } #S_Ck h3 { background-image: none; cursor: default; padding: 0 0 4px 0; } #Ck .searchbutton { padding-top: 10px; text-align: center; } #Ck .searchbutton p { display: inline-block; *display: inline; *zoom: 1; margin-left: 15px; margin-right: 15px; } /*.chgTab*/ #Ck .chgTab { margin: 10px 10px 0 10px; text-align: center; } #Ck .chgTab dl { background: #eee; border-top: none; font-size: 93%; display: inline-block; *display: inline; *zoom: 1; padding: 5px 10px; } #Ck .chgTab dt { margin-right: 15px; padding: 0; width: auto; } #Ck .chgTab dd { display: inline; font-weight: bold; border-left: 1px solid #000; padding: 0 0 0 5px; width: auto; } #Ck .chgTab dd a { font-weight: normal; } #Ck .chgTab dd.t { border-left: none; padding-left: 0; } /*　--------------------------------------------------- ゼロマッチメッセージ「#CZa」 ---------------------------------------------------- */ #CZa { margin-bottom: 30px; padding: 10px 10px 0; border: 1px solid #f00; } #CZa .hd { margin-bottom: 10px; padding: 20px; text-align: center; background-color: #ffffd5; } #CZa .hd h2 { font-weight: bold; font-size: 123%; } /*　--------------------------------------------------- ゼロマッチ再検索モジュールコンテナ「#CZb」 ---------------------------------------------------- */ #CZb { margin-top: 20px; } #CZb h2 { margin-bottom: 10px; font-weight: bold; font-size: 123%; } #CZb h2 span { font-weight: normal; } /*　--------------------------------------------------- ゼロマッチ再検索モジュール「.zero」各サービスモジュール ---------------------------------------------------- */ /* .zeroのコンテナ部分「.inner」「.hd」「.bd」 */ .zero { margin-bottom: 30px; } .zero .hd { background: url("http://i.yimg.jp/images/serp/as/y_bg2.png") repeat-x scroll 0 -380px #fff; border-bottom: 1px solid #ccc; } .zero .hd .hd-inner { background: url("http://i.yimg.jp/images/serp/as/y_bg2.png") no-repeat scroll right 0 transparent; } .zero .hd h3 { background: url("http://i.yimg.jp/images/serp/as/y_bg2.png") no-repeat scroll left -80px transparent; padding: 5px 10px; } .zero .hd h3 .t { float: left; } .zero .hd h3 .e { float: right; } .zero .hd h3 a { display: inline-block; text-decoration: none; } .zero .hd h3 a:link { color: #00f; border-bottom: 1px solid #00f; } .zero .hd h3 a:visited { color: #941d55; border-bottom: 1px solid #941d55; } .zero .hd h3 a:active { color: #639; border-bottom: 1px solid #639; } .zero .hd em { font-weight: bold; margin-right: 10px; } .zero .hd h3 span strong { margin-right: 10px; } .zero .bd { padding: 10px; border: 1px solid #ccc; border-top: none; } /* 「.a」サムネイル＋商品説明 */ .zero .tb { margin: 0 5px 10px 0; display: inline-block; *display: inline; /* for IE6,IE7 */ *zoom: 1; vertical-align: top; padding: 1px; border: 1px solid #dedede; background-color: #fff; } .zero .tb img { vertical-align: baseline; width: 76px; } .zero .details { display: inline-block; *display: inline; /* for IE6,IE7 */ *zoom: 1; vertical-align: top; } /* .elPrice */ .zero .a .elPrice dt { float: left; } .zero .a .elPrice dd { float: left; } .zero .a .elPrice dd strong { /*color: #000;*/ color: #ff3600; } .zero .a .elPrice strong { color: #ff3600; } /* .elExt */ .zero .a .elExt dl { float: left; margin-right: 10px; } .zero .a .elExt dt { float: left; } .zero .a .elExt dd { float: left; } .zero .a .elExt dd a { vertical-align: baseline; } .zero .item-z1 { float: left; width: 49%; } /* .zero .details */ .zero .details h4 { width: 250px; margin-bottom: 5px; vertical-align: baseline; word-break: break-all; word-wrap: break-word; overflow: hidden; } .elIcon { margin-bottom: 10px; } .elIcon .tx1, .elIcon .tx2 { color: #fff; font-size: 12px; line-height: 1; padding: 2px 10px; white-space: nowrap; margin-top: 5px; display: inline-block; *display: inline; *zoom: 1; } .elIcon .tx1 { background-color: #f8275b; } /*送料無料*/ .elIcon .tx2 { background-color: #89b33c; } /*中古*/ /*カテゴリ*/ .ASfc { border: 1px solid #FCD45A; margin-bottom: 20px; } .ASfc .lb { /* width: 100%; */ background-color: #FCD45A; padding: 10px; } .ASfc .t { font-weight: bold; font-size: 114% !important; float: left; margin-bottom: 0 !important; } .ASfc .update { font-weight: normal; font-size: 100%; float: right; padding-top: 2px; } .ASfc .sub { padding: 10px; font-size: 114%; } .ASfc li { font-size: 114%; padding: 5px 15px 5px 15px; } .ASfc li.fcbg { background-color: #FFF8E2; } .ASfc .liImg .inner { width: 166px; } .ASfc .liImg li { width: 25%; font-size: 100%; float: left; padding: 0; } .ASfc .liImg .tb { display: table; width: 166px; height: 106px; padding: 1px; border: 1px solid #CCC; background-color: white; margin: 0; text-align: center; } .ASfc .liImg .tb a { display: table-cell; width: 166px; height: 106px; vertical-align: middle; } .ASfc .liImg img { vertical-align: bottom; } .ASfc .liImg ul { width: 100%; } .ASfc .liImg .m { text-align: right; } #ASu3 { margin-bottom: 20px; border: 1px solid #ddd; } #ASu3 .top { width: 100%; margin-bottom: 7px; } #ASu3 .top h2 { margin: 0 5px 0 5px; padding: 4px 0 4px 0; font-size: 100%; font-weight: bold; border-bottom: 1px solid #ddd; text-indent: 5px; } #ASu3 .innre { width: 32.5%; text-align: center; padding-bottom: 11px; display: inline-block; vertical-align: top; *display: inline; zoom: 1; } #ASu3 .th { height: 106px; line-height: 106px; margin: 0 auto; padding-bottom: 5px; *display: inline; zoom: 1; } #ASu3 .a { padding: 0 10px; vertical-align: baseline; } #ASu3 .a h3 a { display: block; } /*Cm*/ #Cm { margin-bottom: 15px; padding-left: 6px; min-width: 460px; } #Cm dt { display: block; float: left; width: 11px; height: 14px; /* 12px +2px */ margin: 2px 0 0 0; background-position: -60px -64px; /* 66px-2px */ background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); text-indent: -9999px; } #Cm dd { margin-left: 16px; } #Cm dd a, #Cm dd em { margin-right: 2px; } #Cm dd a em { margin: 0; font-weight: bold; } /*オークションはh3の部分がemになっているため上書き↓*/ #S_Ck em { position: relative; color: #666; font-weight: bold; margin: 5px 0 1px 5px; padding: 0 0 4px 18px; background-image: url(/PRODUCT/oneserp/C/img/ic_all.png); background-repeat: no-repeat; float: left; cursor: pointer; } #S_Ck .c em { background-position: -142px -265px; } #S_Ck .o em { background-position: -142px -210px; } /* 出品リスト機能追加／改修 #26904: 【ヤフオク!】【PC】出品リストoneserp化（Cセラーのみ） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/26904 全体のレイアウト上書き body.sellinglist 　└#wrapper 　　└#header_seller 　　└#contents 　　└#footer */ .sellinglist #header_seller { min-width: 950px; /* padding:10px 10px 10px 10px; */ /* background-color:#EEEEEE; */ /* border-bottom:3px solid #FFDA45; */ } .sellinglist #header_seller p { color: #333333; } .sellinglist #contents { padding: 0 10px 0 10px; border-radius: 0 0 3px 3px; color: #333333; } .sellinglist #contents .rcSize100per { /* width:750px; */ } .sellinglist #footer { margin-top: 15px; padding: 15px 10px 0 10px; color: #333333; } .sellinglist #header2_seller, .sellinglist #contents_wrapper_seller { line-height: normal; font-size: 16px; } .sellinglist #header2_seller { margin-bottom: 5px; } .sellinglist #header2_seller, .sellinglist #contents_wrapper_seller { line-height: normal; font-size: 16px; } .sellinglist #header2_seller td { line-height: 16px; } .sellinglist #contents_wrapper_seller .maincol { line-height: inherit; font-size: 13px; color: #000000; } .sellinglist #contents_wrapper_seller .maincol #AS1m3 { line-height: 1.22; } /* reset module */ .sellinglist #header_seller p, .sellinglist .seller-info p, .sellinglist #header_seller ul, .sellinglist #header_seller li, .sellinglist #searchbox_seller ul, .sellinglist #contents_wrapper_seller .maincol #list01 p, .sellinglist #contents_wrapper_seller .maincol #ASsp1 p { margin: 0; padding: 0; } .sellinglist #contents_wrapper_seller .maincol .uWrap table { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; } .sellinglist #header_seller a img, .sellinglist #contents_wrapper_seller .maincol a img { border: 0; } .sellinglist #header_seller ol li, .sellinglist #header_seller ul li, .sellinglist #contents_wrapper_seller .maincol ol li, .sellinglist #contents_wrapper_seller .maincol ul li { list-style: none; } .sellinglist #contents_wrapper_seller .maincol #Ckv2 .btm ul { margin-top: -1px; } .sellinglist #contents_wrapper_seller .maincol #Ckv2 .btm li { padding: 5px 10px; } /* 機能追加／改修 #27819: 【ヤフオク!】【PC】SSのUI仕様をweb検索に合わせる - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/27819 ウェブからの流用で上書き */ #So1 .hd, #So2 .hd { float: left; width: auto; margin-left: 8px; _margin-left: 4px; text-align: left; } #So1 .bd, #So2 .bd { clear: both; margin-bottom: 3px; margin-top: 1px; _margin-top: 0; } #So1 div.w, #So2 div.w { padding: 11px 0 6px; } /*add 150728 start*/ /* 下線調整 */ /* #So1〜4 SS */ #So1 .t, #So2 .t, #So3 .t, #So4 .t { text-decoration: underline; } #So1 .hd .t, #So2 .hd .t, #So3 .hd .t, #So4 .hd .t { text-decoration: none; } #So1 .hd .t:hover, #So2 .hd .t:hover, #So3 .hd .t:hover, #So4 .hd .t:hover { text-decoration: underline; } /*add 150728 end*/ /* 広告：SSUI仕様変更のお願い http://mit.corp.yahoo.co.jp/ticket/1286/116 共通で対応しない部分のWS用コードを上書き */ .ss h3, .ss .u, .ss .ofc, .ss .st1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #So4.ss h3 { white-space: normal; overflow: visible; text-overflow: clip; } /* バグ・定常エラー #27238: 【ヤフオク!】【PC】コマースDDのレイアウト確認 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/27238 共通で持っているが最低限のスタイルだけ合わせる今後SHP/AUCで分岐した方がよい */ .editDD .hd, .editDD .compContents { margin: 0 0 5px 152px; } .editDD .hd .comp-t { line-height: 1.1; font-size: 107.7%; /* 14px */ } .editDD .comp-tb { width: 137px; padding: 0; } .editDD .comp-tb .imageTb { border: 0 none; padding: 0; } .editDD .comp-tb .imageTb img { max-width: 135px; max-height: 100px; _width: 135px; } .editDD .comp-e { margin-top: 2px; margin-bottom: 6px; line-height: 1.4; } .editDD .comp-e2 li { margin: 0 0 4px 0; } /* 機能追加／改修 #28990: 【ヤフオク!】【PC】TOPページデザイン変更 - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/28990 */ /* COMMON v2.0.0 for デザイン刷新2014*/ /* ---------- reset ---------- */ body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "MS UI Gothic", Helvetica, Arial, sans-serif; } input, textarea { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳＰゴシック", "MS UI Gothic", Helvetica, Arial, sans-serif; } /* ---------- reset ---------- */ #contents { width: auto; min-width: 960px; padding-top: 10px; padding-left: 10px; padding-right: 10px; } .rcSize100per { display: block; width: auto; float: none; margin-left: 203px; } .rcSize100per #mIn { width: 100%; _width: 90%; min-width: 757px; max-width: 1155px; overflow: hidden; padding: 0; margin: 0; border: 0 none; } .resemble .rcSize100per { width: auto; } .favseller .rcSize100per { margin-left: auto; } .lcSize180 { width: 188px; } #AS1m1 .t1 .bg3, #AS1m1 .t2 .bg3 { margin-top: 0; } #Ckv2 .hd { padding-bottom: 5px; } /* dedupe */ .resemble .rcSize100per { margin-top: 20px; margin-left: 0; } .resemble .rcSize100per #mIn { _width: 100%; } .resemble #footer { min-width: 950px; padding-top: 20px; border-top: 3px solid #FEDA45; } .resemble #AS-m10 { min-width: 950px; } /* sp1 */ .carcategory .rcSize100per { margin-left: 0; } .carcategory .rcSize100per #mIn { min-width: 950px; max-width: 100%; } /* footer */ #footer { width: auto; min-width: 950px; } #Sq .inner { width: auto; padding-left: 180px; border-top: 0 none; border-bottom: 3px solid #FEDA45; background-color: inherit; } /* jQuery Dialog用パッチ */ .ui-dialog { z-index: 9999; } .ui-dialog button.ui-button { display: none; } /* 機能追加／改修 #31633: 【ヤフオク!】カテゴリサジェスト導入（ライブテスト） - OneSerp-Service - Yahoo! Redmine http://redmine.search.ynwm.yahoo.co.jp/issues/31633 リリース時は本コード削除のみで可 */ #sugres .suggest { border-top: none; } /* 自動車ページ改修対応 */ #acWrHeader { border-bottom: none; } #AS1m1 .a1 p a:link, #AS1m1 .a1 span a:link, a:link { text-decoration: none; } #AS1m1 .a1 p a:hover, #AS1m1 .a1 span a:hover, { text-decoration: underline; } #contents { padding-top: 2px; } #AS-m3 { top: 62px; line-height: 1.22; } #acWrFooter { margin-top: 20px; padding: 0 10px; font-size: medium; } #acWrFooter a { text-decoration: none; } #acWrFooter a:link { color: #000; } #acWrFooter a:hover { color: #d7a50d; } #acWrFooter a:visited { color: #9c780c; } #footer { width: 950px; margin: 0 auto; text-align: center; } .libPropertyLink { width: 950px; padding: 0; text-align: center; margin: 0 auto 20px; clear: both; font-size: 88%; } .libPropertyLink ul { width: 950px; text-align: center; display: block; } .libPropertyLink li { display: inline; } .libPropertyLink li { padding: 0 10px; border-right: 1px solid #333; } .libPropertyLink li.decLst { border-right: 0; } #footer { text-align: center; } #footer address { padding: 10px 0 20px; border-top: 1px solid #ccc; font-size: 75%; line-height: 1.4; } .yjChviewWrap { display: block; margin-bottom: 10px; } .yjChviewWrap { text-align: center; } .yjChview { display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; text-align: center; } .yjChview dl, .yjChview dd, .yjChview p { margin: 0; } .yjChview dl dt, .yjChview dl dd { display: inline; font-size: 14px; line-height: 1.2em; } .yjChview dl dt { padding-right: 0.2em; } .yjChview dl dd span { font-weight: bold; } .yjChview dl dd:after { content: "｜"; } .yjChview dl dd.end:after { content: ""; } .libSitePolicy .untPopBody p { width: 100%; display: block; padding: 10px 0 20px 0; text-align: center; } .libSitePolicy .untPopBody address { display: block; margin: 0; border: 0; padding: 0 0 20px 0; clear: both; } .libSitePolicy .untPopBody a.libLinkGrayS { width: 130px; font-size: 75%; margin: 0 auto; display: block; } .acMdAdSqb { margin-bottom: 30px; } .acMdSNS { margin: 0 auto 10px; } .acMdSNS .untBody p { width: 58px; height: 13px; margin: 0 auto 7px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_base_01.png"); background-repeat: no-repeat; background-position: -126px -1654px; text-indent: -9999px; } .acMdSNS .untBody ul { width: 177px; margin: 0 auto; } .acMdSNS .untBody li a { display: block; height: 40px; text-indent: -9999px; -webkit-transition: .1s ease-out; -moz-transition: .1s ease-out; transition: .1s ease-out; -webkit-transform: translate3d(0, 0, 0); } .acMdSNS .untBody li a:hover { opacity: .7; filter: alpha(opacity=70); } .acMdSNS .untBody li.st01 { float: left; margin-right: 10px; } .acMdSNS .untBody li.st01 a { width: 40px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_base_01.png"); background-repeat: no-repeat; background-position: -144px -1717px; } .acMdSNS .untBody li.st02 { float: left; } .acMdSNS .untBody li.st02 a { width: 40px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_base_01.png"); background-repeat: no-repeat; background-position: -144px -1807px; } .acMdSNS .untBody li.st03 { float: right; } .acMdSNS .untBody li.st03 a { width: 79px; margin-top: 3px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_base_01.png"); background-repeat: no-repeat; background-position: -105px -1897px; } .acMdMegaLinks { width: 950px; margin: 0 auto 20px; background: #fff; font-size: 88%; text-align: left; } .acMdMegaLinks .untBody { padding: 0 20px; } .acMdMegaLinks .untBody dl { float: left; width: 190px; margin-right: 50px; } .acMdMegaLinks .untBody dl.st04 { margin-right: 0; } .acMdMegaLinks .untBody dt { height: 23px; margin-bottom: 10px; padding-bottom: 1px; border-bottom: 1px dotted #93928c; } .acMdMegaLinks .untBody dt span { display: block; height: 23px; font-weight: bold; } .acMdMegaLinks .untBody dd { margin-bottom: 10px; padding-left: 10px; background-image: url("https://s.yimg.jp/images/auc/pc/top/image/2.0.1/spr_base_01.png"); background-repeat: no-repeat; background-position: -179px -1462px; } .acMdMegaLinks .untBody dd.decMgb { margin-bottom: 30px; } .Seller__alertButton, .Seller__alertButton:hover { transition: opacity .1s ease-out; } .Seller__alertButton { display: inline-block; position: absolute; top:27.5px; padding:0 10px 0 28px; margin: 0 auto; width:96px; height: 30px; color: #33322f; border: 1px solid #9f9e98; border-radius: 4px; background-color: #f6f6f1; line-height: 30px; text-align: center; font-family: inherit; cursor: pointer; vertical-align: middle; white-space: nowrap; background-image: url("https://s.yimg.jp/images/auc/smartphone/alert/image/1.0.0/bell.png"); background-repeat: no-repeat; background-position: 10px 40%; } .Seller__alertButton:hover, .SpType1 a:hover, .SpType2 a:hover { opacity: 0.7; filter: alpha(opacity=70); } .Seller__alertButton:link, .Seller__alertButton:hover, .Seller__alertButton:visited, .Seller__alertButton:active { color: #33322f; } .Seller__alertButton:after, .Seller__alertButton:before { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Seller__alertButton:before { height: 6px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .Seller__alertButton:after { height: 3px; bottom: 3px; border-radius: 0 0 3px 3px; background-color: #f6f6f1; } .Seller__alertButton--registed:link, .Seller__alertButton--registed:hover, .Seller__alertButton--registed:visited { border:none; background-image: none; background-color: #FFF; padding-left: 32px; } .Seller__alertButton--registed:link { color:#2a7bb4; } .Seller__alertButton--registed:hover { color:#d7a50d; } .Seller__alertButton--registed:visited { color:#2a7bb4; } .Seller__alertButton--registed:before, .Seller__alertButton--registed:after { content:""; position: absolute; left:10px; bottom:8px; width:16px; height:16px; background-image: url("https://s.yimg.jp/images/icon/f/bsc/1.0.0/bell16.png"); background-repeat:no-repeat; /* filter: grayscale(100%) opacity(0.4); */ }

手塩に育てたコロコロのパグっ子

親犬も見て選べる パグ

親犬も見て選べる　パグ