乐胖代购免代理版
@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;
}