mamomeさん、こんにちは。

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

#pagetd {
width: 872px;
}

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

マキウチさん、こんにちは。

商品表示についてです。
現状、商品をランダムに表示する機能はございません。

代替案とはなりませんが、商品をスライドショーを使って表示させる方法もございます。
基本的には、htmlタグにて自由記入欄の作成が必要ですが、少ないスペースで複数の商品を紹介することができます。
http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm183.html#de

トップページの商品表示については、新商品、おすすめ、ランキングという区分けしかございませんので、追加できるように検討しております。

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

ご回答ありがとうございます！
いつも丁寧にかつ迅速で非常に助かります。
代替案で検討してみます。
今後そのような機能が加わることを期待しております！！！

ナッツさん、こんにちは。

フリーページについては、以前よりカテゴリ化を検討しております。
カテゴリ化する際には、カテゴリ一覧ページを作成する予定ですので、その際各フリーページのサムネイル画像は必要になるかと思います。
カテゴリ化できれば、管理もしやすくなりますしフリーページの用途の幅が広がると考えております。

現状では、商品カテゴリを利用されておりますが、販売価格の文言は非表示にすることが可能です。
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=451&artlang=ja

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

ムーさん、こんにちは。

横幅についてです。
固定値でしたら、横幅を指定することで強制的に広げることが可能です。
例として、200px広げた場合の指定を記載させていただきます。

ただし、商品表示列数は、画像サイズにより表示列数が下記のように決まっておりますので、変更することはできません。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja


#column2 .center_box,
#column2 #centertd {
width: 870px;
}

#column2 .style1_middle,
#column2 .style2_middle {
width: 860px;
}

#column2 .style1_table,
#column2 .style2_table {
width: 850px;
}

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

お返事ありがとうございます。
早速試しましたところ幅を広げることが出来ました。
ありがとうございます！

ちなみに、メインコンテンツの横幅をブラウザのサイズに合わせて
自動で伸縮するように設定することはできますか？
お忙しい中お手数をお掛けしますがよろしくお願い致します。

ムーさん、こんにちは。

可変表示についてです。
現状でも強制的に指定すれば可能なのですが、一部class名を付ければもう少し簡単に設定可能なため、改善させていただきます。

少しお時間をいただきます。

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

ムーさん、こんにちは。

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

.pagetd_inner_table {
width: 100%;
}

#column2 .center_box,
#column2 #centertd,
#column2 .style1_middle,
#column2 .style2_middle,
#column2 .style1_table,
#column2 .style2_table {
width: auto;
}

ただし、先日のご回答にも記載させていただいておりますが、商品一覧部分については、表示列数を増やすことはできません。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja

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

class名まで追加していただきありがとうございます！
おかげさまで自動的に伸縮できるようになりました。
今後ともどうぞよろしくお願い致します。

mamomeさん、こんにちは。

商品一覧についてです。
申し訳ございませんが、200pxの場合は、横3列表示となります。
ご了承くださいませ。

スライド部分については、下記の手順で作業を行ってください。
下記の2か所を<div class="clearfix">～</div>で囲んでください。

<p id="topmenu1">
から下記の<p>タグの終了部分まで
<p id="topmenu5"><a href="http://www.punk-cake.com/help" target="_blank">ご利用案内</a></p>

<div class="bnr">
からスライドショー終了部分まで
</div>
<!-- スライドショー -->

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

#container .swipe_list .list_item_table {
background-color: transparent;
}

#bn_newitems,
#bn_sale {
float: none;
}

.bnr {
float: left;
}

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

刑部さん、お返事ありがとうございます。

商品一覧を横3列表示にするには
どうすればいいのか
教えていただけますか？

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

mamomeさん、こんにちは。

商品一覧についてです。
3列表示にするには、画像サイズで160pxを選択していただく必要があります。
下記のFAQをご覧くださいませ。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja

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

ホルダーマートさん、こんにちは。

枠についてです。
新商品と同様の枠を利用する場合は、下記のhtmlタグをご利用ください。

それぞれ、リンク先やリンク名等は、ご自身で記載をお願い致します。
<td style="width: 110px;">～</td>が1商品となり、下記は4列表示となっています。

行を増やす場合は、<tr align="center" valign="top">～</tr>を追加してください。

<div class="center_box">
<div class="style1_top">メインタイトル</div>
<div class="style1_middle">
<table border="0" cellspacing="0" cellpadding="0" class="auto">
<tr>

<td>
<div class="style1_copy">コピー</div>
<div class="style1_table_top"></div>

<div class="layout_list">
<div class="style1_table_middle">

<table border="0" align="center" cellpadding="2" cellspacing="0" class="auto">
<tr align="center" valign="top">

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

<td style="width: 110px;">
<div class="photo_line_80" style="margin: auto; ">
<a href="リンク先"><img src="画像URL" alt="代替テキスト" border="0" width="80" /></a></div>
<div class="box_padding">
<div class="style1_text" >
<h2><a href="リンク先">リンク名</a></h2>
</div>
</div>
</td>

</tr>
</table>
</div>
</div>
<div class="style1_table_bottom"></div>
</td>
</tr>
</table>
</div>
<div class="style1_bottom"></div>
</div>


また、上記以外にもスライドショーで表示する方法もございます。
下記のメルマガバックナンバーをご覧ください。
http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm183.html#de

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

ご返信ありがとうございました！！
無事にできました。

スライドショーも今度挑戦してみようと思います！
ありがとうございました。
また何かありましたらよろしくお願いいたします。

mamomeさん、こんにちは。

写真についてです。
強制的に大きくすることは可能ですが、元の画像は200×200となりますので、画質が粗くぼやけた表示になる可能性があります。

例）250pxにした場合の指定

.layout_list .photo_line_80 img {
width: 250px;
height: 250px;
}

.layout_list .photo_line_80 {
width: 250px!important;
}

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

カシワンさん、こんにちは。

ご質問についてです。
1）ログイン後のお客様情報確認ページでは、現状表示することはできません。
ただ、機能的にはオプションとしてあってもよいかと思いますので、改善させていただきます。

2）画像をimgタグで挿入いただいておりますが、widthの指定部分に問題があります。""の内側に記載してください。
<img src="http://www.evisa.jp/data/evisa/image/renewal/top_step_mini.jpg" alt="ビザ取得までの簡単3ステップ" width=""960px height="280px">

↓変更後

<img src="http://www.evisa.jp/data/evisa/image/renewal/top_step_mini.jpg" alt="ビザ取得までの簡単3ステップ" width="960" height="280">

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

おちゃのこ刑部さま

②に関して、
とんだうっかりミスでした！
ご指摘ありがとうございました。

①について、
今後のオプション機能としての実装を期待しております。
実装の際にはこちらで告知頂けますよう、
よろしくお願いいたします。

いつも迅速なご対応ありがとうございます。

calさん、こんにちは。

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

なお、カラーコード#FF0000を変更いただくことで、別の色指定も可能です。

.style1_top {
background-image: none;
background-color: #FF0000;
}

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

calさん、こんにちは。

トップ画像上下の線についてです。
現状ページを拝見しましたが、#headerに上下borderを指定いただいていますので、線が表示されているかと思います。

ご自身で解決されたのでしょうか。

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

おちゃのこ刑部様

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

画像上の線を入れる事はできたのですが、
画像と線の間に、下の線の様にスペースをあける事ができませんでした。
可能でしょうか?

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

calさん、こんにちは。

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

#container {
background-position: center 10px;
}

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

おちゃのこ刑部

迅速なご対応ありがとうございます。
無事、余白を入れる事ができたのですが、
スタイルシート編集し、プレビューを確認すると
ちゃんと表示されているのですが、
設定処理を確認するボタンを押し、ショップ表示で確認すると
プレビューと違い編集前のままで正しく表示されないのですが
何故なのでしょうか?

初歩的な質問で申し訳ないのですが
よろしくお願い致します。

おちゃのこ刑部様

度々申し訳ありません。
ショップ表示で編集が更新されないとお伺いしたのですが
本日改めて確認したところ、
正しく更新されておりました。

ご迷惑をお掛けし申し訳ございません。

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

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

ショップロゴテキストの位置を
左上に移動させたいのですが、
どの様にすればよいでしょうか?

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

calさん、こんにちは。

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

#header {
position: relative;
}

.shoptext {
width: 230px;
left: 180px;
top: 20px;
text-align: left;
z-index: 99;
}

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

おちゃのこ刑部様

ご返信ありがとうございます。
無事にできました。

その他お伺いしたいのですが、
ショップロゴテキストの文字を小さくする方法、
カテゴリー、ショッピングカートなどの文字の背景、
現在緑色の部分の色を変更する事は可能でしょうか?

何度も申し訳ありません
よろしくお願い致します。

calさん、こんにちは。

文字と背景についてです。
スタイルシートの編集から変更可能です。

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

文字サイズは、ご自身で調整ください。

.shoptext .text-18 {
font-size: 12px;
}

●背景について
この部分は、背景画像を利用しています。
最も簡単な方法は、背景画像を非表示にし、背景色にて指定する方法となります。
ただし、その場合左端の縦線2本のアイコンが非表示となります。

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

.category_title,
.shopc_title,
.style3_top,
.melmaga_top {
background-image: none;
background-color: #FF0000;
}

背景画像を変更する場合は、下記の元画像を保存し画像編集ソフトにて色等を変更してから再度画像をアップロードしてください。
http://routinemachine.ocnk.net/data/routinemachine/img/menu_bg01.gif

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

スタイルシート内で背景画像を指定する場合は、必ずimage/ファイル名の形でimageから記載してください。

.category_title,
.shopc_title,
.style3_top,
.melmaga_top {
background-image: url(image/画像ファイル名);
}

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

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

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

各フォントサイズ、色等はご自身で調整ください。

/* メインメニュー */
#copy #dropmenu li A {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}

/* サブメニュー */
#copy #dropmenu ul li A {
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
}

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

早々のご返信ありがとうございます。
早速やってみたのですが、すぐ直下のスライドショーに反応（？）して
スライドするたびに点滅するようになってしまいました。
キャッチフレーズも同様の反応をします。

もう１点、今度はこのナビゲーションをキャッチフレーズの直下まで上にずらしたいのですが。。

２点、よろしくお願い致します。

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

点滅についてですが、現状拝見する限り点滅はしておりませんが、キャッシュが残っているということはないでしょうか。
一度画面を更新してご確認ください。
それでも点滅する場合は、ご利用ブラウザとキャプチャ画像を添付いただけますでしょうか。

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

#dropmenu {
margin-top: 5px;
}

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

位置調整ありがとうございます。うまくいきました。

スクリーンショットはタイミングが難しいのですが、
調べてみたところブラウザ、Win・Macなどで微妙に症状が違います。
Winは全て正常です。MAC版のSafariとChromeで点滅がおこります。
お忙しいところ何度も恐縮ですが、ご確認いただけませんでしょうか？
よろしくお願い致します。

【点滅の状況】
・MAC-Safari
キャッチコピー：正規品ドッグフード〜部分
ドロップメニュー部分の文字

・MAC-Chrome（シークレットモード、通常モードともに）
キャッチコピー：正規品ドッグフード〜部分
ドロップメニュー部分の文字は点滅しません。

・Mac-FireFox
・Win-Chrome（シークレットモード、通常モードともに）
・Win-IE
・Win-FireFox
すべて正常

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

点滅についてです。
ブラウザ情報ありがとうございました。
スタイルシートに解消可能ですので、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

#copy,
#dropmenu {
-webkit-transform: translate3d(0, 0, 0);
}

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

返信ありがとうございます。
無事修正できました！
またよろしくお願い致します。

ホルダーマートさん、こんにちは。

ゆうパックプリントRについてです。
現在対応中でございますが、しばらくお時間がかかります。
3月末までには対応を予定しております。

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

現在対応中とのことで安心しました。

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

税込価格が改定後の税抜き価格に相当するような
ちょっと誤解をまねきなねない価格設定（時期も含めて）ですね？

４月１日の消費税ＵＰ時は据え置きでしょうか？
４月１日に消費税分をＵＰしないのでしたら３月２１日に値上げで４月１日からの消費税ＵＰ時は増税分を転嫁しないように感じますし、また増税分を事前にＵＰするように感じますが・・・

匿名さん、こんにちは。

ご承知のとおり3月21日にご利用料金の改定をおこないまして、4月1日以降もこの料金を適用致します。

何卒事情ご賢察の上、ご理解賜りますようお願い申し上げます。

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

ラスポンチャスさん、こんにちは。

レコメンドについてです。
技術的には、可能ですので、改善を検討させていただきます。

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

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

sugarさん、こんにちは。

画像についてです。
基本的には、画像をコピーされないように設定する方法はございません。
ご了承くださいませ。

JavaScriptにて右クリックの禁止を設定することは可能ですが、動作はIEのみとなります。
他のブラウザでは、動作致しません。

念のため方法を記載させていただきます。
下記のJavaScriptを管理画面→ショップ基本設定⇒メタタグ設定
→ヘッダー設定に下記のタグを貼り付けて下さい。
-------------------------------------------------------<SCRIPT language=JavaScript>
<!--
var meg="不正ダウンロード防止のために右クリックを禁止しています。";
//megの部分が右クリックされたときのコメントになります。
function Mclick(migi) {
if (document.layers || (document.getElementById && !document.all)) {
if(migi.which==2 || migi.which==3) {
alert(meg);
return false;
}
}
}

function Husei() {
if (document.all) {
alert(meg);
return false;
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=Mclick;
}else{
document.onmouseup=Mclick;
document.oncontextmenu=Husei;
}
// -->
</SCRIPT>
-------------------------------------------------------

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

友子さん、こんにちは。

タイトルについてです。
検索結果ページについては、カテゴリ一覧、グループとは別にページ固有のclass名がつけられております。

現状、カテゴリ一覧とグループ一覧の.list_table_header_boxに対しては、position: relative;の指定を行っていただいておりますが、検索結果については、指定がないため、基準点が左端となっています。

下記のように追加をお願い致します。

.categorylist_page_body .list_table_header_box,
.pickuplist_page_body .list_table_header_box {
position: relative;
padding-bottom: 50px;
}

↓追加後

.categorylist_page_body .list_table_header_box,
.pickuplist_page_body .list_table_header_box,
.result_page_body .list_table_header_box {
position: relative;
padding-bottom: 50px;
}

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

いつも早い回答ありがとうございます。
おかげさまで解決できました。
今後ともどうぞよろしくお願い致します。