@charset "utf-8";

/* -- Base -- */
.listCustomBtnWrap_pec {
    width: 100%;
    letter-spacing: -.40em;
}

.listCustomBtnWrap_col1_pec .listCustomBtn_pec { width: 100%; }
.listCustomBtnWrap_col2_pec .listCustomBtn_pec { width: 50%; }
.listCustomBtnWrap_col3_pec .listCustomBtn_pec { width: 33.33%; }
.listCustomBtnWrap_col4_pec .listCustomBtn_pec { width: 25%; }
.listCustomBtnWrap_col5_pec .listCustomBtn_pec { width: 20%; }
    
.listCustomBtn_pec {
    display: inline-block;
    padding: 0 6px;
    vertical-align: top;
    letter-spacing: normal;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.listCustomBtnWrap_pec > .listCustomBtn_pec:first-child { padding-left: 0; }
.listCustomBtnWrap_col1_pec > .listCustomBtn_pec:last-child,
.listCustomBtnWrap_col2_pec > .listCustomBtn_pec:nth-child(2n),
.listCustomBtnWrap_col3_pec > .listCustomBtn_pec:nth-child(3n),
.listCustomBtnWrap_col4_pec > .listCustomBtn_pec:nth-child(4n),
.listCustomBtnWrap_col5_pec > .listCustomBtn_pec:nth-child(5n) { padding-right: 0; }

.listCustomBtn_pec ul.listBtn_pec { margin-top: -6px; }

.listCustomBtn_pec ul.listBtn_pec li {
    display: table;
    width: 100%;
    margin-top: 6px;
    overflow: hidden;
}

.listCustomBtn_pec ul.listBtn_pec li a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listCustomBtnWrap_col1_pec .listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .arrow_pec,
.listCustomBtnWrap_col1_pec .listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .blank_pec {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* -- Title -- */
.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec,
.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec span,
.listCustomBtn_pec ul.listBtn_pec li a .imgArea_pec {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 1.3;
}

.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec {
    display: table;
    width: 100%;
    letter-spacing: -.40em;
    padding: 15px 11px 0 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec .subTtl_pec,
.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec .mainTtl_pec {
    display: inline-block;
    padding: 0 4px;
    letter-spacing: normal;
    vertical-align: middle;
}

.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec.ttlArea_col2_pec .subTtl_pec,
.listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec.ttlArea_col2_pec .mainTtl_pec {
    display: table-cell;
}


/* -- Image -- */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .imgArea_pec {
    background-repeat: no-repeat;
    background-position: right 50%;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    color: #333;
    text-align: center;
    line-height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}
body.buttonsPage_pec .listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .imgArea_pec {
    background-color: #ccc;
    padding-top: 15px;
}

.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec .imgArea_pec {
    left: 0;
    border-top-left-radius : 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-left-radius : 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec .imgArea_pec {
    right: 0;
    border-top-right-radius : 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-right-radius : 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
}

/* 50px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW50_pec { padding-left: 50px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW50_pec { padding-right: 50px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW50_pec .imgArea_pec { width: 50px; }
/* 55px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW55_pec { padding-left: 55px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW55_pec { padding-right: 55px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW55_pec .imgArea_pec { width: 55px; }
/* 60px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW60_pec { padding-left: 60px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW60_pec { padding-right: 60px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW60_pec .imgArea_pec { width: 60px; }
/* 65px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW65_pec { padding-left: 65px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW65_pec { padding-right: 65px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW65_pec .imgArea_pec { width: 65px; }
/* 70px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW70_pec { padding-left: 70px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW70_pec { padding-right: 70px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW70_pec .imgArea_pec { width: 70px; }
/* 75px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW75_pec { padding-left: 75px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW75_pec { padding-right: 75px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW75_pec .imgArea_pec { width: 75px; }
/* 80px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW80_pec { padding-left: 80px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW80_pec { padding-right: 80px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW80_pec .imgArea_pec { width: 80px; }
/* 85px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW85_pec { padding-left: 85px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW85_pec { padding-right: 85px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW85_pec .imgArea_pec { width: 85px; }
/* 90px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW90_pec { padding-left: 90px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW90_pec { padding-right: 90px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW90_pec .imgArea_pec { width: 90px; }
/* 95px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW95_pec { padding-left: 95px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW95_pec { padding-right: 95px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW95_pec .imgArea_pec { width: 95px; }
/* 100px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW100_pec { padding-left: 100px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW100_pec { padding-right: 100px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW100_pec .imgArea_pec { width: 100px; }
/* 105px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW105_pec { padding-left: 105px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW105_pec { padding-right: 105px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW105_pec .imgArea_pec { width: 105px; }
/* 110px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW110_pec { padding-left: 110px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW110_pec { padding-right: 110px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW110_pec .imgArea_pec { width: 110px; }
/* 115px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW115_pec { padding-left: 115px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW115_pec { padding-right: 115px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW115_pec .imgArea_pec { width: 115px; }
/* 120px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW120_pec { padding-left: 120px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW120_pec { padding-right: 120px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW120_pec .imgArea_pec { width: 120px; }
/* 125px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW125_pec { padding-left: 125px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW125_pec { padding-right: 125px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW125_pec .imgArea_pec { width: 125px; }
/* 130px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW130_pec { padding-left: 130px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW130_pec { padding-right: 130px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW130_pec .imgArea_pec { width: 130px; }
/* 135px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW135_pec { padding-left: 135px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW135_pec { padding-right: 135px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW135_pec .imgArea_pec { width: 135px; }
/* 140px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW140_pec { padding-left: 140px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW140_pec { padding-right: 140px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW140_pec .imgArea_pec { width: 140px; }
/* 145px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW145_pec { padding-left: 145px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW145_pec { padding-right: 145px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW145_pec .imgArea_pec { width: 145px; }
/* 150px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW150_pec { padding-left: 150px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW150_pec { padding-right: 150px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW150_pec .imgArea_pec { width: 150px; }
/* 155px */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posL_pec.listCustomImgBtn_imgW155_pec { padding-left: 155px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_posR_pec.listCustomImgBtn_imgW155_pec { padding-right: 155px; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_imgW155_pec .imgArea_pec { width: 155px; }

/* Type01 */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_type01_pec .imgArea_pec { background-image: url(/ja/pcperipherals/disc/common/img/customBtn_type01.png); }
/* Type02 */
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec.listCustomImgBtn_type02_pec .imgArea_pec { background-image: url(/ja/pcperipherals/disc/common/img/customBtn_type02.png); }



/* -- Width -- */
.w50_pec { width: 50px; }
.w55_pec { width: 55px; }
.w60_pec { width: 60px; }
.w65_pec { width: 65px; }
.w70_pec { width: 70px; }
.w75_pec { width: 75px; }
.w80_pec { width: 80px; }
.w85_pec { width: 85px; }
.w90_pec { width: 90px; }
.w95_pec { width: 95px; }
.w100_pec { width: 100px; }
.w105_pec { width: 105px; }
.w110_pec { width: 110px; }
.w115_pec { width: 115px; }
.w120_pec { width: 120px; }
.w125_pec { width: 125px; }
.w130_pec { width: 130px; }
.w135_pec { width: 135px; }
.w140_pec { width: 140px; }
.w145_pec { width: 145px; }
.w150_pec { width: 150px; }
.w155_pec { width: 155px; }


/* -- Margin -- */
.mgT1_pec { margin-top: 1px; }
.mgT2_pec { margin-top: 2px; }
.mgT3_pec { margin-top: 3px; }
.mgT4_pec { margin-top: 4px; }
.mgB1_pec { margin-bottom: 1px; }
.mgB2_pec { margin-bottom: 2px; }
.mgB3_pec { margin-bottom: 3px; }
.mgB4_pec { margin-bottom: 4px; }
.mgL1_pec { margin-left: 1px; }
.mgL2_pec { margin-left: 2px; }
.mgL3_pec { margin-left: 3px; }
.mgL4_pec { margin-left: 4px; }
.mgR1_pec { margin-right: 1px; }
.mgR2_pec { margin-right: 2px; }
.mgR3_pec { margin-right: 3px; }
.mgR4_pec { margin-right: 4px; }


/* -- Font Size -- */
.f10_pec { font-size: 10px; }
.f11_pec { font-size: 11px; }
.f12_pec { font-size: 12px; }
.f13_pec { font-size: 13px; }
.f14_pec { font-size: 14px; }
.f15_pec { font-size: 15px; }
.f16_pec { font-size: 16px; }
.f17_pec { font-size: 17px; }
.f18_pec { font-size: 18px; }
.f19_pec { font-size: 19px; }
.f20_pec { font-size: 20px; }
.f21_pec { font-size: 21px; }
.f22_pec { font-size: 22px; }
.f23_pec { font-size: 23px; }
.f24_pec { font-size: 24px; }

    

@media only screen and (min-width: 0px) and (max-width: 640px) {

.listCustomBtn_pec {
    display: inline-block;
    width: 100%;
    padding: 0;
}
    
.listCustomBtnWrap_col1_pec .listCustomBtn_pec,
.listCustomBtnWrap_col2_pec .listCustomBtn_pec,
.listCustomBtnWrap_col3_pec .listCustomBtn_pec,
.listCustomBtnWrap_col4_pec .listCustomBtn_pec,
.listCustomBtnWrap_col5_pec .listCustomBtn_pec { width: 100%; }

.listCustomBtn_pec ul.listBtn_pec li { height: auto !important; }
.listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .imgArea_pec { height: 100% !important; }

.listCustomBtnWrap_col1_pec .listCustomBtn_pec ul.listBtn_pec li a .ttlArea_pec { text-align: center; }
.listCustomBtnWrap_col1_pec .listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .ttlArea_pec { text-align: left !important; }
.listCustomBtnWrap_col1_pec .listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .arrow_pec,
.listCustomBtnWrap_col1_pec .listCustomBtn_pec ul.listBtn_pec li a.listCustomImgBtn_pec .blank_pec {
    width: 100%;
    text-align: left;
}


}