ayanoさん、こんにちは。

背景についてです。
スタイルシートの編集から下記の箇所を変更してください。
background-color: #2A2A2A;
が背景色となります。

#lefttd {
width: 160px;
background-color: #2A2A2A;
padding: 0px 0px 0px;
margin: 0px;
}

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

上記の通り編集しましたらサイドの色は変わりました。

ですが．．．特定商取引法表示、オーダーの流れ、カートは空です。
新規登録はこちら、ログインはこちらの色の変更が分かりません。

色々検索かけてみたのですが、わからなくて。。。宜しくお願いいたします。

刑部様、自己解決いたしました！

ありがとうございます！

ayanoさん、こんにちは。

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

.shoptext A {
height: auto;
}

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

あやのさん、こんにちは。

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

body {
margin-top: 40px;
}

body #popup {
margin-top: -20px;
}

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

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

無事解決致しました！！

あと、今のテンプレートにキャッチフレーズの下に

8600×200の店の名前が入ったバナーを入れたいのですが、

今選択しているテンプレートでは無理でしょうか？

無理な場合、他のテンプレートでの

背景色の色の変更の仕方を教えていただきたいです！

宜しくお願い致します。

ayanoさん、こんにちは。

画像の挿入についてです。

下記の手順で作業を行ってください。
※現状のテンプレート、「グレース」での指定となりますので、テンプレートを変更された場合は、指定が異なります。

--------------------------------------------------------
STEP1　ショップ名を画像にする
--------------------------------------------------------
デザイン管理→画像とコメントの設定からショップ名欄に画像を設定してください。
※ここで設定いただいた画像は非表示となりますので、小さいサイズの画像でも結構です。


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

.shoplogo A内のbackground-imageに860×200ピクセルの画像を挿入してください。
画像の位置は、同様に.shoplogo A内のtopとleft値で調整可能です。

#header {
height: 240px;
position: relative;
}

.shoplogo A img {
visibility: hidden;
}

.shoplogo A {
display: block;
width: 860px;
height: 200px;
position: absolute;
top: 60px;
left: 0px;
background-image: url(image/ファイル名);
}

.shoplogo A:hover {
background-color: transparent;
}

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

お世話になっております。

上記の通り貼り付けたのですが、
ヘッダーの部分が広がっただけで画像が表示されません。。

なぜでしょうか・・・？

申し訳ございません！
解決いたしました＞＜

お世話になっております。

何度も申し訳ございません。


今背景色などを変更してて、ヘッダー、背景は変更できたのですが、

サイドの色が変更できません。

どこをいじればいいか教えていただきたいです。

宜しくお願い致します。

miccさん、こんにちは。

ヘッダーメニューについてです。
スタイルシートの編集からそれぞれ下記のように指定を追加してください。

・中央に寄せる
--------------------------------------------------
.header_areaにtext-align: center;を指定いただければ、中央に配置されます。
その場合、leftの値は0で良いかと思います。

.header_area {
width: 960px;
height: 50px;
position: absolute;
top: 105px;
left: 0px;
text-align: center;
}


・区切り線について
--------------------------------------------------
区切り線の背景画像を作成してください。
下記の指定を追加してください。

background-image: url(image/ファイル名);
画像ファイルをアップロードし、画像ファイル名を指定してください。

background-position: left top;
background-repeat: repeat-x;
左上寄せで横方向にリピート表示します。

padding-top: 15px;
設定いただく画像の縦幅によって変更してください。
このpadding部分に背景画像を表示します。

.header_area {
width: 960px;
height: 50px;
position: absolute;
top: 105px;
left: 0px;
text-align: center;
background-image: url(image/ファイル名);
background-position: left top;
background-repeat: no-repeat;
padding-top: 15px;
}

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

お世話になっております。
ばっちり完了致しました。

丁寧に答えて頂き感謝致します。

度々申し訳ありません。
以下の質問についてお時間のある時に教えて頂けるとあり難いです。

①トップ画像（板の上にサンダルが載っている画像）が第2階層にも表示されるのですが、第2階層に表示しないようにするのにはどうすればよいでしょうか？
ショップ名画像とナビゲーションバー（メニューバー）は第2階層にも表示されるように残しておきたいです。

②最上部の右部分にfacebookやtwitterのアイコンを載せたい。
補足ですが、クオリティのテンプレートを使用しているのですが、本来最上部にあるグレーの背景は消しております。

③過去ログをみて、検索バーの位置を最上部から左に移動させました。
今は共用ドメインですが、独自ドメインにすると不具合がでるのでしょうか？


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

miccさん、こんにちは。

ご質問についてです。

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

指定は、全ページでトップ画像を非表示にし、表示していたスペースも削除しています。
その後、トップページにのみトップ画像と表示スペースを設定しています。

#container {
background-image: none;
}

#bline {
height: 20px;
}

.top_page_body #container {
background-image: url(image/20130701_267688.jpg);
}

.top_page_body #bline {
height: 321px;
}


2）Facebook、Twitterアイコンについて
-------------------------------------------------------
これは、現在左エリアに設定されているアイコンを移動されたいということでよろしいでしょうか。
下記の手順で作業を行ってください。


STEP1　キャッチフレーズ欄にhtmlタグを設定する
-------------------------------------------------------
画像とコメントの設定→キャッチフレーズ欄に下記のようなhtmlタグを設定してください。
※画像部分は、現在左エリアに設定されている内容を利用しています。

<div class="header_social">
<img src="https://micce-clothings.ocnk.net/data/micce-clothings/image/Doodle-Icons1.JPG" />
<img src="https://micce-clothings.ocnk.net/data/micce-clothings/image/Doodle-Icons11.JPG" />
</div>


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

位置の調整は、topとleftの値で行うことが可能です。
topの値は、マイナス値となります。値を小さくすると上に移動します。
leftの値は、大きくすると右に移動します。

.header_social {
position: absolute;
top: -100px;
left: 690px;
}


3）検索欄について
-------------------------------------------------------
検索欄については、独自ドメインでも問題ございません。
問題が発生する可能性があるのは、「お問い合わせ」ボタンとなります。
http://www.ocnk.net/mailmagazine/ocnk_ma.php?num=156&target=de

※補足
【1】現状最上部に挿入されているメニューのお問い合わせボタンですが、titleタグが抜けております。なお、3）にも記載させていただきましたが、独自ドメインにされる場合、お問合わせページへのボタンを作成されることは、推奨しておりませんので、ご注意ください。

【2】左エリア最上部のFacebook、Twitterボタン部分と商品検索窓部分ですが</div>のみが挿入されておりますので、ご確認ください。
レイアウト崩れの原因となります。

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

お世話になっております。
回答有り難うございます。

２）教えて頂いた方法で最上部の右に移動できました。
立て並びではなく、アイコンを横並びにするにはどうすればよろしいでしょうか？
クリックしてリンク先に飛びたいため、キャッチフレーズを一部変更させて頂きました。

３）
【1】問い合わせボタンを作成することは推奨していないとあるのですが、
メニューバーにCONTACTを設置し、問い合わせフォームにとぶようにしているのですが、これも不具合の原因となるでしょうか？

【2】は</div>を削除で宜しかったでしょうか？

miccさん、こんにちは。

ご質問についてです。

2)ヘッダーについて
横幅の指定を追加してください。
スタイルシートの編集から下記の箇所を編集してください。
※値は、画像サイズによって変更してください。

.header_social {
position: absolute;
top: 10px;
left: 690px;
width: 100px;
}

3)お問い合わせボタンについて
現状は、共用ドメインでご利用いただいておりますので、問題ございません。

</div>については、必要ないかと思いますので削除ください。

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

解決致しました。
丁寧に答えて頂き感謝致します。

miccさん、こんにちは。

ご質問についてです。

1)フッターについて
----------------------------------------------------------
フッターーに挿入いただいているtableタグにclass名を付けてください。
<table border="0" class="footer_info">

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

#footer {
padding: 5px 0px;
}

.footer_info {
width: 100%;
}

.footer_info td {
width: 33%;
padding: 5px;
text-align: left;
vertical-align: top;
}


2）タイトルの下線について
----------------------------------------------------------
下記のFAQをご覧の上、背景画像にて指定ください。
.whatnew_topと.style1_topがそれぞれのタイトル部分の指定となります。

●What's New
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=114&artlang=ja

●新商品
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=115&artlang=ja


3)各ブロックの幅について
----------------------------------------------------------
●フッターエリアの横幅調整
#footerの左右padding値が15px入っていたため、横幅が大きくなっておりました。1)のご回答のスタイルシート指定に左右paddingが0pxになる指定を入れおります。

●ヘッダーメニュー
leftに15pxの指定が入っておりますので、0pxに変更してください。

.header_area {
width: 860px;
height: 50px;
position: absolute;
top: 105px;
left: 15px;
text-align: center;
background-image: url(image/logo_12011new.JPG);
background-position: left top;
background-repeat: no-repeat;
padding-top: 18px;
}

●トップ画像について
トップ画像の横幅を860pxに変更して再度画像とコメントの設定ページのトップ画像欄から設定してください。

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

お世話になっております。
回答有難うございます。

先日質問した①，③共に解決致しました。
②について、教えて頂いた方法で修正してみたのですが、希望の通りなかなかできません。
添付画像のようにするにはどうすればよいでしょうか？



また引き続きお尋ね申し訳ありませんが、お教え頂ければ有り難いです。
どうぞ宜しくお願い致します。


①独自ドメインに変更致しました。
最上部にあったお問合わせページを非表示にし、メニューバーのCONTACTから問い合わせページにとばすのも不具合でますでしょうか？

②検索のクリックする所を画像のようなボタンにするのにはどうすればよいでしょうか？

③トップ画像と中央の一番目に入る4枚のバナー画像（自由記入欄5）などと幅がうまくあいません。きっちり揃える事は可能でしょうか？

④macのsafari,firefoxでページを見ると不具合が発生します。
例えば、カートに商品を入れ、ショッピングカートの上に出るホームがクリックできない。
今は、なおりましたが、商品カートに入れたあと、左ナビゲーションエリアのカテゴリの一部がクリックできなかった等。windowsでは不具合は特にでません。
解決の方法を教えて頂けると助かります。

⑤左サブナビゲーションエリアの特定商取引の上に、ブログを自動更新で表示させています。その部分の
「ブログ更新情報」の文字に左サブナビゲーションエリアのSHOPPING CARTやBRAND LISTのようなグレーの背景をつける事は可能ですか？

また、 表示されたブログのタイトル等は左サブナビゲーションエリアで使われているようなフォントになおすことはできますか？　太字で違和感があるため。



ややこしい質問申し訳ありません。
どうぞ宜しくお願い致します。

miccさん、こんにちは。

ご質問についてです。
先日の2.の件ですが、うまく表示できていない状態が確認することができませんので、原因が分かりません。
背景画像を作成していただき、FAQ記載の.whatnew_topと.style1_topの箇所に背景画像指定の追加をしていただいたのでしょうか。
設定いただいた状態でご連絡いただけますでしょうか。

1.独自ドメインに変更致しました。
最上部にあったお問合わせページを非表示にし、メニューバーのCONTACTから問い合わせページにとばすのも不具合でますでしょうか？
----------------------------------------------------
独自ドメインをご利用の場合は、お問い合わせボタンを設置いただくとカートが空になる不具合が発生する可能性があります。


2.検索のクリックする所を画像のようなボタンにするのにはどうすればよいでしょうか？
----------------------------------------------------
左エリアの検索ボタンに下記のようにclass名を付けてください。
<input type="submit" name="Submit" value="search" class="side_serchinput" />

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

background-image: url(image/ファイル名);
には、ボタン画像を作成していただき、画像ファイルをアップロード後、ファイル名を記載してください。
下記の例では、ボタンサイズを40×23pxとしていますが、作成いただいた画像サイズに変更してください。

.bot_b .side_serchinput {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
width: 40px;
height: 23px;
background-image: url(image/ファイル名);
}


3.トップ画像と中央の一番目に入る4枚のバナー画像（自由記入欄5）などと幅がうまくあいません。きっちり揃える事は可能でしょうか？
----------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

#column2 #centertd {
padding-right: 0px;
padding-left: 30px;
}


4.macのsafari,firefoxでページを見ると不具合が発生します。
例えば、カートに商品を入れ、ショッピングカートの上に出るホームがクリックできない。
今は、なおりましたが、商品カートに入れたあと、左ナビゲーションエリアのカテゴリの一部がクリックできなかった等。windowsでは不具合は特にでません。
解決の方法を教えて頂けると助かります。
----------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

#copy {
height: auto;
}

#header {
height: auto;
}


5.左サブナビゲーションエリアの特定商取引の上に、ブログを自動更新で表示させています。その部分の
「ブログ更新情報」の文字に左サブナビゲーションエリアのSHOPPING CARTやBRAND LISTのようなグレーの背景をつける事は可能ですか？
----------------------------------------------------
申し訳ございませんが、外部のJavaScriptにて出力されておりますので、こちらでは、詳細は分かりかねます。
作成元へお問い合わせくださいませ。

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

お世話になっております。
回答有難うございます。
再度申し訳ございません。

■先日の②について■

●What's New
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=114&artlang=ja

●新商品
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=115&artlang=ja

に従い、表示させたい下線画像を挿入致しました。
もとあるグレーの下線を消し、新しい下線画像を表示させたいため、
スタイルシートのborder-bottom: 1px solid #E0DFE3;
を削除し、background-image: url(image/logo_12011new.JPG);
を入力しました。

ですが、下線ではなく、あくまで背景画像として大きく画像が入ってしまいます。
添付画像のようにしたいとおもっております。



■今回質問の②(検索部分を画像)について■

当方のclass名をつける方法が間違っていると思うのですが、検索画像部分が改行され2段表示になります。

以下のようにClass名をつけました。


<form method="get" action="http://micce-clothing.com/product-list" style="margin: 0; padding: 0;">
<input type="text" name="keyword" size="10" class="form" />
<span class="bot_b">
<input type="submit" name="Submit" value="search" class="side_serchinput" />
</span></form>



■今回質問の③（幅を揃える）について■

トップ画像とと中央の一番目に入る4枚のバナー画像（自由記入欄5）は揃えられました。有難うございます。

当方の説明不足で申し訳ありませんが、左ナビゲーションエリアのショッピングカートの高さと中央の一番目に入る4枚のバナー画像（自由記入欄5）の高さをあわす方法も教えて頂けるとあり難いです。

現状で階段のように段になっています。

miccさん、こんにちは。

ご質問についてです。
最新情報と新商品部分の背景画像については、background-imageの指定と下記も追加してください。
現在リピート表示されている状態です。

padding-bottom: 15px;
background-position: left bottom;
background-repeat: repeat-x;


●検索ボタンについて
---------------------------------------------
改行しない場合は、display: block;をdisplay: inline-block;に変更してください。


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

#column2 #centertd {
padding-top: 0px;
}

ただし、上記でも数ピクセルは左エリア上部とはずれが出ます。
これは、中央エリア最上部の4枚画像を挿入いただいているtableのセル余白ですので、tableタグにclass名を付けてください。
<table>
↓
<table class="center_table">

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

.center_table {
padding: 0px;
margin: 0px;
border: none;
border-collapse: collapse;

}

.center_table td {
padding: 0px 2px 5px;
}

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

お世話になっております。
回答有り難うございます。
すべて上手くできました。

●検索ボタンについて
---------------------------------------------
教えて頂いた通り、改行しない場合は、display: block;をdisplay: inline-block;に変更してください。

に変更した場合、改行されず、横一列に表示されたのですが、
場所をヘッダー部分に移動したときに、また検索の虫眼鏡画像が改行表示になりまし。

スタイルシートの変更で改善されるとおもうのですが、当方なりに行ったところ、上手く改善されませんでした。

ご教授頂ければ有り難いです。


●カテゴリとグループ登録について。

現在カテゴリにブランドリスト、グループに商品の種類を入力しております。
そこでさらに男性用や女性用というふうにわけたいのですが、現状ではこれ以上は分けられませんよね？？

garittoの(ガリット)掲載用カテゴリーなどをうまく利用して、ネットショップページからとばす方法でもおかしくはないでしょうか？


●新商品について

新商品を一覧で表示することはできないでしょうか？
ショップ名画像下のメニューバーからとばせさせたいとおもっております。


●左ナビゲーションエリアのショッピングカート、ログイン、商品カテゴリ一覧、特集のタイトルを画像表示したい。


現在あるタイトルと背景色を非表示にして、画像のみにしたいとおもっております。


お忙しいところ申し訳ございません。
どうぞ宜しくお願い致します。

miccさん、こんにちは。

●検索について
------------------------------------------------------
スタイルシートの編集から下記の指定を変更してください。
widthを160pxに変更してください。

.header_social {
position: absolute;
top: 10px;
left: 720px;
width: 150px;
}

↓変更後

.header_social {
position: absolute;
top: 10px;
left: 720px;
width: 160px;
}


●グループについて
------------------------------------------------------
商品には、複数のグループを設定することができます。
男性用、女性用を作成していただき設定してください。

※左エリアの表示については、種類下部に表示されます。
種類用と性別用を分けて表示されたい場合は、表示とレイアウトの設定からグループ一覧を非表示に設定してください。
その上で、左エリアに自由記入欄にて、各グループへのリンクを作成してください。

例）各リンク先名、リンク先はご自身で設定してください。

<div class="side_box">
<div class="pickup_category_title">
<h3>CATEGORY</h3>
</div>
<div class="pickup_category_list">
<ul>
<li><a href="リンク先1">リンク先名1</a></li>
<li><a href="リンク先2">リンク先名2</a></li>
<li><a href="リンク先3">リンク先名3</a></li>
</ul>
</div>
</div>

<div class="side_box">
<div class="pickup_category_title">
<h3>性別</h3>
</div>
<div class="pickup_category_list">
<ul>
<li><a href="リンク先1">リンク先名1</a></li>
<li><a href="リンク先2">リンク先名2</a></li>
<li><a href="リンク先3">リンク先名3</a></li>
</ul>
</div>
</div>


●新商品について
------------------------------------------------------
コンテンツページ管理→新商品設定で設定いただいた商品一覧をトップページ以外に表示することはできません。
この点については、改善予定となっております。

現状での方法としては、先ほどと同様に新商品というグループを作成してください。
コンテンツページ管理→新商品に登録されている商品に作成したグループを設定してください。


●タイトルについて
------------------------------------------------------

・ショッピングカート、ログインについて
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281583&id=556&artlang=ja

・カテゴリ、グループについて
方法については、ショッピングカート、ログインと同様です。
スタイルシートについては、下記をご利用ください。
.category_title,
.pickup_category_title {
text-indent: -9999px;
}

.category_title {
background-image: url(image/ファイル名);
}

.pickup_category_title {
background-image: url(image/ファイル名);
}

また、下記のFAQのようにカテゴリ、グループについては、非表示にして画像表示することも可能です。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=455&artlang=ja

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

お世話になっております。

すべて教えて頂いた通り出来上がりました。
有り難うございます。

●グループについて
複数登録できるのはじめてしりました。
活用させていただきます。勉強不足で申し訳ありません。

もう一点聞きたいのですが、
「種類用と性別用を分けて表示されたい場合は、表示とレイアウトの設定からグループ一覧を非表示に設定してください。
その上で、左エリアに自由記入欄にて、各グループへのリンクを作成してください。」

をした場合、商品を登録する画面で、グループ選択では上記のグループは表示（選択）できないですよね？？

上記のようにしたのですが、商品登録の画面には非表示にした既存のグループ名しか表示されません。

miccさん、こんにちは。

グループについてです。
表示とレイアウトの設定から非表示に設定した場合、非表示になるのは表のショップページ左エリアのグループ一覧のみです。
管理画面の商品登録画面上には、グループ選択部分には表示されます。

現状、商品登録画面が必須項目のみ表示となっておりますので、グループ選択欄が非表示となっております。
必須項目のみ表示のチェックを外してご確認ください。

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

いつもお世話になっております。

先日回答いただいた内容について完了致しました。
有難うございます。

お忙しいところ申し訳ありませんが、以下不明点を御教示頂ければ幸いです。


●firehoxで観覧するとフッターのレイアウト崩れ
フッターにある英語のメニューバーと日本語のメニューバーのそれぞれが区切り線と重なったような形になります。

●商品の詳細な説明部分の行揃いについて
それぞれ項目の:（コロン）のあとで行を揃えたいと思っております。2行以上の文のみ。

例
MODEL:testtestesttest
testtestesttest

●商品の詳細な説明部分の点線について
現在ドットをリピートして項目毎に幅いっぱいの点線を入れております。
この方法でこれから商品登録を増やしていくと観覧時、重くなる等、デメリットはございますか？また他に何か良い方法、一般的な方法等ございましたらご教示下さい

●商品の詳細な説明部分の他の写真と下線について
もとから設定してあるものを非表示にして、当方が用意した区切り線の画像にしたいとおもっております。


●商品の詳細な説明部分のフォントの色について
変更方法をご教示下さい。


お忙しい中大変申し訳ありません。
どうぞよろしくお願い致します。

miccさん、こんにちは。

ご質問についてです。

●firehoxで観覧するとフッターのレイアウト崩れ
フッターにある英語のメニューバーと日本語のメニューバーのそれぞれが区切り線と重なったような形になります。
-----------------------------------------------------------

例えば、下記のようにimgタグをdivタグで囲んでいただき、下部に余白を指定してください。
<div style="margin-bottom: 5px"><img src="http://www.micce-clothing.com/data/micce-clothings/image/logo_12011new.JPG" /></div>


●商品の詳細な説明部分の行揃いについて
それぞれ項目の:（コロン）のあとで行を揃えたいと思っております。2行以上の文のみ。
-----------------------------------------------------------

下記のようなhtmlタグをご利用ください。

<div class="detail_desc">
<dl>
<dt>表題</dt>
<dd>説明</dd>
</dl>
</div>

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

.detail_desc dt {
float: left;
margin-right: 5px;
}

.detail_desc dd {
overflow: hidden;
}

.detail_desc dl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.detail_desc dl {
display: inline-block;
}


●商品の詳細な説明部分の点線について
現在ドットをリピートして項目毎に幅いっぱいの点線を入れております。
この方法でこれから商品登録を増やしていくと観覧時、重くなる等、デメリットはございますか？また他に何か良い方法、一般的な方法等ございましたらご教示下さい
-----------------------------------------------------------

画像の容量は軽いと思いますので、読み込みは問題ないかと思います。
他の方法の場合は、スタイルシートで点線を書くことも可能です。

例）
<div class="dotline">内容</div>

スタイルシートの編集から下記の指定を記載すると下部に点線のあるボックスを作ることができます。
各ブロックをこの<div>で囲んでいくと区切り線として点線が入ります。
※ボックス内に余白を入れる場合は、padding: 10px;等を指定してください。
.dotline {
border-bottom: 1px dotted #000000;
padding: 10px;
}


●商品の詳細な説明部分の他の写真と下線について
もとから設定してあるものを非表示にして、当方が用意した区切り線の画像にしたいとおもっております。
-----------------------------------------------------------

下記のFAQをご覧くださいませ。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281585&id=483&artlang=ja


●商品の詳細な説明部分のフォントの色について
変更方法をご教示下さい。
-----------------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.detail_desc_box {
color: #000000;
}

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

お世話になっております。

先日教えて頂いた、
●商品の詳細な説明部分の行揃いについて

教えて頂いた通り実行すると、うまくできたのですが、
表題の字数が変わるとどうしても各説明がバラバラになり、それを画像のように各説明で揃えたいとおもっております。
色々試してみましたが、上手くできないため教えて頂ければあり難いです。


●ヘッダー右部分に配置しております検索バーについて
画像のように枠に囲んだなかに虫眼鏡画像を入れたいとおもっております。


お時間あるときにどうぞよろしくお願い致します。

miccさん、こんにちは。

ご質問についてです。

・商品詳細ページについて
スタイルシートの編集から先日のご回答内にwidthとtext-alingを追加してください。

widthについては、固定となりますので、最も長い項目名に合わせて調整をお願い致します。

.detail_desc dt {
width: 80px;
float: left;
margin-right: 5px;
text-align: right;
}

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

ただし、画像については、現状左右の余白部分が大きいため、下記指定では右の検索枠に重なります。
画像の大きさを調整ください。
.side_serchinputのtopとleft値で表示位置の調整が可能です。

.header_social .form {
width: 80px;
height: 20px;
padding-right: 35px;
}

.header_social .bot_b {
display: block;
position: relative;
}

.side_serchinput {
position: absolute;
top: -25px;
left: 80px;
}

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

いつもお世話になっております。
先日は有り難うございます。うまく設定できました。


再度ご質問がございます。


■Firefoxで見た時の商品詳細についての文字列ずれる。

IE,Safariともに問題ないのですが、Firefoxで商品詳細を見た時、文字列がくずれてしまいます。揃える方法はございますでしょうか。

■商品詳細の問い合わせアイコンについて。

検索、問い合わせ等を非表示にした場合、問い合わせ欄を作るとカートに商品が入らなかったりと不具合がでるとおききしました。もとからある商品詳細の問い合わせアイコンについては問題ないのでしょうか？どのようなケースが問題があるのか教えて頂けると有り難いです。

■警告ダイアログについて

IEで、ログインの新規登録はこちらなどをクリックするとセキュリティの警告ダイアログが表示されます。
これは、暗号化れているページ（HTTPS）に暗号化されていないコンテンツが滞在している時に表示されますが、ショップ側ではどこをなおすとお客様のページで表示されなくなりますでしょうか？お客様が見た時に不信感をあおるので、出ないようにしたいとおもっております。


■自由記入欄をトップ画像に

現在、自由記入欄10（中央エリアの17番目）に挿入している部分をトップ画像として使いたいとおもいます。


お時間のある時に教えて頂けると有りがたいです。

miccさん、こんにちは。

ご質問についてです。

■Firefoxで見た時の商品詳細についての文字列ずれる。
-----------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.detail_desc dl {
width: 600px;
}


■商品詳細の問い合わせアイコンについて。
お問い合わせボタンを非表示にすることは、問題ありません。
独自ドメインをご利用の場合に、自由記入欄やhtmlタグ利用可能エリアでお問い合わせページへのリンクボタンを設置いただいた場合に、不具合が発生します。カートに入れた商品が空になる可能性があります。


■警告ダイアログについて
下記のFAQをご覧くださいませ。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281596&id=230&artlang=ja

画像や外部JavaScriptは、全て、https://共用ドメインURL～のURLで記載していただく必要があります。

例）
<img src="http://www.micce-clothing.com/data/micce-clothings/image/facebook11.PNG" alt="facebook" border="0" />
↓
<img src="https://micce-clothings.ocnk.net/data/micce-clothings/image/facebook11.PNG" alt="facebook" border="0" />



■自由記入欄をトップ画像に
-----------------------------------------------------
画像とコメントの設定→キャッチフレーズ欄にhtmlタグを設定してください。

ただし、トップページのみに表示される場合は、現在の画像とコメントの設定→キャッチフレーズ欄の内容とスライドショー用の自由記入欄10のhtmlタグをショップ基本設定→メタタグ個別設定→トップページのキャッチフレーズ欄に記載してください。

※画像とコメントの設定画面のキャッチフレーズ欄は、現状の設定のままにしてください。

なお、外部JavaScriptについては、動作保証ができませんので、サポート外となります。ご了承くださいませ。

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

お忙しいところ、再度失礼致します。


■警告ダイアログについて
自由記入欄、キャッチフレーズ欄、コピーライト欄などの画像をすべてhttps～に直しましたが、まだ警告が出ます。

他に直す箇所がございますか？

■自由記入欄をトップ画像に
キャッチフレーズ欄にもってくることで、一応場所としては、自分の思うところに持ってこれました。

ですが、これをトップページのみ表示で、2階層目以降は非表示にするにはどうすればよいでしょうか？


■「実行しましたが、ページでエラーが発生しました。」が表示される
警告ダイアログをなくすためhttpsに書き換えている時から、エラーが発生しましたと左下に表示されるようになりました。
改善方法ございますでしょうか。

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

miccさん、こんにちは。

ご質問についてです。

JavaScriptとCSS内のURLを変更していただく必要がありますが、2階層目以降で表示されないとのことですので、下記の手順で作業を行ってください。

------------------------------------------------
STEP1　メタタグ個別設定→キャッチフレーズ欄に移動す
------------------------------------------------
現状の「画像とコメントの設定」→「キャッチフレーズ欄」の全内容をコピーし「ショップ基本設定」→「メタタグ個別設定」→「トップページのキャッチフレーズ欄」に貼り付けてください。

※この段階では、「画像とコメントの設定」→「キャッチフレーズ欄」の内容は残しておいてください。STEP3で内容を変更します。

------------------------------------------------
STEP2　JavaScriptもメタタグ個別設定→キャッチフレーズ欄に移動する
------------------------------------------------
現状、「ショップ基本設定」→「メタタグ設定」→「ヘッダー欄」に記載いただいているJavaScriptをSTEP1と同様に「ショップ基本設定」→「メタタグ個別設定」→「トップページのキャッチフレーズ欄」に移動してください。

※「メタタグ設定」→「ヘッダー欄」からは、削除してください。

------------------------------------------------
STEP3　画像とコメントの設定→キャッチフレーズ欄からトップ画像を削除する
------------------------------------------------
「画像とコメントの設定」→「キャッチフレーズ欄」の内容からトップ画像用の記載を削除してください。


これで、トップページにのみスライドが表示され、トップページのみJavaScriptを読み込む形になりますので、セキュリティ警告も表示されません。

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

度々申し訳ありません。

手順に沿って変更致しました。
2階層目以降にはトップ画像が表示されないよう設定できました。
有難うございます。


ですが、左下に「実行しましたが、ページでエラーが発生しました。」と、
ログインはこちらをクリックした時などに警告ダイアログと、が表示されます。
これらをなくすにはどうすればよいでしょうか。

CSS内、キャッチフレーズ欄、コピーライト欄、自由記入欄の中を見直してみましたが、解消されません。

再度申し訳ありません。

左下の「実行しましたが、ページでエラーが発生しました。」
に関しましてはjavascriptに間違いがあったので、訂正したところ解消されました。

引き続きログインはこちらをクリックした時などに警告ダイアログと、が表示されう事について教えて頂ければ幸いです。

miccさん、こんにちは。

STEP2のJavaScriptの移動はしていただいておりますでしょうか。
ショップ基本設定→メタタグ設定→ヘッダー(PC版)の下記のJavaScriptをメタタグ個別設定→トップページのキャッチフレーズ欄に移動させてください。

<script type="text/javascript" src="http://www.geocities.jp/miyake_kobo/js/miyake_002.js?temp2_3131"></script>

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

お世話になっております。
先日教えて頂いた通り移動すれば、警告ダイアログは消えました。
有難うございます。

現在トップ画像をJqureryを使いスライドショーのように作っておりますが、
それを追加したところ、以前の左下の「実行しましたが、ページでエラーが発生しました。」と出てしまいます。

$を使用しているのですが、御社のprototype.jsと
干渉してこのようになっているのでしょうか？

解消する方法等ありましたら御教示頂けるとありがたいです。

miccさん、こんにちは。

JavaScriptについてです。
「$」を使用すると、prototype.js 側を見に行こうとするため、エラーとなります。
jQueryを使用する際は、「$」の部分を全て「jQuery」に置き換えていただけますでしょうか。

例)
$(setImg);
　↓
jQuery(setImg);

なお、jQuery本体は全ページで自動的に読み込まれているため、下記の読み込み部分は不要となります。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

※申し訳ございませんがこのスレッドがかなり長くなっており閲覧しにくい状態となっております。
次回以降のご質問は可能であれば、新規に投稿していただけますでしょうか。
お手数をお掛け致しますがよろしくお願い致します。

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

ZEROさん、こんにちは。

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

#maincontents {
position: relative;
padding-bottom: 40px;
}

.topnavi {
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
}

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

おちゃのこ刑部様

お世話になっております。
希望通り、変更できました。
お忙しい中、有難うございました。

ichicaさん、こんにちは。

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

.detail_point {
display: none;
}

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

早々にご連絡を有難うございます。

設定できました。

今後ともよろしくお願いします。

MAX.店長さん、こんにちは。

商品詳細ページの仕様についてです。
スマートフォン版では設定可能です。
スマートフォン管理のスタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.item_spec {
margin-top: 15px;
}

.item_spec p {
width: 100%;
display: table;
padding: 0px;
border: 1px solid #000000;
}

.item_spec_row {
display: table-row;
}

.item_spec_title {
width: 20%;
display: table-cell;
padding: 5px;
background-color: #DCDCDC;
border: 1px solid #000000;
font-weight: bold;
}

.item_spec_desc {
width: 80%;
padding: 5px;
display: table-cell;
border: 1px solid #000000;
}

.item_spec_separator,
.item_spec_br {
display: none;
}

なお、商品仕様項目については、現状htmlタグが利用できませんので、部分的に文字色を変更したりリンクを設定することはできません。
今後検討させていただきます。

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

刑部さん

ありがとうございます！
早速変更いたしました！
これで見やすくなります。

htmlタグ利用もご検討頂けるとの事、楽しみにお待ちいたしております。
ありがとうございました！

クマサキ洋ラン農園さん、こんにちは。

Gmailについてです。

Gmail側で歯車アイコン→「設定」をクリックし、「アカウント」タブを開いてください。
↓
「POP3 を使用して他のアカウントのメッセージを確認」の欄にある該当のメールアドレスの「情報を編集」をクリックしてください。
↓
「受信したメッセージのコピーをサーバーに残す」という項目がございますので
こちらのチェックを外して「変更を保存」をクリックしてください。

「メールを今すぐ確認する」をクリックしてメールを受信されますとサーバ上のメールが削除されるかと思いますので、ご確認いただけますでしょうか。

なお、上記のように設定されますと、他のメールソフトでは受信できなくなる可能性がございますのでご注意ください。

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

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

教えていただいたとおりにやってみたのですが、

すでに「受信したメッセージのコピーをサーバーに残す」という項目にはチェックが外れいる状態でして、

このまま、「メールを今すぐ確認する」をクリックしてメールを受信してみたのですが、サーバー上のメールが消えません。

どこか設定が間違っているのでしょうか？

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

クマサキ洋ラン農園さん、こんにちは。

大変、申し訳ございません。
すでに受信されているメールが蓄積されている場合、前回、回答させていただいた方法では削除できないようでございました。

下記FAQをご参照の上、不要なメールを削除していただけますでしょうか。
https://www.ocnk.net/faq/index.php?action=artikel&cat=281595&id=346&artlang=ja

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

お世話になっております。

うまくメールサーバーにたまったメールを削除することができました。

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

ついでになんですが、

このメールサーバーにたまっているメールはなぜ他のメールとは違い、メールサーバーに残ったままになるのでしょうか？

Ｇｍａｉｌの設定で「受信したメッセージのコピーをサーバーに残す」にチェックを外しているにもかかわらず、ごくたまに、いくつかメールサーバーに残ったままになっています。

今回かなりてこずったので、また同じようにメールがたまらないように対策したいのでぜひご教授いただけたらと思います。

クマサキ洋ラン農園さん、こんにちは。

弊社管理画面で作成されたアドレスでinfo@～以外のアドレスはサーバ上にメールが蓄積されないのにinfo@～のアドレスではサーバ上に蓄積するのがなぜかということでしょうか。

info@～以外のアドレスは、Gmailでの設定時に「受信したメッセージのコピーをサーバーに残す」にチェックを入れずに設定されませんでしたでしょうか。
その場合、メール受信時に、受信したメールを削除するためサーバ上にメールが蓄積されないかと思います。

info@～のアドレスでは、先に「受信したメッセージのコピーをサーバーに残す」にチェックを入れて設定されたため、その状態で受信されたメールについては後から「受信したメッセージのコピーをサーバーに残す」のチェックを外しても削除されないかと思います。

今回、設定を変更していただいていると思いますので今後、受信されるメールはサーバ上には残らないと思います。
しばらく様子をみていただけますでしょうか。

なお、メールサーバ上のメール削除のタイミングなどについてはGmail側の仕様となりますので、詳細は弊社側では分かりかねます。
ご了承ください。

また、弊社側で確認させていただいたところinfo@～のアドレスでは、まだメールサーバ上に古いメールが残っておりますので、不要だということでしたら削除ください。

よろくお願い致します。

土谷さん、こんにちは。

外部カートページは、独立したページとして作成されます。
そのためスタイルシートの編集は、通常の「デザイン管理」→「スタイルシート編集」画面からは行うことはできません。

「商品管理」→「外部カート設置設定」の「共通設定」欄最下部に「ヘッダーを編集する場合はこちら」というリンクがございますので、クリックしてください。

入力欄が表示されますので、下記のスタイルシートをコピーして貼り付けてください。
必ず<style type="text/css">と</style>も記載してください。


<style type="text/css">
.model_number,
.add_cart {
display: none;
}
</style>


下記のFAQもご参照ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281576&id=851&artlang=ja

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

おちゃのこ刑部さま

ありがとうございます！
希望通りの見栄えにすることができました！！

お手数おかけしました。

miuさん、こんにちは。

画像表示についてです。
該当商品を確認いたしましたが、サムネイルと拡大画像とも同様の画像が表示されております。
キャッシュの可能性もございますので、ブラウザキャッシュを削除いただき再度ご確認いただけますでしょうか。

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

解決です♪
ひとつ勉強になりました。
ありがとうございました。

リョウさん、こんにちは。

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

.shopc_list .icon {
display: none;
}

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

おちゃのこ刑部 様

お世話になっております。

そういうやり方があったんですね！
また一つ勉強になりました。

ご回答いただき有難うございました！

トゥルモンドさん、こんにちは。

ポップアップ表示についてです。
大変申し訳ございません。FAQ内のリンク先に誤りがございました。
先ほど変更させていただきました。

下記の<a>タグ内の記載を変更いただけますでしょうか。
return '<a href="/faq/index.php?action=artikel&lang=ja&cat=281572&id=782&artlang=ja#" onclick="jQuery.fancybox.close();" >' + close + '</a>'

　↓

return '<a href="javascript:void(0);" onclick="jQuery.fancybox.close();" >' + close + '</a>'

お手数をお掛けして申し訳ございません。

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

迅速な対応、ありがとうございます。
無事、解決できました。
また、勉強にもなりました。
重ねて御礼申し上げます。
今後ともよろしくお願いいたします。

ネツさん、こんにちは。

携帯サイトについてです。
携帯電話で確認いただいておりますでしょうか。
パソコンで確認した場合、絵文字が文字化けして表示されます。

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

さくらさん、こんにちは。

ショップ画像と横幅についてです。
スタイルシートの編集からそれぞれ下記の指定をコピーして貼り付けてください。

●ショップロゴ用
.subnaviの位置をpaddingを指定していますが、ショップロゴを大きくした場合に、重なります。padding指定をmargin指定に変更してください。

.subnavi {
padding-left: 0px;
margin-left: 350px;
}


●横幅用
下記の#header-menuと#header-menu ul部分が全体幅からはみ出しておりますので、横幅指定を680pxに変更してください。
#header-menu,
#header-menu ul {
width: 680px;
}

※補足
各画像のborder指定を非表示にされる場合は、下記をご利用ください。
A img {
border: 0;
}

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

おちゃのこ刑部様

早速ご回答いただき、ありがとうございました。
御陰さまで解決致しました。
大変助かりました。
本当にありがとうございます。

リョウさん、こんにちは。

お支払方法についてです。
商品単位でお支払方法を紐づける機能はございませんので、設定いただくことはできません。
現状、改良予定はございません。
商品詳細ページの説明欄に注意書きを記載いただく等でご対応をお願い致します。

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

おちゃのこ刑部 様

上記の件、了解致しました。
ご回答いただき、ありがとうございました！

MOONさん、こんにちは。

文字化けについてです。
機種依存文字が混入している可能性がございます。
該当の箇所をお問い合わせフォームよりご連絡していただけますでしょうか。

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

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

Wikipediaで調べましたら、メイリオはWindows VISTA以降に標準搭載とあり、XP利用者には対応できないので？　利用しないほうが宜しいのでしょうか？
私のOSはWindows7なので、メイリオにした場合の表示を確認できず。

ZEROさん、こんにちは。

フォントについてです。
ご指摘のとおりメイリオにした場合、文字サイズ、文字間隔も異なりますので、改行位置が変わる可能性があります。
文字サイズを小さくすれば、調整可能ですが、MSPゴシックと同じ表示にすることは難しいと思います。

Windows7をご利用とのことですが、Windows7でしたら、メイリオでの表示は可能となっております。
WindowsXPをご利用のお間違いでしょうか。

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

おちゃのこ刑部さま

お返事を有難うございます。
調整は難しいようですね。

間違えではなく、私はWindows7なので変更後を見れます。
心配なのは、未だ依然と多いXP利用者にどの様に見えるのかです。
XPのPCがないので確認できないのです。

おちゃのこ刑部さま

一つ確認をさせて下さい。
ページ全体をメイリオに変更した場合、XPでメイリオをインストールしていない場合MSPゴシックで表示されるのでしょうが、スタイルシートやHTMLタグでメイリオを前提に文字サイズを小さくした場合、やはりMSPゴシックも現状の表示ではなく小さくなってしますのでしょうね？

ご面倒をお掛けいたしますが、ご回答をお願い申し上げます。

ZEROさん、こんにちは。

フォントについてです。
記載いただいているfont-family指定の場合、メイリオの入っていないパソコンの場合、通常は、MSPゴシックで表示されます。

おっしゃるように文字サイズを小さくすると、MSPゴシックでの表示の際には、文字サイズは現状よりも小さくなります。
ただWindowsパソコンの場合は、今後メイリオが基本となりますので、メイリオを基本フォントとして文字改行等を調整されても良いかと思います。

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