@charset "utf-8"; /* index 1. reset 2. template base 3. snippet 4. library 5. layout 6. module 7. pages */ /* 1. reset : ----------------------------------------------------------------*/ body {margin: 0;padding: 0;} 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; font-size: 100%; empty-cells:show;} caption { text-align: left;} table, pre, code, select, input, textarea, kbd, var, ins, del, samp { font-size: 100%;} address, cite, dfn, em, strong, var, th, ins, del, samp { font-weight: normal; font-style: normal;} a img { border: 0;} hr.yjSeparation { display: none;} fieldset { border: none;} /* 2. template base : ----------------------------------------------------------------*/ body { text-align: center; font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "MS PGothic", "MS UI Gothic", Helvetica, Arial, sans-serif; color: #333; background-color:#f1f0e8; } a:link { color: #2A79B2; text-decoration: none;} a:visited { color: #2A79B2; text-decoration: none;} a:hover, a:active { color: #2A79B2; text-decoration: underline;} #wrapper { text-align: left; font-size: medium; line-height: 1.56; } #header:after, #contents:after{ display: block; visibility: hidden; clear: both; height: 0; content: "."; } #header, #contents{ *zoom: 1; } #header, #contents { background-color:#fff; } #mainContents { width: 950px; margin: 0 auto; padding: 40px 0 20px; } #mainContents img{ vertical-align:bottom; } /* 3. snippet : ----------------------------------------------------------------*/ /* ---------- clear_fix ---------- */ .cf:after {/** for FF,Safari,Opera */display: block; visibility: hidden; clear: both; height: 0; content: ".";} .cf {/** for Win IE5.5-7 */*zoom: 1;} /* ---------- font ---------- */ .fz10 { font-size: 63%;} .fz12 { font-size: 75%;} .fz14 { font-size: 88%;} .fz16 { font-size: 100%;} .fz20 { font-size: 125%;} /* ---------- font_color ---------- */ .decOrg { color:#D76D00;} .decGry { color:#6c6c66;} /* ---------- layout ---------- */ .mt5 { margin-top: 5px !important;} .mt10 { margin-top: 10px !important;} .mt15 { margin-top: 15px !important;} .mt20 { margin-top: 20px !important;} .mt25 { margin-top: 25px !important;} .mt30 { margin-top: 30px !important;} .mt35 { margin-top: 35px !important;} .mt40 { margin-top: 40px !important;} .mt45 { margin-top: 45px !important;} .mt50 { margin-top: 50px !important;} .mt55 { margin-top: 55px !important;} .mt60 { margin-top: 60px !important;} .mt70 { margin-top: 70px !important;} .mt80 { margin-top: 80px !important;} .mt90 { margin-top: 90px !important;} .mt100 { margin-top: 100px !important;} .mb5 { margin-bottom: 5px !important;} .mb10 { margin-bottom: 10px !important;} .mb15 { margin-bottom: 15px !important;} .mb20 { margin-bottom: 20px !important;} .mb25 { margin-bottom: 25px !important;} .mb30 { margin-bottom: 30px !important;} .mb35 { margin-bottom: 35px !important;} .mb40 { margin-bottom: 40px !important;} .mb45 { margin-bottom: 45px !important;} .mb50 { margin-bottom: 50px !important;} .mb55 { margin-bottom: 55px !important;} .mb60 { margin-bottom: 60px !important;} .mb70 { margin-bottom: 70px !important;} .mb80 { margin-bottom: 80px !important;} .mb90 { margin-bottom: 90px !important;} .mb100 { margin-bottom: 100px !important;} .pt5 { padding-top: 5px !important;} .pt10 { padding-top: 10px !important;} .pt15 { padding-top: 15px !important;} .pt20 { padding-top: 20px !important;} .pt25 { padding-top: 25px !important;} .pt30 { padding-top: 30px !important;} .pt35 { padding-top: 35px !important;} .pt40 { padding-top: 40px !important;} .pt45 { padding-top: 45px !important;} .pt50 { padding-top: 50px !important;} .pt55 { padding-top: 55px !important;} .pt60 { padding-top: 60px !important;} .pt70 { padding-top: 70px !important;} .pt80 { padding-top: 80px !important;} .pt90 { padding-top: 90px !important;} .pt100 { padding-top: 100px !important;} .pb5 { padding-bottom: 5px !important;} .pb10 { padding-bottom: 10px !important;} .pb15 { padding-bottom: 15px !important;} .pb20 { padding-bottom: 20px !important;} .pb25 { padding-bottom: 25px !important;} .pb30 { padding-bottom: 30px !important;} .pb35 { padding-bottom: 35px !important;} .pb40 { padding-bottom: 40px !important;} .pb45 { padding-bottom: 45px !important;} .pb50 { padding-bottom: 50px !important;} .pb55 { padding-bottom: 55px !important;} .pb60 { padding-bottom: 60px !important;} .pb70 { padding-bottom: 70px !important;} .pb80 { padding-bottom: 80px !important;} .pb90 { padding-bottom: 90px !important;} .pb100 { padding-bottom: 100px !important;} .pl5 { padding-left: 5px !important;} .pl10 { padding-left: 10px !important;} .pl15 { padding-left: 15px !important;} .pl20 { padding-left: 20px !important;} .pl25 { padding-left: 25px !important;} .pl30 { padding-left: 30px !important;} .pl35 { padding-left: 35px !important;} .pl40 { padding-left: 40px !important;} .pl45 { padding-left: 45px !important;} .pl50 { padding-left: 50px !important;} .pl55 { padding-left: 55px !important;} .pl60 { padding-left: 60px !important;} .pl70 { padding-left: 70px !important;} .pl80 { padding-left: 80px !important;} .pl90 { padding-left: 90px !important;} .pl100 { padding-left: 100px !important;} .ml15 { margin-left: 15px !important;} .ml20 { margin-left: 20px !important;} .ml30 { margin-left: 30px !important;} .ml40 { margin-left: 40px !important;} .fntB{font-weight: bold;letter-spacing: 0.1em;} .fnt80p{font-size: 80%;} .fnt120p{font-size: 120%;} .fnt180p{font-size: 180%;} .fnt200p{font-size: 200%;} .alignC{text-align: center;} .decHid { display: none;} .decftB { font-weight: bold;} .border{border: 1px solid #A3A392;} .no-border{border: none !important;} .colorOrange{color: #D76C00} /* 4. library(common_parts) : ----------------------------------------------------------------*/ /* ---------- masthead ---------- */ .decMhBg { background-color:#ffda45;} #masthead { width: 950px; min-height: 40px; margin: 0 auto; padding:15px 0 5px;} #masthead a:link { color: #37f; text-decoration: none;} #masthead a:visited { color: #952595;} #masthead a:hover, #masthead a:active { text-decoration: underline;} #masthead strong { font-weight: bold;} #masthead .yjmth:after { display: block; visibility: hidden; clear: both; height: 0; content: ".";} #masthead .yjmth { *zoom: 1;} #masthead .yjmthproplogoarea { float: left; width:450px; text-align: left; line-height: 110%;} #masthead .yjmthcmnlnkarea { float: right; width:475px; margin: 7px 3px 0 0; font-size:75%; text-align: right; line-height: 110%;} #masthead .yjmthcmnlnkarea a { color:#333; } #masthead .yjmthcmnlnkarea .st01 { display: inline-block; padding: 3px 0 0 17px; /*background-image: url('../image/icon_beginner.png');*/ background-repeat: no-repeat; background-position: 0 0; } /* ---------- footer ---------- */ #footer { width: 100%; padding: 20px 0 20px; background-color:#f1f0e8; } #footer .cmnFtr { padding-bottom: 10px; color:#333; } #footer .cmnFtr a { color:#333; } #footer .elSrvLink{ width: 69px; height: 16px; margin:0 auto; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/img_ftlink_logo.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } #footer .elSrvLink a{ display: block; width: 69px; height: 16px; } #footer address { width: 950px; margin: 15px auto 0; padding: 20px 0 0; border-top: 1px solid #bebcac; font-size: 75%; line-height: 1.6; text-align: center; } #footer address a:link, #footer address a:visited { text-decoration: none;} #footer address a:link { color: #333;} #footer address a:visited { color: #333;} #footer address a:hover, #footer address a:active { text-decoration: underline;} /* ---------- ft_pagechange ---------- */ .modChange {display:block; padding:10px 0; text-align:center;} .yjChview {background: none repeat scroll 0 0 #f9f9f9;border: 1px solid #e7e7e7;display: inline-block;padding: 10px 30px;text-align: center;margin:0 auto;} .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{font-weight: bold;} .yjChview dl dd.end:after {content: "";} /* ---------- libJsOffAlert.css v1.0.0 ---------- */ #libJsOffAlert { display: block; width: 950px; line-height: 1.56; clear: both; margin: 0 auto 10px auto; padding-top:20px;} #libJsOffAlert .untBody { padding: 20px; border: 2px solid #758fb5; background: #e9eff8;} #libJsOffAlert .untBody p { color: #103771; text-align: center;} #libJsOffAlert .untBody p em { font-weight: bold;} #libJsOffAlert .untBody p a { color: #1555d5; font-weight: bold;} #libJsOffAlert .untBody p.decTxt { font-size: 75%/*12px*/} /* ---------- EMG ---------- */ .EMG { clear: both; text-align: center;} .EMG table { margin: 10px auto 10px!important; text-align: center;} .EMG table table { margin: 0!important;} .EMG br { display: none!important;} /* ---------- TO TOP ---------- */ .toTop { display: block; position:fixed; right:20px; bottom:20px; width:90px; height:90px; } .toTop a{ display: block; width:90px; height:90px; text-decoration: none; text-indent: -9999px; overflow: hidden; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/img_pagetop.png) no-repeat 0 0; } /* IE8以下のアルファバグ */ .lt-ie9 .toTop a{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s.yimg.jp/images/auct/cms/promo/kujinatsu/pc/img/btn_totop.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://s.yimg.jp/images/auct/cms/promo/kujinatsu/pc/img/btn_totop.png', sizingMethod='scale')"; } .toTop:hover { opacity:0.65; filter: alpha(opacity=65);} /* ---------- Button ---------- */ /* ptsCarWdBtn */ .ptsCarWdBtn{ text-align:right; } .ptsCarWdBtn .elCarWdBtn{ display:inline-block; *display: inline; *zoom: 1; width: 130px; height: 29px; background: url(../image/btn_carwords.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .ptsCarWdBtn .elCarWdBtn a{ display: block; width: 130px; height: 29px; } .ptsCarWdBtn .elCarWdBtn:hover { opacity:0.65; filter: alpha(opacity=65);} /* 5. layout : ----------------------------------------------------------------*/ .Layout:after {/** for FF,Safari,Opera */display: block; visibility: hidden; clear: both; height: 0; content: ".";} .Layout {/** for Win IE5.5-7 */*zoom: 1;} .Layout__2cL{ float: left; width: 445px; } .Layout__2cR{ float: right; width: 502px; } .Layout__2cR img{ border: 1px solid #CCC; } .Layout__2cL--same{ width: 450px; text-align: right; } .Layout__2cR--same{ width: 450px; } .Layout__2cL--expand{ /*padding-left: 50px;*/ width: 420px; } .Layout__2cR--expand{ width: 502px; } /* 6. module : ----------------------------------------------------------------*/ /* --------------------- Button ---------------------*/ .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: .1s ease-out; transition: .1s ease-out; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);*/ font-size: 112.5%; } .Button--normal:after, .Button--normal:before { content: ""; position: absolute; display: block; width: 100%; left: 0; bottom: 0; } .Button--normal:after { height: 4px; bottom: 4px; border-radius: 0 0 4px 4px; background-color: #f6f6f1; } .Button--normal:before { height: 8px; border-radius: 0 0 3px 3px; background-color: #e2e1da; } .Button a { display: block; text-decoration: none; } .Button a:visited { color: #33322f; } .Button a:link { color: #33322f; } .Button:hover{ opacity:0.65; filter: alpha(opacity=65); } /* --------------------- GNavi ---------------------*/ .GNavi{ background-color: #f7f6f1; } .GNavi__body{ width: 950px; margin: 0 auto; } .GNavi__items{ display: table; width: 100%; } .GNavi__item{ display:table-cell; text-align: center; } .GNavi__link{ display: block; min-width: 70px; padding: 13px 0 13px; color: #666; box-sizing: border-box; } .GNavi__link--home{ padding-left:12px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/icon_home.png) 10px 16px no-repeat; background-size:20px auto; } .GNavi__link:link, .GNavi__link:visited{ color: #666; } .GNavi__link--current{ background-color: #404040; height: 50px; color: #FFF; vertical-align: middle; } /* --------------------- TabNav ---------------------*/ .TabNav{ } .TabNav__tabContent{ position: relative; float: right; width: 655px; overflow: hidden; } .TabNav__items{ display: table; } .TabNav__item { display:table-cell; min-width: 188px; border-right: 3px solid #fff; background-color:#f1f0e8; color:#a3a393; font-size:18px; line-height:1.2; vertical-align: middle; cursor: pointer; } .TabNav__item--bid{ width: 235px; } .TabNav__item:last-child{ width: 159px; border-right:0; } .TabNav__item--bid:last-child{ width: 236px; } .TabNav__item.current { width: 260px; } .TabNav__link { display: block; height: 124px; color:#a3a393; text-decoration:none; vertical-align:middle; } .TabNav__link:hover { opacity:0.65; filter: alpha(opacity=65); text-decoration:none; } .TabNav__link.TabNav__link--current{ position: relative; color: #fff; cursor: default; background:#F7C802; opacity:1; filter: alpha(opacity=100); } .TabNav__number { display: block; padding: 10px 0; text-align: center; color: #F7C802; font-size: 20px; font-weight: bold; } .TabNav__number.TabNav__number--current{ color: #FFF; } .TabNav__text { display: block; padding: 10px 0; font-size: 17px; color: #A3A393; text-align: center; } .TabNav__text.TabNav__text--current{ color: #FFF; } .TabNav__arrow{ position: absolute; right: -19px; top: 46px; width: 19px; height: 38px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/navi_arrow.png) no-repeat; } /* --------------------- FtNav ---------------------*/ .FtNav{ margin:20px 0 100px; display:table; width:950px; background-color: #f7f6f1; } .FtNav--marginbottm0{ margin-bottom: 0; } .FtNav--branch{ margin: 0 0 100px auto; width:545px; } .FtNav__row{ height:50px; display:table-cell; *display: inline; *zoom: 1; overflow: hidden; vertical-align:middle; } .FtNav__back{ display:table-cell; width:100px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/spr_footernav.png) no-repeat bottom left; background-color: #A3A393; text-indent: -9999px; border-right:1px solid #fff; } .FtNav__back--noPage{ background-color: #f7f6f1; background-image: none; /*background-color: #DDDACA;*/ border: none; } .FtNav__current { width:648px; background-color:#f7f6f1; text-align:center; color:#A1A191; font-size: 115%; } .FtNav__current--branch { text-align:left; font-size: 100%; padding-left: 50px; width: 295px; } .FtNav__next { width:170px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/spr_footernav.png) no-repeat bottom right; background-color: #F7C802; /*text-align:right;*/ text-align: center; padding: 0 20px 0 10px; color: #FFF; font-size: 120%; border-left:1px solid #fff; letter-spacing: 0.1em; } .FtNav__next--noPage{ background-color: #f7f6f1; border: none; background-image: none; /*background-color: #f1f0e8;*/ } .FtNav__next:link, .FtNav__next:visited{ color: #FFF; } .FtNav a:hover { opacity:0.65; filter: alpha(opacity=65); text-decoration: none; } .FtNav__nextLink{ display:block; width:100px; height:50px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/spr_footernav.png) no-repeat bottom right #F7C802; } .FtNav__noNext{ width:100px; overflow: hidden; } .FtNav__noPrev{ text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; text-align: left; } .FtNav__row--current { width:748px; background-color:#f7f6f1; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; } /* --------------------- FtNavBranch ---------------------*/ .FtNavBranch{ background: #F7F6F1; width: 50px; height: 20px; margin-left: 405px; } /* --------------------- Title ---------------------*/ .Title{ } .Title__large{ font-size:160%; line-height:1.2; margin-top: 40px; padding-bottom:2px; border-bottom:1px solid #a3a393; } .Title__large--noMargin{ margin-top: 0; } .Title__large--noBorderCenter{ text-align: center; border: none; } .Title__middle{ font-size:140%; line-height:1.2; margin-top: 40px; margin-left: 30px; } .Title__small{ font-size:110%; line-height:1.2; margin-top: 40px; margin-left: 30px; margin-bottom: 20px; } .Title__smallB{ font-size:110%; font-weight:bold; line-height:1.2; margin-top: 40px; margin-left: 30px; margin-bottom: 20px; } .Title__Supplemental{ font-size: 20px; } /* --------------------- Text ---------------------*/ .Text{ padding: 20px 10px 10px; line-height: 1.8; font-size: 100%; } .Text--kome{ font-size: 85%; } .Text--middle{ padding-top: 10px; padding-left: 30px; font-size: 95%; } .Text--small{ padding-left: 30px; font-size: 75%; } /* --------------------- Link ---------------------*/ .Link{ } .Link--arrow{ min-height:16px; margin-left: 10px; padding-left:15px; margin-top:10px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/icon_arr.png) no-repeat 0 center; } .Link--middle{ margin-left: 35px; } .Link--arrow--down{ background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/icon_arr_down.png) no-repeat 0 center; } /* --------------------- Expand ---------------------*/ .Expand{ margin: 10px 0 0 0; } .Expand.Expand--mL0{ margin: 0; } .Expand__head{ display: inline-block; color:#2a7bb4; cursor: pointer; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/triangle.png) no-repeat 0px center; padding-left: 10px; } .Expand__head.open{ background-position: -950px center; } .Expand__body{ margin: 0 0 10px 10px; } /* --------------------- Attention ---------------------*/ .Attention{ border: 1px solid #D76F00; padding: 10px 15px; color: #D76E00; font-size: 105%; line-height: 1.5; } .Attention--margin{ margin: 0 10px; } .Attention__title{ font-weight: bold; margin-bottom: 10px; } .Attention--infomation{ border: 1px solid #4974A0; color: #4974A0; background: #F8FCFF; } /* --------------------- Table ---------------------*/ .Table{ border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-collapse: collapse; margin: 0 auto; width: 850px; /*table-layout:fixed;*/ } .Table--w700{ width: 700px; } .Table__title{ text-align: center; font-size: 120%; padding: 20px 10px; width: 280px; background: #F7F6F1; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .Table__detail{ text-align: center; padding: 20px 0; background: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .Table__detail--w120{ width: 120px; } .Table__detail--w110{ width: 110px; } .Table__detail--w160{ width: 160px; } .Table__detail--item{ text-align: left; padding: 10px 10px 10px 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } .IconText{ padding-left: 25px; margin-left: 10px; font-size: 105%; } .IconText--attention{ background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/ico_attention.png) no-repeat 0 3px; color: #D76C00; } /* 7. pages : ----------------------------------------------------------------*/ /* --------------------- Top ---------------------*/ .TopTitle{ width: 442px; margin: 0 auto; } .TopTitle__ico{ width: 105px; height: 100px; float: left; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/ico_pc.png) no-repeat; margin-top: 10px; } .TopTitle__text{ width: 302px; height: 112px; float: right; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/top_002_2.png) no-repeat; text-indent: -9999px; } .TopText{ text-align: center; margin: 30px 0; line-height: 1.3; color: #666; font-size: 110%; letter-spacing: 0.2em; } .TopButton { width:505px; margin: 20px auto; } .TopButton__item { width: 230px; } .TopButton__item--exbit { float: right; } .TopButton__item--bid { float: left; } .TopButton__button { width: 230px; height: 56px; border-bottom: 4px solid #cc7733; background-color:#ee8800; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .TopButton__button--exibit { background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/bg_btn_exbittxt.png) no-repeat center center #ee8800; } .TopButton__button--bid { background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/bg_btn_bidtxt.png) no-repeat center center #ee8800; } .TopButton__button:hover { opacity:0.65; filter: alpha(opacity=65);} .TopButton__link { display: block; width: 230px; height: 56px; } .TopLink{ text-align: center; margin: 30px 0 50px; } .Safe{ /*margin: 0 20px;*/ } /*= end ====================================================================================*/ .tabContent .tabContentItem{ display: none; } .tabContent .tabContentItem.current{ display: block; } .tabContent .tabContentItem .decMainTtl h3 .decTxtS{ text-align:left; font-size:69%; } .tabContent .tabContentItem .decMainTtl .decHelp{ display:table-cell; *float:right; min-width:180px; max-width:250px; *margin-top:5px; font-size:88%; line-height:1.2; vertical-align:middle; text-align:right; } .tabContent .tabContentItem .decMainTtl .decHelp a{ display:inline-block; *display: inline; *zoom: 1; min-height:13px; padding-left:20px; background: url(../image/icon_help.png) no-repeat 0 50%; } .tabContent .tabContentItem .inner{ line-height:1.5; } .tabContent .tabContentItem .decLead{ font-size: 125%; } .tabContent .tabContentItem .decArList li{ min-height:16px; padding-left:15px; margin-top:10px; background: url(../image/icon_arr.png) no-repeat 0 7px; } .tabContent .tabContentItem .decKome{ padding-left:15px; text-indent:-15px; } .tabContent .tabContentItem .ptsInfo{ padding:15px 15px; background-color:#f7f6f1; } .tabContent .tabContentItem .ptsInfo p{ color:#6c6c66; } .tabContent .tabContentItem .elStrIcn{ min-height:15px; padding-left:70px; background: url(../image/icon_store.png) no-repeat 0 center; } .tabContent .tabContentItem .elStrIcn .decTxt{ color:#6c6c66; } .tabContent .tabContentItem .decSqrTtl{ padding:7px 0 5px; *padding:5px 0 2px; border-top:1px dotted #a3a393; border-bottom:1px dotted #a3a393; } .tabContent .tabContentItem .decSqrTtl span{ display:block; padding-left:27px; background: url(../image/bg_list_sqr.png) no-repeat 0 1px; *background: url(../image/bg_list_sqr.png) no-repeat 0 5px; font-size:125%; line-height:1.1; *line-height:1.4; } .tabContent .tabContentItem .decDott{ padding-left:10px; background: url(../image/bg_list_dott.png) no-repeat 0 8px; font-size:88%; } .tabContent .tabContentItem .decChuki{ color:#6c6c66; font-size:75%; } /* ptsBodyList */ .tabContent .tabContentItem .ptsBodyList .elBlock{ padding:15px 0; border-bottom:1px solid #d7d6cf; } .tabContent .tabContentItem .ptsBodyList .elBlock:first-child{ border-top:1px solid #d7d6cf; } .tabContent .tabContentItem .ptsBodyList .elBlock ul{ display:table; width:655px; } .tabContent .tabContentItem .ptsBodyList .elBlock .decIcon{ display:table-cell; *display:inline; *zoom:1; width:140px; padding-right:5px; vertical-align:middle; } .tabContent .tabContentItem .ptsBodyList .elBlock .decIcon span{ display:block; width:113px; height:56px; margin:0 auto; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; vertical-align:middle; } .tabContent .tabContentItem .ptsBodyList .decIcon .decBody01{ background: url(../image/spr_bodytype.png) no-repeat 0 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody02{ background: url(../image/spr_bodytype.png) no-repeat -113px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody03{ background: url(../image/spr_bodytype.png) no-repeat -226px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody04{ background: url(../image/spr_bodytype.png) no-repeat -339px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody05{ background: url(../image/spr_bodytype.png) no-repeat -452px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody06{ background: url(../image/spr_bodytype.png) no-repeat -565px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody07{ background: url(../image/spr_bodytype.png) no-repeat -678px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody08{ background: url(../image/spr_bodytype.png) no-repeat -791px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody09{ background: url(../image/spr_bodytype.png) no-repeat -904px 0;} .tabContent .tabContentItem .ptsBodyList .decIcon .decBody10{ background: url(../image/spr_bodytype.png) no-repeat -1017px 0;} .tabContent .tabContentItem .ptsBodyList .elBlock .decInfo{ display:table-cell; *display:inline; *zoom:1; width:510px; vertical-align:middle; line-height:1.4; } .tabContent .tabContentItem .ptsBodyList .elBlock .decInfo .decTtl{ font-size:88%; font-weight:bold; } .tabContent .tabContentItem .ptsBodyList .elBlock .decInfo .decTxt{ margin-top:10px; font-size:88%; } /* modTopMainV */ .modTopMainV .untBody{ min-height: 312px; } .modTopMainV .ptsMainTtl { position: relative; float: left; width: 339px; height: 312px; background: url(../image/img_top_ttl.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modTopMainV .ptsMainTtl h1, .modTopMainV .ptsMainTtl .elLead{ text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modTopMainV .ptsMainTtl .elCarAnime{ position: absolute; top: 156px; left: 128px; width: 82px; height: 58px; background: url(../image/car_icon_anim.gif) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } /*animation*/ .modTopMainV .ptsMainTtl .elCarAnime{ -webkit-animation: car 1.5s both; -webkit-animation-delay: 0.5s; -moz-animation: car 1.5s both; -moz-animation-delay: 0.5s; animation:car 1.5s both; animation-delay: 0.5s;} @-webkit-keyframes car { 0% { opacity: 0;} 100% { opacity: 1;} } @-moz-keyframes car { 0% { opacity: 0;} 100% { opacity: 1;} } @keyframes car { 0% { opacity: 0;} 100% { opacity: 1;} } .modTopMainV .ptsMainMenu { float: right; width: 535px; } .modTopMainV .ptsMainMenu .elLead { margin-top: 70px; width: 436px; height: 48px; background: url(../image/img_top_txt01.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modTopMainV .ptsMainMenu .elGuideMenu { width:505px; margin-top: 20px; } .modTopMainV .ptsMainMenu .elGuideMenu li { width: 230px; } .modTopMainV .ptsMainMenu .elGuideMenu .decExbit { float: left; } .modTopMainV .ptsMainMenu .elGuideMenu .decBid { float: right; } .modTopMainV .ptsMainMenu .elGuideMenu .decBtn { width: 230px; height: 56px; border-bottom: 4px solid #cc7733; background-color:#ee8800; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modTopMainV .ptsMainMenu .elGuideMenu .decExbit .decBtn { background: url(../image/bg_btn_exbittxt.png) no-repeat center center #ee8800; } .modTopMainV .ptsMainMenu .elGuideMenu .decBid .decBtn { background: url(../image/bg_btn_bidtxt.png) no-repeat center center #ee8800; } .modTopMainV .ptsMainMenu .elGuideMenu .decBtn a { display: block; width: 230px; height: 56px; } .modTopMainV .ptsMainMenu .elGuideMenu .decBtn:hover { opacity:0.65; filter: alpha(opacity=65);} /* modTopFeat */ .modTopFeat{ margin-top: 50px; } .modTopFeat .untBody{ padding: 30px 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f7f6f1; } .modTopFeat .ptsTxt{ width: 580px; height: 124px; margin: 0 auto; background: url(../image/img_top_txt02.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } /* ptsYCrCtBtn */ .ptsYCrCtBtn{ margin-top: 60px; text-align:right; } .ptsYCrCtBtn .elYCrCtBtn{ display:inline-block; *display: inline; *zoom: 1; width: 220px; height: 16px; background: url(../image/btn_carcatgy.png) no-repeat 0 0; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .ptsYCrCtBtn .elYCrCtBtn a{ display: block; width: 220px; height: 16px; } .ptsYCrCtBtn .elYCrCtBtn:hover { opacity:0.65; filter: alpha(opacity=65);} /* modCommBnr */ .modCommBnr .untBody{ margin:10px 0; border-top:1px solid #bebcac; } .modCommBnr .ptsPromoBnr{ padding-top:30px; text-align:center; } .modCommBnr .ptsStoreBnr{ padding-top:30px; text-align:center; } .modCommBnr .ptsStoreBnr.decBordT{ margin-top:30px; border-top:1px solid #f1f0e8; } .modCommBnr .ptsStoreBnr ul{ display:table; width:100%; } .modCommBnr .ptsStoreBnr li{ display:table-cell; *display: inline; *zoom: 1; vertical-align:top; } .modCommBnr .ptsStoreBnr li:first-child{ padding-right:30px; } .modCommBnr .ptsPromoBnr img{ vertical-align: bottom; } .modCommBnr img:hover { opacity:0.65; filter: alpha(opacity=65);} /* modGuideNavi */ .modGuideNavi .untHead{ padding-bottom:5px; border-bottom:1px solid #33322f; } .modGuideNavi .untHead h2{ width:950px; height:24px; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .decGdSell .modGuideNavi .untHead h2{ background: url(../image/spr_h2ttl.png) no-repeat 0 0; } .decGdBuy .modGuideNavi .untHead h2{ background: url(../image/spr_h2ttl.png) no-repeat 0 -32px; } .modGuideNavi .untBody{ margin-top:30px; } /* ptsPageNav */ .modGuideNavi .untFoot{ margin-top:80px; } .modGuideNavi .ptsPageNav{ margin-top:20px; } .modGuideNavi .ptsPageNav ul{ display:table; width:100%; } .modGuideNavi .ptsPageNav li{ min-height:50px; display:table-cell; *display: inline; *zoom: 1; overflow: hidden; vertical-align:middle; } .modGuideNavi .ptsPageNav li.elBack{ width:100px; background: url(../image/spr_pagenav.png) no-repeat bottom left #f1f0e8; text-align:left; } .modGuideNavi .ptsPageNav li.elBack a{ display:block; width:100px; height:50px; background: url(../image/spr_pagenav.png) no-repeat bottom left #a3a393; } .modGuideNavi .ptsPageNav li.elBack p{ text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modGuideNavi .ptsPageNav li.elNext{ width:100px; background: url(../image/spr_pagenav.png) no-repeat bottom right #f1f0e8; text-align:right; } .modGuideNavi .ptsPageNav li.elNext a{ display:block; width:100px; height:50px; background: url(../image/spr_pagenav.png) no-repeat bottom right #eebb00; } .modGuideNavi .ptsPageNav li.elNext p{ text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; text-align: left; } .modGuideNavi .ptsPageNav li.elCurTxt{ width:748px; background-color:#f7f6f1; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; } .modGuideNavi .ptsPageNav li.elCurTxt p{ *padding-top:16px; font-size:16px; color:#a3a393; font-weight:bold; text-align:center; line-height:1.2; } .modGuideNavi .ptsPageNav li a:hover { opacity:0.65; filter: alpha(opacity=65);} /* modFtBtn */ .modFtBtn .decBtn { width: 300px; height: 56px; margin:0 auto; border-bottom: 4px solid #cc7733; background-color:#ee8800; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modFtBtn .decBtn a { display: block; width: 300px; height: 56px; } .modFtBtn .elExbit .decBtn { background: url(../image/bg_btn_ftexbittxt.png) no-repeat center center #ee8800; } .modFtBtn .elLink{ text-align:center; font-size:75%; } .modFtBtn .elLink a{ display:inline-block; *display: inline; *zoom: 1; min-height:12px; padding-left:13px; background: url(../image/icon_link_arr.png) no-repeat 0 5px; } .modFtBtn .decBtn:hover { opacity:0.65; filter: alpha(opacity=65);} .modFtBtn .elLink:hover { opacity:0.65; filter: alpha(opacity=65);} /* modWords */ .modWords .untHead{ padding-bottom:5px; border-bottom:1px solid #33322f; } .modWords .untHead h2{ width:950px; height:24px; background: url(../image/spr_h2ttl.png) no-repeat 0 -64px; text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden; } .modWords .untBody h3{ padding-left:12px; margin-top:40px; border-left:8px solid #333; font-size:163%; font-weight:bold; line-height:1.1; } .modWords .untBody h3:first-child{ margin-top:30px; } .modWords .untBody .ptsWdList .elBlock{ padding:15px 10px 15px 20px; border-bottom:1px solid #d7d6cf; } .modWords .untBody .ptsWdList .elBlock:first-child{ margin-top:15px; border-top:1px solid #d7d6cf; } .modWords .untBody .ptsWdList .elBlock dl{ display:table; width:920px; } .modWords .untBody .ptsWdList .elBlock dt{ display:table-cell; *display: inline; *zoom: 1; width:130px; padding-right:40px; vertical-align:middle; } .modWords .untBody .ptsWdList .elBlock dt span{ display:block; font-size:88%; font-weight:bold; line-height:1.4; } .modWords .untBody .ptsWdList .elBlock dd{ display:table-cell; *display: inline; *zoom: 1; width:750px; font-size:88%; vertical-align:middle; } .modWords .untBody .ptsWdList .elBlock dd .inner{ line-height:1.4; } /* modListComparison */ .modListComparison{ line-height: 1.8; padding: 10px 10px 20px 50px; padding-top: 10px; padding-left: 50px; padding-right: 10px; font-size: 95%; } .modListComparison .ptsList{ width: 620px; border-bottom: 1px dotted #666; padding: 10px 0 2px; } .modListComparison .ptsTitle{ width: 7em; display: inline-block; } .modListComparison .ptsMain{ font-size: 118%; padding-left: 30px; background: url(https://s.yimg.jp/images/auct/cms/guide/pc/img/icon_title_arr.png) center left no-repeat; display: inline-block; font-weight: bold; }