エフさん、こんにちは。

ヘッダーについてです。
IE7のみかと思いますが、marginをposition指定に変更してお試しください。
位置調整は、topの値で行うことが可能です。

#topcatch {
width: 860px;
position: relative;
top: 120px;
}

よろしくお願い致します。

教えて頂いたCSS箇所を修正後正しく表示されました。
ありがとうございました。

すみません質問の補足ですが、
支払い方法などのテーブルも崩れてしまっていて、
カートの中身テーブルだけ個別に設定してあとは共通で大丈夫なので、
カートの中身テーブルの固有idを教えて頂けると幸いです。

vividさん、こんにちは。

カートの中身についてです。
固有のclass名は、.cart_contents_tableとなります。
カートの中身、カート最終確認画面、カート購入完了画面、購入履歴画面の上部の商品や金額が記載されているtableが対象となります。

よろしくお願い致します。

ayaさん、こんにちは。

キーワードについてです。
サイト上部に表示されているのは、画像とコメントの設定→キャッチフレーズ欄に入力いただいている内容となります。
キャッチフレーズ欄に入力いただいた内容は、ページ最上部に表示されます。

メタタグのキーワードに設定される場合は、ショップ基本設定→メタタグ設定または、メタタグ個別設定から入力をお願い致します。

よろしくお願い致します。

おちゃのこ刑部さま

ありがとうございままいした。

キーワードは非表示ではないのでしょうか？
メタタグ設定では非表示ですとなっていたと思うのですが・・・

ayaさん、こんにちは。

申し訳ございません。
画像とコメントの設定→キャッチフレーズ欄ではなく、メタタグ個別設定のPC版キャッチフレーズ欄に入力いただいた内容が表示されております。
メタタグ個別設定のキャッチフレーズ欄については、画像とコメントの設定と同様にページの最上部に表示されます。

よろしくお願い致します。

vividさん、こんにちは。

お客様情報登録部分のtableには、.form_boxというクラス名をつけておりますので、そのクラス名をご利用くださいませ。

よろしくお願い致します。

ありがとうございます！

無事に対応できそうです！

もうひとつすみません＞＜

900×422の画像を中央に設置したのがなぜかボケてしまいます。
画像をそのまま鮮明におくことはどうすればいいでしょうか？

NSOYNさん、こんにちは。

メニューについてです。
imgタグで配置するには、ボタンを分けて作成していただき各ボタンに<a>タグでリンクを設定していただく必要があります。
ボタンのレイアウトについては、tableタグまたはliタグ等で行ってください。
この点については、サポート外となりますので、ご自身で作成をお願い致します。
tableを利用した例は、下記のFAQに記載しておりますので、ご確認ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=271&artlang=ja

画像については、ご登録いただいた画像が横900×縦422ピクセルの場合、画像容量が200KBを超えていたため、自動縮小された可能性があります。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=765&artlang=ja

ご登録画像が200KBを超えている場合は、お手元の画像編集ソフトで、横900×縦422ピクセルの状態で、200KB以下になるように調整をお願い致します。

よろしくお願い致します。

ありがとうございます。できました！

横メニューを自力で入れてみたのですが
文字の大きさ、マウスをあわせたときの範囲？の大きさを変えるには
どこにタグを設置したらよいですか？

また、ご利用案内、お問い合わせがかぶってしまい
直そうとすると崩れてしまいました。

これを動かすにはどこを直せばいいでしょうか。

NSOYNさん、こんにちは。

ご質問についてです。
メニューについては、現状下記の指定が適用されていない状態です。
#navigation li aに}が抜けているため、その下部の指定が適用されていません。下記のように追加ください。

ただし、追加し下部の指定を適用させると、テキストが非表示となる指定ですので、メニューの各文字は表示されません。
どのように表示されるご予定なのでしょうか。

#navigation li a{
display: block;
}

#navigation li a{
display: block;
overflow: hidden;
width: 100%; /*Windows IE対策*/
height: 0 !important;
height /**/: 30px;
padding-top: 30px;
}


ご利用案内については、下記の指定にて左からの位置を調整されているかと思います。値を大きくすると右に移動します。
.top_page_body .subnavi {
padding-left: 840px;
}

よろしくお願い致します。

解決しました。ありがとうございました。
メニューに画像を入れ、横並びにしようとやってみましたが、
うまく横並びになりません。
どこが間違ってるのでしょうか？

それと今あるHP上のOUTER画像の少し右上にマウスを合わせると
なにもないところで反応してカートにリンクされているようです。
こちらもどの部分を直せばいいでしょうか？

NSOYNさん、こんにちは。

ご質問についてです。
まず、キャッチフレーズ欄内のhtml記載で2か所漏れがございます。

1.<div class="header_area">に対する</div>が抜けている
キャッチフレーズ欄の最下部に</div>を1つ追加してください。

2.<a href="http://nnshop.ocnk.net/cart">に対する</a>が抜けている
</a>を<img>タグの後ろに追加してください。

上記を修正していただいて上で、スタイルシートの編集から下記の箇所を編集してください。
メニューが2行に改行するのは、この部分のwidth指定がないためですので、数値を設定してください。
また、1行で表示した際に、コンテンツの重ね順の問題でボタンがクリックできない箇所がございますので、下記のようにposition指定とz-index指定を追加してください。

#globalnavi{
margin: 0;
padding: 0;
width: 980px;
height: 30px;
position: relative;
z-index: 99;
}

※補足
htmlタグを修正した際に。.subnaviの位置が少し変わります。
前回同様に.top_page_body .subnavi内のpaddingを調整してご対応ください。

よろしくお願い致します。

ありがとうございます！！
やっと希望の形に出来上がりました！

vividさん、こんにちは。

新商品とおすすめ商品のみの一覧ページについては、検索にて絞り込んで表示することができませんので、検索URLにてページを作成することができません。

別途カテゴリ、グループで新商品やおすすめ商品を作成していただきご登録いただく方法となります。

よろしくお願い致します。

返答ありがとうございます。

カテゴリー名を表示しないようにして、
サブカテゴリーなどを駆使すれば、
少し管理が大変そうですができそうですね。

新商品を一覧させたいけれどトップページで全商品をページ送りもなく表示するのはさすがに乱暴なので、
要望は他の方もあるような気がしますので対応の検討をお願いできればと思います。

よろしくお願いいたします。

WRM店長さん、こんにちは。

クーポン機能についてです。
商品を限定したクーポンについては、改善課題とさせていただきます。

よろしくお願い致します。

vividさん、こんにちは。

お問い合わせフォームへも同様のお問い合わせをいただいているかと思います。
同様の回答となりますが、スタイルシートの編集から下記の指定を追加いただければ、横幅100%で表示可能ですが、商品一覧の列数は固定となりますので、横幅を大きくしても変更することはできません。

table,
td,
#column2 .center_box {
width: 100%;
}

よろしくお願い致します。

tokkiさん、こんにちは。

headerについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

なお、ご利用案内、お問い合わせの位置については、.subnavi内のtopの値で調整できます。
値を小さくすると上に移動できます。0が最上部です。

#header {
height: 190px;
}

#bline {
height: 0px;
}

.subnavi {
top: 50px;
}

よろしくお願い致します。

おちゃのこ刑部様

お忙しいところ、早々のご教示ありがとうございました。
無事headerの高さ変更とその下のスペースの縮小できました。

追加で恐縮ですが二点教えてください。

*回答いただいた記述で以下のようにheaderの高さが190pxとなっていますが、こちらがheader画像として登録した画像ファイルは860×225です。
それにもかかわらず、下部が欠けることなくきちんとheader部におさまっています。通常header画像の縦サイズをheightで指定すると思っていたのですが、違うのでしょうか。

#header {
height: 190px;
}

*ご利用案内やお問い合わせを表示する部分の背景を透明にしたいのですが、可能でしょうか。色を変える方法はマニュアルでわかったのですが、透過は無理でしょうか。

たびたび恐れりいりますがよろしくお願いいたします。

tokkiさん、こんにちは。

最上部のキャッチフレーズ欄とヘッダー欄の背景にトップ画像が入りますので、キャッチフレーズ欄の縦幅+ヘッダーの縦幅がトップ画像サイズとなります。

ただし、キャッチフレーズ欄については、固定でhaightは指定されていませんので、文字サイズや文字数によって縦幅は可変で変わります。

さらにトップ画像下部に余白が少し入りますので、これらの点を考慮してheaderの縦幅を決めていますが、基本的には、画面を確認しながら作業いただくのが良いかと思います。

ご利用案内部分についてですが、完全に透明にされたいのであれば、.subnaviの背景色指定を削除いだければ、背景は非表示となります。
下記の箇所の、background-color: #FFFFFF;を削除ください。

.subnavi {
background-color: #FFFFFF;
padding: 1px 20px;
position: absolute;
top: 260px;
margin-left: 380px;
height:25px;
}

透明度を調整する場合は、下記のような指定が必要です。
この場合は、background-color: #FFFFFF;は必要ですので、削除しないでください。
下記のの3行が、透明度の指定となります。
値を小さくすると透明度が高くなります。
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;

.subnavi {
background-color: #FFFFFF;
padding: 1px 20px;
position: absolute;
top: 260px;
margin-left: 380px;
height:25px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

よろしくお願い致します。

おちゃのこ　刑部様

いつも迅速なご回答ありがとうございます。
ご説明いただきました件、理解しました。
詳細なご説明に深くお礼申し上げます。

できるだけ過去の投稿など拝見し、解決できるよう努めておりますが、行き詰った時にスムーズにご教示いただけますのは、心強く、感謝しきりです。
今後ともどうぞよろしくお願いいたします。

では、朝晩肌寒くなってまいりました。
くれぐれも体調崩されませんよう。

オガワアヤコさん、こんにちは。

スタイルシートについてです。
Webフォントについてですが、フォントがアップロードされていれば、@font-faceを利用してスタイルシート内に記載していただければ、利用可能ですが、
Webフォント用としてフリーで提供されているフォント以外の通常市販されているフォントは、ライセンスでWebフォントとして利用できなかと思います。
その場合は、Webフォント用のライセンスを購入して利用する必要があります。
※各フォントのライセンスについては、こちらではわかりかねますので、ご自身でご確認ください。

ランキングを左エリアで利用した場合の指定については、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=645&artlang=ja

よろしくお願い致します。

おちゃのこ刑部様

迅速なご回答ありがとうございます。

(2)の左カラムの件はうまく行きました。ありがとうございます。

(1)のwebフォントですが、フリーのwebフォントをダウンロードして使用させていただくつもりです。アップロードとは、当方でするのでしょうか。管理画面の画像アップロードでできるのでしょうか。.ttfと.eotファイルです。

恐れ入りますがご回答よろしくお願いします。

オガワアヤコさん、こんにちは。

フォントファイルについては、おちゃのこネットのサーバーにはアップロードいただくことはできませんので、外部のサーバーにアップしていただく必要があります。

よろしくお願い致します。

Fukuさん、こんにちは。

パンくず表示についてです。
グループ一覧から詳細に遷移した場合も上部のパンくずにはカテゴリ一覧が表示されます。
この部分をグループに変更することはできません。
今後、検討して参ります。

よろしくお願い致します。

お返事ありがとうございました。
現状、了解いたしました。

グループのパンくず表示と共に、グループの段階層化もできれば大変にうれしく思います。

どうぞよろしくお願いいたします。

みずえさん、こんにちは。

納品書、請求書の包装代等の文言についてです。
ご要望の箇所の文言については、背景画像を利用している箇所となりますので、変更いただくことはできません。

現状もご利用かと思いますが、備考欄等に説明を記載いただきご対応をお願い致します。

よろしくお願い致します。

榎本さん、こんにちは。

商品詳細ページのボタンについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
font-size: 14px;が文字サイズとなりますので、ご自身で変更ください。
font-weight: bold;が太字指定となります。

.detail_page_body .item_bot_box input {
font-size: 14px;
font-weight: bold;
}

よろしくお願い致します。

早速のお返事をありがとうございました。

ボタンの文字が太くなりました。
http://www.stone-stone.jp/product/224

また何かありましたらよろしくお願い致します。

りんりんさん、こんにちは。

メールについてです。
「特定商取引法設定」ページの「販売主：担当者メールアドレス」欄の注意書きにあります通り「※～以外のアドレスを設定された場合、購入者宛メールなどが届かない可能性がございます。ご注意ください。」
ショップのドメイン以外のアドレスを設定されますと、迷惑メールとして処理される可能性が高くなります。

現在、Gmailのアドレスを設定されていますが、Gmailのサーバより送信されていないため、なりすましメールとして処理されている可能性が高いかと思います。

ショップのドメインのメールアドレスを設定していただき、お客様にそのアドレスのドメイン解除をしていただくように【ショップ基本設定】→【お客様情報登録ページ設定】より「メールアドレス注記設定」などに記載していただけますでしょうか。

よろしくお願い致します。

オフィスの改良のお礼です。
以前、WEB版の納品伝票の文字が、小さく
改良のお願いをした事が有ります。

今回の改良で、納品書の文字が大きくなり
大変助かっています。　この改良時から、以前のオフェスから
全ての作業を　WEB版　に移行しました。

従来版の立ち上げのタイムロスや納品書のダウンロードに掛かる
異様に遅い？タイムロスからも解消され、作業効率が
格段に上がりました。多くの納品伝票も快適に印刷できます。　
佐川ｅ秘伝Ⅱでも、佐川伝票もすぐに印刷まで、出来ます。　

改善の要望を出していたのに、お礼のメールに時間が掛かってしまい
申し訳御座いませんでした。　　有難うございました。

（株）マモル・オンラインショップ さん、こんにちは。

ご丁寧にご連絡いただきましてありがとうございました。
オフィスについては、今後も改善点を順次対応し、リリースして参りますので、ご活用くださいませ。

よろしくお願い致します。

Nnさん、こんにちは。

ヘッダーエリアについてです。
キャッチフレーズ欄のhtmlタグ挿入とスタイルシートの編集が必要です。

STEP1　キャッチフレーズ欄にhtmlタグを挿入する
-------------------------------------------------------
下記のような、htmlタグを挿入してください。
メニューの内容部分については、ご自身で作成をお願い致します。

<div class="header_area">内容</div>


STEP2　スタイルシートを編集する
-------------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

下記は、最上部のヘッダーとトップ画像の間に配置しています。
bodyのmargin-top: 110px;で、配置箇所に余白を作っています。
値を大きくするとトップ画像から下の部分が下がります。

メニューは、縦幅50pxとしていますが、作成画像によってこの値は変更してください。
.header_areaのheight: 50px;がその値となります。
.header_areaのtop: 45px;とleft: 0px;は、メニューの配置位置指定となります。
topの値を大きくすると下に移動できます。
leftの値を大きくすると右に移動できます。

メニュー画像のサイズによってご自身で調整をお願い致します。

body {
margin-top: 110px;
}

.header_area {
width: 960px;
height: 50px;
position: absolute;
top: 45px;
left: 0px;
}

よろしくお願い致します。

＞STEP1　キャッチフレーズ欄にhtmlタグを挿入する
-------------------------------------------------------
下記のような、htmlタグを挿入してください。
メニューの内容部分については、ご自身で作成をお願い致します。

<div class="header_area">内容</div>


こちらの内容部分ですが、参考させていただいてるサイトの部分でいうと
ヘッダー画像のことですか？




＞メニューは、縦幅50pxとしていますが、作成画像によってこの値は変更してください。
.header_areaのheight: 50px;がその値となります。
.header_areaのtop: 45px;とleft: 0px;は、メニューの配置位置指定となります。
topの値を大きくすると下に移動できます。
leftの値を大きくすると右に移動できます。

メニュー画像のサイズによってご自身で調整をお願い致します。

body {
margin-top: 110px;
}

.header_area {
width: 960px;
height: 50px;
position: absolute;
top: 45px;
left: 0px;
}



こちらはメニューの画像をどこに入れたら良いでしょうか。


初心者なので良くわからなくて、、、すみません＞＜

Nnさん、こんにちは。

内容部分については、ナビゲーション画像でもバナー画像でも問題ございませんので、ご自身の作成予定の画像をimgタグで挿入してください。

基本的には、<div class="header_area">内容</div>がベースとなるhtmlとなり、このhtmlをスタイルシートで位置調整して配置するという方法になります。

よろしくお願い致します。

ありがとうございます。
ショップ名の画像、リンクできました。
下のメニュー画像もできました！

そこで、なぜかショップ名の上に余白ができてしまいます。。
どこを調整すればよいでしょうか？

それと、ショップ名の横に
￥6000円～の画像を設置して
同じやり方でその下にカートを設置したいのですが
画像が重なったりでうまくできません。
どうしたらいいでしょうか？

何度も申し訳ありません＞＜

Nnさん、こんにちは。

ヘッダーについてです。

●ショップ名上の余白
下記の値を小さくすることで、余白を狭くすることができます。

body {
margin-top: 110px;
}

●バナーの追加
現在、header_bannerというclass名をつけてdivタグでバナーを設置いただいているかと思います。

現在のバナーを左に移動させるには、下記のleft: 650px;の値を小さくしてください。
.header_banner {
position: absolute;
top: 20px;
left: 650px;
margin-top: 0px;
}

空いたスペースに別途バナーを配置される場合は、同様に下記のようclass名を付けたdivタグをキャッチフレーズ欄に設置してください。
<div class="header_banner_r">バナー</div>

設置後、スタイルシートの編集から上記で設定したclass名用の指定を追加してください。
top: 20px;の値を大きくすると下に移動できます。
left: 650px;の値を大きくすると右に移動できます。
.header_banner_r {
position: absolute;
top: 20px;
left: 840px;
}

よろしくお願い致します。

ありがとうございました。できました！

何度もすみません。。。
設置した画像からリンクさせるにはどうすればいいですか？
カートの画像からのリンク。

それとショップ下のメニューひとつひとつにも
リンクさせようとしたのですが
ショップ画像のリンクも動いてしまいます。

そしてショップ画像に枠がついてしまってるのですが
とれません＞＜


メニューから下にも画像を色々置きたいのですが
全部キャッチフレーズで編集していくのですか？
その場合のタグを教えてください。


無知ですみません＞＜

Nnさん、こんにちは。

メニューについてです。

何度もすみません。。。
設置した画像からリンクさせるにはどうすればいいですか？
カートの画像からのリンク。
-----------------------------------------------------
リンクについては、<a>タグで設定ください
http://nnshop.ocnk.net/cartがリンク先となります。


それとショップ下のメニューひとつひとつにも
リンクさせようとしたのですが
ショップ画像のリンクも動いてしまいます。
-----------------------------------------------------
もう少し詳細をお教えください。


そしてショップ画像に枠がついてしまってるのですが
とれません＞＜
-----------------------------------------------------
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=412&artlang=ja


メニューから下にも画像を色々置きたいのですが
全部キャッチフレーズで編集していくのですか？
その場合のタグを教えてください。
-----------------------------------------------------
配置されたい箇所によりますが、メニュー下部に配置されたい場合は、スタイルシートの編集から下記の指定を追加して、メニュー下に余白を作ってください。
※heightの値を大きくすると余白を大きくできます。

#header {
height: 180px;
}

その上で、現状キャッチフレーズ欄に設定いただいているhtmlタグの下部に同様にhtmlタグにて追加ください。

よろしくお願い致します。

カートの画像からのリンク。
できました！ありがとうございます。

ショップ画像枠、
こちらもできました！


もう二つはもう少しでできそうなので
もうちょっとやってみます。


あと中央幅を大きくした時に
キャッチフレーズに設置した画像がそのままになってしまったのですが
こちらもバランスよく中央に寄せるには
スタイルシートでひとつひとつずらしていく方法しかないですか？

Nnさん、こんにちは。

キャッチフレーズ欄とご利用案内、検索部分を中央に寄せる場合は、この二つのブロック要素で調整できます。

ただし、第二階層のページ以降は、幅は以前のままですので、トップページにのみ適用させるようにしています。

.top_page_body #copy {
margin-left: 140px;
}

.top_page_body .subnavi {
padding-left: 740px;
}

よろしくお願い致します。

できました！ありがとうございました！

ショッピングカートの画面レイアウトについて、ご案内ページを拝見しましたところ、少し違和感を覚える表記がありましたのでご相談させてください。

「初めての方」に対し、「会員登録されると登録ポイント、購入ポイントが獲得できます。」とあります。（獲の部分が判読できないので文面から推察しています）
これは当店のようにポイントを付与せずにカートを利用しているショップにとっては、お客様から誤解を招く表記ではないでしょうか。ご注文後のトラブルに発展しかねないような案内表記は好ましくないのではないかと存じます。

お考えをお聞かせいただけますか。よろしくお願いします。

アティック.さん、こんにちは。

ご説明不足で申し訳ございません。
初めての方部分の文言についてですが、ポイント機能を利用していない場合は、該当の文言は表示されません。

告知ページ内にも説明を追加させていただきました。
http://www.ocnk.net/cart/index.html

よろしくお願い致します。

今回の変更で、パスワードが4文字以上の半角英数字の入力が必要になるのですが、以前に登録されたお客様で、4文字未満のパスワードで登録された方は、そのままだとログインできなくなりますか？

もしそうであれば、ショップで事前に告知しなければならないので、教えてください。

Cadeauさん、こんにちは。

パスワードについてです。
既存のお客様については、既にご登録いただいているパスワードが3文字であってもログイン可能です。
新規登録と変更時のみ4文字以上の入力が必要となります。

よろしくお願い致します。

おちゃのこ刑部 様

お返事ありがとうございます。
大変失礼いたしました。そのような仕様だったのですね。安心いたしました。

会員価格の表記についても心配だったのですが、追記案内で了解いたしました。

ありがとうございました。

おちゃのこ刑部 様

早々のご回答ありがとうございました。
ログインが可能とのことで、安心致しました。

今後も宜しくお願い致します。

カワセ　ヨシミさん、こんにちは。

検索結果については、検索エンジンが古いページをクロールしたためかと思いますので、再度クロールされるまでお待ちいただけますでしょうか。

Yahooショッピングについては、もう少し詳細をお教えいただけますでしょうか。Yahooショッピングには、通常出店が必要かと思います。

よろしくお願い致します。

関谷さん、こんにちは。

相手側サーバ上において迷惑メールフィルターなどにより削除され受信できていない可能性など考えられます。
メールログをお調べしますので、お問い合わせフォームより該当の受注番号をご連絡いただけますでしょうか。

●お問い合わせフォーム
https://www.ocnk.net/contact/

よろしくお願い致します。

お世話になります。

関谷さまと同じく、メールが届かないことがあります。
迷惑メール設定などの次元ではなく、ご注文後の自動配信メールは届いているのに、その後の発送日確認メールが届かないこともあります。
一度確認していただけませんでしょうか？

メールが届かなかったことを確認した受注番号
・1481
・1427
・1304←迷惑メール設定の可能性があります。

よろしくお願いします。

トントンハウス　井藤さん、こんにちは。

メールについてです。
ログファイルを含みますので、ご回答はご登録メールアドレス宛にサポート担当よりお送りさせていただきます。

なお、「特定商取引法設定」ページの「販売主：担当者メールアドレス」欄の注意書きにあります通り「※～以外のアドレスを設定された場合、購入者宛メールなどが届かない可能性がございます。ご注意ください。」
ショップのドメイン以外のアドレスを設定されますと、迷惑メールとして処理される可能性が高くなります。

よろしくお願い致します。