/** * * @charset="UTF-8" * catalog.css * * ・div.stCon 以下のみ適応する様に記述してください。 * 　div.stCon #foo {} * 　div.stCon .bar {} * * ・ベースフォントは13pxで設定しています。 * ・フォントサイズは .f8{font-size:62%} ~ .f24{font-size:185%} が st.css に設定してあります。 * * ・上下スペースに関しては下記・・・ * 　space5{margin-top:5px;margin-bottom:5px;} * 　space5t{margin-top:5px;} * 　space5b{margin-bottom:5px;} * 　・・・が st.css に設定してあり、space5, space10, space15, space20, space30　の5種x3となっています。 * * ・商品ボディに関してはテンプレートに嵌まらないレイアウト違いが発生します。 * 　パターンが変わってしまう時など、 * 　div.stCon div.stConBody02, div.stCon div.stConBody03 ~　と、.stConBodyの末尾数字をインクリメントして設定追加お願いします。 * **/ /**　右メニュー(カタログ用)　**/ div#stBodyR {min-height:1200px;} div#stBodyR .stRM {line-height:20px;} div#stBodyR .stRM h2 {padding:3px 5px;color:#fff;} div#stBodyR .stRM1 h2 {background-color:#F5AC3C;} div#stBodyR .stRM2 h2 {background-color:#84CABF;} div#stBodyR .stRM3 h2 {background-color:#A9CD36;} div#stBodyR .stRM4 h2 {background-color:#D89FB9;} div#stBodyR .stRM5 h2 {background-color:#F0978E;} div#stBodyR .stRM6 h2 {background-color:#A0CAEC;} div#stBodyR .stRM7 h2 {background-color:#C89D54;} div#stBodyR .stRM8 h2 {background-color:#82CBD1;} div#stBodyR .stRM9 h2 {background-color:#9d9da0;} div#stBodyR .stRM10 h2 {background-color:#e096a5;} div#stBodyR .stRM11 h2 {background-color:#aeb7d0;} /** 2019.05.30 項目追加 **/ div#stBodyR .stRM12 h2 {background-color:#7b99b8;} div#stBodyR .stRM13 h2 {background-color:#7572bf;} /** 2019.07.16 項目追加 **/ div#stBodyR .stRM14 h2 {background-color:#B5AC88;} div#stBodyR .stRM ul li {padding:0 5px 0 18px;font-size:85%;} div#stBodyR .stRM .stRM1 h3, div#stBodyR .stRM .stRM8 li.stT, div#stBodyR .stRM .stRM9 h3, div#stBodyR .stRM h3.stT {padding:0 5px 0 18px;font-size:85%;font-weight:bold;} div#stBodyR .stRM .stRM1 ul li {padding:0 5px 0 29px;font-size:85%;} div#stBodyR .stT {margin-top:3px;} div#stBodyR .stT a {font-size:108%;} .bellow {display:none;} /** テキスト **/ .fBold {font-weight:bold;} .fBlack {color:#000;} .fWhite {color:#fff;} .fBlue {color:#036eb7;} .fOrange {color:#e95513;} .fRed {color:red;} /** 空白 **/ .space2em{margin-top:2em;margin-bottom:2em;} .space2emt {margin-top:2em;} .space2emb {margin-bottom:2em;} .space3em{margin-top:3em;margin-bottom:3em;} .space3emt {margin-top:3em;} .space3emb {margin-bottom:3em;} /** 右寄せ **/ .icon-right {text-align:right;} /** 中央揃え **/ .icon-center {text-align:center;} /** 商品タイトル **/ div.stCon div.stConHeader {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#686868');background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#686868));background:-moz-linear-gradient(top,#aaa,#686868);background:-ms-linear-gradient(top,#aaa,#686868);color:#fff;margin-bottom:20px;} div.stCon div.stConHeader h1 {float:left;width:415px;font-size:139%;padding:5px 0 5px 15px;_width:400px;} div.stCon div.stConHeader p {float:left;width:170px;font-size:85%;padding:7px 5px 3px 0;text-align:right;} /** 商品ボディ **/ div.stCon div.stConBody01 {padding-left:15px;margin-bottom:20px;} div.stCon div.stConBody01 div.summary .box_icon {float:left;width:85px;padding-right:10px;} div.stCon div.stConBody01 div.summary .box_title {float:left;width:495px;display:table;height:83px;overflow:visible;} div.stCon div.stConBody01 div.summary .box_title h2 {display:table-cell;vertical-align:middle;color:#036eb7;font-size:140%;font-weight:bold;line-height:116%;/padding-top:10px;} div.stCon div.stConBody01 div.summary .box_title p {display:table-cell;vertical-align:middle;font-size:93%;/padding-top:20px;} div.stCon div.stConBody01 div.summary .box_text {margin-left:95px;width:495px;font-size:93%} div.stCon div.stConBody01 .pImg {margin-bottom:10px;font-size:77%;line-height:131%;} div.stCon div.stConBody01 .pImg img {padding-bottom:5px;} div.stCon div.stConBody01 .pImg1, div.stCon div.stConBody01 .pImg2, div.stCon div.stConBody01 .pImg3, div.stCon div.stConBody01 .pImg4, div.stCon div.stConBody01 .pImg5 {float:left;width:106px;} div.stCon div.stConBody01 .pImg2, div.stCon div.stConBody01 .pImg4 {padding:0 10px;} div.stCon div.stConBody01 .pImg dl {} div.stCon div.stConBody01 .pImg dl dt {color:#036eb7;} div.stCon div.stConBody01 .h2, div.stCon div.stConBody01 .price, div.stCon div.stConBody01 .details {border-bottom:1px solid #231815;padding:5px 0 5px 10px;} div.stCon div.stConBody01 .h2 {font-size:108%;font-weight:bold;} div.stCon div.stConBody01 .price {font-size:95%;} div.stCon div.stConBody01 .details {padding:8px 0 8px 10px;font-size:85%;line-height:124%;} div.stCon div.stConBody01 .icon {padding:5px 0 5px 10px;} /** 商品ボディ 以下追加分02**/ div.stCon .img_right {margin:0px;padding:0px;float:right;} div.stCon div.stConBody02 {padding-left:15px;} div.stCon div.stConBody02 .box_l {float:left;width:405px;} div.stCon div.stConBody02 .box_r {float:left;width:190px;} div.stCon div.stConBody02 div.summary .box_icon {float:left;width:85px;} div.stCon div.stConBody02 div.summary .box_title {float:left;width:320px;display:table;height:83px;overflow:visible;} div.stCon div.stConBody02 div.summary .box_title h2 {display:table-cell;vertical-align:middle;color:#036eb7;font-size:154%;font-weight:bold;line-height:116%;/padding-top:10px;} div.stCon div.stConBody02 div.summary .box_text {margin-left:95px;width:495px;font-size:93%} div.stCon div.stConBody02 .pImg {margin-bottom:10px;font-size:77%;line-height:131%;} div.stCon div.stConBody02 .pImg img {padding-bottom:5px;} div.stCon div.stConBody02 .pImg1, div.stCon div.stConBody02 .pImg2, div.stCon div.stConBody02 .pImg3, div.stCon div.stConBody02 .pImg4, div.stCon div.stConBody02 .pImg5 {float:left;width:106px;} div.stCon div.stConBody02 .pImg2, div.stCon div.stConBody02 .pImg4 {padding:0 10px;} div.stCon div.stConBody02 .pImg dl {} div.stCon div.stConBody02 .pImg dl dt {color:#036eb7;} div.stCon div.stConBody02 .h2, div.stCon div.stConBody02 .price, div.stCon div.stConBody02 .details {border-bottom:1px solid #231815;clear:both;padding-top:5px;padding-right:0;padding-bottom:5px;padding-left:10px;} div.stCon div.stConBody02 .h2 {font-size:108%;font-weight:bold;} div.stCon div.stConBody02 .price {font-size:95%;} div.stCon div.stConBody02 .details {padding:8px 0 8px 10px;font-size:85%;line-height:124%;} div.stCon div.stConBody02 .icon {padding:5px 0 5px 10px;} /** 商品ボディ 以下追加分03**/ div.stCon div.stConBody03 {padding-left:15px;margin-bottom: 20px;} div.stCon div.stConBody03 div.summary .box_icon {float:left;width:85px;} div.stCon div.stConBody03 div.summary .box_title {float:left;width:505px;display:table;height:83px;overflow:visible;} div.stCon div.stConBody03 div.summary .box_title h2 {display:table-cell;vertical-align:middle;color:#036eb7;font-size:154%;font-weight:bold;line-height:116%;/padding-top:10px;} div.stCon div.stConBody03 div.summary .box_title p {display:table-cell;vertical-align:middle;font-size:93%;/padding-top:20px;} div.stCon div.stConBody03 div.summary .box_text {margin-left:85px;width:505px;font-size:93%} div.stCon div.stConBody03 .pImg {margin-bottom:10px;font-size:77%;line-height:131%;} div.stCon div.stConBody03 .pImg img {padding-bottom:5px;} div.stCon div.stConBody03 .pImg1 {float:left;width:570px;} div.stCon div.stConBody03 .pImg2, div.stCon div.stConBody03 .pImg4 {padding:0 10px;} div.stCon div.stConBody03 .pImg dl {} div.stCon div.stConBody03 .pImg dl dt {color:#036eb7;} div.stCon div.stConBody03 .h2, div.stCon div.stConBody03 .price, div.stCon div.stConBody03 .details {border-bottom:1px solid #231815;padding:5px 0 5px 10px;} div.stCon div.stConBody03 .h2 {font-size:108%;font-weight:bold;} div.stCon div.stConBody03 .price {font-size:95%;} div.stCon div.stConBody03 .details {padding:8px 0 8px 10px;font-size:85%;line-height:124%;} div.stCon div.stConBody03 .icon {padding:5px 0 5px 10px;} /* ディスコンページ戻るボタン*/ #stBodyL div.stPageBack {text-align:center;margin:25px 0 50px;} #stBodyL div.stPageBack>p {text-align:center;font-size:94%;} /* 2022.12.20 catalog table */ #stBodyL .catalog-tbl-box-1 {width:480px;} #stBodyL .catalog-tbl-box-1 .catalog-tbl-box-1-h2 {background-color:#656e97;color:#fff;font-weight:bold;font-size:15px;height:30px;line-height:32px;padding-left:10px;margin-top:30px;} #stBodyL .catalog-tbl-box-1 .catalog-tbl-box-1-h2 span {font-weight:normal;font-size:88%;} #stBodyL .catalog-tbl-1 {width:480px;margin-top:20px;margin-bottom:8px;} #stBodyL .catalog-tbl-1 th, #stBodyL .catalog-tbl-1 td {border-collapse: collapse;border:1px solid #333;padding:3px 0 1px;text-align:center;vertical-align: middle;padding:6px 0 3px;} #stBodyL .catalog-tbl-1 caption {font-size:14px;font-weight:bold;margin-bottom:4px;} #stBodyL .catalog-tbl-1 th {background-color:#dcdcdc;} #stBodyL .catalog-tbl-1 th.catalog-tbl-box-1-th-1 {width:156px;} #stBodyL .catalog-tbl-1 th.catalog-tbl-box-1-th-2 {width:104px;} #stBodyL .catalog-tbl-1 th.catalog-tbl-box-1-th-3 {width:216px;} #stBodyL .catalog-tbl-1 .catalog-tbl-box-1-td-left {text-align:left;padding-left:10px;} #stBodyL .catalog-tbl-1 .catalog-tbl-box-1-td-1 {width:94px;} #stBodyL .catalog-tbl-cap-1 {font-size:12px;line-height:130%;}