/* ************************************************************* ■ base.css ------------------------------------------------ INDEX [_.reset ／ [_.Utility ／ [_.headline ／ [_.Layout ／ [_.header ／ [_.footer ／ [_.left ／ [_.contents ／サイト内検索　結果ページ ／商品カテゴリーページ ／商品詳細ページ [_.common ／パンくずリスト ／SNSボタン ／注釈 ／別窓ウィンドウ ／ボタンデザイン ／検索ボタン ／警告文言 [_.template ／general.css ／system.css ************************************************************* */ /* */ /* ------------------------------------------------------------- [_.reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } a:link, a:visited { color:#006699; text-decoration: none; } a:hover { color: #cc3366; text-decoration: underline; } #maincolumn a, #information a { text-decoration:underline; } #maincolumn .searchBtns__others a { text-decoration: none; } p { margin: 0 0 5px; } dl{ width:auto; } dt{ padding:0.5em 0.2em; } dd{ padding:0.5em 0.2em; } ul{ list-style: none; padding:0.5em 0; } ul li{ background:url(/images/stories/kanateer/icon/list_mark.gif) 0 7px no-repeat; padding:2px 0 2px 12px; } ol{ list-style: none; padding:0.5em 0; } ol li{ list-style:decimal; margin-left:1.5em; padding:2px 0; } table { border-collapse: collapse; border-spacing: 0; } table th { font-weight: bold; text-align: left; padding: 8px; margin: 8px; } table.contentpaneopen td { padding: 0; } table.tbl_basetype th {vertical-align: middle;} form { display:inline; } label.username_field { text-align:center; } input{ vertical-align:middle; margin:0.3em 0.5em; } input.mail { ime-mode: disabled; } .error { background: #feefee; } .readonly {border: none;} input.button { cursor: pointer; } select { vertical-align:middle; } textarea{ margin:0.3em 0.5em; } /* ------------------------------------------------------------- [_.Utility --------------------------------------------------------------*/ /*ブロック要素・インライン要素*/ .dspB {display: block !important;} .dspIn {display: inline !important;} .dspNone {display: none !important;} /*横幅*/ .w100 {width: 100px !important;} .w130 {width: 130px !important;} .w160 {width: 160px !important;} .w170 {width: 170px !important;} .w200 {width: 200px !important;} .w208 {width: 208px !important;} .w250 {width: 250px !important;} .w290 {width: 290px !important;} .w305 {width: 305px !important;} .w440 {width: 435px !important;} .w450 {width: 450px !important;} .w510 {width: 510px !important;} .w570 {width: 570px !important;} .w600 {width: 600px !important;} .w680 {width: 680px !important;} .w700 {width: 700px !important;} .w720 {width: 720px !important;} .w10p { width: 10% !important; } .w20p { width: 20% !important; } .w30p { width: 30% !important; } .w40p { width: 40% !important; } .w50p { width: 50% !important; } .w60p { width: 60% !important; } .w70p { width: 70% !important; } .w80p { width: 80% !important; } .w90p { width: 90% !important; } .w100p { width: 100% !important; } /*縦幅*/ .h250 {height: 250px !important;} /*文字サイズ*/ .f9 { font-size:56% !important; } .f10 { font-size:63% !important; } .f11 { font-size:70% !important; } .f12 { font-size:77% !important; } .f13 { font-size:83% !important; } .f14 { font-size:90% !important; } .f15 { font-size:95% !important; } .f16 { font-size:100% !important; } .f17 { font-size:108% !important; } .f18 { font-size:114% !important; } .f19 { font-size:120% !important; } .f20 { font-size:127% !important; } .f21 { font-size:130% !important; } .f22 { font-size:140% !important; } .f23 { font-size:146% !important; } .f24 { font-size:152% !important; } .f25 { font-size:158% !important; } .f26 { font-size:164% !important; } .f27 { font-size:170% !important; } .f28 { font-size:176% !important; } .f29 { font-size:182% !important; } .f30 { font-size:188% !important; } .f31 { font-size:194% !important; } .f32 { font-size:200% !important; } .f10fx { font-size:10px !important; } .f11fx { font-size:11px !important; } .f12fx { font-size:12px !important; } .f13fx { font-size:13px !important; } .f14fx { font-size:14px !important; } .f15fx { font-size:15px !important; } .f16fx { font-size:16px !important; } .f17fx { font-size:17px !important; } .f18fx { font-size:18px !important; } .f19fx { font-size:19px !important; } .f20fx { font-size:20px !important; } .f22fx { font-size:22px !important; } .f24fx { font-size:24px !important; } .f26fx { font-size:26px !important; } .f28fx { font-size:28px !important; } .f30fx { font-size:30px !important; } .f32fx { font-size:32px !important; } .f39fx { font-size:39px !important; } /*カラー指定*/ .c01 { color: #ff0000; } .c02 { color: #ff00ff; } .c03 { color: #25af7d; } .c04 { color: #000000; } .c05 { color: #333333; } .c06 { color: #666666; } .c07 { color: #999999; } .c08 { color: #fd6f19; } .c09 { color: #7600a4; } .c10 { color: #ffffff; } .c11 { color: #295c95; } .c12 { color: #fb2100; } .c13 { color: #f53200; } .c14 { color: #ff6600; } .c15 { color: #ffff00; } .c16 { color: #339966; } .c17 { color: #b98232; } .c18 { color: #5b5858; } .c19 { color: #c71662; } .c20 { color: #028d01; } .c21 { color: #ab0000; } .c22 { color: #1490e1; } .c23 { color: #005bc3; } .c24 { color: #ff4c86; } .c25 { color: #017ee1; } .c26 { color: #14a83b; } .c27 { color: #ff3300; } .c28 { color: #ea2d48; } .c29 { color: #009933; } .c30 { color: #219cae; } .c31 { color: #137b2c; } .c32 { color: #00ac33; } .c33 { color: #e7ffb0; } .c34 { color: #ff4a23; } .c35 { color: #ffffe0; } .c36 { color: #ff433a; } .c37 { color: #ff7f21; } .c38 { color: #f75666; } .c39 { color: #059f41; } .c40 { color: #1ea181; } .c41 { color: #2dabcf; } .c42 { color: #ee5e8a; } .cEpson {color: #012bbf;} .cCanon {color:#e42374;} .cBrother {color:#03a5f0;} .cHp {color:#232323;} /*背景色指定*/ .bg_c01 { background: #ff0000 !important; } .bg_c02 { background: #ff00ff !important; } .bg_c03 { background: #25af7d !important; } .bg_c04 { background: #000000 !important; } .bg_c05 { background: #333333 !important; } .bg_c06 { background: #666666 !important; } .bg_c07 { background: #999999 !important; } .bg_c08 { background: #fd6f19 !important; } .bg_c09 { background: #7600a4 !important; } .bg_c10 { background: #ffffff !important; } .bg_c11 { background: #295c95 !important; } .bg_c12 { background: #fb2100 !important; } .bg_c13 { background: #f53200 !important; } .bg_c14 { background: #ff6600 !important; } .bg_c15 { background: #ffff00 !important; } .bg_c16 { background: #339966 !important; } .bg_c17 { background: #b98232 !important; } .bg_c18 { background: #5b5858 !important; } .bg_c19 { background: #c71662 !important; } .bg_c20 { background: #028d01 !important; } .bg_c21 { background: #ab0000 !important; } .bg_c22 { background: #1490e1 !important; } .bg_c23 { background: #005bc3 !important; } .bg_c24 { background: #ff4c86 !important; } .bg_c25 { background: #017ee1 !important; } .bg_c26 { background: #14a83b !important; } .bg_c27 { background: #ff3300 !important; } .bg_c28 { background: #ea2d48 !important; } .bg_c29 { background: #009933 !important; } .bg_c30 { background: #219cae !important; } .bg_c31 { background: #137b2c !important; } .bg_c32 { background: #00ac33 !important; } .bg_c33 { background: #e7ffb0 !important; } .bg_c34 { background: #ff4a23 !important; } .bg_c35 { background: #ffffe0 !important; } .bg_c36 { background: #609b23 !important; } /*マージン＆パディング*/ .pl175{ padding-left:175px; } .pl90{ padding-left:90px; } .pl70{ padding-left:70px; } .pl60{ padding-left:60px; } .pl30{ padding-left:30px; } .pl29{ padding-left:29px; } .pl28{ padding-left:28px; } .pl27{ padding-left:27px; } .pl26{ padding-left:26px; } .pl25{ padding-left:25px; } .pl20{ padding-left:20px; } .pl17{ padding-left:17px; } .pl15{ padding-left:15px; } .pl10{ padding-left:10px; } .pl9{ padding-left:9px; } .pl8{ padding-left:8px; } .pl7{ padding-left:7px; } .pl6{ padding-left:6px; } .pl5{ padding-left:5px !important; } .pl4{ padding-left:4px; } .pl3{ padding-left:3px; } .pl2{ padding-left:2px; } .pl1{ padding-left:1px; } .pr30{ padding-right:30px; } .pr25{ padding-right:25px; } .pr20{ padding-right:20px; } .pr15{ padding-right:15px; } .pr10{ padding-right:10px; } .pr5{ padding-right:5px; } .pt30{ padding-top:30px; } .pt25{ padding-top:25px; } .pt20{ padding-top:20px; } .pt15{ padding-top:15px; } .pt10{ padding-top:10px; } .pt9{ padding-top:9px; } .pt8{ padding-top:8px; } .pt7{ padding-top:7px; } .pt6{ padding-top:6px; } .pt5{ padding-top:5px; } .pt4{ padding-top:4px; } .pt3{ padding-top:3px; } .pt2{ padding-top:2px; } .pt1{ padding-top:1px; } .pb30{ padding-bottom:30px; } .pb25{ padding-bottom:25px; } .pb20{ padding-bottom:20px; } .pb15{ padding-bottom:15px; } .pb10{ padding-bottom:10px; } .pb5{ padding-bottom:5px; } .pb4{ padding-bottom:4px; } .pb3{ padding-bottom:3px; } .pb2{ padding-bottom:2px; } .pb1{ padding-bottom:1px; } .pa30{ padding:30px; } .pa25{ padding:25px; } .pa20{ padding:20px; } .pa15{ padding:15px; } .pa10{ padding:10px; } .pa5{ padding:5px; } .ml85{ margin-left:85px; } .ml50{ margin-left:50px; } .ml30{ margin-left:30px; } .ml25{ margin-left:25px; } .ml20{ margin-left:20px; } .ml15{ margin-left:15px; } .ml10{ margin-left:10px; } .ml6{ margin-left:6px; } .ml5{ margin-left:5px; } .ml4{ margin-left:4px; } .ml3{ margin-left:3px; } .ml2{ margin-left:2px; } .ml1{ margin-left:1px; } .ml0{ margin-left:0px !important; } .mr30{ margin-right:30px; } .mr25{ margin-right:25px; } .mr20{ margin-right:20px; } .mr15{ margin-right:15px; } .mr10{ margin-right:10px; } .mr5{ margin-right:5px; } .mt130{ margin-top:130px !important; } .mt120{ margin-top:120px !important; } .mt110{ margin-top:110px !important; } .mt100{ margin-top:100px !important; } .mt90{ margin-top:90px !important; } .mt80{ margin-top:80px !important; } .mt70{ margin-top:70px !important; } .mt60{ margin-top:60px !important; } .mt50{ margin-top:50px !important; } .mt40{ margin-top:40px !important; } .mt30{ margin-top:30px !important; } .mt25{ margin-top:25px !important; } .mt20{ margin-top:20px !important; } .mt15{ margin-top:15px !important; } .mt10{ margin-top:10px !important; } .mt5{ margin-top:5px !important; } .mb130{ margin-bottom:130px !important; } .mb120{ margin-bottom:120px !important; } .mb110{ margin-bottom:110px !important; } .mb100{ margin-bottom:100px !important; } .mb90{ margin-bottom:90px !important; } .mb80{ margin-bottom:80px !important; } .mb70{ margin-bottom:70px !important; } .mb60{ margin-bottom:60px !important; } .mb53{ margin-bottom:53px !important; } .mb50{ margin-bottom:50px !important; } .mb40{ margin-bottom:40px !important; } .mb35{ margin-bottom:35px !important; } .mb30{ margin-bottom:30px !important; } .mb25{ margin-bottom:25px !important; } .mb20{ margin-bottom:20px !important; } .mb15{ margin-bottom:15px !important; } .mb10{ margin-bottom:10px !important; } .mb5{ margin-bottom:5px !important; } .mb4{ margin-bottom:4px !important; } .mb3{ margin-bottom:3px !important; } .mb2{ margin-bottom:2px !important; } .mb1{ margin-bottom:1px !important; } .mb0{ margin-bottom:0px !important; } .ma30{ margin:30px; } .ma25{ margin:25px; } .ma20{ margin:20px; } .ma15{ margin:15px; } .ma10{ margin:10px; } .ma5{ margin:5px; } .mat{ margin:auto; } .m0auto { display: block; margin: 0 auto; } /*整列*/ .tal{ text-align:left !important; } .tac{ text-align:center !important; } .tar{ text-align:right !important; } .vat{ vertical-align: top !important; } .vam{ vertical-align: middle !important; } .vab{ vertical-align: bottom !important; } /*回り込み*/ .ftl{ float: left !important; } .ftr{ float: right !important; } .clear{ clear:both !important; overflow: hidden; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .sp-only { display: none; } /*2行目以降のインデント指定*/ .hangs1 { margin-left: 1em; text-indent: -1em; } .hangs2 { margin-left: 2em; text-indent: -2em; } .hangs3 { margin-left: 3em; text-indent: -3em; } .hangs4 { margin-left: 4em; text-indent: -4em; } .hangs5 { margin-left: 5em; text-indent: -5em; } .hangs6 { margin-left: 6em; text-indent: -6em; } .hangs7 { margin-left: 7em; text-indent: -7em; } .hangs8 { margin-left: 8em; text-indent: -8em; } .hangs9 { margin-left: 9em; text-indent: -9em; } /*文字装飾＆強調*/ em{ font-weight:bold; } strong{ font-weight:bold; } del{ text-decoration:line-through; } .fb { font-weight:bold; } .fn { font-weight:normal; } .tul { text-decoration: underline; } .bin { background-image:none; } .tdl { text-decoration: line-through; } /*各要素間の調整*/ .btl0 { padding-bottom:0px; margin-bottom:0px; } .btl1 { padding-bottom:1px; margin-bottom:1px; } .btl2 { padding-bottom:2px; margin-bottom:2px; } .btl3 { padding-bottom:3px; margin-bottom:3px; } .btl4 { padding-bottom:4px; margin-bottom:4px; } .btl5 { padding-bottom:5px; margin-bottom:5px; } /*文字縦書き用*/ .tate { direction: ltr; float: left; width: 10px; word-wrap: break-word; } .tate1 { direction: ltr; float: left; width: 6px; word-wrap: break-word; } /*文字間隔調整*/ .ls-01 { letter-spacing: -0.1px; } .ls-02 { letter-spacing: -0.2px; } .ls-03 { letter-spacing: -0.3px; } .ls-04 { letter-spacing: -0.4px; } .ls-05 { letter-spacing: -0.5px; } .ls-06 { letter-spacing: -0.6px; } .ls-07 { letter-spacing: -0.7px; } .ls-08 { letter-spacing: -0.8px; } .ls-09 { letter-spacing: -0.9px; } .ls-1 { letter-spacing: -1px; } .ls01 { letter-spacing: 1px; } .ls02 { letter-spacing: 2px; } .ls03 { letter-spacing: 3px; } .ls04 { letter-spacing: 4px; } .ls05 { letter-spacing: 5px; } .ls06 { letter-spacing: 6px; } .ls07 { letter-spacing: 7px; } .ls08 { letter-spacing: 8px; } .ls09 { letter-spacing: 9px; } .ls10 { letter-spacing: 10px; } /*改行時の行間調整*/ .lh9 { line-height:56%; } .lh10 { line-height:63%; } .lh11 { line-height:70%; } .lh12 { line-height:77%; } .lh13 { line-height:83%; } .lh14 { line-height:90%; } .lh15 { line-height:95%; } .lh16 { line-height:100%; } .lh17 { line-height:108%; } .lh18 { line-height:114%; } .lh19 { line-height:120%; } .lh20 { line-height:127%; } .lh22 { line-height:140%; } .lh24 { line-height:152%; } .lh26 { line-height:164%; } .lh28 { line-height:176%; } .lh30 { line-height:188%; } .lh32 { line-height:200%; } .lh10fx { line-height:10px; } .lh11fx { line-height:11px; } .lh12fx { line-height:12px; } .lh13fx { line-height:13px; } .lh14fx { line-height:14px; } .lh15fx { line-height:15px; } .lh16fx { line-height:16px; } .lh17fx { line-height:17px; } .lh18fx { line-height:18px; } .lh19fx { line-height:19px; } .lh20fx { line-height:20px; } .lh22fx { line-height:22px; } .lh24fx { line-height:24px; } .lh26fx { line-height:26px; } .lh28fx { line-height:28px; } .lh30fx { line-height:30px; } .lh32fx { line-height:32px; } /*画像処理*/ img { vertical-align:bottom; border: none; } a:hover .bt { position: relative; top: 1px; left: 1px; } a:hover img.oc100 { opacity: 1.0; } a:hover img.oc90 { opacity: 0.9; } a:hover img.oc80 { opacity: 0.8; } a:hover img.oc70, a:hover img { opacity: 0.7; } a:hover img.oc60 { opacity: 0.6; } a:hover img.oc50 { opacity: 0.5; } a:hover img.oc40 { opacity: 0.4; } a:hover img.oc30 { opacity: 0.3; } a:hover img.oc20 { opacity: 0.2; } a:hover img.oc10 { opacity: 0.1; } a:hover img.oc0 { opacity: 0; } /*ホバー処理*/ .killHover:hover { transition: 100s; } /*矢印*/ .arrow01 { background: url("/images/stories/other/icon/cl_002.gif") no-repeat scroll 0 1px transparent; padding: 0 0 0 20px; } .arrow02 { background: url("/images/stories/other/icon/text031_11.gif") no-repeat scroll 0 2px transparent; margin: 0; text-indent: 39px; } .arrow03 { position: absolute; background-image: url("/images/stories/htk/banner/arrow03.jpg"); background-position: left top; background-repeat: no-repeat; height:20px; color: #ab0000; text-indent: 18px; text-decoration: line-through; } .arrow04 { background: url("/images/stories/other/icon/text031_11.gif") no-repeat scroll 0 2px transparent; padding: 0 0 0 39px; margin: 0; } /*CSSスプライト*/ .utility--cssSprite { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; } /* ------------------------------------------------------------- [_.headline --------------------------------------------------------------*/ h1 { margin-bottom: 20px; padding: 10px 0; /* text-align: center; */ font-size: 20px; font-weight: bold; line-height: 1; margin-top: 12px; color: #FFF; background: #00a040; } h2 {font-size:117%;} h3 {font-size: 117%;} h2.magenta, h2.orange, h2.green, h2.cyan, h2.purple, h2.red, h2.blue, h2.yellow { border-bottom: 1px solid #aaa; font-size: 120%; margin: 0 0 10px; padding: 0 0 2px 22px; } h2.magenta { background:url("/images/stories/kanateer/headline/h2magenta.gif") 2px 2px no-repeat; } h2.orange { background:url("/images/stories/kanateer/headline/h2orange.gif") 2px 2px no-repeat; } h2.green { background:url("/images/stories/kanateer/headline/h2green.gif") 2px 2px no-repeat; } h2.cyan { background:url("/images/stories/kanateer/headline/h2cyan.gif") 2px 2px no-repeat; } h2.purple { background:url("/images/stories/kanateer/headline/h2purple.gif") 2px 2px no-repeat; } h2.red { background:url("/images/stories/kanateer/headline/h2red.gif") 2px 2px no-repeat; } h2.blue { background:url("/images/stories/kanateer/headline/h2blue.gif") 2px 2px no-repeat; } h2.yellow { background:url("/images/stories/kanateer/headline/h2yellow.gif") 2px 2px no-repeat; } /* ------------------------------------------------------------- [_.Layout --------------------------------------------------------------*/ html {overflow: auto;} body { margin: 0; overflow-x: hidden; position: relative; /* min-width: 940px; */ min-width: 1240px; } body, td{ font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", /* "Hiragino Sans", */ "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif; font-size: 12px; color: #333; line-height: 1.5; } #page_bg { padding: 0; } #main_bg { width: 940px; text-align:left; margin:0px auto; } #wrapper { width:940px; margin:0 auto; } #catch { width:940px; margin-bottom: 10px; } #leftcolumn { float:left; width: 199px; } #maincolumn { float:right; width: 720px; margin-top:17px; margin-bottom:10px; display:inline; } #singlecolumn div.product_details, #singlecolumn td[valign="top"]{ width: 940px; float: none; } .singlecolumn_inner { width: 100%; } div.path { padding:0; } div.product_details { width: 720px; float: left; border:none; font-size:100%; outline-style:none; outline-width:0; margin:0; padding:0; vertical-align:baseline; } .pageTop { text-align: right; clear: both; display: block; margin-bottom: 6px; margin-left: auto; width: 125px; height: 25px; /*background-color: #FF0000;*/ } .pageTop.pagetopFootBtn { background-image: url(/images/stories/htk/common/global_sprite.png); background-repeat: no-repeat; background-position: -400px -300px; } /*.pageTop:hover { opacity: 0.7; }*/ /* ------------------------------------------------------------- [_.header ------------------------------------------------------------- */ /* .header｜レイアウト -----------------------------------*/ div#header { width: 940px; margin: 0 0 2px; } p.header-name { background: #f1f8e3; width: 920px; color: #2e9e26; padding: 3px 10px; } div.header-box { overflow: hidden; width: 940px; margin: 2px 0 0; } /* div.header-box-L { float: left; width: 300px; height: 80px; margin-top: 15px; margin-bottom: 9px; } */ /*サブディレクトリ以下のロゴ*/ .header-box-L a.logo-brand { display: block; width: 239px; margin: auto; } div.header-box-R { float: right; width: 650px; } .header-inkFacebook { float: left; width: 70px; margin-top: 15px; } .header-inkFacebook a { display: block; margin-bottom: 5px; } /*ヘッダーインク革命ポイント案内バナー*/ .top-bnr a { text-decoration: none; } .headbnr_Inkpoint { height: 50px; margin: 0; background: url('/images/stories/htk/menu/bnr_inkpoint.png') no-repeat center top; background-size: auto 50px; overflow: visible; } /*ログイン */ div#header-login { float: right; width: 200px; } div#header-login p { width: 190px; font-size: 10px; text-align: right; color: #333333; margin: 0 0 3px 10px; padding: 0; } ul#login-area { margin: 0; padding: 0; } ul#login-area li { background: none; float: left; margin: 0 0 0 10px; padding: 0; } * html ul#login-area li { margin: 0 0 0 6px; } ul#login-area li a:hover img { position: relative; top: 1px; } ul#login-area li input { margin: 0; padding: 0; } .header-telinfo { float: left; margin-top: 15px; } /* サブメニュー＆訴求要素 */ ul#header-sub-navi { overflow: hidden; width: 555px; height: 20px; margin-left: auto; padding: 10px 0; } ul#header-appeal { overflow: hidden; width: 630px; height: 34px; } ul#header-appeal li { float: right; background: none; margin: 0 0 0 13px; padding: 0; } ul#header-sub-navi li { float: right; background: none; padding : 0 6px; border-left: 1px solid #C0C0C0; } ul#header-sub-navi li a:hover img { opacity: 1.0; } /* .header｜グローバルインフォメーション -----------------------------------*/ /*配送目安検索ボックスと検索ボックスの大枠*/ .globalInfo { width: 1280px; margin: 7px 0 10px; position: relative; } .globalInfo .banner{ width: 435px; float: right; } /*.header｜配送目安 -----------------------------------*/ /* .meyasuWrapper { width: 677px; font-size: 16px; } .meyasuBox { background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: -1055px -100px; border-bottom: solid 3px #ddd; width: 416px; display: inline-block; padding: 0 5px 0 50px; margin-right: 5px; vertical-align: top; line-height: 27px; } .meyasuBox--in { width: 620px !important; background-position: -1055px -100px; padding-top: 5px; letter-spacing: -0.5px; } .meyasuBox--in .popUpWrapper > a { vertical-align: middle !important; } .meyasuBox--in #popUpBox { top: 20px; left: -160px; } .popUpWrapper { display: inline-block; position: relative; } .popUpWrapper > a > img { vertical-align: middle; } .popUpWrapper .searchBtn { display: inline-block; width: 181px; height: 34px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: 0 -101px; } .popUpWrapper .searchBtn:hover { opacity: 0.7; } #popUpBox { position: absolute; top: 33px; left: 0; width: 380px; padding: 20px; border: 1px solid #ddd; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); background: #fff; z-index: 9999; } #popUpBox input[type="text"] { font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; font-size: 16px; padding: .2em .4em; text-align: center; margin: 0 3px; } #popUpBox .postMark { width: 32px; vertical-align: middle; } /* カート画面の住所選択ポップアップの表示位置 */ .orderFlowContents--cart #popUpBox { left: inherit; right: 0; } .popUpWrapper .postal-codeBox { margin-bottom: 10px; text-align:center !important; font-size:16px !important; } .popUpWrapper .postal-codeBox:before { content: ""; display: inline-block; width: 32px; height: 32px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; vertical-align: middle; background-position: -400px -100px; } #popUpBox .hidePopUpBtn { position: absolute; right: 0; top: 0; } #popUpBox .hidePopUpBtn { display: inline-block; width: 35px; height: 20px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: -600px -101px; position: absolute; right: 0; top: 0; } */ /*.header｜最短お届け目安検索ボックス -----------------------------------*/ .sendOut_PostalCode { display: inline; padding-left: 5px; color: #1E9ACD; text-decoration: underline; z-index: 500; } .sendOut_PostalCode span.popUp_PostalCode { display: none; position: absolute; top: 0.1em; left: 0.1em; z-index: 9999; } .sendOut_PostalCode:hover { position:relative; text-decoration:none; } .sendOut_PostalCode:hover .popUp_PostalCode { display: block; width: 300px; background-color: #FFF; margin-top: 8px; padding:12px; color:#000; border-radius:3px; /*-webkit-border-radius:3px;*/ /*-moz-border-radius:3px;*/ box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px; /*-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;*/ /*-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px;*/ } .popUp_PostalCode .postalcodeformBox_num1 { width: 55px; height: 21px; margin: 0; padding: 0; } .popUp_PostalCode .postalcodeformBox_num2 { width: 90px; height: 21px; margin: 0; padding: 0; } .popUp_PostalCode .postalcodeformBox_txt { display: block; padding: 9px; font-size: 13px; line-height: 18px; text-align: left; } /* .header｜検索ボックスフォーム - 検索結果画面 - キーワード一覧 -----------------------------------*/ /* .Box_wordsearch { float: right; width: 260px; padding-right: -1px; background: #f7f6f8; border-right: none; border-radius: 8px; } .Box_wordsearch form { float: left; } .wordinput { width: 155px; height: 27px; margin: 0 0 0 5px; padding-left: 5px; border: 1px solid #a9a9a9; box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset; } */ /* #headerWrapper, div.searchBoxWrapper { padding-top: 7px; margin-right: -500%; margin-left: -500%; width: 100%; font-size: 13px; color: #333; } #headerWrapper a { text-decoration: none; } .headerWrapper__header { padding: 6px 500% 15px; width: 1280px; background: linear-gradient(to bottom, rgb(253, 253, 253) 0%, rgb(238, 238, 238) 100%); background-size: contain; background-position: bottom center; background-repeat: no-repeat; *zoom: 1; } .headerWrapper__header:before, .headerWrapper__header:after { content: " "; display: table; } .headerWrapper__header:after { clear: both; } */ /* ログインページはボタンを非表示にし番号を右寄せに */ /* .headerWrapper__header.header__Registration div.header-box-R { width: 450px; } */ /* .header__contactBtn { display: inline-block; margin-bottom: 8px; margin-top: 10px; vertical-align: top; position: relative; width: 450px; height: 55px; background: url('/images/stories/htk/menu/header_telinfo.png?20201224') no-repeat; background-size: contain; } .header__contactBtn a { position: absolute; top: 24px; left: 4px; } */ /* div.header-box-L.header__logoWrapper { float: left; width: 230px; height: 70px; margin-top: 0px; margin-bottom: 0px; } */ /* div.header-box-L.header__logoWrapper img { height: auto; } */ /*ログイン・ログアウト関連*/ /* .header__loginBox, .header__logoutBox { width: 180px; display: inline-block; float: right; margin-top: 4px; } .header__loginBox a, .header__logoutBox a { display: inline-block; width: 89px; height: 67px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; } .header__logoutBox a { background-position: -300px -200px; } .header__loginBox a:hover, .header__logoutBox a:hover { opacity: 0.7; } .header__loginBox a:hover { opacity: 0.8; } a.loginBox__loginBtn { background-position: -300px -269px; float: right; } a.loginBox__registerBtn { background-position: -300px -337px; height: 67px; } .header__logoutBox { font-size: 12px; line-height: 1.3; position: relative; } input.logoutBox__logoutBtn { height: 34px; width: 89px; margin: 0; position: absolute; bottom: 0; right: 0; border: none; background: url(/images/stories/htk/common/global_sprite.png) no-repeat -300px -404px; } input.logoutBox__logoutBtn:hover { opacity: 0.7; } a.logoutBox__myPageBtn { width: 89px; } .logoutBox__myPageMenu { position: relative; float: left; } .logoutBox__myPageMenu > ul { visibility: hidden; position: absolute; z-index: 15000; top: 100%; left:0; padding: 0; margin-top: -4px; } .logoutBox__myPageMenu:hover > ul { visibility: visible; } .logoutBox__myPageMenu > ul li { visibility: inherit; padding: 0; } .logoutBox__myPageMenu > ul li a { padding: 13px 10px 13px 22px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #eee; text-align: left; display: inline-block; color: #333; width: 90%; height: auto; white-space: nowrap; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 2px 0 6px -6px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 2px 0 6px -6px; box-shadow: rgba(0, 0, 0, 0.4) 2px 0 6px -6px; } .logoutBox__myPageMenu > ul li a:hover { background: #fafafa; opacity: 1; } .logoutBox__myPageMenu > ul li:last-of-type a { border-bottom: 1px solid #ccc; } .logoutBox__greetingBox { float: right; width: 84px; display: block; padding-bottom: 4px; padding-left: 4px; white-space: nowrap; } */ /*グローバルメニュー*/ /* .headerWrapper__globalMenuWrapper { padding: 0 500%; width: 1280px; border-top: solid 3px #00b247; -moz-box-shadow: 0 3px 3px #dadada inset; -webkit-box-shadow: 0 3px 3px #dadada inset; -o-box-shadow: 0 3px 3px #dadada inset; -ms-box-shadow: 0 3px 3px #dadada inset; *zoom: 1; } .globalMenuWrapper__globalMenu:before, .globalMenuWrapper__globalMenu:after { content: ""; display: table; } .globalMenuWrapper__globalMenu:after { clear: both; } div.globalMenu__megaDropWrapper { width: 636px; padding: 10px 20px; background: #fafafa; position: absolute; z-index: 9999; visibility: hidden; border: solid 1px #ddd; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px; } .globalMenu__megaDropWrapper #search-ink , .globalMenu__megaDropWrapper #search-tnr { display: none; } .globalMenu__megaDropWrapper .searchBtnsWrapper { margin: 0; padding: 0; background: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .globalMenu__megaDropWrapper .searchBtns__others { text-align: left; } .globalMenuWrapper__globalMenu--slowDrop li:hover div.globalMenu__megaDropWrapper { visibility: visible; } .globalMenuWrapper__globalMenu > li { float: left; padding: 0; position: relative; } .globalMenuWrapper__globalMenu li > ul { visibility: hidden; position: absolute; z-index: 9999; top: 42px; left: -11px; padding: 0; } .globalMenuWrapper__globalMenu li > ul li { visibility: hidden; } .globalMenuWrapper__globalMenu li > ul li a { padding: 13px 10px 13px 22px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #eee; text-align: left; display: inline-block; color: #333; width: 90%; white-space: nowrap; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 2px 0 6px -6px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 2px 0 6px -6px; box-shadow: rgba(0, 0, 0, 0.4) 2px 0 6px -6px; } .globalMenuWrapper__globalMenu li > ul li a:hover { background: #fafafa; } .globalMenuWrapper__globalMenu li > ul li:last-of-type a { border-bottom: 1px solid #ccc; } .globalMenuWrapper__globalMenu--slowDrop li > ul li { height: 0; } .globalMenuWrapper__globalMenu--slowDrop li:hover > ul li { visibility: visible; height: 40px; } */ /* .globalMenuWrapper__globalMenu > li > a { display: block; width: 155px; height: 46px; overflow: hidden; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; position: relative; } */ /* .globalMenuWrapper__globalMenu > .globalMenu--top > a { width: 102px; background-position: 0px -1px; } .globalMenuWrapper__globalMenu > .globalMenu--top > a:hover { background-position: 0px -49px; } */ /* .globalMenuWrapper__globalMenu > .globalMenu--ink > a { width: 131px; background-position: -103px -1px; } */ /* .globalMenuWrapper__globalMenu > .globalMenu--ink > a:hover { background-position: -103px -49px; } .globalMenuWrapper__globalMenu > .globalMenu--toner > a { width: 131px; background-position: -103px -1px; } .globalMenuWrapper__globalMenu > .globalMenu--toner > a:hover { background-position: -103px -49px; } .globalMenuWrapper__globalMenu > .globalMenu--customer > a { width: 132px; background-position: -367px -1px; } .globalMenuWrapper__globalMenu > .globalMenu--customer > a:hover { background-position: -367px -49px; } .globalMenuWrapper__globalMenu > .globalMenu--guide > a { width: 153px; background-position: -500px -1px; } .globalMenuWrapper__globalMenu > .globalMenu--guide > a:hover { background-position: -500px -49px; } .globalMenuWrapper__globalMenu > .globalMenu--company > a { width: 153px; background-position: -653px -1px; } .globalMenuWrapper__globalMenu > .globalMenu--company > a:hover { background-position: -653px -49px; } .globalMenuWrapper__globalMenu > .globalMenu--cart > a { width: 137px; background-position: -806px -1px; } .globalMenuWrapper__globalMenu > .globalMenu--cart > a:hover { background-position: -806px -49px; } */ /* .globalMenu--cart .cart__productCount { display: block; background-position: -701px -101px; min-width: 26px; height: 26px; position: absolute; right: -11px; top: 0; font-weight: bold; color: #fff; text-align: center; line-height: 22px; font-size: 12px; letter-spacing: -1px; background: #ff9318; border: 2px solid #FFF; border-radius: 100%; box-sizing: border-box; text-align: center; } */ /* .globalMenuWrapper__globalMenu > li > a > span { position: absolute; top: 15px; left: 45px; color: #333; } */ .globalMenuWrapper__globalMenu .globalMenu--ink span, .globalMenuWrapper__globalMenu .globalMenu--toner span, .globalMenuWrapper__globalMenu .globalMenu--guide span { left: 38px; } .globalMenuWrapper__globalMenu .globalMenu--company span{ left: 36px; } .globalMenuWrapper__globalMenu .globalMenu--cart .cart__txt{ left: 40px; } #headerWrapper .globalInfo { margin: 12px 0 6px; padding: 0 500%; } #headerWrapper .global_fixedsupport { margin: 66px auto 6px !important; } #headerWrapper .globalInfo .sendOut { float: left; } .globalInfo__txtSearch { float: right; } .globalInfo__txtSearch input[type="text"] { width: 200px; height: 25px; font-size: 100%; margin-top: 0; margin-right: 0; } .globalInfo__txtSearch input[type="image"] { margin-top: 0; margin-right: 0; } /* 切替前 */ #headerWrapper .globalInfo .Box_wordsearch { background: none; } /*#headerWrapper .globalInfo input.btn_wordsearch { width: 71px; height: 34px; background: none; margin: 0; margin-left: 5px; } #headerWrapper .globalInfo input.btn_wordsearch:hover{opacity: 0.7} */ .fixed { position: fixed !important; top: 0; z-index: 5000; padding: 0; width: 1280px; } /* 配送情報の layoutshift制御 */ .global_fixedsupport { margin: 62px auto 6px; } #headerWrapper .globalInfo input.btn_wordsearch { width: 71px; height: 34px; background: none; margin: 0; margin-left: 5px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat transparent; background-position: -250px -101px; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #headerWrapper .globalInfo input.btn_wordsearch:hover { opacity: 0.7; } /* ------------------------------------------------------------- [_.footer --------------------------------------------------------------*/ table.calendar3{ float:left; position:relative; top:12px; left:10px; width: 135px; height: 111px; margin-right: 10px; } table.calendar3 caption{ background: #666666; color: #ffffff; padding: 2px; font-size: 11px; font-weight:bold; } table.calendar3 th, table.calendar3 td{ background: #ffffff; border: 1px solid #cccccc; text-align: center; vertical-align: middle; width: 18px; color: #666666; font-size: 10px; } table.calendar3 .holiday{ color: #ff3300; background: #ffddff; } table.calendar3 .sunday{ color: #ff3300; } table.calendar3 .saturday{ color: #0066ff; } /* .footer｜Facebookバナー -----------------------------------*/ .fbBoxWrapper { width: 900px; height: 214px; padding: 20px; background: url(/images/stories/htk/footer/bg_fbbox.jpg) no-repeat; clear: both; margin: 20px 0 50px; } .fbBox { margin-left: 400px; } /* .footer｜新フッター -----------------------------------*/ /* お買い物ガイド */ .footerWrapper--guide { font-size: 14px; } .footerWrapper--guide .footerWrap__inner { margin-top: 20px; } .footerWrapper--guide .wrapperTitle { font-size: 17px; color: #FFF; background: #000; margin: 0 -500%; padding: 7px 500%; overflow: hidden; } .footerWrapper--guide .footerWrap__inner { width: 100%; overflow: hidden; } .footerWrapper--guide .footerWidget { float: left; width: 50%; box-sizing: border-box; } .footerWrapper--guide .footerWidget sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.1em; } .footerWrapper--guide .footerWidget .guideWrap { margin-bottom: 40px; } .footerWrapper--guide .footerWidget .guideWrap__inner { padding-left: 10px; box-sizing: border-box; } .footerWrapper--guide .footerWidget .notes { font-size: 0.85em; padding-left: 1em; text-indent: -1em; color: #666; } .footerWrapper--guide .footerWidget .guideWrap__shipment .shipmentInfo { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footerWrapper--guide .footerWidget .guideWrap__shipment .shipmentInfo .timezone { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; /*margin-left: 10px;*/ max-width: 200px; /*width: 220px;*/ } .footerWrapper--guide .footerWidget .guideWrap__shipment .shipmentInfo .desc { -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 12px; } @media all and (-ms-high-contrast: none){ .footerWrapper--guide .footerWidget .guideWrap__shipment .shipmentInfo .desc { padding-right: 5px; } } .footerWrapper--guide .footerWidget .guideWrap__shipment .guideWrap__shipmentMap { width: 100%; margin: 15px auto; border: 1px solid #DDD; box-sizing: border-box; text-align: center; } .footerWrapper--guide .footerWidget .guideWrap__shipment .guideWrap__shipmentMap ul { margin: 0 auto; float: none; } .footerWrapper--guide .footerWidget:first-child { padding-right: 16px; } .footerWrapper--guide .footerWidget:last-child { padding-left: 16px; } .footerWrapper--guide .footerWidget .title { padding-left: 10px; color: #000; font-size: 15px; border-bottom: 1px solid #000; position: relative; overflow: hidden; } .footerWrapper--guide .footerWidget .title .moreLink { display: inline-block; float: right; text-decoration: underline; font-size: 12px; letter-spacing: -1px; position: absolute; right: 0; bottom: 6px; } .footerWrapper--guide .footerWidget .title:before { display: inline-block; content: ''; margin-right: 9px; margin-bottom: 4px; padding: 14px 0; border-right: 5px solid #000; vertical-align: middle; } .footerWrapper--guide .box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DDD; } .footerWrapper--guide .box:last-child { border-bottom: none; } .footerWrapper--guide .box .name { -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 130px; box-sizing: border-box; font-size: 13px; font-weight: bold; } .footerWrapper--guide .box .name .option { display: block; font-size: 12px; font-weight: normal; } .footerWrapper--guide .box .name .option .num { color: #FF0000; } .footerWrapper--guide .box .name .option .num strong { font-size: 21px; margin-left: 3px; margin-right: 3px; } .footerWrapper--guide .box .desc { -webkit-flex: 2.4; -ms-flex: 2.4; flex: 2.4; width: 310px; font-size: 13px; } .footerWrapper--guide .box .desc img { max-width: 100%; } .footerWrapper { font-size: 11px; margin: 0 -500%; padding: 0 500%; overflow: hidden; } .footerWrapper p, .footerWrapper ul, .footerWrapper li { padding: 0; margin: 0; } .footerWrapper li a { color: #333; } .footerWrapper li a:hover { color: #fdc502; text-decoration: none; } /* サイトマップ */ .footerWrapper--top { color: #333; background: #fafafa; border-top: solid 1px #ddd; padding-top: 30px; padding-bottom: 30px; } .footerWrapper--top li { padding-bottom: 5px; } .footerWrapper--top li.last { padding-bottom: 0; } .footerWrapper--bottom { background: #00b247; padding-top: 15px; padding-bottom: 15px; } .footerWrapper--bottom img { float: left; } .footerWrapper--bottom p { float: right; margin-top: 4px; color: #fff; } .footerWrapper .footerWrap__inner { float: left; margin-right: 51px; } .footerWrapper .title { color: #00b247; font-size: 13px; font-weight: bold; margin-bottom: 10px; } .footerWrapper .footerWrap__inner ul { margin-bottom: 15px; } .footerWrapper .footerWrap__inner ul.last { margin-bottom: 0; } .footerWrapper .footerWrap__inner--ink { width: 191px; } .footerWrapper .footerWrap__inner--toner { width: 213px; } .footerWrapper .footerWrap__inner--other { width: 187px; } .footerWrapper .footerWrap__inner--contact { width: 196px; margin-right: 0; } .footerWrapper .footerWrap__inner--contact .phoneNumber { font-size: 15px; font-weight: bold; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: -750px -135px; /*background-size: 20px;*/ padding-left: 25px; } .footerWrapper .footerWrap__inner--contact .btnBox { min-height: auto; margin: 0 0 5px; } .footerWrapper .footerWrap__inner--contact .btnBox a { font-style: normal; font-size: 13px; color: #fff; display: block; width: 196px; text-decoration: none; } .footerLogo { display: inline-block; width: 150px; height: 26px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: -300px -160px; } /* ------------------------------------------------------------- [_.left ------------------------------------------------------------- */ div.module { margin: 0 0 10px; } .sideMenuListKind_1 , .sideMenuListKind_2 { width: 198px; margin-top: 20px; padding-top: 0; padding-bottom: 5px; border: 1px solid #e2e2e2; border-radius: 5px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat -501px -500px; } .sideMenuListKind_1 > h2 , .sideMenuListKind_2 > h2 { height: 40px; line-height: 35px; text-align: center; } .sideMenuListKind_2 > ul > li.laser_printer{ height: 30px; line-height: 14px; padding-top: 8px; } .sideMenuListKind_2 > ul > li.laser_printer:hover{ background-position-y: -395px !important; } /* .left｜ホバー時処理（共通） */ .sideMenuKindCategory_1_1 li:hover , .sideMenuKindCategory_2_1 li:hover , .sideMenuKindCategory_1_2 li:hover , .sideMenuKindCategory_2_2 li:hover , .sideMenuKindCategory_1_5 li:hover , .sideMenuKindCategory_2_5 li:hover , .sideMenuKindCategory_1_6 li:hover , .sideMenuKindCategory_2_6 li:hover , .sideMenuKindCategory_1_7 li:hover , .sideMenuKindCategory_2_7 li:hover , .sideMenuKindCategory_1_8 li:hover , .sideMenuKindCategory_1_9 li:hover , .sideMenuKindCategory_2_10 li:hover , .sideMenuKindCategory_2_10 li:hover , .sideMenuKindCategory_2_11 li:hover , .sideMenuKindCategory_2_12 li:hover , .sideMenuKindCategory_2_13 li:hover, .sideMenuKindCategory_2_14 li:hover, .sideMenuKindCategory_2_15 li:hover, .sideMenuKindCategory_2_16 li:hover, .sideMenuKindCategory_2_17 li:hover, .sideMenuKindCategory_2_18 li:hover, .sideMenuKindCategory_2_19 li:hover, .sideMenuKindCategory_2_20 li:hover, .sideMenuKindCategory_2_21 li:hover, .sideMenuKindCategory_2_22 li:hover, .sideMenuKindCategory_2_23 li:hover, .sideMenuKindCategory_2_24 li:hover, .sideMenuKindCategory_2_25 li:hover, .sideMenuKindCategory_2_26 li:hover, .sideMenuKindCategory_2_27 li:hover, .sideMenuKindCategory_2_28 li:hover, .sideMenuKindCategory_2_29 li:hover, .sideMenuKindCategory_2_30 li:hover { color: #FFF; background-color: #FDC502 !important; background-position: 180px -399px !important; } .sideMenuKindCategory_1_1 li a:hover , .sideMenuKindCategory_2_1 li a:hover , .sideMenuKindCategory_1_2 li a:hover , .sideMenuKindCategory_2_2 li a:hover , .sideMenuKindCategory_1_5 li a:hover , .sideMenuKindCategory_2_5 li a:hover , .sideMenuKindCategory_1_6 li a:hover , .sideMenuKindCategory_2_6 li a:hover , .sideMenuKindCategory_1_7 li a:hover , .sideMenuKindCategory_2_7 li a:hover , .sideMenuKindCategory_1_8 li a:hover , .sideMenuKindCategory_1_9 li a:hover , .sideMenuKindCategory_2_10 li a:hover , .sideMenuKindCategory_2_10 li a:hover , .sideMenuKindCategory_2_11 li a:hover , .sideMenuKindCategory_2_12 li a:hover , .sideMenuKindCategory_2_13 li a:hover , .sideMenuKindCategory_2_14 li a:hover , .sideMenuKindCategory_2_15 li a:hover , .sideMenuKindCategory_2_16 li a:hover , .sideMenuKindCategory_2_17 li a:hover , .sideMenuKindCategory_2_18 li a:hover , .sideMenuKindCategory_2_19 li a:hover , .sideMenuKindCategory_2_20 li a:hover , .sideMenuKindCategory_2_21 li a:hover , .sideMenuKindCategory_2_22 li a:hover , .sideMenuKindCategory_2_23 li a:hover , .sideMenuKindCategory_2_24 li a:hover , .sideMenuKindCategory_2_25 li a:hover , .sideMenuKindCategory_2_26 li a:hover , .sideMenuKindCategory_2_27 li a:hover , .sideMenuKindCategory_2_28 li a:hover , .sideMenuKindCategory_2_29 li a:hover , .sideMenuKindCategory_2_30 li a:hover { color: #FFF; } .sideMenuKindCategory_1_1 li:last-child , .sideMenuKindCategory_2_1 li:last-child , .sideMenuKindCategory_1_2 li:last-child , .sideMenuKindCategory_2_2 li:last-child , .sideMenuKindCategory_1_5 li:last-child , .sideMenuKindCategory_2_5 li:last-child , .sideMenuKindCategory_1_6 li:last-child , .sideMenuKindCategory_2_6 li:last-child , .sideMenuKindCategory_1_7 li:last-child , .sideMenuKindCategory_2_7 li:last-child , .sideMenuKindCategory_1_8 li:last-child , .sideMenuKindCategory_1_9 li:last-child , .sideMenuKindCategory_2_10 li:last-child , .sideMenuKindCategory_2_10 li:last-child , .sideMenuKindCategory_2_11 li:last-child , .sideMenuKindCategory_2_12 li:last-child , .sideMenuKindCategory_2_13 li:last-child , .sideMenuKindCategory_2_14 li:last-child , .sideMenuKindCategory_2_15 li:last-child , .sideMenuKindCategory_2_16 li:last-child , .sideMenuKindCategory_2_17 li:last-child , .sideMenuKindCategory_2_18 li:last-child , .sideMenuKindCategory_2_19 li:last-child , .sideMenuKindCategory_2_20 li:last-child , .sideMenuKindCategory_2_21 li:last-child , .sideMenuKindCategory_2_22 li:last-child , .sideMenuKindCategory_2_23 li:last-child , .sideMenuKindCategory_2_24 li:last-child , .sideMenuKindCategory_2_25 li:last-child , .sideMenuKindCategory_2_26 li:last-child , .sideMenuKindCategory_2_27 li:last-child , .sideMenuKindCategory_2_28 li:last-child , .sideMenuKindCategory_2_29 li:last-child , .sideMenuKindCategory_2_30 li:last-child { font-size: 90%; } /* .left｜エプソン*/ .sideMenuKindMaker_1_1 , .sideMenuKindMaker_2_1 { display: block; border-left: 5px solid #025caf; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_1:hover , .sideMenuKindMaker_2_1:hover { color: #FDC502 !important; border-left: 5px solid #88A3FF; } .sideMenuKindCategory_1_1 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_1 li , .sideMenuKindCategory_2_1 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: 180px -152px; background-repeat: no-repeat; } .sideMenuKindCategory_2_1 li.laser_printer { background-position-y: -147px; } .sideMenuKindCategory_1_1 li a, .sideMenuKindCategory_2_1 li a { display: block; } /* .left｜キヤノン*/ .sideMenuKindMaker_1_2 , .sideMenuKindMaker_2_2 { display: block; border-left: 5px solid #df4949; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_2:hover , .sideMenuKindMaker_2_2:hover { color: #FDC502 !important; border-left: 5px solid #EFA7A7; } .sideMenuKindCategory_1_2 li:first-child , .sideMenuKindCategory_2_2 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_2 li , .sideMenuKindCategory_2_2 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-position: 180px -175px; background-repeat: no-repeat; } .sideMenuKindCategory_2_2 li.laser_printer { background-position-y: -172px; } .sideMenuKindCategory_1_2 li a, .sideMenuKindCategory_2_2 li a { display: block; } /* .left｜brotherインク */ .sideMenuKindMaker_1_5 , .sideMenuKindMaker_2_5 { display: block; border-left: 5px solid #229bd8; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_5:hover , .sideMenuKindMaker_2_5:hover { color: #FDC502 !important; border-left: 5px solid #75C4EA; } .sideMenuKindCategory_1_5 li:first-child , .sideMenuKindCategory_2_5 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_5 li , .sideMenuKindCategory_2_5 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -201px; background-repeat: no-repeat; } .sideMenuKindCategory_2_5 li.laser_printer { background-position-y: -197px; } .sideMenuKindCategory_1_5 li a , .sideMenuKindCategory_2_5 li a { display: block; } /* .left｜HPインク */ .sideMenuKindMaker_1_6 , .sideMenuKindMaker_2_6 { display: block; border-left: 5px solid #3b3b3b; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_6:hover, .sideMenuKindMaker_2_6:hover { color: #FDC502 !important; border-left: 5px solid #868686; } .sideMenuKindCategory_1_6 li:first-child, .sideMenuKindCategory_2_6 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_6 li, .sideMenuKindCategory_2_6 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -226px; background-repeat: no-repeat; } .sideMenuKindCategory_1_6 li a, .sideMenuKindCategory_2_6 li a { display: block; } /* .left｜Ricohインク */ .sideMenuKindMaker_1_7 , .sideMenuKindMaker_2_7 { display: block; border-left: 5px solid #b12a01; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_7:hover , .sideMenuKindMaker_2_7:hover { color: #FDC502 !important; border-left: 5px solid #FE9576; } .sideMenuKindCategory_1_7 li:first-child , .sideMenuKindCategory_2_7 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_7 li , .sideMenuKindCategory_2_7 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -252px; background-repeat: no-repeat; } .sideMenuKindCategory_2_7 li.laser_printer { background-position-y: -247px; } .sideMenuKindCategory_1_7 li a , .sideMenuKindCategory_2_7 li a { display: block; } /* .left｜Lexmarkインク */ .sideMenuKindMaker_1_8 { display: block; border-left: 5px solid #CF142B; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_8:hover{ color: #FDC502 !important; border-left: 5px solid #F48E9B; } .sideMenuKindCategory_1_8 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_8 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -251px; background-repeat: no-repeat; } .sideMenuKindCategory_1_8 li a { display: block; } /* .left｜DELLインク */ .sideMenuKindMaker_1_9 { display: block; border-left: 5px solid #1F1F1F; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_9:hover{ color: #FDC502 !important; border-left: 5px solid #929292; } .sideMenuKindCategory_1_9 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_1_9 li:last-child { border-bottom: none; } .sideMenuKindCategory_1_9 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -226px; background-repeat: no-repeat; } .sideMenuKindCategory_1_9 li a { display: block; } /* .left｜NECトナー */ .sideMenuKindMaker_2_10 { display: block; border-left: 5px solid #1617A1; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_10:hover{ color: #FDC502 !important; border-left: 5px solid #B5B5F4; } .sideMenuKindCategory_2_10 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_2_10 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -151px; background-repeat: no-repeat; } .sideMenuKindCategory_2_10 li.laser_printer { background-position-y: -147px; } .sideMenuKindCategory_2_10 li a { display: block; } /* .left｜富士ゼロックストナー */ .sideMenuKindMaker_2_11 { display: block; border-left: 5px solid #B31D29; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_11:hover{ color: #FDC502 !important; border-left: 5px solid #EE979D; } .sideMenuKindCategory_2_11 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_2_11 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -176px; background-repeat: no-repeat; } .sideMenuKindCategory_2_11 li.laser_printer { background-position-y: -172px; } .sideMenuKindCategory_2_11 li a { display: block; } /* .left｜富士通トナー */ .sideMenuKindMaker_2_12 { display: block; border-left: 5px solid #F90707; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_12:hover{ color: #FDC502 !important; border-left: 5px solid #FC9E9E; } .sideMenuKindCategory_2_12 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_2_12 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -175px; background-repeat: no-repeat; } .sideMenuKindCategory_2_12 li.laser_printer { background-position-y: -272px; } .sideMenuKindCategory_2_12 li a { display: block; } /* .left｜OKIトナー */ .sideMenuKindMaker_2_13 { display: block; border-left: 5px solid #F90707; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_13:hover{ color: #FDC502 !important; border-left: 5px solid #FC9E9E; } .sideMenuKindCategory_2_13 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_2_13 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -376px; background-repeat: no-repeat; } .sideMenuKindCategory_2_13 li.laser_printer { background-position-y: -372px; } .sideMenuKindCategory_2_13 li a { display: block; } /* .left｜CASIOトナー */ .sideMenuKindMaker_2_14 { display: block; border-left: 5px solid #1617A1; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_14:hover{ color: #FDC502 !important; border-left: 5px solid #B5B5F4; } .sideMenuKindCategory_2_14 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_2_14 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-position: 180px -225px; background-repeat: no-repeat; } .sideMenuKindCategory_2_14 li.laser_printer { background-position-y: -221px; } .sideMenuKindCategory_2_14 li a { display: block; } /* .left｜EMシステムズインク */ .sideMenuKindMaker_1_15 { display: block; border-left: 5px solid #666; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_1_15:hover{ color: #FDC502 !important; border-left: 5px solid #bbb; } /* .left｜IBM */ .sideMenuKindMaker_2_16 { display: block; border-left: 5px solid #016aac; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_16:hover{ color: #FDC502 !important; border-left: 5px solid #057ac4; } /* .left｜NTT*/ .sideMenuKindMaker_2_17 { display: block; border-left: 5px solid #0568b1; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_17:hover{ color: #FDC502 !important; border-left: 5px solid #017bd5; } /* .left｜コニカミノルタ */ .sideMenuKindMaker_2_18 { display: block; border-left: 5px solid #0d81c2; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_18:hover{ color: #FDC502 !important; border-left: 5px solid #0e95e2; } /* .left｜日立 */ .sideMenuKindMaker_2_19 { display: block; border-left: 5px solid #120475; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_19:hover{ color: #FDC502 !important; border-left: 5px solid #3f2dbb; } /* .left｜ムラテック */ .sideMenuKindMaker_2_20 { display: block; border-left: 5px solid #4778b6; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_20:hover{ color: #FDC502 !important; border-left: 5px solid #8eafda; } /* .left｜京セラ */ .sideMenuKindMaker_2_21 { display: block; border-left: 5px solid #f80003; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_21:hover{ color: #FDC502 !important; border-left: 5px solid #ee5658; } /* .left｜JDL */ .sideMenuKindMaker_2_22 { display: block; border-left: 5px solid #0064a1; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_22:hover{ color: #FDC502 !important; border-left: 5px solid #0064a1; } /* .left｜シャープ */ .sideMenuKindMaker_2_23 { display: block; border-left: 5px solid #f90003; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_23:hover{ color: #FDC502 !important; border-left: 5px solid #f16869; } /* .left｜APTI */ .sideMenuKindMaker_2_24 { display: block; border-left: 5px solid #ccbaab; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_24:hover{ color: #FDC502 !important; border-left: 5px solid #ede6e0; } /* .left｜SANYO */ .sideMenuKindMaker_2_25 { display: block; border-left: 5px solid #ec062f; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_25:hover{ color: #FDC502 !important; border-left: 5px solid #ed8094; } /* .left｜兼松エレクトロニクス */ .sideMenuKindMaker_2_27 { display: block; border-left: 5px solid #153487; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 13px; } .sideMenuKindMaker_2_27:hover{ color: #FDC502 !important; border-left: 5px solid #5f76b4; } /* .left｜Panasonic */ .sideMenuKindMaker_2_29 { display: block; border-left: 5px solid #0544be; margin-top: 2px; margin-bottom: 2px; margin-left: 5px; padding-top: 2px; padding-left: 10px; color: #000 !important; font-size: 15px; } .sideMenuKindMaker_2_29:hover{ color: #FDC502 !important; border-left: 5px solid #718cbf; } /* トナー左カラム 商品名スタイル 共通部分 */ .sideMenuKindCategory_2_16 li:first-child , .sideMenuKindCategory_2_17 li:first-child , .sideMenuKindCategory_2_18 li:first-child , .sideMenuKindCategory_2_19 li:first-child , .sideMenuKindCategory_2_20 li:first-child , .sideMenuKindCategory_2_21 li:first-child , .sideMenuKindCategory_2_22 li:first-child , .sideMenuKindCategory_2_23 li:first-child , .sideMenuKindCategory_2_24 li:first-child , .sideMenuKindCategory_2_25 li:first-child , .sideMenuKindCategory_2_26 li:first-child , .sideMenuKindCategory_2_27 li:first-child , .sideMenuKindCategory_2_28 li:first-child , .sideMenuKindCategory_2_29 li:first-child , .sideMenuKindCategory_2_30 li:first-child { border-top: 1px solid #e2e2e2; } .sideMenuKindCategory_2_16 li, .sideMenuKindCategory_2_17 li, .sideMenuKindCategory_2_18 li, .sideMenuKindCategory_2_19 li, .sideMenuKindCategory_2_20 li, .sideMenuKindCategory_2_21 li, .sideMenuKindCategory_2_22 li, .sideMenuKindCategory_2_23 li, .sideMenuKindCategory_2_24 li, .sideMenuKindCategory_2_25 li, .sideMenuKindCategory_2_26 li, .sideMenuKindCategory_2_27 li, .sideMenuKindCategory_2_28 li, .sideMenuKindCategory_2_29 li, .sideMenuKindCategory_2_30 li { height: 25px; line-height: 25px; border-bottom: 1px solid #e2e2e2; background: url(/images/stories/htk/common/global_sprite.png) no-repeat; background-color: transparent; background-repeat: no-repeat; } .sideMenuKindCategory_2_16 li a, .sideMenuKindCategory_2_17 li a, .sideMenuKindCategory_2_18 li a, .sideMenuKindCategory_2_19 li a, .sideMenuKindCategory_2_20 li a, .sideMenuKindCategory_2_21 li a, .sideMenuKindCategory_2_22 li a, .sideMenuKindCategory_2_23 li a, .sideMenuKindCategory_2_24 li a, .sideMenuKindCategory_2_25 li a, .sideMenuKindCategory_2_26 li a, .sideMenuKindCategory_2_27 li a, .sideMenuKindCategory_2_28 li a, .sideMenuKindCategory_2_29 li a, .sideMenuKindCategory_2_30 li a { display: block; } /* 個別設定 */ .sideMenuKindCategory_2_16 li { background-position: 180px -151px;; } .sideMenuKindCategory_2_17 li { background-position: 180px -151px; } .sideMenuKindCategory_2_18 li { background-position: 180px -151px; } .sideMenuKindCategory_2_19 li { background-position: 180px -151px; } .sideMenuKindCategory_2_20 li { background-position: 180px -151px; } .sideMenuKindCategory_2_21 li { background-position: 180px -376px; } .sideMenuKindCategory_2_22 li { background-position: 180px -151px; } .sideMenuKindCategory_2_23 li { background-position: 180px -376px; } .sideMenuKindCategory_2_24 li { background-position: 180px -226px; } .sideMenuKindCategory_2_25 li { background-position: 180px -376px; } .sideMenuKindCategory_2_26 li { background-position: 180px -151px; } .sideMenuKindCategory_2_27 li { background-position: 180px -151px; } .sideMenuKindCategory_2_28 li { background-position: 180px -151px; } .sideMenuKindCategory_2_29 li { background-position: 180px -151px; } .sideMenuKindCategory_2_30 li { background-position: 180px -151px; } /* .left｜ツリーメニュー */ div#side-menu01, div#side-menu02, div#side-menu03, div#side-menu04, div#side-menu05 { width: 199px; } div.side-menu01-ph03 { width: 199px; height: 55px; background: url("/images/stories/htk/menu/ph03.jpg") no-repeat center top; } div.side-menu01-ph03 h3 { color: #333333; font-weight: bold; font-size: 15px; line-height: 18px; padding: 15px 0 0 55px; } div.side-menu02-ph04 { width: 197px; height: 39px; border-left: 1px solid #999999; border-right: 1px solid #999999; } div.side-menu02-ph04 h3 { color: #333333; font-weight: bold; font-size: 13px; line-height: 16px; text-align: center; padding: 2px 0 0; } div.side-menu03-ph05 { width: 199px; height: 43px; background: url("/images/stories/htk/menu/ph05.jpg") no-repeat center top; } div.side-menu03-ph05 h3 { color: #333333; font-weight: bold; font-size: 14px; text-align: left; padding: 18px 0 0 60px; } div.side-menu04-ph07 { position: relative; width: 198px; padding-top: 3px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); line-height: 35px; } div.side-menu04-ph07 h2 { cursor: pointer; color: #333333; font-weight: bold; font-size: 14px; padding: 0 0 0 10px; } div.side-menu05-ph { position: relative; width: 198px; padding-top: 3px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); line-height: 35px; } div.side-menu05-ph h2 { cursor: pointer; color: #333333; font-weight: bold; font-size: 14px; padding: 0 0 0 10px; } div.side-menu01-list, div.side-menu02-list, div.side-menu03-list, div.side-menu04-list, div.side-menu05-list { width: 197px; border-left: 1px solid #999999; border-right: 1px solid #999999; } div.side-menu02-list, div.side-menu03-list, div.side-menu04-list, div.side-menu05-list { border-bottom: 1px solid #999999; } div.side-menu01-list a, div.side-menu02-list a, div.side-menu03-list a, div.side-menu04-list a, div.side-menu05-list a { color: #333333; } div.side-menu01-list a:hover, div.side-menu02-list a:hover, div.side-menu03-list a:hover, div.side-menu04-list a:hover, div.side-menu05-list a:hover { color: #cc3366; } div.side-menu01-list ul.treemenu, div.side-menu02-list ul.treemenu, div.side-menu03-list ul.treemenu, div.side-menu04-list ul.treemenu, div.side-menu05-list ul.treemenu { width: 185px; font-size: 12px; line-height: 14px; margin: 0 0 0 6px; padding: 0; } div.side-menu01-list ul li#title1, div.side-menu01-list ul li#title2, div.side-menu01-list ul li#title3, div.side-menu01-list ul li#title4, div.side-menu02-list ul li#title5, div.side-menu02-list ul li#title6, div.side-menu02-list ul li#title7, div.side-menu03-list ul li#title8, div.side-menu03-list ul li#title9, div.side-menu03-list ul li#title10, div.side-menu03-list ul li#title11, div.side-menu03-list ul li#title12, div.side-menu03-list ul li#title13, div.side-menu03-list ul li#title14, div.side-menu04-list ul li#title15, div.side-menu04-list ul li#title16, div.side-menu04-list ul li#title17, div.side-menu04-list ul li#title18, div.side-menu03-list ul li#title19, div.side-menu05-list ul li#title19, div.side-menu05-list ul li#title20 { background: none; padding: 2px 0 7px 0; } div.side-menu01-list ul#n1_1, div.side-menu01-list ul#n1_2, div.side-menu01-list ul#n1_3, div.side-menu01-list ul#n1_4, div.side-menu02-list ul#n1_5, div.side-menu02-list ul#n1_6, div.side-menu02-list ul#n1_7, div.side-menu03-list ul#n1_8, div.side-menu03-list ul#n1_9, div.side-menu03-list ul#n1_10, div.side-menu03-list ul#n1_11, div.side-menu03-list ul#n1_12, div.side-menu03-list ul#n1_13, div.side-menu03-list ul#n1_14, div.side-menu04-list ul#n1_15, div.side-menu04-list ul#n1_16, div.side-menu04-list ul#n1_17, div.side-menu04-list ul#n1_18, div.side-menu05-list ul#n1_19, div.side-menu05-list ul#n1_20 { border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 6px 0 1px; } div.side-menu01-list ul#n1_1 li, div.side-menu01-list ul#n1_2 li, div.side-menu01-list ul#n1_3 li, div.side-menu01-list ul#n1_4 li, div.side-menu02-list ul#n1_5 li, div.side-menu02-list ul#n1_6 li, div.side-menu02-list ul#n1_7 li, div.side-menu03-list ul#n1_8 li, div.side-menu03-list ul#n1_9 li, div.side-menu03-list ul#n1_10 li, div.side-menu03-list ul#n1_11 li, div.side-menu03-list ul#n1_12 li, div.side-menu03-list ul#n1_13 li, div.side-menu03-list ul#n1_14 li, div.side-menu04-list ul#n1_15 li, div.side-menu04-list ul#n1_16 li, div.side-menu04-list ul#n1_17 li, div.side-menu04-list ul#n1_18 li, div.side-menu05-list ul#n1_19 li, div.side-menu05-list ul#n1_20 li { padding: 0 5px 4px 11px; } div.side-menu01-list ul#n1_1 li, div.side-menu03-list ul#n1_10 li {background: url("/images/stories/htk/menu/li-01.jpg") no-repeat scroll 0 1px transparent;} div.side-menu01-list ul#n1_2 li, div.side-menu03-list ul#n1_9 li {background: url("/images/stories/htk/menu/li-02.jpg") no-repeat scroll 0 1px transparent;} div.side-menu01-list ul#n1_3 li, div.side-menu03-list ul#n1_8 li {background: url("/images/stories/htk/menu/li-03.jpg") no-repeat scroll 0 1px transparent;} div.side-menu01-list ul#n1_4 li {background: url("/images/stories/htk/menu/li-04.jpg") no-repeat scroll 0 1px transparent;} div.side-menu02-list ul#n1_5 li, div.side-menu03-list ul#n1_11 li {background: url("/images/stories/htk/menu/li-05.jpg") no-repeat scroll 0 1px transparent;} div.side-menu02-list ul#n1_6 li {background: url("/images/stories/htk/menu/li-06.jpg") no-repeat scroll 0 1px transparent;} div.side-menu02-list ul#n1_7 li {background: url("/images/stories/htk/menu/li-07.jpg") no-repeat scroll 0 1px transparent;} div.side-menu03-list ul#n1_12 li {background: url("/images/stories/htk/menu/li-08.jpg") no-repeat scroll 0 1px transparent;} div.side-menu03-list ul#n1_13 li {background: url("/images/stories/htk/menu/li-09.jpg") no-repeat scroll 0 1px transparent;} div.side-menu03-list ul#n1_14 li {background: url("/images/stories/htk/menu/li-10.jpg") no-repeat scroll 0 1px transparent;} div.side-menu03-list ul#n1_19 li {background: url("/images/stories/htk/menu/li-10.jpg") no-repeat scroll 0 1px transparent;} div.side-menu04-list ul#n1_15 li {background: url("/images/stories/htk/menu/li-11.jpg") no-repeat scroll 0 1px transparent;} div.side-menu04-list ul#n1_16 li {background: url("/images/stories/htk/menu/li-12.jpg") no-repeat scroll 0 1px transparent;} div.side-menu04-list ul#n1_17 li {background: url("/images/stories/htk/menu/li-13.jpg") no-repeat scroll 0 1px transparent;} div.side-menu04-list ul#n1_18 li {background: url("/images/stories/htk/menu/li-13.jpg") no-repeat scroll 0 1px transparent;} div.side-menu05-list ul#n1_19 li {background: url("/images/stories/htk/menu/li-01.jpg") no-repeat scroll 0 1px transparent;} div.side-menu05-list ul#n1_20 li {background: url("/images/stories/htk/menu/li-02.jpg") no-repeat scroll 0 1px transparent;} .side-menu-acdButton { content: ""; position: absolute; top: 50%; right: 5px; display: block; width: 36px; height: 36px; background-size: contain; background: url(/images/stories/htk/menu/ico_silide-down.svg) no-repeat center; transform: translateY(-50%); } /* .left｜プリンター本体 */ .wap_side_printerSales { width: 199px; background: url(/images/stories/htk/menu/bg_side_wordranking.png) no-repeat bottom; } .wap_side_printerSales .tit{ background: url(/images/stories/htk/menu/tit_side_printerSales.png?20140924) no-repeat; font-size: 13px; font-weight: bold; padding: 8px 0 0 60px; line-height: 1.2; } .wap_side_printerSales ul li{ width: 189px; margin: 0 auto 5px; padding: 0; background: none; } /* .left｜キーワード検索ランキング */ .wap_side_wordRanking { width: 199px; background: url(/images/stories/htk/menu/bg_side_wordranking.png) no-repeat bottom; margin: 15px 0 25px; } .wap_side_wordRanking ul li{ width: 155px; margin: 0 0 3px 10px; padding:0 0 0 20px; font-size: 12px; background: url(/images/stories/htk/menu/mark_comment.png) no-repeat; text-decoration: underline; } .wap_side_wordRanking .wordlist { font-size: 11px; text-align: right; padding: 0 10px 7px 0; text-decoration: underline; } /*.left｜NEW製品 */ li a.new {background: url("/images/stories/htk/menu/new01.gif") no-repeat right center;padding: 2px 24px 0 0;} /* シアン帯付きカコミ */ div.common {margin: 0 0 10px;} div.common-ink {margin: 0 0 3px;} div.common-toner {margin: 0;} div.common-center {text-align: center;margin: 0 0 10px;} div.commonkanateershop h3, div.commonkanateer h3 {background: url("/images/stories/kanateer/headline/h3drop.gif") no-repeat 8px 6px #00b9f7;color: #fff;padding:3px 2px 3px 22px;} div.vmCartModule p {line-height: 17px;} div.vmCartModule p img {margin: 0 0 0 7px} div.left-cart {text-align: center;} /*サイドバー*/ div.side-menu02-list, div.side-menu03-list, div.side-menu04-list, div.side-menu05-list { border-bottom: 1px solid #999999; width: 198px; margin-top: 20px; /* padding-top: 40px; */ padding-bottom: 5px; border: 1px solid #e2e2e2; border-radius: 5px; } /*div.side-menu04-ph07 { height: 40px; line-height: 40px; background: url("/images/stories/htk/menu/bg_menutit_paper.png") no-repeat center top; }*/ /*div.side-menu05-ph { height: 40px; line-height: 40px; background: url("/images/stories/htk/menu/bg_menutit_wash.png") no-repeat center top; }*/ div.side-menu01-list ul#n1_1, div.side-menu01-list ul#n1_2, div.side-menu01-list ul#n1_3, div.side-menu01-list ul#n1_4, div.side-menu02-list ul#n1_5, div.side-menu02-list ul#n1_6, div.side-menu02-list ul#n1_7, div.side-menu03-list ul#n1_8, div.side-menu03-list ul#n1_9, div.side-menu03-list ul#n1_10, div.side-menu03-list ul#n1_11, div.side-menu03-list ul#n1_12, div.side-menu03-list ul#n1_13, div.side-menu03-list ul#n1_14, div.side-menu04-list ul#n1_15, div.side-menu04-list ul#n1_16, div.side-menu04-list ul#n1_17, div.side-menu04-list ul#n1_18, div.side-menu05-list ul#n1_19, div.side-menu05-list ul#n1_20 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 0 1px; } /* ------------------------------------------------------------- [_.contents --------------------------------------------------------------*/ /*.contents｜サイト内検索　結果ページ ----------------------------------- */ #searchResult {width: 720px;} #searchResult .tit { width: 700px; margin: 0 0 20px; background: #eff2f4; font-size: 16px; font-weight: bold; padding: 6px 0 4px 12px; border-left: solid 8px #7b7b7b; } #searchResult .stats:after{content: ""; clear: both; display: block; /*cf*/} #searchResult h1 { float: left; margin: 0; font-weight: bold; font-size: 20px; color: #000; background: none; } #searchResult h1 span {font-weight: normal;font-size: 14px;margin: 0 5px;} #searchResult .stats { border-bottom: solid 1px #eff2f4; } .stats .number {padding-top: 7px;} .clmResult {width: 720px;} .clmResult li { margin-bottom: 10px; padding: 10px 0; clear: both; background: none; border-bottom: dotted 1px; } .clmResult li:after{ content: ""; clear: both; display: block; /*cf*/ } .clmResult h2 , .clmResult h3 { font-size: 22px; margin-bottom: 5px; } .clmResult .htb { float: left; width: 120px; margin: 0 15px 0 0; } .clmResult .htb img {width: 120px;height: 90px;} .clmResult .key {font-size: 115%; font-weight: bold;} .clmResult .dscp_prdt { float: left; width: 565px; font-size: 14px; } .clmResult .dscp_rep { float: left; width: 700px; font-size: 14px; } /* .contents｜商品カテゴリーページ -----------------------------------*/ div.category-ink { width: 720px; margin: 0; padding: 0; } div.category-ink h1 { color: #339966; } div.category-ink p { margin-bottom: 10px; } .categoryTit { width: 720px; height: 37px; margin: 35px 0 5px; line-height: 37px; text-indent: 60px; font-size: 16px; font-weight: bold; font-family: 'Gudea','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif; background: url(/images/stories/htk/product-list/tit_catelineup.png) no-repeat; } /*カテゴリーページ プリンター情報*/ #product-list-printer table thead th { background: none repeat scroll 0 0 #deeff6; } #product-list-printer table tbody tr th { background: #f5f5f5; } #product-list-printer table { width: 100%; margin: 0 0 20px; border-width: 0 0 1px 1px; border-style: solid; border-color: #ccc; font-size: 100%; } #product-list-printer table tbody tr th{ width:200px;} #product-list-printer table tbody tr td , #product-list-printer table thead tr th , #product-list-printer table tbody tr th { padding: 7px 10px; border-width: 1px 1px 0 0; border-style: solid; border-color: #ccc; font-size: 1.2em; vertical-align: top; } table#category-ink-table-3 { width: 720px; margin: 10px 0 0 0; padding: 0; border-collapse: collapse; } table#category-ink-table-3 tr { margin: 0; padding: 0 0 5px 0; } table#category-ink-table-3 td { width: 231px; margin: 0; padding: 0 9px 5px 0; vertical-align: top; } table#category-ink-table-3 td h2 { width: 100%; margin: 0; padding: 0; text-decoration: none; font-size: 14px; line-height: 16px; } table#category-ink-table-3 td h2 a{ text-decoration: none; } table#category-ink-table-3 td p { line-height: 15px; } table#category-ink-table-3 td hr { width: 720px; } table#category-ink-table-3 td div.category-ink-price { width: 100%; padding: 0; margin: 0; } table#category-ink-table-3 td div.category-ink-price-L { float: left; margin: 0; padding: 4px 0 0 0; } table#category-ink-table-3 td div.category-ink-price-L p.our { font-size: 13px; font-weight: bold; color: #000000; margin: 0; padding: 0; } table#category-ink-table-3 td div.category-ink-price-L p.our span { font-size: 16px; color: #ff0000; } table#category-ink-table-3 td div.category-ink-price-L p.other { font-size: 11px; font-weight: normal; color: #555555; } table#category-ink-table-3 td div.category-ink-cart { width: 206px; padding: 5px; font-size: 13px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: solid 2px #dedede; background: #fff5df; } table#category-ink-table-3 td div.category-ink-cart .stock { margin-left: 3px; margin-right: 5px; font-size: 12px; } table#category-ink-table-3 td div.category-ink-cart label { font-size: 11px; } table#category-ink-table-3 td form.category-ink-form { margin: 0; padding: 0; } table#category-ink-table-3 td form.category-ink-form input.box { width: 22px; margin: 5px 0; vertical-align:0; ime-mode: disabled; } table#category-ink-table-3 td form.category-ink-form input.up, table#category-ink-table-3 td form.category-ink-form input.down { cursor: pointer; width: 18px; height: 19px; margin: 0; padding: 0; border: none; } table#category-ink-table-3 td form.category-ink-form input.up { background: url("/images/stories/htk/product-list/bt01.jpg") no-repeat center top; } table#category-ink-table-3 td form.category-ink-form input.down { background: url("/images/stories/htk/product-list/bt02.jpg") no-repeat center top; } table#category-ink-table-3 td form.category-ink-form input.submit { display: block; margin: 5px auto; padding: 0; } table#category-ink-table-3 td div.category-ink-repletion, table#category-ink-table-3 td div.category-ink-repletion2 { float: right; width: 78px; height: 65px; margin: 0; padding: 0; } table#category-ink-table-3 td div.category-ink-repletion img { width: 73px; height: 28px; margin: 37px 0 0 0; padding: 0; } table#category-ink-table-3 td div.category-ink-repletion2 p { font-size: 11px; text-align: center; margin: 0; padding: 2px 0 3px 0; } table#category-ink-table-3 td div.category-ink-repletion2 p span.a { font-size: 15px; font-weight: bold; color: #339966; } table#category-ink-table-3 td div.category-ink-repletion2 p span.b { font-size: 12px; font-weight: bold; color: #339966; } table#category-ink-table-3 td .point { width: 220px; } table#category-ink-table-3 td .point img{ vertical-align:0; padding: 0 4px 0 8px; } table#category-ink-table-3 td .point span.txt{ margin: 0; font-size: 11px; } table#category-ink-table-3 td .point span.num1{ margin: 0; font-size: 13px; text-decoration: line-through; } table#category-ink-table-3 td .point span.num2{ font-size: 15px; font-weight: bold; color: #ff8042; } table#category-ink-table-3 td .point span.cap{ display: block; font-size: 11px; font-weight: bold; color: #ff8042; } /* .contents｜商品カテゴリーページ 純正お得率 */ div.category-ink-price-R2 { background: url(/images/stories/htk/common/global_sprite.png) no-repeat -250px -251px; float: left; width: 35px; height: 30px; margin: 1px 0 0 2px; padding: 0; } div.category-ink-price-R2 p { color: #ffff00; font-weight: normal; width: 20px; text-align: right; margin: 2px 0 0 4px; padding: 0; } /* .contents｜商品カテゴリーページ まとめ買い割アイコン */ #Container_Products .Each_Product .category-ink-price-R2 + a { display: block; float: right; width: 31px; } #Container_Products .Each_Product .category-ink-price-R2 + a img { padding: 0 !important; } div.pageCap { width: 720px; margin: 0 0 15px; padding: 0 0 5px; border-bottom:dotted 1px #C0C0C0; } div.EX_v_dscnt { width: 275px; height: 32px; line-height: 35px; margin-left: auto; } p.dscnt_mark_icon01 { float: left; width: 31px; height: 28px; margin: 3px 0 0 8px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("/images/stories/htk/common/mark_02.png") no-repeat; } /* .contents｜商品カテゴリーページ　ページナビ */ div#category-ink-page { width: 720px; text-align: center; margin: 0; padding: 0 0 15px 0; } div#category-ink-page ul.pagination { width: 100%; margin: 0 0 10px 0; padding: 0; } div#category-ink-page ul.pagination li { margin: 0 2px 0 2px; padding: 0; border: 1px solid #999999; background: #666666; font-size: 13px; color: #ffffff; list-style: none outside; } div#category-ink-page ul.pagination li a { color: #ffffff; text-decoration: none; background: #666666; margin: 0; padding: 0; } div#category-ink-page ul.pagination li a:hover { color: #ffff00; text-decoration: none; background: #222222; margin: 0; padding: 0; } div#category-ink-page ul.pagination span.pagenav, div#category-ink-page ul.pagination strong { margin: 0; padding: 2px 10px 2px 10px; } div#category-ink-page form { margin: 0; padding: 0 7px 0 0; } /* .contents｜商品カテゴリ・レビュー機能 */ div.product-list-review { width: 220px; } div.product-list-review .boxReview { border: 1px solid #cfcfcf; padding: 2px 0 2px 5px; } div.product-list-review .boxReview img { width: 80px; vertical-align: 0; } div.product-list-review .boxReview p{ display: inline-block; margin: 5px 0 0 5px; font-size: 11px; } div.product-list-review .boxReview p span{ margin: 0 5px 0 0; font-size: 18px; font-weight: bold; color: #FF0000; } div.product-list-review .boxReview p span img{vertical-align:0;} /* .contents｜商品カテゴリーページ　注意バナー・商品別 */ div.category-ink img.IC { margin: 0 0 5px 136px; } /* .contents｜商品カテゴリーページ　注意バナー・一時的に発送が遅れる */ p.itemTemporary { width: 650px; margin: auto; } div.category-ink div.caution-bci7, div.caution-detail-bci7 { background: url("/images/stories/htk/product-list/canon/caution_bci-7-bg.jpg") no-repeat left top; width: 510px; height: 110px; } div.category-ink div.caution-bci7 { margin-left: 90px; } div.category-ink div.caution-bci7 img, div.caution-detail-bci7 img { position: relative; left: 103px; top: 69px; } div.caution-bc311 { width: 510px; height: 110px; } div.category-ink div.caution-bc311 { margin-left: 90px; } div.caution-hp178 { width: 510px; height: 80px; } div.category-ink div.caution-hp178 { margin: 10px 0 0 100px; } div.category-ink div.caution { width: 720px; text-align: center; margin: 10px 0; } /* .contents｜商品カテゴリーページ　注意バナー・入荷待ち */ div#category-stock { background: url("/images/stories/htk/product-list/bg04.jpg") no-repeat; width: 449px; height: 79px; margin: 10px 0 10px 136px; } div#category-stock p { font-size: 15px; color: #e5007f; line-height: 18px; margin: 5px 0 0 117px; } div#category-stock p span { font-size: 18px; font-weight: bold; } div#category-stock div#state { background: #e572c5; display: inline-block; *display: inline; *zoom: 1; width: auto; margin: 8px 0 0 117px; padding: 2px 5px 0; } div#category-stock div#state p { font-size: 12px; color: #ffffff; letter-spacing: 1px; margin: 0; padding: 0; } /* .contents｜商品カテゴリーページ　新商品お知らせメール機能 */ div#category-ink-mail { /* background: url("/images/stories/htk/product-list/bg05-a.jpg") repeat-y; */ width: 100%; max-width: 940px; /* margin: 0 0 10px 14px; */ margin: 0 auto 20px; padding: 20px; box-sizing: border-box; width: 100%; background: #fdfcfa; border: 1px solid #DDD; } div#category-ink-mail-T { /* background: url("/images/stories/htk/product-list/bg05-b.jpg") no-repeat top; */ width: 100%; max-width: 720px; margin: auto; padding: 10px 0 0 0; } div#category-ink-mail-B { /* background: url("/images/stories/htk/product-list/bg05-c.jpg") no-repeat bottom; */ width: 100%; padding: 0 0 10px; } div#category-ink-mail p { /* width: 653px; */ font-size: 16px; margin: 0 0 10px; line-height: 1.5; } div#category-ink-mail img, div#category-ink-mail input { margin: 0 0 10px 20px; width: 100%; max-width: 540px; margin: auto; display: block; } div#category-ink-mail a:hover img { opacity: 1.0; } div#category-ink-mail-title { overflow: hidden; /* width: 653px; */ width: 100%; /* height: 63px; */ height: inherit; text-align: center; margin: 5px 0 5px 20px; margin: 0; } div#category-ink-mail-title:before { width: 100%; height: 40px; margin-bottom: 13px; content: ''; background: url('/images/stories/htk/common/mark_warning.png') no-repeat center; background-size: contain; display: block; } div#category-ink-mail-title strong { /* display: none; */ /* background: url("/images/stories/htk/product-list/bg06-b.jpg") no-repeat top right; */ display: inline-block; /* height: 63px; */ font-size: 22px; /* color: #ff3300; */ /* line-height: 27px; */ text-align: center; } div#category-ink-mail-title strong span { /* display: none; */ /* background: url("/images/stories/htk/product-list/bg06-a.jpg") no-repeat top left; */ display: inline-block; /* margin: 0 10px; */ /* *margin: 0 5px; */ /* padding: 5px 82px 0 87px; */ /* height: 63px; */ } /* .contents｜商品カテゴリーページ　年賀はがき販売ページ */ h1.Tit_nenga { width: 720px; height: 106px; background: none; } h2.Tit_nenga01 { width: 405px; height: 45px; background: none; } h2.Tit_nenga02 { width: 405px; height: 355px; background: none; } .Clm_nenga { width: 720px; } .Clm_nenga p { width: 350px; margin-left: 20px; line-height: 28px; font-size: 15px; } .Clm_nenga p.Txt_nengacap { width: 165px; float: left; font-size: 12px; line-height: 19px; margin: 200px 40px -13px 0; } .nengaBox01 { height: 285px; background: url(/images/stories/htk/product-list/nenga/ist_eto.jpg) no-repeat bottom right; } .nengaBox02 { background: url(/images/stories/htk/product-list/nenga/ist_nenga.jpg) no-repeat bottom; } .Btn_nenga { width: 410px; margin:30px auto 15px; } p.Caution_nenga { height: 38px; margin:8px 0; background: url(/images/stories/htk/product-list/nenga/caution_nenga.png) no-repeat; text-indent: 100%;white-space: nowrap;overflow: hidden; /*css sprite*/ } .nenga_attentionText { display: block; margin: 0 auto 10px; } div.category-ink p.nenga_inkLink { margin: 0 0 60px 0; font-size: 15px; text-align: center; } /* .contents｜商品カテゴリーページ　divバージョン */ #Wrapper_ProductList ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 720px; } /* .contents｜商品カテゴリーページ　EPSON対応 */ .title-epson { background-image: none; background-color: #120475; font-size: 135%; font-weight: normal; color: #fff !important; margin: 30px 0 30px; padding: 12px 10px 12px 70px; position: relative; } .title-epson:before { content: ""; width: 0; height: 0; border-top: 47px solid #fff; border-right: 70px solid transparent; border-bottom: 70px solid transparent; border-left: 0 solid transparent; position: absolute; top: 0px; left: 0px; } .title-epson:after { position: absolute; top: -22px; left: 0; } .title-epson--IC50:after { content: url(/images/stories/htk//product-list/epson/title-icon--IC50.png); } .title-epson--IC70:after { content: url(/images/stories/htk//product-list/epson/title-icon--IC70.png); } .title-epson--IC80:after { content: url(/images/stories/htk//product-list/epson/title-icon--IC80.png); } .title-epson--ITH:after { content: url(/images/stories/htk//product-list/epson/title-icon--ITH.png); } .title-epson--KUI:after { content: url(/images/stories/htk//product-list/epson/title-icon--KUI.png); } .title-epson--RDH:after { content: url(/images/stories/htk//product-list/epson/title-icon--RDH.png); } .title-epson--YTH:after { content: url(/images/stories/htk//product-list/epson/title-icon--YTH.png); } .title-epson--IC76:after { content: url(/images/stories/htk//product-list/epson/title-icon--IC76.png); } /* .contents｜商品カテゴリーページ　商品説明をリスト下部へ移動 */ .category-btm__text { margin: 0 0 2em; padding: 2em; font-size: 14px; border: 1px solid #ddd; } /*ie hack*/ #Wrapper_ProductList > ul:not(:target) { display: block\9; } /* ie11 */ @media all and (-ms-high-contrast: none) { #Wrapper_ProductList > ul li:not(:target) { display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 720px; } } #Wrapper_ProductList ul li { background: none; padding: 0; padding-right: 10px; padding-bottom: 10px; border-bottom: 1px solid #aaa; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: flex-end; } /*ie hack*/ #Wrapper_ProductList > ul li:not(:target) { display: block\9; float: left\9; } /* ie11 */ @media all and (-ms-high-contrast: none) { #Wrapper_ProductList > ul li:not(:target) { background: none; padding: 0; padding-right: 10px; padding-bottom: 10px; border-bottom: 1px solid #aaa; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: flex-end; } } #Wrapper_ProductList > ul li:nth-child(3n) , #Wrapper_ProductList > ul li:nth-child(6n) { margin-right: 0; } #Wrapper_ProductList .Box_product{ width: 230px; } #Wrapper_ProductList .Box_product p{ line-height: 15px; } #Wrapper_ProductList .Box_product img.product{ max-height: 127px; } /*ie hack*/ #Wrapper_ProductList .Box_product .product_name:not(:target) { height: 85px\9; display: table-cell\9; vertical-align: bottom\9; } /* ie11 */ @media all and (-ms-high-contrast: none) { #Container_Products .Each_Product:not(:target) { height: auto; display: block; vertical-align: auto; /* IE10以上 */ } } #Wrapper_ProductList .Box_product .product_name h2{ width: 100%; margin: 0 0 6px; padding: 0; font-size: 14px; line-height: 16px; } #Wrapper_ProductList .Box_product .product_name h2 a{ text-decoration: none; } #Wrapper_ProductList .Box_product .point{ margin-bottom: 9px; } #Wrapper_ProductList .Box_product .category-ink-price-L { float: left; margin: 0; padding: 4px 0 0 0; } #Wrapper_ProductList .Box_product .category-ink-price-L p.our { font-size: 13px; font-weight: bold; color: #000000; margin: 0; padding: 0; } #Wrapper_ProductList .Box_product .category-ink-price-L p.our span { font-size: 16px; color: #ff0000; } #Wrapper_ProductList .Box_product .category-ink-price-L p.other { font-size: 11px; font-weight: normal; color: #555555; } #Wrapper_ProductList .Box_product.point span.txt { margin: 0; font-size: 11px; } #Wrapper_ProductList .Box_product .point span.num1 { margin: 0; font-size: 13px; text-decoration: line-through; } #Wrapper_ProductList .Box_product .point span.num2 { font-size: 15px; font-weight: bold; color: #ff8042; } #Wrapper_ProductList .Box_product .point span.cap { display: block; font-size: 11px; font-weight: bold; color: #ff8042; } #Wrapper_ProductList .Box_product .category-ink-cart { width: 206px; padding: 5px; font-size: 13px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: solid 2px #dedede; background: #fff5df; position: relative; } #Wrapper_ProductList .Box_product .category-ink-cart .stock { margin-left: 3px; margin-right: 5px; font-size: 12px; } #Wrapper_ProductList .Box_product .category-ink-cart label { font-size: 11px; } #Wrapper_ProductList .Box_product form.category-ink-form input.box { margin: 5px 0; vertical-align: 0; ime-mode: disabled; width: 22px; } #Wrapper_ProductList .Box_product form.category-ink-form input.up, #Wrapper_ProductList .Box_product form.category-ink-form input.down{ cursor: pointer; width: 18px; height: 19px; margin: 0; padding: 0; border: none; } #Wrapper_ProductList .Box_product form.category-ink-form input.up { background: url("/images/stories/htk/product-list/bt01.jpg") no-repeat center top; } #Wrapper_ProductList .Box_product form.category-ink-form input.down { background: url("/images/stories/htk/product-list/bt02.jpg") no-repeat center top; } #Wrapper_ProductList .Box_product form.category-ink-form input.submit { display: block; margin: 5px auto; padding: 0; } #Wrapper_ProductList .Box_product .product-list-review .boxReview { border: 1px solid #cfcfcf; padding: 2px 0 2px 5px; margin: 5px 0; height: 22px; } #Wrapper_ProductList .Box_product .product_image { height: 136px; } #Wrapper_ProductList .Box_product .product_info{ height: 115px; } #Wrapper_ProductList .cart_fixed{ width: 220px; height: 134px; } /* .contents｜商品カテゴリーページ　新デザイン(2016.11〜) */ #Container_Products { margin-top: 35px; } #maincolumn #Container_Products a{ text-decoration: none; } .clearfix:after { content:" "; display:block; clear:both; } #Container_Products .Each_Product{ width: 232px; height: 418px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFF; padding: 9px 8px; } #Container_Products > ul, #Container_Products > ul li{ margin: 0; padding: 0; } #Container_Products > ul { max-width: 720px; display: flex; justify-content: flex-start; flex-wrap: wrap; /* ie10 */ -ms-display: flex; -ms-justify-content: flex-start; -ms-flex-wrap: wrap; } /*ie hack*/ /*#Container_Products > ul:not(:target) { display: block\9; }*/ /* ie11 */ /*@media all and (-ms-high-contrast: none) { #Container_Products > ul li:not(:target) { display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 720px; } }*/ #Container_Products > ul li { float: none; margin: 0 10px 10px 0; border: 1px solid #bbb; border-radius: 5px; display: flex; flex-wrap: wrap; align-items: flex-end; /* ie10 */ -ms-display: flex; -ms-flex-wrap: wrap; -ms-flex-align: end; /*ie9 はフロートで代用*/ } #Container_Products > ul li:not(:target) { display: block\9; float: left\9; /*border: none\9;*/ } /* ie11 */ /*@media all and (-ms-high-contrast: none) { #Container_Products > ul li:not(:target) { display: flex; float: none; margin: 0 0 10px; border: 1px solid #bbb; } }*/ #Container_Products > ul li:nth-child(3n) , #Container_Products > ul li:nth-child(6n) { margin-right: 0; } #Container_Products .Box_image{ position: relative; width: 214px; height: 160px; display: table-cell; vertical-align: middle; text-align: center; } #Container_Products .Box_image img.img_detail{ display: none; } #Container_Products .Box_image:hover img.img_detail{ display: block; position: absolute; top: 8px; right: 8px; opacity: 1; z-index: 10; } #Container_Products .Each_Product{ width: auto; max-width: 230px; height: auto; border: none; -webkit-border-radius: 5px; border-radius: 5px; } /*ie9*/ #Container_Products .Each_Product:not(:target) { width: 230px\9; height: 447px\9; /*border-width: 1px\9;*/ /*border-style:solid\9;*/ /*border-color: #bbb\9;*/ } /* ie11 */ @media all and (-ms-high-contrast: none) { #Container_Products .Each_Product:not(:target) { height: auto; border: none; /* IE10以上 */ } } #Container_Products .Each_Product img.img_product{ max-width: 213px; max-height: 160px; } #Container_Products .Each_Product h2 { height: 36px; font-size: 13px; line-height: 1.4; margin: 0; padding: 0; font-weight: normal; letter-spacing: 0; align-self: flex-start; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #Container_Products .price{ padding-top: 2px; } #Container_Products .price_l{ font-size: 12px; float: left; margin: 0; margin: 0px 0 -5px; } #Container_Products .price_r{ padding-top: 1px; } #Container_Products .genuine{ margin: 0 0 6px; } #Container_Products .spec{ width: 69px; float: left; margin: 0; height: 26px; } #Container_Products .spec{ margin-right: 3px; } #Container_Products .spec:last-child { margin-right: 0px; } #Container_Products .spec_01{ background: url(/images/stories/htk/common/global_sprite.png) no-repeat -100px -201px; } #Container_Products .spec_02{ background: url(/images/stories/htk/common/global_sprite.png) no-repeat -175px -201px; } #Container_Products .spec_03{ background: url(/images/stories/htk/common/global_sprite.png) no-repeat -100px -231px; } #Container_Products .spec_04{ background: url(/images/stories/htk/common/global_sprite.png) no-repeat -175px -231px; } #Container_Products .price span{ color: #F00; font-size: 25px; font-weight: bold; } #Container_Products div.category-ink-price-R2{ margin-top: 2px; } #Container_Products .point{ margin: 9px 0 0; line-height: 1; } #Container_Products .point p:last-child{ font-size: 16px; float: left; padding: 0; margin: -2px 0 0; } #Container_Products .point i.fa-product-hunt:before, #Container_Products .rating i.fa-commenting:before{ font-size: 20px; } #Container_Products .point i.fa-product-hunt, #Container_Products .rating i.fa-commenting{ float: left; display: none; } #Container_Products .point p, #Container_Products .rating p{ font-size: 12px; float: left; letter-spacing: -1px; padding: 2px 0 0 4px; } #Container_Products .rating p.num{ font-size: 15px; font-weight: bold; color: #F90 ; padding: 0 0 0 4px; } #Container_Products .rating span{ font-size: 13px; } #Container_Products .pt{ font-size: 14px; font-weight: normal; } #Container_Products .lt{ text-decoration: line-through; } #Container_Products .bk{ color: #000; } #Container_Products i.fa-star, #Container_Products i.fa-star-o, #Container_Products i.fa-star-half-o{ font-size: 16px; } #Container_Products .Each_Product .rating i.fa-star , #Container_Products .Each_Product .rating i.fa-star-half-o { color: #ff772d; } .cart{ width: 89px; float: left; margin-right: 2px; margin-top: 27px; } #Container_Products input{ margin: 0; padding: 0; } #Container_Products .purchase{ width: 123px; height: 55px; float: left; -webkit-border-radius: 5px; border-radius: 5px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat -100px -301px; cursor: pointer; background-repeat: no-repeat; } #Container_Products .purchase:hover, #Container_Products .add:hover, #Container_Products .sub:hover{ opacity: 0.8; } #Container_Products .purchase:active{ background-position: -100px -357px; } #Container_Products .qty{ width: 22px; height: 22px; font-size: 18px; text-align: center; margin: 1px 2px 0; display: block; float:left; } #Container_Products .add, #Container_Products .sub{ width: 28px; height: 28px; display: block; cursor:pointer; float:left; } #Container_Products .sub, #Container_Products .add{ background: url(/images/stories/htk/common/global_sprite.png); background-repeat: no-repeat; } #Container_Products .sub{background-position: -100px -265px;} #Container_Products .add{background-position: -128px -265px;} #Container_Products .sub:active{background-position: -156px -265px;} #Container_Products .add:active{background-position: -184px -265px;} #Container_Products .Box_cart{ position: relative; overflow: hidden; margin-bottom: 15px; } #Container_Products .stock{ position: absolute; top: 5px; left: 12px; } #Container_Products .purchase:focus, #Container_Products .add:focus, #Container_Products .sub:focus { outline:none; } #Container_Products .price { /* padding-top: 5px; */ overflow: hidden; } /* #Container_Products .Box_cart { overflow: inherit; } */ .infoWrap { position: relative; } .infoWrap .genuine { float: left; } .infoWrap .infoBtn { float: right; width: 32px; border-radius: 2px; box-sizing: border-box; text-align: center; font-size: 11px; line-height: 1; color: #292929; /* font-weight: bold; */ background: #f7f7f7; border: 1px solid #d6d6d6; margin-right: 0; padding: 3px 0; cursor: pointer; text-indent: 2px; } .infoWrap .infoBtn:hover { opacity: 0.8; } .infoWrap .info { display: none; z-index: 9999; position: absolute; top: 21px; right: 0; color: #000; border: 1px solid #EEE; background: rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.79); padding: 10px; min-width: 240px; } .infoWrap .info p:last-of-type { margin-bottom: 0; } .infoWrap .infoBtn:hover + .info { display: block; } .infoWrap-02 { overflow: hidden; height: 52px; } .cartWrap-inner { overflow: hidden; } /* .contents｜商品カテゴリーページ　FAX注文用紙ダウンロード */ .faxOrderWrap { margin: 15px auto 30px; padding: 10px 0; text-align: center; background: #fcfcfc; border: solid 1px #ddd; line-height: 1; } .faxOrderText { font-size: 14px; font-weight: bold; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } .faxOrderText i { margin-right: 5px; font-size: 19px; color: #00b347; } .faxOrderText span { font-size: 18px; color: #e51818; } .btn-fax { color: #fff !important; background: #252241; text-decoration: none !important; padding: 5px 12px 3px; border-radius: 5px; font-size: 14px; display: inline-block; vertical-align: middle; } .btn-fax i { margin-right: 5px; font-size: 16px; } .btn-fax:hover { background: #1c1a2f; } /* .contents｜商品詳細ページ -----------------------------------*/ /* レイアウト */ #detail_base { width: 720px; font-size: 12px; font-family: 'Gudea','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif; } #detail_base h1{ width: 707px; margin: 0 0 15px; padding: 0 0 3px 5px; border-left: solid 8px #14a83b; border-bottom: solid 2px #14a83b; background: none; font-size: 17px; color: #000; } #detail_base .dbBox { clear: both; } #detail_base .Lower { margin: 30px 0 20px; padding: 20px 0 0; border-top: solid 2px #C5C5C5; } #detail_base .dbRight { width: 440px; float: right; } #detail_base .shortDescription { font-size: 1.2em; margin: 0 0 15px; } #detail_base .shortDescription .sD_print span{ color:#FD6F19; font-weight: bold; } #detail_base .shortDescription .sD_print span.cap{ font-size: 11px; color: #000; font-weight: normal; } #detail_base .boxReview img{ width: 72px; vertical-align: middle; padding-bottom: 5px; } #detail_base .boxReview p{ display: inline-block; } #detail_base .boxReview span.num{ margin: 0 5px 0 0; font-size: 23px; font-weight: bold; color: #FF0000; } #detail_base .flag { margin-bottom: 15px; padding: 15px 0 0 0; border-top: dotted 1px #C5C5C5; } #detail_base .flag a { text-decoration: none; color: #FFF; } #detail_base .Lower .flag { padding: 0; border-top: none; } #detail_base .flag span{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 15px 1px; color: #FFF; } #detail_base .flag span.matomegai {background: #ff5d5d;} #detail_base .flag span.touzitsu {background: #0099d9;} #detail_base .flag span.hosyo {background: #25945f;} #detail_base .price { width: 425px; margin: 0; } #detail_base .price span{ display: block; float: left; } #detail_base .price .txt { padding: 12px 0 0; } #detail_base .price .num { margin: 0 5px 0 5px; font-size: 25px; font-weight: bold; line-height: 30px; color: #FF0000; } #detail_base .price .en { font-size: 19px; line-height: 30px; font-weight: bold; color: #FF0000; } #detail_base .price .toku { width: 45px; height: 42px; margin: 0 0 0 5px; padding: 4px 0 0; font-size: 14px; font-weight: bold; color: #FFFF66; text-indent: 9px; background: url(/images/stories/htk/common/global_sprite.png) no-repeat -250px -301px; } #detail_base .price .sanko { margin: 0 0 0 5px; padding: 10px 0 0; } #detail_base .price .toku span { line-height: 30px; } #detail_base .point { width: 425px; } #detail_base .point img{ vertical-align:0; padding: 0 4px 0 8px; } #detail_base .point span.num1{ margin: 0 0 0 10px; font-size: 18px; text-decoration: line-through; } #detail_base .point span.num2{ font-size: 18px; font-weight: bold; color: #ff8042; } #detail_base .point span.cap{ font-size: 12px; font-weight: bold; color: #ff8042; } #detail_base .cart { width: 425px; margin: 10px 0　3px; padding: 5px 5px 8px; font-size: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: solid 2px #dedede; background: #fbfbfb; } #detail_base .cart .num { margin: 15px auto; text-align: center; border-bottom: 1px solid #DEDEDE; } #detail_base .cart .num .submit { display: block; margin: 10px auto; } #detail_base .cart .num .submit:hover { opacity: 0.7; } #detail_base .cart input { margin: 0; font-size: 15px; } #detail_base .cart input.up { display: inline-block; width: 18px; height: 18px; border: none; cursor: pointer; /*background: url("/images/stories/htk/product-detail/bt03.jpg") no-repeat scroll center top;*/ background: url(/images/stories/htk/common/global_sprite.png) no-repeat -250px -151px; } #detail_base .cart input.down { display: inline-block; width: 18px; height: 18px; border: none; cursor: pointer; background: url(/images/stories/htk/common/global_sprite.png) no-repeat -281px -151px; } #detail_base .cart .stock{ margin: 5px 0 0 10px; } #detail_base .cart .forward{ margin: 0 0 0 10px; } #detail_base .cart .forward .stock-on { color: #FF0000; font-weight: bold; } #detail_base .cart .delivery { width: 410px; margin: 0 0 0 10px; overflow: hidden; } #detail_base .cart .delivery dt { padding: 0; float: left; } #detail_base .cart .delivery dd { width: 325px; float: left; padding-top: 0; } .postalcodeformBox { margin: 11px 0 0; padding: 8px; background: #fcffe6; } #detail_base .cart .delivery .postalcodeformBox .txt { padding: 5px 0; font-size: 13px; } #detail_base .cart .delivery .postalcodeformBox .txt span { font-size: 10px; } #detail_base .cart .delivery .postalcodeformBox_num1 { width: 50px; } #detail_base .cart .delivery .postalcodeformBox_num2 { width: 80px; } #detail_base .cart .delivery .city { font-weight: bold; } #detail_base .cart .delivery .daytime { color: #FF0000; font-weight: bold; } #detail_base .cart .delivery .arrivalmail-Box { width: 364px; margin: 8px auto; padding: 8px; background: #E4F3FA; border-radius: 10px; font-size: 12px; } #detail_base .cart .delivery .arrivalmail-Box .tit { margin: 10px 0; text-align: center; font-size: 14px; } #detail_base .cart .delivery .arrivalmail-Box .adinput { width: 320px; margin: auto; } #detail_base .cart .delivery .arrivalmail-Box .item { display: inline-block; vertical-align: middle; height: 13px; padding: 5px 4px; font-size: 10px; text-align: center; color: #FFF; background: #9ac3d6; } #detail_base .cart .delivery .arrivalmail-Box input { width: 320px; } #detail_base .cart .delivery .arrivalmail-Box .adregistration a { display: block; width: 210px; margin: 10px auto; padding: 10px 4px; font-size: 14px; color: #FFF; text-align: center; text-decoration: none; background: #05b0ff; border-radius: 10px; } #detail_base .cart .delivery .arrivalmail-Box .adregistration a:hover { background: #66CDFF; } #detail_base .cart .delivery .arrivalmail-Box .cap { text-align: left; } #detail_base .cart .delivery .arrivalmail-link { font-size: 16px; margin: 8px auto; } #detail_base .cart .forward .tojitsu{ font-weight: bold; color: #FF0000; } #detail_base .links { width: 425px; margin: 5px 0 0; } #detail_base .links .conspicuouslyTxt { display: inline; margin-right: 35px; font-size: 16px; font-weight: bold; color: #FF0000; } #detail_base .links a { color: #696969; } #detail_base .links a:hover{ color: #A4A4A4; } #detail_base .dbLeft { width: 260px; float: left; } #detail_base .productPhoto { clear: both; } #detail_base .colorAttribute { clear: both; width: 260px; margin: 15px 0 0; } #detail_base .colorAttribute p { border-bottom: dotted 1px #C0C0C0; } #detail_base .colorAttribute ul li{ width: 65px; float: left; margin: 0; padding: 0; background: none; } #detail_base .productFeaturea { clear: both; width: 260px; margin: 15px 0 0; } #detail_base .productFeaturea p { border-bottom: dotted 1px #C0C0C0; } #detail_base .productFeaturea ul li{ position: relative; width: 49px; float: left; margin:1px; padding: 0; background: none; } .pfcap { display: none; position: absolute; top:40px; left:40px; width: 150px; padding: 5px; color: #fff; text-decoration: none; background: #ff5d5d; } a:hover .pfcap {display: block;z-index:999} #detail_base .productSpec { width: 720px; margin: 15px 0 0; } #detail_base .productSpec h2 { width: 705px; padding: 3px 0 0 15px; font-size: 15px; color: #FFF; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; background: #25945f; } #detail_base .productSpec table{ width: 720px; } #detail_base .productSpec table th { width: 150px; margin: 0; text-align: center; background-color: #FF9; border: 1px solid #999; vertical-align: middle; } #detail_base .productSpec table td { width: 570px; padding: 5px 5px 5px 15px; border: 1px solid #999; } #detail_base .productSpec table td ul li{ float: left; border-left: 1px solid #C0C0C0; line-height: 1.8; margin: 0 0 5px; padding: 0 6px; background: none; } /* .contents｜商品詳細・レビュー機能 */ div#product-detail-review { width: 720px; margin: 15px 0 5px; clear: both; } div#product-detail-review-bg01 { overflow: hidden; background: url("/images/stories/htk/review/product-detail/bg01.jpg") no-repeat; width: 720px; height: 32px; margin: 0; padding: 0; } div#product-detail-review-bg01 h2 { float: left; font-size: 15px; color: #ffffff; margin: 0 0 0 42px; padding: 10px 0 0; } div#product-detail-review-bg01 h3 { float: left; font-size: 14px; color: #ffffff; margin: 0 0 0 42px; padding: 10px 0 0; } div#product-detail-review-bg01 p { float: right; font-weight: bold; /* color: #fff; */ color:#222; text-align: right; margin: 0; padding: 11px 8px 0; } div#product-detail-review-bg01 p a {color: #006699;} div#product-detail-review-bg01 p a:hover {color: #cc3366;} div.product-detail-review-frame { width: 698px; border-left: 1px solid #cdccca; border-right: 1px solid #cdccca; border-bottom: 1px solid #cdccca; padding: 10px; } div.product-detail-review-box { overflow: hidden; width: 695px; margin: 0 0 5px; } div.product-detail-review-evaluation { float: left; color: #333; margin: 0 0 5px; *margin: 0; vertical-align: 0; } div.product-detail-review-evaluation img { width: 79px; vertical-align: 0; } div.product-detail-review-box ul {margin: 0 0 5px;} div.product-detail-review-box ul li { float: right; background: none; font-size: 11px; margin: 0 0 0 5px; } div.product-detail-review-title { clear: both; border-top: 1px dotted #999; padding: 5px 0 0; *padding: 2px 0 0; } div.product-detail-review-title p { font-size: 11px; color: #666; margin: 0; } div.product-detail-review-title h3 , div.product-detail-review-title h4 { background: url("/images/stories/htk/review/product-detail/bg02.jpg") no-repeat scroll 0 2px transparent; font-size: 15px; color: #308a2d; margin: 5px 0 0; padding: 0 0 0 23px; } ul#product-detail-review-link { text-align: center; width: 720px; height: 43px; margin: 0 0 10px; } ul#product-detail-review-link li { display: inline-block; *display: inline; *zoom: 1; background: url("/images/stories/htk/review/product-detail/bg03.jpg") no-repeat; width: 227px; height: 43px; margin: 0 10px; padding: 0; } ul#product-detail-review-link li a img { margin: 6px 0 0; } ul#product-detail-review-link li a:hover img { opacity: 1.0; } div#product-detail-review-ave { clear: both; background: url("/images/stories/htk/review/product-detail/bg04-a.jpg") repeat-y; width: 170px; } div#product-detail-review-ave-t { background: url("/images/stories/htk/review/product-detail/bg04-b.jpg") no-repeat top; width: 170px; padding: 10px 0 0; } div#product-detail-review-ave-b { overflow: hidden; background: url("/images/stories/htk/review/product-detail/bg04-c.jpg") no-repeat bottom; width: 170px; padding: 0 0 10px; *padding: 0 0 2px; } div#product-detail-review-ave-b h4 { background: url("/images/stories/htk/review/product-detail/bg05.jpg") no-repeat scroll 1px 3px transparent; font-size: 14px; color: #666; margin: 0 0 5px 10px; padding: 0 0 0 18px; } div#product-detail-review-ave-L { float: left; width: 70px; font-size: 11px; color: #666; line-height: 14px; text-align: center; margin: 0 0 5px 15px; } *html div#product-detail-review-ave-L { margin: 0 0 0 7px; } div#product-detail-review-ave-L img { margin: 0 0 5px; } div#product-detail-review-ave-R { float: right; width: 60px; height: 45px; text-align: center; margin: 0 15px 5px 0; } *html div#product-detail-review-ave-R { margin: 0 7px 0 0; } div#product-detail-review-ave-R p { font-size: 32px; font-weight: bold; color: #ff0000; line-height: 50px; } div#product-detail-review-ave-R img { margin: 3px 0 0; } div.product-detail-review-text p { font-size: 14px; margin: 0; word-break: break-all; } #detail_base .startMail { width: 425px; margin:15px 0 0; padding: 5px; font-size: 18px; color: #FF0000; text-align: center; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: solid 2px #dedede; background: #fff5df; } #detail_base .supplementaryBox { /* width: 425px; */ width: 100%; margin:60px 0 0; } /* レイアウト */ div#detail-ink01 { overflow: hidden; width: 720px; margin: 0 0 15px 0; padding: 0; } div#detail-ink-left { float: left; width: 190px; margin: 0; padding: 0; } div#detail-ink-left img.thumbnail { margin: 0 0 5px 0; padding: 0; } p.dscnt_mark_pdtSpec { width: 135px; height: 15px; margin: 0 0 10px; padding: 2px; border-radius: 5px; color: #FFF; text-align: center; line-height: 16px; background: #ff2157; } /* 商品詳細 最近確認した商品 */ div#detail-ink-confirm { width: 720px; border-top: 2px solid #cdccca; margin: 0 0 10px 0; padding: 10px 0 0 0; } div#detail-ink-confirm h3 { font-size: 14px; font-weight: bold; color: #333333; } div#detail-ink-confirm ul { font-size: 12px; color: #333333; } div#detail-ink-confirm ul li { background: url("/images/stories/kanateer/icon/list_mark.gif") no-repeat scroll 0 8px transparent; padding: 2px 0 2px 12px; } div.section table.detail { margin-bottom: 10px; } /* 商品詳細　新商品お知らせメール */ div#detail-ink-mail { overflow: hidden; background: url("/images/stories/htk/product-detail/bg05.jpg") no-repeat; width: 530px; height: 137px; margin: 0 0 10px; } div#detail-ink-mail strong { background: url("/images/stories/htk/product-detail/bg06.jpg") no-repeat scroll 0 -5px transparent; display: inline-block; height: 60px; font-size: 19px; color: #ff3300; line-height: 25px; margin: 10px 0 0 10px; padding: 4px 0 0 77px; } div#detail-ink-mail img, div#detail-ink-mail input { margin: 0 0 0 15px; } div#detail-ink-mail a:hover img { opacity: 1.0; } /* .contents｜商品詳細 商品説明ロングページ 純正インク /index.php/エプソン純正インクカートリッジ/IC6CL50-J.html */ div#ink-genuine { clear: both; } div#ink-genuine-title-IC6CL50 { background: url("/images/stories/htk/product-detail/genuine/epson/IC50/bg01.jpg") no-repeat; width: 720px; margin: 0 0 0 110px; padding: 0; } div#ink-genuine-title-IC6CL50 h2 { font-size: 18px; font-weight: bold; line-height: 20px; color: #14a83b; margin: 0 0 0 100px; padding: 0; } div#ink-genuine-title-IC6CL50 h2 span { font-size: 14px; } div.ink-genuine-box-bg { background: url("/images/stories/htk/product-detail/genuine/common/bg01.jpg") no-repeat left top; width: 705px; margin: 0 0 15px; padding: 20px 0 0; } div.ink-genuine-box { background: #ffffee; width: 705px; border: 1px solid #999999; margin: 0 0 0 10px; padding: 0; } div.ink-genuine-title-bg-a, div.ink-genuine-title-bg-b, div.ink-genuine-title-bg-c, div.ink-genuine-title-bg-d { overflow: hidden; background: url("/images/stories/htk/product-detail/genuine/common/bg02.jpg") repeat-x; position: relative; top: -21px; left: -1px; height: 42px; margin: 0; padding: 0; } div.ink-genuine-title-bg-a { width: 710px; } div.ink-genuine-title-bg-b { width: 710px; } div.ink-genuine-title-bg-c { width: 710px; } div.ink-genuine-title-bg-d { width: 710px; } div.ink-genuine-title-end { background: url("/images/stories/htk/product-detail/genuine/common/bg03.jpg") no-repeat right top; height: 42px; margin: 0; padding: 0 20px 0 0; } div.ink-genuine-title-end h3 { text-align: center; font-size: 20px; font-weight: bold; color: #ffff00; line-height: 35px; margin: 0; padding: 4px 0 0; } div.ink-genuine-title-end h3 span { font-size: 20px; color: #ffffff; } div.ink-genuine-desc { overflow: hidden; width: 650px; margin: -11px 0 11px 20px; padding: 0; } div.ink-genuine-desc-L1, div.ink-genuine-desc-L2 { float: left; padding: 0; } div.ink-genuine-desc-L1 { width: 400px; margin: 0 0 5px; } div.ink-genuine-desc-L2 { width: 255px; margin: 5px 0 10px; } div.ink-genuine-desc-L1 img { margin: 0 0 10px; } div.ink-genuine-desc-L1 p, div.ink-genuine-desc-L2 p { font-size: 13px; line-height: 17px; } div.ink-genuine-desc-L1 p span, div.ink-genuine-desc-L2 p span { font-size: 15px; font-weight: bold; color: #ff0000; } div.ink-genuine-desc-L1 p.notice, div.ink-genuine-desc-L2 p.notice { font-size: 12px; color: #ff6600; margin: 0 0 0 1em; text-indent: -1em; } div.ink-genuine-desc-R1, div.ink-genuine-desc-R2 { overflow: hidden; float: right; margin: 0 0 5px; padding: 0; } div.ink-genuine-desc-R1 { width: 246px; } div.ink-genuine-desc-R2 { width: 213px; } div.ink-genuine-desc-R1 dl { float: right; width: 113px; margin: 0 0 5px 10px; padding: 0; } div.ink-genuine-desc-R1 dl dt { font-size: 12px; font-weight: bold; margin: 0; padding: 0; } div.ink-genuine-desc-R1 dl dd { margin: 0; padding: 0; } div.ink-genuine-desc-R1 dl dd a, div.ink-genuine-desc-R1 dl dd a img { width: 113px; height: 150px; margin: 0; padding: 0; } div.ink-genuine-desc-R1 p { clear: both; font-size: 11px; color: #666666; text-align: right; margin: 0; padding: 0; } div.ink-genuine-desc-R1 p.sub { font-size: 12px; font-weight: bold; color: #333333; text-align: left; margin: 0 0 5px 10px; padding: 0; } div.ink-genuine-desc-R1 ul.w2, div.ink-genuine-desc-R1 ul.h2 { margin: 0; padding: 0; } div.ink-genuine-desc-R1 ul.w2 li, div.ink-genuine-desc-R1 ul.h2 li { background: none; margin: 0 0 5px 10px; padding: 0; } div.ink-genuine-desc-R1 ul.w2 li { float: left; } div.ink-genuine-desc-R1 ul.w2 li img, div.ink-genuine-desc-R1 ul.h2 li img { margin: 0; padding: 0; } div.ink-genuine-desc-R1 img { margin: 0 0 5px 10px; } div.ink-genuine-desc-R2-bt { background: #ffffff; width: 211px; border-left: 1px solid #0e9104; border-right: 1px solid #0e9104; border-bottom: 1px solid #0e9104; text-align: center; margin: 0; padding: 5px 0; } div.ink-genuine-desc-R2-bt a img { margin: 0 0 0 2px; padding: 0; } div.ink-genuine-desc-R2-bt a:hover img { opacity: 1.0; } div#ink-genuine a.bt01 { display: block; overflow: hidden; background: url("/images/stories/htk/product-detail/genuine/common/bt01_off.jpg") no-repeat; width: 438px; height: 44px; margin: auto; font-size: 16px; font-weight: bold; line-height: 44px; color: #ffffff; text-decoration: none; padding: 0 0 0 40px; } div#ink-genuine a.bt01 span { font-size: 14px; } div#ink-genuine a.bt01:hover { background: url("/images/stories/htk/product-detail/genuine/common/bt01_on.jpg") no-repeat; color: #ffffff; width: 436px; text-decoration: none; padding: 0px 0 0 42px; } div#ink-genuine-price { background: url("/images/stories/htk/product-detail/genuine/common/bg04.jpg") no-repeat; overflow: hidden; position: relative; width: 438px; height: 88px; text-align: center; margin: 0 auto 10px; padding: 0; } div#ink-genuine-price span.text01 { position: absolute; top: 15px; left: 12px; font-size: 13px; line-height: 15px; color: #666666; } div#ink-genuine-price span.text01 span, div#ink-genuine-price span.text03 span { font-size: 11px; } div#ink-genuine-price span.text02 { position: absolute; top: 42px; left: 14px; font-size: 22px; font-weight: bold; color: #666666; } div#ink-genuine-price span.text02 span { font-size: 16px; } div#ink-genuine-price span.text03 { position: absolute; top: 25px; left: 171px; font-size: 13px; line-height: 15px; color: #666666; } div#ink-genuine-price span.text04 { position: absolute; top: 49px; left: 190px; font-size: 28px; font-weight: bold; color: #dd0000; } div#ink-genuine-price span.text04 span { font-size: 22px; } div#ink-genuine-price span.text05 { position: absolute; top: 17px; left: 353px; font-size: 12px; } div#ink-genuine-price span.text06 { position: absolute; top: 28px; left: 359px; font-size: 30px; font-weight: bold; color: #0e9104; } div#ink-genuine-price span.text06 span { font-size: 21px; } div#ink-genuine-price span.text07 { position: absolute; top: 62px; left: 383px; font-size: 12px; } /* .contents｜商品詳細 商品説明ロングページ 洗浄液用 */ div.ink-wash-title { overflow: hidden; background: url("/images/stories/htk/product-detail/printerhead-wash/bg01.jpg") no-repeat left top; width: 530px; height: 51px; margin: 0 0 10px; padding: 0; } div.ink-wash-title p { font-size: 13px; margin: 0 0 0 55px; padding: 0; } div.ink-wash-title h2 { font-size: 19px; font-weight: bold; line-height: 22px; margin: 0 0 0 55px; padding: 0; } div.ink-wash-box { width: 530px; margin: 0 0 15px; padding: 0; } div.ink-wash-box p.notice { color: #ff3300; } div.ink-wash-box img { margin: 0 0 10px; padding: 0; } div.ink-wash-box-L { float: left; width: 157px; margin: 0 0 15px; padding: 0; } div.ink-wash-box-L img { margin: 0; padding: 0; } div.ink-wash-box-R { float: right; width: 363px; margin: 0 0 15px; padding: 0; } /* ------------------------------------------------------------- [_.common ------------------------------------------------------------- */ /* .common｜パンくずリスト -----------------------------------*/ #bread-crumb-list { width: 720px; padding: 10px 0px 10px 10px; text-align: left; } #bread-crumb-list li { display: inline; padding: 0 2px 0 0; text-align: left; background: none; } #bread-crumb-list li a:hover { color: #bbbbbb; } /* .common｜SNSボタン -----------------------------------*/ /* 記事ページ用 */ ul.bookmarkBox-kiji img { border: none; } #contents_page ul.bookmarkBox-kiji li { padding: 2px 0 2px 12px !important; } ul.bookmarkBox-kiji li { list-style: none; text-decoration: none; background: none; display: inline-block; } ul.bookmarkBox-kiji { clear: both; width: 720px; margin: 10px 0 !important; padding: 10px 5px 5px 5px !important; text-align: right; } ul.bookmarkBox-kiji li.btnTwitter { vertical-align: top; } ul.bookmarkBox-SNS_typeA { clear: both; width: 720px; margin: 30px 0 20px; padding: 10px 0 5px; border-top: dotted 1px #C0C0C0; border-bottom: dotted 1px #C0C0C0; text-align: right; } ul.bookmarkBox-SNS_typeA li.btnTwitter { vertical-align: top; } ul.bookmarkBox-SNS_typeA li { list-style: none; text-decoration: none; background: none; display: inline-block; } /* .common｜注釈 -----------------------------------*/ dl.pghCap { margin: 0; padding: 0; font-size: 11px; font-weight: normal; } dl.pghCap dt { width: 15px; float: left; margin: 0; padding: 0; color: #00a0e9; line-height: 16px; } dl.pghCap dd { margin: 0 0 0 15px; padding: 0; line-height: 16px; } /* .common｜別窓ウィンドウ -----------------------------------*/ a.blank { padding:0 1.5em 0 0; background-image: url("/images/stories/htk/common/icn_blank.png"); background-repeat: no-repeat; background-position: right 4px center; /*background: url(/images/stories/htk/common/global_sprite.png) no-repeat -487px -149px;*/ /*background-repeat: no-repeat;*/ } /* .common｜ボタンデザイン -----------------------------------*/ /*ボタンベースデザイン*/ a.btnBase_A { font-size:16px; font-weight:bold; padding:9px 10px 8px; text-decoration:none !important; display:inline-block; } a.btnBase_B { font-size:14px; font-weight:bold; padding:7px 8px 6px 9px; text-decoration:none !important; display:inline-block; } /*オレンジ*/ a.btn_type_orange01 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #eeb44f; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) ); background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% ); background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% ); background-color:#ffc477; color:#ffffff; text-shadow:1px -1px 0px #cc9f52; -webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1; -moz-box-shadow:inset 1px 1px 0px 0px #fce2c1; box-shadow:inset 1px 1px 0px 0px #fce2c1; } a.btn_type_orange01:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) ); background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% ); background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% ); background-color:#fb9e25; } /*ブルー*/ .btn_type_blue01 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #84bbf3; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) ); background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% ); background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% ); background-color:#79bbff; color:#ffffff !important; text-shadow:1px -1px 0px #528ecc; -webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7; -moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7; box-shadow:inset 1px 1px 0px 0px #bbdaf7; } .btn_type_blue01:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) ); background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% ); background-color:#378de5; } /*白*/ a.btn_type_white01 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #dcdcdc; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) ); background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% ); background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% ); background-color:#f9f9f9; color:#666666; text-shadow:1px 1px 0px #ffffff; -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff; -moz-box-shadow:inset 1px 1px 0px 0px #ffffff; box-shadow:inset 1px 1px 0px 0px #ffffff; } a.btn_type_white01:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) ); background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% ); background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% ); background-color:#e9e9e9; } /*赤色*/ a.btn_type_red01 { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #d83526; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fc8d83), color-stop(100%, #e4685d) ); background:-moz-linear-gradient( center top, #fc8d83 5%, #e4685d 100% ); background:-ms-linear-gradient( top, #fc8d83 5%, #e4685d 100% ); background-color:#fc8d83; color:#FFF !important; -webkit-box-shadow:inset 1px 1px 0px 0px #f7c5c0; -moz-box-shadow:inset 1px 1px 0px 0px #f7c5c0; box-shadow:inset 1px 1px 0px 0px #f7c5c0; } a.btn_type_red01:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e4685d), color-stop(100%, #fc8d83) ); background:-moz-linear-gradient( center top, #e4685d 5%, #fc8d83 100% ); background:-ms-linear-gradient( top, #e4685d 5%, #fc8d83 100% ); background-color:#e4685d; } .careerpayBtn{ width: 270px; margin: 0 auto; } .careerpayBtn input , .careerQR input{ font-size:22px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #ffaa22; padding:9px 45px; text-decoration:none; background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% ); background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) ); background-color:#ffec64; color:#333333; display:inline-block; text-shadow:1px 1px 0px #ffee66; -webkit-box-shadow:inset 1px 1px 0px 0px #fff6af; -moz-box-shadow:inset 1px 1px 0px 0px #fff6af; box-shadow:inset 1px 1px 0px 0px #fff6af; } .careerpayBtn input:hover , .careerQR input:hover { background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% ); background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) ); background-color:#ffab23; } .careerpayBtn input:active , .careerQR input:active { position:relative; top:1px; } .careerpayBtn li{background: none;} /* 会員フォーム系リニューアルに伴うSPとの共通ボタンフォーマット用 （改修の対象になるページから順次こちらの仕組みでボタンを作り直す） */ .btnBox { min-height: 55px; margin: 0; padding: 5px 0; text-align: center; } .btnBox .btn:focus { outline: none; } .btnBox a { color: #FFF; text-decoration: none !important; } .btnBox .btn { cursor: pointer; padding: 7px 12px; font-weight: bolder; text-align: center; font-size: 18px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-radius: 8px; box-shadow:rgba(168, 168, 168, 0.8) 0px 0px 6px 0; -webkit-box-shadow:rgba(168, 168, 168, 0.8) 0px 0px 6px 0; -moz-box-shadow:rgba(168, 168, 168, 0.8) 0px 0px 6px 0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; } /*決定ボタン：色調「緑」*/ .btn_type_Enter { color: #FFF; background: #57D073; background: linear-gradient(to bottom,#57D073 0%,#18b238); background: -moz-linear-gradient(top,#57D073,#18b238); background: -webkit-gradient(linear, left top, left bottom, from(#57D073), to(#18b238)); border: 2px solid #FFF; } .btn_type_Enter:hover { background: #7ee693; background: linear-gradient(to bottom,#7ee693 0%,#53c96c); background: -moz-linear-gradient(top,#7ee693,#53c96c); background: -webkit-gradient(linear, left top, left bottom, from(#7ee693), to(#53c96c)); border: 2px solid #FFF; } /*戻るボタン：色調「青」*/ .btn_type_Back { padding: 5px 16px; font-size: 14px; color: #FFF; background: #077BDA; background: linear-gradient(to bottom,#44cfec 0%,#077BDA); background: -moz-linear-gradient(top,#44cfec,#077BDA); background: -webkit-gradient(linear, left top, left bottom, from(#44cfec), to(#077BDA)); border: 2px solid #FFF; } .btn_type_Back:hover { background: #44cfec; background: linear-gradient(to bottom,#86DFF2 0%,#2197F8); background: -moz-linear-gradient(top,#86DFF2,#2197F8); background: -webkit-gradient(linear, left top, left bottom, from(#86DFF2), to(#2197F8)); } /*次へ進むボタン：色調「赤」*/ .btn_type_Next { color: #FFF; background: #FF5903; background: linear-gradient(to bottom,#FFAA6E 0%,#FF5903); background: -moz-linear-gradient(top,#FFAA6E,#FF5903); background: -webkit-gradient(linear, left top, left bottom, from(#FFAA6E), to(#FF5903)); border: 2px solid #FFF; } .btn_type_Next:hover { background: #FF7D37; background: linear-gradient(to bottom,#FFC69B 0%,#FF7D37); background: -moz-linear-gradient(top,#FFC69B,#FF7D37); background: -webkit-gradient(linear, left top, left bottom, from(#FFC69B), to(#FF7D37)); border: 2px solid #FFF; } /*削除ボタン：色調「灰」*/ .btn_type_Delete { color: #FFF; background: #A6A6A6; background: linear-gradient(to bottom,#DADADA 0%,#A6A6A6); background: -moz-linear-gradient(top,#DADADA,#A6A6A6); background: -webkit-gradient(linear, left top, left bottom, from(#DADADA), to(#A6A6A6)); border: 2px solid #FFF; } .btn_type_Delete:hover { background: #A6A6A6; background: linear-gradient(to bottom,#E5E5E5 0%,#BDBDBD); background: -moz-linear-gradient(top,#E5E5E5,#BDBDBD); background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#BDBDBD)); border: 2px solid #FFF; } .btn_type_Plane { padding: 14px 20px !important; color: #222 !important; background: #FFF; border: 1px solid #acacac; } .btn_type_Plane:hover { background: #ececec; border: 1px solid #acacac; } /*マイページ 注文詳細を見る*/ .btn_type_orderDetail { position: relative; display: block; width: 140px; margin: auto; line-height: 1; padding: 10px 40px 10px 20pt !important; font-size: 15px !important; color: #222 !important; background: #f0c834; border: 1px solid #ff8153; border-radius: 999px !important; transition: .15s; } .btn_type_orderDetail:before { content: ""; display: block; position: absolute; left: 10px; top: 6px; width: 80%; height: 10px; border-radius: 100px; background: rgba(255,255,255,0.2); } .btn_type_orderDetail::after { content: '▶'; display: block; position: absolute; background: #FFF; width: 22px; height: 22px; border-radius: 999px; font-size: 12px; line-height: 20px; color: #ff8153; top: 50%; right: 8px; transform: translateY(-50%); } .btn_type_orderDetail:hover { opacity: .8; } /*マイページ すべてを見る*/ .btn_type_orderMore { position: relative; display: block; width: 240px; margin: auto; line-height: 1; padding: 10px 32px 10px 20pt !important; font-size: 15px !important; color: #222 !important; background: #f4f4f4; border: 1px solid #919191; border-radius: 999px !important; transition: .15s; } .btn_type_orderMore:before { content: ""; display: block; position: absolute; left: 10px; top: 6px; width: 80%; height: 10px; border-radius: 100px; background: rgba(255,255,255,0.2); } .btn_type_orderMore::after { content: '▼'; display: block; position: absolute; background: #FFF; width: 22px; height: 22px; border-radius: 999px; font-size: 12px; line-height: 20px; color: #494949; top: 50%; right: 8px; transform: translateY(-50%); } .btn_type_orderMore:hover { opacity: .8; } /*小さいボタン*/ .btnBoxS { width: 200px; margin: 0 auto 30px; /*padding: 0 5px;*/ } .btnBoxS .btn { cursor: pointer; text-align: center; font-size: 14px; color: #FFF; border: solid 1px #FFF; border-radius: 8px; text-decoration: none !important; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; box-shadow:rgba(168, 168, 168, 0.8) 0px 0px 6px 0; -webkit-box-shadow:rgba(168, 168, 168, 0.8) 0px 0px 6px 0; -moz-box-shadow:rgba(168, 168, 168, 0.8) 0px 0px 6px 0; } .btnBoxS .btn:hover { text-decoration: none; } /*ボタン1つ*/ .btnBoxS .btn:first-child:nth-last-child(1), .btnBoxS .btn:first-child:nth-last-child(1) ~ .btn { display: block; margin-right: auto; margin-left: auto; line-height: 1; /* padding: 5px 8px 5px 20px; */ padding: 10px 0; } /*ボタン2つ*/ .btnBoxS .btn:first-child:nth-last-child(2), .btnBoxS .btn:first-child:nth-last-child(2) ~ .btn { display: inline-block; width: 48%; padding: 3px 0; font-size: 90%; } /*ボタン3つ*/ .btnBoxS .btn:first-child:nth-last-child(3), .btnBoxS .btn:first-child:nth-last-child(3) ~ .btn { display: inline-block; width: 32%; padding: 10px 8px 10px 10px; } /*配置*/ .smallBtn2Line { margin: 5px auto; overflow: hidden; } .smallBtn2Line li{ width: 50%; text-align: center; float: left; } .smallBtn2Line li:first-child{ text-align: right; } .smallBtn2Line li:last-child{ text-align: left; } input.btnChange[type="button"]{ border: none; font-size: 120%; font-weight: bold; color: #FFF; background: #FF8000; -webkit-appearance: none; border-radius: 0; } input.btnDelete[type="button"]{ border: none; font-size: 120%; font-weight: bold; color: #FFF; background: #808080; -webkit-appearance: none; border-radius: 0; } input.btnEdit[type="button"]{ border: none; font-size: 120%; font-weight: bold; color: #FFF; background: #FF6C6C; -webkit-appearance: none; border-radius: 0; } /* 注文フローページ下部ボタン */ div.btnBoxWrap_bottom { width: 460px; margin: 0 auto; } div.btnBoxWrap_bottom > .btnBox, div.btnBoxWrap_bottom > .btnBoxS { display: inline-block; } div.btnBoxWrap_bottom > .btnBox >.btn { width: 235px; } /* ログインページ下部ボタン */ div.btnBoxWrap_bottom_02 { margin: 0 auto; width: 520px; } div.btnBoxWrap_bottom_02 > .btnBox { display: inline-block; } div.btnBoxWrap_bottom_02 > .btnBox >.btn { width: 235px; } /* ログインページ利用規約、プライバシーポリシー */ .termsofuseBox { text-align: center; margin:0 auto 30px; } .termsofuseBox li { display: inline-block; } /* .common｜スマホから遷移してきた際のボタン */ .spLink a{ width: 100%; font-size:45px; font-weight:bold; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #dcdcdc; margin: 20px 0; padding:9px 0; text-align: center; text-decoration:underline; background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% ); background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) ); background-color:#ffec64; color:#333333; display:inline-block; text-shadow:1px 1px 0px #ffee66; -webkit-box-shadow:inset 1px 1px 0px 0px #fff6af; -moz-box-shadow:inset 1px 1px 0px 0px #fff6af; box-shadow:inset 1px 1px 0px 0px #fff6af; } /* グレーのグラデーションボタン */ .btn_type_gray { font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif !important; text-align: left !important; display: inline-block; letter-spacing: -0.2px; width: 240px; font-size: 12px !important; color: #333 !important; background: #ddd; background: -webkit-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(207, 207, 207) 100%); background: -o-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(207, 207, 207) 100%); background: -ms-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(207, 207, 207) 100%); background: -moz-linear-gradient(top, rgb(250, 250, 250) 0%, rgb(207, 207, 207) 100%); background: linear-gradient(to bottom, rgb(250, 250, 250) 0%, rgb(207, 207, 207) 100%); } .btn_type_gray:hover { text-decoration: none; color: #333; opacity: .6; transition: .3s; } .btn_type_gray > span { font-size: 20px; font-weight: bold; line-height: 1.7; } .btn_type_gray > span > img { vertical-align: middle; margin: 0 0 2px 2px; } /* .common｜検索ボタン -----------------------------------*/ .searchBtnBox { background: url(/images/stories/htk/corporation_new/bg_img.jpg); margin: 0 auto; padding: 25px; -webkit-box-shadow: rgba(53, 53, 53, 0.08) 0px 0px 5px 5px; -moz-box-shadow: rgba(53, 53, 53, 0.08) 0px 0px 5px 5px; box-shadow: rgba(53, 53, 53, 0.08) 0px 0px 5px 5px; } /* .common｜警告文言 -----------------------------------*/ .cautionTxtBox { background: #ffe8e8; padding: 20px; border-radius: 10px; } .cautionTxt { background: url("/images/stories/htk/order/lastCaution.png") no-repeat; height: 50px; padding-left: 70px; color: red; } /*clearfix ------------------------*/ #bread-crumb-list:after , .globalInfo:after , ul.bookmarkBox-SNS_typeA:after , #detail_base .colorAttribute ul:after , #detail_base .price:after , #detail_base .productSpec table td ul li:after , .lc119cap ul:after, .dbBox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #bread-crumb-list , .globalInfo , ul.bookmarkBox-SNS_typeA , #detail_base .colorAttribute ul , #detail_base .price , #detail_base .productSpec table td ul li , .lc119cap ul, .dbBox { min-height: 1px; } /* ------------------------------------------------------------- フローティング --------------------------------------------------------------*/ .popup-notification { display: block; position: fixed; right: 4px; bottom: 260px; /* transform: translateX(-50%); */ /* -webkit-transform: translateX(-50%); */ width: 220px; border-radius: 6px; box-sizing: border-box; z-index: 10500; transition: 0.5s; } .popup-notification .message { padding: 10px; border-radius: 4px; background : rgba(4, 182, 48, 0.83); } .popup-notification .message .txt { margin-bottom: 0; font-size: 100%; /*letter-spacing: 1;*/ color: #FFF; /* font-weight: bold; */ } .popup-notification .close { position: absolute; right: 0; top: -17px; width: 35px; height: 20px; background: url(/images/stories/htk/common/bnr_fixed_contact_box_close.png) no-repeat; background-size: cover; z-index: 10501; } /* ------------------------------------------------------------- [_.template --------------------------------------------------------------*/ /* Form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } ul#menubar { margin: 0px; /* ul内部の左端余白を消す(IE) */ padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */ } ul#menubar li { list-style-type: none; /* 先頭記号を消す */ float: left; /* リスト項目を横方向に並べる */ padding: 0px; /* 枠線と内容の距離をゼロに */ list-style: none outside; display: block; width: 110px; } ul#menubar2 { margin: 0px; /* ul内部の左端余白を消す(IE) */ padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */ } ul#menubar2 li { list-style-type: none; /* 先頭記号を消す */ float: left; /* リスト項目を横方向に並べる */ padding: 0px; /* 枠線と内容の距離をゼロに */ list-style: none outside; display: block; width: 150px; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } /* Tooltips */ div.tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index:13000; } div.tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ .img_caption.left { float: left; margin-right: 1em; } .img_caption.right { float: right; margin-left: 1em; } .img_caption.left p { clear: left; text-align: center; } .img_caption.right p { clear: right; text-align: center; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(../images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /* .template｜system.css -----------------------------------*/ /* OpenID icon style */ input.system-openid, input.com-system-openid { background: url(https://openid.net/images/login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; } #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;} /* System Standard Messages */ #system-message dt.message { display: none; } /* System Error Messages */ #system-message dt.error { display: none; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message dt.notice { display: none; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;} .dsp_none{ display: none!important; }