@charset "utf-8";

/* 部分共通 */
* {
 margin: 0;
 padding             : 0;
}

.infoListStyle {
font-family         : 'Helvetica Neue', Helvetica, Arial, Verdana,  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/* font-family         :'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif; */
}

div.infoList {
 margin              : 0 0 8px 0;
 overflow            : hidden;
 width               : 745px;
}
div.boxTop {
 margin              : 10px 0 10px 0;
 overflow: hidden;
 font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
div.boxTop2 {
 margin              : 10px 0 10px 0;
 overflow: hidden;
 font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
 width: 372px;
}

* html div.boxTop {
    clear: both;
    margin-bottom: 20px;
}


/* 1カラムボックス */
.box1 {
    width: 740px;
    line-height: 1;
}

/* 2カラムボックス */
.box2,
.box2exV {
 float               : left;
 font-weight         : none;
 line-height         : 1.0;
 width               : auto;
}
.box {
 float               : left;
 font-weight         : none;
 line-height         : 1.0;
 width               : 360px;
}

/* 3カラムボックス */
.box3 {
 float               : left;
 font-weight         : none;
 line-height         : 1.0;
 margin-right        : 17px;
 width               : 237px;
}
.box3ex {
 float               : left;
 font-weight         : none;
 line-height         : 1.0;
}

/* 4カラムボックス */
.box4 {
    float: left;
    line-height: 1;
    margin: 0 14px 10px 0;
    width: 175px;
    font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

* html .box4 {
    margin-right: 12px;
}

/* ボックスボディ部分 */
.middleArea {
    padding: 5px 5px;
    border-right: 1px solid #D6D1C2;
    border-left: 1px solid #D6D1C2;
}
/* ボックスボディ部分(2カラム) */
.box2 .middleArea,
.box .middleArea {
    width: 350px;
}

/* ボックス底部分 */
.bottomArea {
    padding: 5px 5px;
    border-right: 1px solid #D6D1C2;
    border-bottom: 1px solid #D6D1C2;
    border-left: 1px solid #D6D1C2;
}
/* ボックス底部分(1カラム) */
.box1 .bottomArea {
     width: 740px;
    padding:0;
}
/* ボックス底部分(2カラム) */
.box2 .bottomArea,
.box .bottomArea {
    width: 350px;
}


/* ================================================== */
/* 商品名・ピクト =================================== */
/* ================================================== */

/* 商品名・ピクト領域 */
.titleArea {
 background-color    : #E5DCC2;
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 border-top          : 1px solid #D6D1C2;
 min-height          : 20px;
 padding             : 5px;
 position            : relative;
}

/* 商品名・ピクト領域(1カラム) */
.box1 .titleArea {
    width: 730px;
}

/* 商品名・ピクト領域(2カラム) */
.box2 .titleArea,
.box2exV .titleArea,
.box .titleArea {
    width: 350px;
}

/* 商品名・ピクト領域(3カラム) */
.box3 .titleArea {
    position: relative;
    width: 225px;
    background-color: #E5DCC2; /*fff */
}


.box3ex .titleArea{
    width: 225px;
}
.box3ex .catchArea{
    width: 215px;
}
.box3ex .pictureArea{
    width: 235px;
}


/* 商品名・ピクト領域(3カラム) ※キャッチなし */

.box3 .noCatch {
    padding-top:10px;
}

div#content .titleArea h3.title {
 border-bottom       : none;
 border-left         : solid 5px #E56100;
 color               : #EA6000;
 font-size           : 18px;
 font-weight         : bold;
 margin              : 0 70px 0 0;
 padding             : 0 0.2em;
 width               : auto;
}

div#content .titleArea h3.titlem {
 border-bottom       : none;
 border-left         : solid 5px #E56100;
 color               : #EA6000;
 font-size           : 18px;
 font-weight         : bold;
 margin              : 0 35px 0 0;
 padding             : 0 0.2em;
 width               : auto;
}

/* 商品名(1カラム) */
.box1 .titleArea h3.title {
    width: 680px;
}

/* 商品名(3カラム) */
div#content .box3 .titleArea h3.title,
div#content .box3 .titleArea h3#title {
 border-bottom       : none;
 border-left         : solid 5px #E56100;
 color               : #EA6000;
 font-size           : 18px;
 font-weight         : bold;
 margin              : 0;
 padding             : 0 0.2em;
 width               : auto;
}
div#content .box3 .titleArea h3.title2 {
    height:2em;
}
/* 商品名(3カラム/カウネットスタンプ用) */
div#content .box3 .titleArea h3.titleLong{
 border-bottom       : none;
 border-left         : solid 5px #E56100;
 color               : #EA6000;
 font-size           : 17px;
 font-weight         : bold;
 margin              : 0;
 padding             : 0 0.2em;
 width               : auto;
}
/* 商品名(3カラム/カウネットスタンプ用) */
div#content .box3 .titleArea h3.titleLong2{
 border-bottom       : none;
 border-left         : solid 5px #E56100;
 color               : #EA6000;
 font-size           : 16px;
 font-weight         : bold;
 margin              : 0;
 padding             : 0 0.2em;
 width               : auto;
}
/* 商品名(3カラム) */
div#content .box3 .titleArea h3.noPict {
 margin              : 0;
}
div#content .box3ex .titleArea h3.noPict {
 margin              : 0;
}
div#content .box3 .titleArea h3.long {
 margin              : 0 50px 0 0;
}
div#content .box3ex .titleArea h3.long {
 margin              : 0 50px 0 0;
}

div#content .box4 .titleArea h3.long {
 margin              : 0 61px 0 0;
}

/* ピクト */
.titleArea p.pict01 {
    margin: 0;
    position: absolute;
    top: 2px;
}
.titleArea p.pict02 {
    margin: 0;
    position: absolute;
    top: 2px;
}

/* ピクト(2行タイトル) */
.titleArea p.pict01ex02 {
    margin: 0;
    position: absolute;
    top: 8px;
    left: 289px;
}
.titleArea p.pict02ex02 {
    margin: 0;
    position: absolute;
    top: 8px;
    left: 325px;
}

/* ピクト(1カラム) */
.box1 .titleArea p.pict01 {
    left: 665px;
}
.box1 .titleArea p.pict02 {
    left: 700px;
}

/* ピクト(2カラム) */
.box2 .titleArea p.pict01,
.box2exV .titleArea p.pict01,
.box .titleArea p.pict01 {
    left: 289px;
}
.box2 .titleArea p.pict02,
.box2exV .titleArea p.pict02,
.box .titleArea p.pict02 {
    left: 325px;
}

/* ピクト(3カラム) */
.box3 .titleArea p.pict01 {
    left: 172px;
    top: 1px;
}
.box3 .titleArea p.pict02 {
    left: 203px;
    top: 1px;
}

/* ピクト(伝票用) */
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 .pictSlipArea {
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    padding: 5px 10px;
    width: 340px;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 .pictSlipArea img.free{
    margin:0 0 0 5px;
}
.box2 .blank{
    min-height: 13px;
}

/* ピクト・タオル国産のみ */
.box2 .titleArea p.pictTowel200 {
    margin: 0;
    position: absolute;
    top: 2px;
    left: 194px;
}

/* ================================================== */
/* テキスト（不要？） =============================== */
/* ================================================== */

/*
.textArea {
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 font-size           : 10px;
 padding             : 5px 15px;
 width               : 330px;
} */

.box3 .textArea {
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 font-size           : 10px;
 padding             : 5px 15px;
 width               : 205px;
}


/* ================================================== */
/* キャッチ ========================================= */
/* ================================================== */
p.catchArea {
    background-color: #fff;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    font-size: 13px;
    margin: 0;
    padding: 10px;
    line-height: 1.2;
}

/* キャッチ(1カラム) */
.box1 p.catchArea {
    width: 720px;
}

/* キャッチ(2カラム) */
.box2 p.catchArea,
.box2exV p.catchArea,
.box p.catchArea {
    width: 340px;
}
.box2exV p.catchArea{
    height:2em;
}

/* キャッチ(3カラム) */
.box3 p.catchArea {
 background-color    : #ffffff;
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 font-size           : 13px;
 line-height: 1.2;
 margin              : 0;
 padding             : 10px;
 width               : 215px;
}

/* フリーサイズ印用補足(2カラム)
p.attentionArea {
 background-color    : #fffffff;
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 font-size           : 11px;
 margin              : 0;
 padding             : 10px;
 width               : 340px;
} */


/* ================================================== */
/* 写真・商品仕様・ボタンエリア ===================== */
/* ================================================== */
.pictureArea {
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 margin              : 0;
 overflow            : hidden;
}

/* 写真・商品仕様・ボタンエリア(1カラム) */
.box1 .pictureArea {
    width: 740px;
}

.box1 .pictureArea .leftPicBox {
    float: left;
    width: 600px;
}
.box1 .pictureArea .rightPicBox {
    float: left;
    height: 170px;
    margin: 10px 5px 10px 15px;
    overflow: hidden;
    position: relative;
    width: 110px;
}
.box1 .pictureArea .rightPicBox .text {
    position : relative;
    top: 0;
    max-height: 110px;
    max-width: 115px;
    overflow: hidden;
}
.box1 .pictureArea .rightPicBox div.text p.text01,
.box1 .pictureArea .rightPicBox div.text p.text02 {
    font-size: 10px;
}
*:first-child+html .box1 .pictureArea .rightPicBox div.text p.text01,
*:first-child+html .box1 .pictureArea .rightPicBox div.text p.text02 {
    font-size: 9px;
}
* html .box1 .pictureArea .rightPicBox div.text p.text01,
* html .box1 .pictureArea .rightPicBox div.text p.text02 {
    font-size: 9px;
}

/* 写真・商品仕様・ボタンエリア(2カラム) */
.box2 .pictureArea,
.box2exV .pictureArea,
.box .pictureArea {
 width               : 360px;
}

.pen {
 height:205px;
}

.box2 li.clearholderH .pictureArea {
 height:200px;
}

.pictureArea .leftPicBox {
 float               : left;
 width               : 235px;
}
.pictureArea .rightPicBox {
 float               : left;
 font-size           : 10px;
 position            : relative;
 width               : 118px;
 padding         : 0 3px;
}

.pictureAreaFreesize {
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 margin              : 0;
 overflow            : hidden;
 width               : 360px;
}

/* 画像の高さが185pxの場合*/
.pictureArea .box185 {
 max-height:185px;
}
/* 画像の高さが180pxの場合*/
.pictureArea .box180 {
 max-height:170px;
}
/* 画像の高さが161pxの場合*/
.pictureArea .box161 {
 max-height:151px;
}
.pictureArea .rightPicBox .button {
 position            : absolute;
 top                : 115px;
}
.pictureArea .rightPicBox .button p {
 padding:0 0 10px 0;
}
.pictureArea .rightPicBox .text {
 position            : relative;
 top                 : 0;
 overflow:hidden;
}
.pictureArea .rightPicBox div.text p.text01,
.pictureArea .rightPicBox div.text p.text02,
.pictureArea .rightPicBox div.text p.text03,
.pictureArea .rightPicBox div.text p.text04,
.pictureArea .rightPicBox div.text p.text05,
.pictureArea .rightPicBox div.text p.text06,
.pictureArea .rightPicBox div.text p.text07,
.pictureArea .rightPicBox div.text p.text08{
 background-image    : url( ../images/common/parts/circle.gif );
 background-position : left 1px;
 background-repeat   : no-repeat;
 font-size           : 10px;
 line-height         : 1.1;
 padding-left        : 11px;
 margin              : 0 0 6px 0;
}

/* 筆記具サービストップ注意書き(2017/07/21) */
.pictureArea .rightPicBox div.text p.text09{
padding-left:1em;
text-indent:-1em;
}

.pictureArea .rightPicBox div.text p.text10{
padding-left:1em;
text-indent:-1em;
padding-bottom:1em;
}

.pictureArea .rightPicBox div.text p.text01 {
 padding-top         : 1px;
}

/* 写真・商品仕様・ボタンエリア(3カラム) */
.box3 .pictureArea {
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 margin              : 0;
 overflow            : hidden;
 width               : 235px;
}

.box3 .pictureArea .picBox {
 width               : 235px;
}

/* 201501 vol.29 mod start */
.pictureArea p.itemInfo {
    width:100%;
    /*position:absolute;
    bottom: 0;
    line-height: 1.2em;
    */
    height:12px;
    padding-top: 8px;
    text-align:center;
    }
.pictureArea p.itemInfo a {
    font-size: 90%;
    }
/* 201501 vol.29 mod end */


/* ================================================== */
/* 価格表示エリア =================================== */
/* ================================================== */
.priceArea {
    min-height: 20px;
    padding: 10px 15px 10px;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    background-color: #fff;
}

/*価格表示エリア(1カラム) */
.box1 .priceArea {
    position: relative;
    width: 710px;
    min-height: 30px;
    padding-right: 15px;
    padding-bottom: 0;
    overflow: hidden;
}

/*価格表示エリア(2カラム1) */
.box2 .priceArea,
.box2exV .priceArea,
.box .priceArea {
    width: 330px;
}

.priceArea p.price,
.priceArea p.taxCategory,
.priceArea p.yen,
.titleArea img {
 float               : left;
}

li.penH .titleArea{
 height:38px;
}

li.receipt .titleArea img,
li.boxslip .titleArea img,
li.penH .titleArea img,
li.calendarH .titleArea img,
li.towelH .titleArea img {
 float:none;
 padding-left:1px;
 zoom:1;
}

.first .priceArea,
.mt15 .priceArea{
    border-left: none;
    border-right: none;
}


.taxIn {
    float: right;
    padding-top: 1px;
    vertical-align: bottom;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .taxIn {
        padding-top: 6px;
    }
}
.box3 .taxIn {
    margin-top: 5px;
    height:20px;
}

.taxNo,
.taxNo2 {
    float: right;
    vertical-align: bottom;
    padding: 0 5px 0 0;
    font-size: 19px;
    font-weight: bold;
    line-height: 20px;
    color: #D10000;
    white-space: nowrap;
}

.formSection .priceArea .taxNo {
    text-align:right;
}
.taxIn2{
    color: #000000;
}

.taxIn2,
.taxNo2 {
    float: none;
    text-align: center;
}

.taxIn2{
    font-weight: bold;
}
.taxNo2{
    font-size: 18px;
}
.box3 .taxNo {
    margin-top: 5px;
}

.taxIn span.prefix {
    display: inline;
    font-size: 10px;
    line-height: 20px;
}
.taxNo span.prefix,
.taxNo2 span.prefix,
.taxIn2 span.prefix {
    display: inline;
    font-size: 12px;
    line-height: 20px;
}

.taxNo span.prefixPd,
.taxNo2 span.prefixPd,
.taxIn2 span.prefixPd {
    display: inline;
    font-size: 12px;
    line-height: 20px;
    color:#D10000;
    text-align:left;
}
.taxNo span.prefixOld,
.taxNo2 span.prefixOld,
.taxIn2 span.prefixOld {
    display: inline;
    font-size: 12px;
    line-height: 20px;
    color:#000000;
}
.taxOld .taxNo2{
    padding-top: 4px;
}
.taxOld .taxNo2,
.taxSale .taxNo2{
    text-align:left;
    padding-left: 10px;
}
.taxOld .taxNo2 span.prefix,
.taxOld .taxNo2 span.price{
    font-size: 12px;
    color: #000000;
}
.taxOld .taxNo2 span.price{
    text-decoration: line-through;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){
    .taxNo {
        line-height: 28px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .taxNo span.prefix {
        line-height: 15px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
    .taxNo span.yen {
        font-size: 17px;
        line-height: 19px;
    }
}

.priceArea p.text_count {
    float: left;
    margin-top: 6px;
    font-size: 10px;
    line-height: 13px;
}
.priceArea p.text_countSale {
    float: left;
    width: 90px;
    margin-top: 6px;
    font-size: 10px;
    line-height: 13px;
}
.formSection .priceArea p.text_countSale {
    float: none;
    width: auto;
    margin: 6px 0;
    font-size: 10px;
    line-height: 13px;
}

p.text_slipper {
  letter-spacing: -0.1em;
}

.priceAreaSaleB2 p.text_count {
    float: left;
    width: 200px;
    margin-top: 6px;
    font-size: 10px;
    line-height: 12px;
}
.priceArea p.tlong {
    width: 155px;
}
.priceArea p.tlong2 {
    width: 160px;
}
.priceArea p.short {
    width: 140px;
}
* html .priceArea p.text_count {
    font-size: 9px;
}
*:first-child+html .priceArea p.text_count {
    font-size: 9px;
}
.box1 .priceArea p.text_count {
    width: 100px;
    padding-left: 430px;
}
.box1 .priceArea p.long {
    width: 160px;
    padding-left: 370px;
}
.box3 .priceArea p.text_count {
    width: 100%;
}

/*価格表示エリア(セール時 文具) */

div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale{
    height:46px;
}
div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul{
    margin:0;
    padding:0;
    height:46px;
    overflow:hidden;
    text-align:left;
    list-style: none;
}
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul{
margin: 6px 0;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul li.taxOld,
div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul li.taxSale
{
    width:235px;
    height:20px;
    margin:0;
    float:right;
    text-align:left;
}
div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul.noboriBox{
    width:235px;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul.noboriBox li.taxOld,
div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul.noboriBox li.taxSale
{
    width:auto;
    height:20px;
    margin:0;
    float:left;
    text-align:left;
}
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul li.taxOld,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul li.taxSale{
    width:302px;
    height:20px;
    margin:0;
    float:right;
    text-align:left;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxOld,
div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxSale
{
    width:215px;
    text-align:left;
    margin:0 auto;
}
div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxOld{
    height:21px;
}
div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxSale{
    height:26px;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxSale .taxNo,
div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxSale .taxIn{
    float:right;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxOld .taxNo
{
    font-size:13px;
    float:left;
    color:#000000;
    text-align:right;
    width:200px;
    padding:0 10px;
}
div.pageBodyOrder div#content .section .rightSection div.infoList .priceAreaSaleB2 ul li.taxOld .taxNo span.none{
    text-decoration: line-through;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul .taxOld .taxNo,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul .taxOld .taxNo{
    font-size:13px;
    height:20px;
    float:left;
    color:#000000;
    text-align:left;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul .taxOld .taxNo span.price,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul .taxOld .taxNo span.price{
    text-decoration:line-through;
}

div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul .taxSale .taxIn,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul .taxSale .taxIn{
    float: left;
}
div.pageBodyOrder div#content .section .rightSection div.infoList .priceBoxSale ul .taxSale .taxNo,
div.pageBodyOrder div#content .section .rightSection div.formSection .priceBoxSale ul .taxSale .taxNo{
    float: left;
    width:auto;
}


/*価格表示エリア(3カラム) */
.box3 .priceArea {
 background-color    : #ffffff;
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 min-height          : 40px;
 overflow            : hidden;
 padding             : 0 15px ;
 position            : relative;
 width               : 205px;
}
.box3 .priceAreaSaleB2 {
 background-color    : #ffffff;
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 min-height          : 40px;
 overflow            : hidden;
 padding             : 0 10px ;
 position            : relative;
 width               : 215px;
}
.box3 .priceArea dl {
 margin              : 0;
 overflow            : hidden;
 text-align          : left;
}
.box3 .priceArea .taxIn dl dd.price {
 color               : #CD121B;
 font-weight         : bold;
 margin              : 0;
 font-size           : 32px;
 padding             : 3px 0 0 20px;
}
.box3 .priceArea .taxIn dl dd.yen {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 font-size           : 18px;
 padding             : 0 0 0 2px;
}
.box3 .priceArea .taxIn dl dt.tax {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 text-align          : left;
 font-size           : 10px;
 padding             : 5px 0 0 0;
}

.box3 .priceArea .taxNo dl dd.price {
 color               : #CD121B;
 font-weight         : bold;
 margin              : 0;
 font-size           : 24px;
 padding             : 3px 0 0 17px;
}
.box3 .priceArea .taxNo dl dd.yen {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 font-size           : 14px;
 padding             : 0 0 0 2px;
}
.box3 .priceArea .taxNo dl dt.tax {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 text-align          : left;
 font-size           : 8px;
 padding             : 5px 0 0 0;
}

/*価格表示エリア(3カラム修正) */
.box3ex .priceArea {
 background-color    : #ffffff;
 border-left         : 1px solid #D6D1C2;
 border-right        : 1px solid #D6D1C2;
 min-height          : 40px;
 overflow            : hidden;
 padding             : 0 15px ;
 position            : relative;
 width               : 205px;
}
.box3ex .priceArea dl {
 margin              : 0;
 overflow            : hidden;
 text-align          : left;
}
.box3ex .priceArea .taxIn dl dd.price {
 color               : #CD121B;
 font-weight         : bold;
 margin              : 0;
 font-size           : 32px;
 padding             : 3px 0 0 20px;
}
.box3ex .priceArea .taxIn dl dd.yen {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 font-size           : 18px;
 padding             : 0 0 0 2px;
}
.box3ex .priceArea .taxIn dl dt.tax {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 text-align          : left;
 font-size           : 10px;
 padding             : 5px 0 0 0;
}

.box3ex .priceArea .taxNo dl dd.price {
 color               : #CD121B;
 font-weight         : bold;
 margin              : 0;
 font-size           : 24px;
 padding             : 3px 0 0 17px;
}
.box3ex .priceArea .taxNo dl dd.yen {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 font-size           : 14px;
 padding             : 0 0 0 2px;
}
.box3ex .priceArea .taxNo dl dt.tax {
 clear               : left;
 color               : #CD121B;
 float               : left;
 font-weight         : bold;
 margin              : 0;
 text-align          : left;
 font-size           : 8px;
 padding             : 5px 0 0 0;
}

/*
.box3 .priceArea p.price,
.box3 .priceArea p.yen{
 float               : left;
}
.box3 .taxIn {
 float               : left;
 font-weight         : bold;
 left                : 105px;
 margin-left         : 0;
 position            : absolute;
}
.box3 .taxNo {
 float               : left;
 font-weight         : bold;
 right               : 125px;
 margin-right        : 0x;
 position            : absolute;
}
*/

/* 商品詳細エリア(2縦) */
div.underText {
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    font-size: 10px;
    line-height: 1.3;
    padding: 10px 10px 2px;
    width: 340px;
}

div.underText p{
    background-image: url("../images/common/parts/circle.gif");
    background-position: left 2px;
    background-repeat: no-repeat;
    margin: 0 0 4px;
    padding-left: 11px;
}

/* 関連ボタンエリア */
.subButtonArea21 p,
.subButtonArea22 p{
    display: inline;
    float: left;
}
/* 価格表・商品一覧ボタン(2カラム1個) */
.box2 .subButtonArea21,
.box2exV .subButtonArea21,
.formSection .subButtonArea21,
.box .subButtonArea21{
    height: 18px;
    border-left         : 1px solid #D6D1C2;
    border-right        : 1px solid #D6D1C2;
    width: 230px;
    width:110px;
    padding: 10px 125px;
}
/* 価格表・商品一覧ボタン(2カラム2個) */
.box2 .subButtonArea22,
.box2exV .subButtonArea22,
.box .subButtonArea22{
    width: 230px;
    height: 18px;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    padding: 10px 65px;
    position: relative;
}
.box2 .subButtonArea22 p.last,
.box2exV .subButtonArea22 p.last,
.box .subButtonArea22 p.last{
    margin: 0 0 0 10px;
}


/* 価格表・商品一覧ボタン(3カラム1個) */
.box3 .subButtonArea{
    height: 18px;
    border-left         : 1px solid #D6D1C2;
    border-right        : 1px solid #D6D1C2;
    padding: 10px 5px;
    width: 225px;
}
.box3 .subButtonArea p{
    width: 109px;
    float:left;
}
.box3 .subButtonArea p.last{
    margin:0 0 0 6px;
}



/* 購入・一覧ボタンエリア(2カラム) */
.buyButton {
 padding             : 15px;
 text-align          : center;
 width               : 330px;
  border-left         : 1px solid #D6D1C2;
  border-right        : 1px solid #D6D1C2;
  border-bottom       : 1px solid #D6D1C2;
  overflow: hidden;
}

/* 購入ボタンエリア(1カラム) */
.box1 .buyButton {
    border: none;
    padding: 15px 10px 15px 555px;
    height: 20px;
    width: 170px;
}
.box1 .buyButton p{
    float: left;
    display: inline;
    margin: 0;
    text-align: right;
    margin:0 2px 0 0;
}

/* 購入・一覧ボタン 2カラム1列用 */
.buyButton .buyBox21{
 margin              : 0;
 overflow            : hidden;
 width:170px;
 min-height:20px;
 padding: 0 80px;
}

/* 購入・一覧ボタン 2カラム2列用 */
.buyButton .buyBox22{
 margin              : 0 0 10px 0;
 overflow            : hidden;
 width:330px;
 min-height:20px;
 padding: 0;
}
.buyButton .text{
padding:5px 0;
margin:0 5px 0 0;
width:150px;
 text-align: right;
   line-height: 1;
   height:12px;

}
.buyButton .button{
 width:170px;
}
.buyButton .text,
.buyButton .button{
 float:left;
}

.buyButton .last{
 margin              : 0;
}

/* 購入ボタンエリア(3カラム) */
.box3 .buyButton {
 text-align          : center;
 width               : 205px;
 clear               : both;
}
.box3ex .buyButton {
 text-align          : center;
 width               : 205px;
 clear               : both;
}

.box3 .buyBox {
 overflow            : hidden;
 width:170px;
 margin:0 auto;
 padding:0;
}
.box3 .buyBox p,
.box3 .buttonArea p.last,
.box3 .pictureArea .rightPicBox .text p,
.box3 .textArea p {
 margin              : 0;
}
.box3 .buyBox p.button {
 float               : none;
}


.box3ex .buyBox {
 overflow            : hidden;
 width:170px;
 margin:0 auto;
 padding:0;
}
.box3ex .buyBox p,
.box3ex .buttonArea p.last,
.box3ex .pictureArea .rightPicBox .text p,
.box3ex .textArea p {
 margin              : 0;
}
.box3ex .buyBox p.button {
 float               : none;
}


/* 購入・一覧ボタン 共通装飾 */
.buyBoxSingle p,
.buyBoxDouble p,
.buyButton div.last,
.infoList .pictureArea .rightPicBox .text p,
.infoList .textArea p,
.boxTop .last{
 margin              : 0;
}
.box2 p.last,
.box p.last{
    margin: 0 0 0 10px;
}

/* 購入・一覧ボタン 2列用共通装飾 */
.buyBoxDouble p.button {
 float               : right;
}
.buyBoxDouble p.text {
 float               : left;
 font-size           : 12px;
 height              : 20px;
 line-height         : 20px;
 text-align          : left;
 width               : 150px;
}

/* 罫線 */
div.hr {
    width: 360px;
    margin: 0;
    padding: 0;
    border-left: 1px solid #C8CAC9;
    border-right: 1px solid #C8CAC9;
}
.box1 div.hr {
    width: 740px;
}
.box3 div.hr {
    width: auto;
}
.box3ex div.hr {
    width: auto;
}
.first div.hr,
.mt15 div.hr {
    width: auto;
}
.first div.hr p,
.mt15 div.hr p{
    margin:0;
}
.first div.pd10,
.mt15 div.pd10 {
    padding-bottom:10px;
    border-left: none;
    border-right: none;
}
.first .formSection div.desk .text_count,
.mt15 .formSection div.desk .text_count{
    margin-top:0;
}
.first .formSection div.desk .deskn,
.mt15 .formSection div.desk .deskn{
    width:155px;
}
.first .formSection div.desk,
.mt15 .formSection div.desk{
    padding:10px 0;
    height:24px;
}

.first .formSection div.deskmB,
.mt15 .formSection div.deskmB{
    border-left: none;
    border-right: none;
    width:108px;
    padding:0 112px 10px 112px;
}

* html .box3ex div.hr p {
    width: 215px;
}
.box4 div.hr {
    width: auto;
}
div.hr p {
    display: block;
    height: 1px;
    margin: 0 10px;
    padding: 0;
    font-size: 1px;
    line-height: 1px;
    border: none;
    background: url(/images/common/parts/dotline_h.gif) repeat-x center;
}


/* serviceTop2.css */

/* ================================================== */
/* ================================================== */
/* 上書き                                             */
/* ================================================== */
/* ================================================== */


.rightPicBox p {
    line-height: 130%;
}

.box1 .pictureArea .rightPicBox .subButtonArea {
 position: absolute;
 top : 107px;
}
.box2 .pictureArea .rightPicBox .subButtonArea,
.box .pictureArea .rightPicBox .subButtonArea {
 margin-top: 15px;
}
.box1 .pictureArea .rightPicBox .subButtonArea p,
.box2 .pictureArea .rightPicBox .subButtonArea p,
.box .pictureArea .rightPicBox .subButtonArea p {
    padding: 0 0 10px;
}
.box1 .pictureArea .rightPicBox .subButtonArea p.last,
.box2 .pictureArea .rightPicBox .subButtonArea p.last,
.box .pictureArea .rightPicBox .subButtonArea p.last {
    margin-left: 0;
}


div.pageBodyOrder div#content .section .rightSection  .info ul.formList li .formSection {
 /*background-image: none;
 background-color: #fff;*/
}
div.pageBodyOrder div#content .section .rightSection  .info ul.formList li.first {
}


/* シール スピード作成 */
div.rightSection div.sizeListSection {
    width: 715px;
    border: 1px solid #D6D1C2;
    background-image: none;
    background-color: #fff;
}

div.rightSection div.sealButton {
    width: 350px;
}
div.rightSection div.sealButton .subButtonArea11{
    width: 350px;
    height:22px;
    overflow:hidden;
}
div.rightSection div.sealButton .priceArea{
    border-left: none;
    border-right: none;
}



/* ================================================== */
/* ================================================== */
/* 新規                                               */
/* ================================================== */
/* ================================================== */


/* ふせんブロックメモ */
.fusenmemo_size {
 float: left;
 width: 120px;
 text-align: left;
 margin-left:35px;
}
* html .fusenmemo_size { margin-left: 17px; }
.fusenmemo_size dt {
 float: left;
 width: 34px;
 height: 14px;
 padding: 1px 2px;
 text-align: center;
 font-size: 9px;
 line-height: 12px;
 font-weight: bold;
 color: #fff;
 background-color: #444;
}
.fusenmemo_size dd {
 float: left;
 width: 70px;
 padding: 3px 0 3px 4px;
 height: 14px;
 font-size: 12px;
 line-height: 12px;
}

/* デスクマット */
div.pageBodyOrder div#content .section .rightSection  .info ul.formList li.deskmatoriginal_form {
 background-color: #fff;
 padding-right: 0;
 border: 1px solid #D6D1C2;
}

div.pageBodyOrder div#content .section .rightSection  .info ul.formList li.fontJa {
 font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
div.pageBodyOrder div#content .section .rightSection  .info ul.formList li.deskmatoriginal_form .formSection{
 background-image: none;
}
div#content .deskmatoriginal_form .titleArea {
 width: auto;
 border: none;
}
div#content .deskmatoriginal_form .titleArea h3.title {
    border-bottom: none;
    border-left: 5px solid #E56100;
    color: #EA6000;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0 0.2em;
    width: auto;
    font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

li.deskmatoriginal_form p.catchArea {
    border-right: none;
    border-left: none;
}


/* ================================================== */
/* ================================================== */
/* 新規＆上書き                                       */
/* ================================================== */
/* ================================================== */


/* サイズ入力フォーム：共通 */
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul li {
    padding-right: 10px;
}

.sizeInputBox_hdg {
    font-size: 14px;
    font-weight: bold;
}
ul.sizeInputBox,
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox {
    width: auto;
    padding: 14px 0 0 10px;
    border: 1px solid #D6D1C2;
    background-image: none;
    background-color: #fff;
}
ul.sizeInputBox li,
div.pageBodyOrder div#content .section .rightSection .info ul.formList ul.sizeInputBox li,
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox li {
    display: block;
    float: left;
    width: auto;
    margin-right: 0;
    font-weight: bold;
    background-image: none;
}
ul.sizeInputBox li.first,
div.pageBodyOrder div#content .section .rightSection .info ul.formList ul.sizeInputBox li.first,
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox li.first {
    margin-right: 0;
    padding-right: 10px;
}
ul.sizeInputBox li.times,
div.pageBodyOrder div#content .section .rightSection .info ul.formList ul li.times,
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox li.times {
    margin-right: 0;
    padding:0 2px;
    font-size: 20px;
    line-height: 22px;
    font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}
ul.sizeInputBox li input,
div.pageBodyOrder div#content .section .rightSection .info ul.formList ul.sizeInputBox li input {
    height: 16px;
    margin-right: 5px;
    width: 63px;
}


* div.pageBodyOrder div#content .section .rightSection  .info ul.formList li .formSection ul.sizeStyle {
    height: 32px;
    padding: 11px 0 15px 10px;
}

*:first-child + html div.pageBodyOrder div#content .section .rightSection  .info ul.formList li .formSection ul.sizeStyle {
    height: 32px;
    padding: 11px 0 0 10px;
}



/* サイズ入力フォーム：デスクマット */
ul.sizeInputBox_deskmatoriginal {
    height: 35px;
    margin-bottom: 10px;
}

/* サイズ入力フォーム：シールスピード作成 */
div.sizeListSection_sealspeed p.catchArea {
    width: auto;
    border-right: none;
    border-left: none;
}
div.rightSection div.sizeListSection_sealspeed div.sizeListInner div.sizeRight {
    width: 680px;
}
div.rightSection div.sizeListSection_sealspeed div.sizeListInner div.sizeLeft {
    width: 680px;
}
ul.sizeInputBox_sealspeed,
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox_sealspeed {
    width: 355px;
    height: 35px;
    padding-left: 110px;
}
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox_sealspeed li.fist {
    width: 119px;
    text-align:right;
    padding:0;
}
div.rightSection div.sizeListSection div.sizeListInner div.sizeLeft ul.sizeInputBox_sealspeed li.last {
    width: 119px;
    text-align:left;
    padding:0;
}

/* サイズ入力フォーム：フリーサイズ印 */
ul.sizeInputBox_stampfree,
div#content .rightSection div.info ul li ul li ul.sizeInputBox_stampfree,
div.pageBodyOrder div#content .section .rightSection ul.infoList li ul.sizeInputBox_stampfree {
    width: 288px;
    height: 35px;
    margin: 0 0 10px 15px;
    padding-left: 30px;
}

div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.first {
    width: 105px;
    margin-right: 0;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.times {
    width: 25px;
    margin-right: 0;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.second {
    width: 105px;
    margin-right: 0;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.third {
    width: 260px;
    margin-right: 0;
}
* html div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.first {
    margin-right: 0!important;
}
* html div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.times {
    margin-right: 0!important;
}
* html div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.second {
    margin-right: 0!important;
}
* html div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul li.third {
    margin-right: 0!important;
}


ul.sizeInputBox_stampfree li.first select,
ul.sizeInputBox_stampfree li.second select,
div#content .rightSection div.info ul li ul li ul.sizeInputBox_stampfree li.first select,
div#content .rightSection div.info ul li ul li ul.sizeInputBox_stampfree li.second select {
    width: 105px;
}
ul.sizeInputBox_stampfree li.third select,
div#content .rightSection div.info ul li ul li ul.sizeInputBox_stampfree li.third select {
    width: 240px;
}

/* フリーサイズ印 */
.stampfree,
div.pageBodyOrder div#content .section .rightSection ul.infoList li ul li.stampfree {
    margin-right: 14px;
}
* html div.pageBodyOrder div#content .section .rightSection ul.infoList li.box2 ul li.stampfree {
    margin-right: 12px!important;
}

.stampfree .buybutton p {
    display: block;
    float: left;
    padding-left: 6px;
}
.stampfree .buybutton p.last {
    margin-left: 0;
    padding-left: 17px;
}
p.stampfree_notice {
    font-size: 10px;
    line-height: 120%;
    color: #c91234;
}

/* change 20151111 フリーサイズ印デザイン変更 ST */
.box2 .middleArea.itemTypeArea {
    width:360px;
    padding:0;
}
.box2 .middleArea.itemTypeArea:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.stampfree .itemTypes {
    width:169px;
    float:left;
    padding:10px 1px 10px 9px;
}
.stampfree .itemTypes.leftItemTypes {
    width:170px;
    border-right:1px solid #ccc/*#D6D1C2*/;
}
div.pageBodyOrder div#content .section .rightSection ul.infoList li .itemTypes ul.sizeInputBox_stampfree {
    width: 162px;
    height: 35px;
    margin: 0;
    padding-left:0;
    border:none;
    }
.box2 .itemTypes .pictureArea {
    border:none;
    width:auto;
}

div#content .rightSection div.info ul li ul li .itemTypes ul.sizeInputBox_stampfree li.first select,
div#content .rightSection div.info ul li ul li .itemTypes ul.sizeInputBox_stampfree li.second select {
    width:55px;
}
div#content .rightSection div.info ul li ul li .itemTypes ul.sizeInputBox_stampfree li.third select{
    width:136px;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul .itemTypes li.first {
    width: 55px;
    padding:0;
    margin-right: 0;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul .itemTypes li.times {
    width: 25px;
    padding:0;
    margin-right: 0;
    text-align:center;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul .itemTypes li.second {
    width: 55px;
    padding:0;
    margin-right: 0;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul .itemTypes li.third {
    width:136px;
    padding:0;
    margin-right: 0;
}
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul .itemTypes li.unit {
    width: 26px;
    padding:4px 0 0 0;
    margin-right: 0;
    text-align:right;
}
.stampfree .buybutton p {
    display: block;
    float: none;
    padding-left:0;
}
.box2 .stampfree .bottomArea {
    clear:both;
    min-height:90px;
    margin-bottom:10px;
}
.box2 .stampfree .bottomArea .stampfree_notice {
    font-size:11px;
    letter-spacing:normal;
    padding-left:1em;
    text-indent:-1em;
    margin-bottom:5px;
}
.box2 .stampfree .bottomArea .stampfree_notice a {
    font-weight:bold;
    text-decoration:underline;
    margin:auto 0.3em;
}
/* change 20151111 フリーサイズ印デザイン変更 ED */


/* スリッパ */
.slippers .underText {
    /* width: 350px;
    padding-left: 0; */
}
.slippers .underText p {
    /* display: inline;
    margin-right: 10px; */
    float: left;
    padding-right: 10px;
    white-space: nowrap;
}

/* ================================================== */
/* ================================================== */
/* clearfix                                           */
/* ================================================== */
/* ================================================== */
.priceArea:after,
.stampfree .buybutton:after,
.slippers .underText:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


/* serviceTop3.css */
/* 封筒スピード作成サービス */
/* 4カラムボックス */

/* 商品名・ピクト(4カラム) */
div#content .box4 .textArea,
div#content .box4 .titleArea,
div#content .box4 .textAreaA,
div#content .box4 .textAreaB,
div#content .box4 .textAreaC,
div#content .box4 .buttonAreaC ,
div#content .box4 .pictureArea,
div#content .box4 .catchArea {
 border-left: 1px solid #D6D1C2;
 border-right: 1px solid #D6D1C2;
}
div#content .box4 .textArea {
 font-size: 10px;
 padding: 5pxpx;
 width: 165px;
}
div#content .box4 .titleArea {
 background-color: #E5DCC2; /* fff */
 border-top: 1px solid #D6D1C2;
 min-height: 20px;
 padding: 5px;
 position: relative;
 width: 165px;
}
.box4 .titleArea p.pict01 {
 left: 110px;
 margin: 0;
 position: absolute;
 top: 2px;
}
.box4 .titleArea p.pict02 {
 left: 141px;
 margin: 0;
 position: absolute;
 top: 2px;
}

div#content .box4 .textAreaA {
 background-color: #ffffff;
 padding: 5px;
 width: 165px;
 color: #EA6000;
 font-size: 13px;
 text-align: center;
}
div#content .box4 .buttonAreaA,
div#content .box4 .buttonAreaB {
 border-left: 1px solid #D6D1C2;
 border-right: 1px solid #D6D1C2;
}
div#content .box4 .buttonAreaB {
 border-bottom: 1px solid #D6D1C2;
}
div#content .box4 .textAreaB,
div#content .box4 .textAreaC {
 background-color: #ffffff;
 padding: 5px 16px 10px;
 width: 143px;
 font-size: 10px;
 line-height: 1.3;
}
div#content .box4 .textAreaB{
    height:2em;
}
div#content .box4 .textAreaC p{
 background-image: url("../images/common/parts/circle.gif");
 background-position: left 1px;
 background-repeat: no-repeat;
 margin: 0 0 4px;
 padding-left: 11px;
 line-height: 1.1;
}
div#content .box4 .textAreaC p.lastB{
 height:4em;
}
div#content .box4 .buttonAreaA {
 padding: 10px 5px 5px;
 text-align: center;
 width: 165px;
}
div#content .box4 .buttonAreaC {
 border-bottom: 1px solid #D6D1C2;
}
div#content .box4 .buttonAreaB,
div#content .box4 .buttonAreaC {
 padding: 5px 5px 10px;
 text-align: center;
 width: 165px;
}
div#content .box4 .pictureArea {
 background-color: #ffffff;
 padding-top: 5px;
 width: 175px;
 text-align: center;
}
div#content .box4 .catchArea {
 background-color: #ffffff;
 width: 155px;
 padding: 10px;
 line-height: 1.2;
}

/* タオルサービストップ */
.box2 .subButtonArea22 p.towelNoshi {
    margin: 0;
    position: absolute;
    top: -75px;
    right: 30px;
}

/* タオルサービストップ フェイスタオル(ジャガード) */
.box2 .subButtonArea22 p.towelNoshi_j {
    margin: 0;
    position: absolute;
    top: -70px;
    right: 30px;
}

/*名刺スピード作成*/
.buyBox2c p{
 display: inline;
 padding: 0 2px 0 3px;
line-height: 28px;
}
/*名刺スピード作成人気のレイアウト（対象外？）
.boxVisitingRecommend{
 width: 723px;
 padding: 10px;
 border: 1px solid #D6D1C2;
}
*/

/*ヘルメット*/
li.helmetH .titleArea{
    height:36px;
}
li.helmetH .titleArea .title{
    height:2em;
    width:330px;
}
div#content .titleArea h3.h3Nopict{
    width:335li.helmetH .titleArea{
    height:38px;
}px;
    margin-right: 0;
}
div.underText{
 border-left: 1px solid #D6D1C2;
 border-right: 1px solid #D6D1C2;
 padding: 10px 10px 2px;
 width: 340px;
 font-size: 10px;
 line-height: 1.3;
}
div.underText p,
.boxPP div.underTextPP p {
 background-image: url( ../images/common/parts/circle.gif );
 background-position: left 2px;
 background-repeat: no-repeat;
 padding-left: 11px;
 margin: 0 0 4px 0;
}
div.underText p.none,
.boxPP div.underTextPP p.none {
 padding-left: 11px;
 margin: 0 0 7px 0;
 font-size:10px;
 line-height:1;
 height:10px;
 background-image: none;
}
div.noCircle p,
.boxPP div.noCircle p {
 background-image: none;
}

div.underText p.single {
    margin-bottom: 12px;
}

div.slip_info{
 border-left: 1px solid #D6D1C2;
 border-right: 1px solid #D6D1C2;
 padding: 0px 20px 0px 20px;
 width: 320px;
 font-size : 11px;
 color: #D10000;
 line-height: 1.3;
 text-indent:-1em;
}


p.pen_info{
 border-left: 1px solid #D6D1C2;
 border-right: 1px solid #D6D1C2;
 padding: 0px 20px 0px 25px;
 width: 315px;
 font-size : 11px;
 color: #D10000;
 line-height: 1.3;
 text-indent:-0.8em;
/* padding-left:1em;*/
}

p.pen_info_dummy{
 border-left: 1px solid #D6D1C2;
 border-right: 1px solid #D6D1C2;
 padding: 0px 20px;
 width: 320px;
 font-size : 11px;
 color: #D10000;
 line-height: 1.3;
}


/*のぼり*/

p.noboriSub,
.info p.noboriSub {
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana,  'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    width:720px;
    font-size:12px;
    padding:5px 10px;
    margin:0;
    line-height:1.2;
}

/*ウエア*/
.leftPicBoxW{
    text-align:center;
}

/*ネックストラップ*/
.box3 {
 margin-bottom: 9px;
}
/* 価格表・商品一覧ボタン(3カラム2個) */
.box3 .subButtonArea2{
    height: 18px;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    width: 229px;
    padding: 5px 0 10px 6px;
}
.box3ex .subButtonArea2{
    height: 18px;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    width: 229px;
    padding: 5px 0 10px 6px;
}
/* 価格表・商品一覧ボタン(3カラム1個) */
.box3 .subButtonArea31{
    height: 18px;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    padding: 5px 0 10px 6px;
    width: 229px;
}
.box3 .subButtonArea31 .last{
    width: 108px;
    margin:0 auto;
}

/* 関連ボタンエリア */
.box3 .subButtonArea2 p,
.box3ex .subButtonArea2 p{
 display: inline;
 float: left;
 padding-right: 5px;
}
.box3 .priceArea{
 padding: 0 15px;
}
.box3 div.underText{
 padding: 10px 10px 2px;
 width: 215px;
}

/*カードスピード作成*/
div#content .titleArea h3.h3Pict{
 width:155px;
}

/* 薬袋 */
.pictureArea .leftPicBox50 {
 width: 120px;
}
.pictureArea .rightPicBox50 {
 margin: 0 ;
 font-size: 12px;
 line-height: 18px;
 width: 105px;
}

/*価格表示エリア(4カラム) */
.box4 .priceArea {
    /* min-height: 40px; */
 padding: 0 5px;
 width: 165px;
}

/*材質説明エリア(4カラム) */
 div.materialBox {
 margin-top:5px;
 border: solid 1px #D6D1C2;
 font-family: 'Helvetica Neue',Helvetica,Arial,Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
 p.materialInfo {
 margin:5px;
 letter-spacing: 0.1em;
}

 p.newInfo {
 margin: 0px 5px 3px 5px;
 letter-spacing: 0.1em;
}

/* 20200417　ご注意メッセージ追加 */
p.noticeInfo {
margin: 0px 5px 6px 5px;
letter-spacing: 0.1em;
}
p.noticeInfo a {
  text-decoration: underline;
  font-weight: bold;
}




/*PPフィルム封筒 */
.boxPP {
    width: 491px;
    margin-right: auto;
}
.boxPP .titleArea {
    width: 479px;
}
.boxPP p.catchArea {
    width: 469px;
}
.boxPP .mainAreaPP {
    background-color: #ffffff;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
    border-bottom: 1px solid #D6D1C2;
    font-size: 13px;
    line-height: 1.2;
    margin: 0;
    padding: 10px 10px 15px 10px;
    display: flex;
    justify-content: space-between;

}
.boxPP .pictureAreaPP {
    width: 170px;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}
.boxPP .underTextPP {
    padding-top: 5px;
    font-size: 10px;
}
.boxPP .buyAreaPP {
    width: 259px;
    display: flex;
    flex-flow: column wrap;
    gap: 20px;
}
.boxPP .buyAreaPPItem {
    display: flex;
}
.boxPP .buyAreaPPItemImage {
    width: 80px;
}
.boxPP .buyAreaPPItemImage img {
    max-width: 100%;
    height: auto;
}
.boxPP .buyAreaPPItemType {
    color: #EA6000;
    font-size: 12px;
    width: 50px;
    margin-left: 10px;
}
.boxPP .buyAreaPPItemInfo {
    font-size: 10px;
    width: 110px;
    display: flex;
    flex-flow: column wrap;
    gap: 5px;
    margin-left: 10px;
    
}
.boxPP .buyButtonPP {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    gap: 20px;

}
/*カレンダー名入れサービストップ*/
.rightPicBox .SPECicons {
    margin-bottom:15px;
    font-size:0;
    margin-left:-3px;
    margin-right:-3px;
}
.CALnote {/*w723px*/;
    padding:10px 10px 0 10px;
    margin-bottom:15px ;
    border:1px solid #de3937;
    background-color:#ffe1db;
    overflow:hidden;
    }
.CALnote h2 {
    width:93px;
    height:65px;
    float:left;
    text-align:center;
    background:#fff;
    font-weight:bold;
    color:#be112f;
    padding-top:20px;
    line-height:140%;
    border:none;
    font-size:130%;
    background:#f6b2a4;
    }
.CALnote .CALnoteService {
    width:445px;
    height:95px;
    padding-leFt:10px ;
    float:left;
    }

.CALnote .CALnoteService dl {
    height:38px;
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
    margin-bottom:5px;
    background:#ffcec4;
    overflow:hidden;
    }
.CALnote .CALnoteService dl dt {
    height:40px;
    line-height:40px;
    float:left;
    font-size:110%;
    vertical-align:middle;
    font-weight:bold;

    }
.CALnote .CALnoteService dl dt img {
    vertical-align:-3px;
    margin:0 5px;
    }
.CALnote .CALnoteService dl dd {
    width:190px;
    float:right;
    padding-top:5px;
    line-height:130%;
    font-size:95%;
    color:#666;
    }
.CALnote .CALnoteDetail {
    width:165px;
    float:right;
    font-size:90%;
    color:#666;
    }
.CALnote .CALnoteDetail p {
    padding:5px 0 0 0;
    margin-bottom:10px;
    }
.CALnote .CALnoteDetail li {
    margin-bottom:3px;
    padding-left:15px;
    background: url("../images/common/parts/com_1684.gif") no-repeat 6px 5px;
    }

.calendarH .catchArea {
    min-height:3.5em;
    }
.leftPicBox .expandLink {
    float:right;
    position:relative;
    top:-34px;
    /*overflow:hidden;*/
    /*height:34px;*/
}
.calendarH .leftPicBox {
    /*overflow:hidden;*/
    /*margin-bottom:-34px;*/
    height:180px;
    }


.TitleNote {
    color:#000;
    padding-bottom:10px;
    }
.TitleNote a {
    text-decoration:underline;
    padding:0 5px;
    }
/*.TitleNote a img {
    display:inline-block;
    float:right;
    vertical-align: top;
    }*/

.TitleNote a.cal_serviceinfo_howorder{
    text-decoration:none;
    padding:0;
    display:block;
    float:right;
    }
div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul.cal2columnImg {
    margin:0;
    padding:0;
    width:235px;
    overflow:hidden;
    clear:both;
    }

div.pageBodyOrder div#content .section .rightSection ul.infoListStyle li.box2 ul.cal2columnImg li {
    margin:0;
    padding:0;
    float:left;
    height:180px;
    width:117px;
    }

/* add 20150714 closeitem */
.calendarH .closeitem {
    display:none;
}
.calendarH.closeitem .button,
.calendarH.closeitem .leftPicBox {
    display:none;
}
.calendarH.closeitem .button.closeitem,
.calendarH.closeitem .leftPicBox.closeitem {
    display:block;
}

/* add 20150716 campaign */
.campaign {
    display:none;
}
.nowcampaign .priceArea {
    display:none;
}
.nowcampaign .priceArea.campaign {
    display:block;
}
div.pageBodyOrder.nowcampaign div#content .section .rightSection ul.infoListStyle li.box2 ul li.calendarH {
    height:452px;
}

/* add 20150717 calender bottom area banner */
#BannerBottom a {
    display:inline-block;
}
#BannerBottom a.first {
    margin-right: 3px;
}

/* add 20150825 start */
/*カレンダー名入れサービストップ*/
.slipperH div.slip_info{
    height: 5em;
    font-size : 10px;
}
/* add 20150825 end */

/* add 201601 start */
/*親子印（分割印）ゴム印作成サービストップ*/

li.rubberstampseparateH .titleArea img {
    float:none;
    padding-left:1px;
    zoom:1;
}
li.rubberstampseparateH .catchArea {
    height: 3.5em;
}
li.rubberstampseparateH .text {
    display:block;
    margin: 6px 10px 0;
    line-height: 1.5em;
}
li.rubberstampseparateH .text th ,
li.rubberstampseparateH .text td {
    font-weight:normal;
}

li.rubberstampseparateH dl.text th {
    width: 9em;
}
/* add 201601 end */


/* 201608 32vol mod start */
/*サービストップの共通設定*/
.infoListStyle .campaignArea {
    display: block;
    position: relative;
    padding: 4px 10px 4px;
    height: 20px;
    border-left: 1px solid #D6D1C2;
    border-right: 1px solid #D6D1C2;
}
.infoListStyle .box4 .campaignArea {
    width: 155px;
}
.infoListStyle .box2 .campaignArea {
    width: 340px;
}
#content .section  .campaignArea .supplement {
    display: inline;
    margin-left: 5px;
    letter-spacing: 0em;
}
.infoListStyle .campaignArea.row2 {
    min-height: 50px;
}
.infoListStyle .campaignArea > div:not(:first-child) {
    margin-top: 5px;
}
/* 201608 32vol mod end */


/* 201702 33vol mod start */
/*ホワイトボード・デスクマットのサービストップ　期間限定割引実施中ピクト追加*/
.formList .campaignArea {
    display: block;
    position: relative;
    padding: 0 10px 4px;
    height: 20px;
}
/* 201702 33vol mod end */


/* 201780116 35号カタログ ST */
/* キャップレス式追加　※コピーが3行になるので、高さがまちまちにならないよう最低3行で対応 */
.height_min_3lines {
    min-height: 47px; /*3行分*/
}
/* 201780116 35号カタログ ED */

/* 201780116 35号カタログ ST */
.titleArea img.newmark {
    float: none;
}
/* 201780116 35号カタログ ED */