吉村さん、こんにちは。

ヘッダーメニューについてです。
nav_on表示については、現状対応しておりません。
FAQの方に記載が漏れておりましたので追加させていただきました。
申し訳ございません。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281623&id=989&artlang=ja

今後対応を予定しております。

フッターについては、スタイルシートの編集から下記の箇所を編集してください。
background-color: #FFFFFF;が現在の色となりますので、ご希望の色に変更してください。

/* 選択中 */
#globalnavi_footer li.nav_on .footer_navi_row {
background-color: #FFFFFF;
}

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

刑部さま

こんにちは。
いつもお世話になっております。
ご回答ありがとうございました！

先ほど投稿したのですが、反映されなかったようなので、再度書き込みさせていただきます。
二重になってしまった場合はご容赦ください。

nav_on表示の件、現在は未対応とのこと、了解しました。
今後の対応を待ちたいと思います。
（サイドメニューも、グループの表示に自由記入欄を使用しており、こちらもnav_on表示が有効になれば嬉しいです。）

フッターメニューの件は、ヘッダーと同様にnav_on表示をしたいという質問だったのですが、文章がわかりづらかったようで、お手間をとらせまして、失礼いたしました。

それからもう1点、お教えいただきたいです。
現在、ヘッダーメニューは自由記入欄にしているのですが、そうすると、
メニューの下のグレーの線が、ページの端から端まで表示されません。
ページの端から端まで表示するには、どこを修正すればよいでしょうか？

お手数をおかけし申し訳ありませんが、よろしくお願いします。

吉村さん、こんにちは。

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

#header_nav_free_space {
width: 100%;
}

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

刑部さま

こんにちは。
いつもお世話になっております。

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

吉村さん、こんにちは。

ヘッダーメニューについてです。
nav_onの表示に対応致しました。

基本的には、既存のヘッダーメニューをコピーしてご利用いただければ、表示可能となっております。

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

刑部さま

こんにちは。
ヘッダーメニューのnav_on表示について、早々にご対応いただき、ありがとうございました！

できましたら、フッターメニューやサイドメニュー（自由記入欄使用）もnav_on表示に対応すると嬉しいです。

お手数をおかけしました。
ありがとうございました！

吉村さん、こんにちは。

メニューについてです。
サイド、フッターについては、同様にnav_onに対応しております。
ただし、そのままでも表示することができません。
こちらでご用意したclass名を指定していただく必要があります。

例）下記のようにcustom_navというclassで囲んでいただくことで、現在表示に対応します。

基本的には、custom_nav内のliタグとaタグに対してnav_onが付く仕様となっていますので、class名を追加いただく箇所はdivでもliを囲むulでも問題ありません。

<div class="custom_nav">
<ul class="side_contents navi_list">
<li><a href="http://cafe0101.ocnk.net/help">ご利用案内</a></li>
</ul>
</div>

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

kobayashiさん、こんにちは。

スマートフォン版についてです。

●1,2のご質問について
下記の.hlep_linkの指定内のtop値を30pxに変更してください。
この数値が上部からの位置となり、大きくすると下に小さくすると上に移動できます。
ただし、重ね順がヘッダー画像の下となりますので、z-index: 2;を追加してください。

.help_link {
position: absolute;
top: 30px;
right: 60px;
width: 34px;
height: 34px;
border: 3px solid #FF9326;
text-align: center;
border-radius: 3px;
z-index: 2;
}


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

.top_page_body .contents {
padding: 0px;
}

.navi_free .list_item_table {
border-top: none;
}

.navi_free .item_data {
padding: 0px;
}


●4のご質問について
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
.navi_free .pointer_box {
margin-bottom: 0px;
}

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

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

解決しました！

また、スマートフォンについてなのですが、NEWSの最新３〜５つくらいをPCのトップページにようにスマートフォントップページに載せることは可能でしょうか？

NEWSをアップするたびそのつど自分で作成するような形しか方法はないでしょうか？

お手数をかけいたしますが、よろしくお願いします。

kobayashiさん、こんにちは。

スマートフォン版についてです。
トップページには、メニューしか配置できません。

代替案としては、自由記入欄を利用して手動で作成する方法となります。
最新情報ページのデザインを利用する場合は、下記のhtmlタグをご利用ください。

<div class="whatnew_page">
<h2>NEWS</h2>
<table width="100%" class="list_item_table" id="item_list_table" border="0" cellspacing="0" cellpadding="0" summary="What's New">
<tbody>
<tr>
<td class="list_item_photo" valign="top"><a href="http://www.bzar.jp/phone/news "><img width="80" alt="代替テキスト" src="画像URL" border="0"></a></td>
<td class="list_data"><p class="date">日付</p>
<h3 class="list_title"><a href="http://www.bzar.jp/phone/news ">ニュースタイトル</a></h3></td>
</tr>
<tr>
<td class="list_item_photo" valign="top"><a href="http://www.bzar.jp/phone/news "><img width="80" alt="代替テキスト" src="画像URL" border="0"></a></td>
<td class="list_data"><p class="date">日付</p>
<h3 class="list_title"><a href="http://www.bzar.jp/phone/news ">ニュースタイトル</a></h3></td>
</tr>
<tr>
<td class="list_item_photo" valign="top"><a href="http://www.bzar.jp/phone/news "><img width="80" alt="代替テキスト" src="画像URL" border="0"></a></td>
<td class="list_data"><p class="date">日付</p>
<h3 class="list_title"><a href="http://www.bzar.jp/phone/news ">ニュースタイトル</a></h3></td>
</tr>
</tbody>
</table>
</div>

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

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

解決致しました！

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

お問い合わせリンクについてです。
リンク先の変更を行うことはできません。
強制的に非表示にして、その位置にリンクを配置する方法となりますが、閲覧ブラウザによって位置が揃わないため推奨できません。

非表示にされた上で、別途左エリアの自由記入欄等で挿入される方法が良いかと思います。
下記にて、お問い合わせを非表示にすることができます。
※この指定は、XHTMLテンプレートのみに有効です。

.subicon02 {
display: none;
}

なお、HTML5テンプレートをご利用の場合は、ヘッダーメニューを自由記入欄で作成することも可能です。

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

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

商品毎の支払い方法の制限についてですが、
検討課題とさせていただきます。

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

有本さん、ありがとうございます。
よろしくお願いいたします。

刑部さん、こんにちは。

さっそく新機能の「フェードイン・フェードアウト」を試したくて変更しましたが、フェードイン・フェードアウトの速度調整ができなかったため、「横にスライド」に戻したところ、速度調整が効かなくなりました。
コンテンツ商品表示設定のスライド設定が無効になっているようです。
確認いただけますでしょうか？
よろしくお願いします。

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

スライドについてです。
大変申し訳ございません。

今回の改善後、横スライドの場合に速度調整に不具合がございました。
先ほど調整させていただきました。

なお、フェードイン・フェードアウトについても速度調整は、横スライド時と同様にコンテンツ商品表示設定の設定が反映されます。

このたびは、ご迷惑をお掛け致しました。

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

修正ありがとうございます。

商品詳細メイン画像も、トップ画像と同じように、自動スライドになりませんか？

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

商品詳細メイン画像の自動スライドについてですが、
商品詳細ページのメイン画像が自動スライドするのは、
あまり一般的な表示方法ではなく、使い勝手に問題が出る可能性も考えられます。
そのため、現時点では対応の予定はございません。
ご了承ください。

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

有本さん、わかりました。ありがとうございます。

友子さん、こんにちは。

販売価格についてです。
スタイルシートの編集から下記の箇所を編集してください。
color: #FF0000;を追加してください。

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
font-weight: bold;
}

↓

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
font-weight: bold;
color: #FF0000;
}

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

希望通りにできました。ありがとうございました。

友子さん、こんにちは。

現在掲示板のメニューをカスタマイズされて利用されておりますが、
外部掲示板を設定されますと、別ウィンドウでの表示となります。

設定方法としましては、
フリーページ設定の 「お客様の声」のメニュー表示を「表示」に変更してください。

その後、配置/画像/コメント 設定画面の
ナビゲーションモードの非表示エリアの欄に、「お客様の声」が表示されていると思いますので、
ナビゲーションモード表示エリアに移動させてください。

今使われている「お客様の声(掲示板利用)」は非表示エリアに移動させてください。

「設定処理を完了する」を押して設定を完了してください。

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

希望通りに設定できました。ありがとうございました。

ムーさん、こんにちは。

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

.detail_section .delivery_option {
display: none;
}

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

早速のご連絡ありがとうございます。
お知らせいただいたスタイルシートで問題が解決しました。
いつもありがとうございます！
今後ともよろしくお願いいたします。

さかいさん、こんにちは。

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

#FF0000と指定している箇所をご希望のカラーコードに変更してください。
マウスオーバー時と選択中の#000000についてもご希望のカラーコードに変更してください。

/* ナビゲーション全体 */
#header_navigation #globalnavi ul.dropdown {
background-color: #FF0000;
background-image: none;
}

/* 各ナビゲーション */
#globalnavi li A {
background-color: #FF0000;
border-right: 1px solid #000000;
background-image: none;
color: #FFFFFF;
}

/* マウスオーバー */
#globalnavi li A:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover {
background-color: #000000;
background-image: none;
color: #FFFFFF;
}

/* 選択中 */
#globalnavi li.nav_on A {
background-color: #000000;
background-image: none;
color: #FFFFFF;
}


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

#footer {
width: 100%;
background-color: #FFFFFF;
}

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

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

ちなみにヘッダー下部ナビゲーションの色をグラデーションにしたい場合はどうすればいいのでしょうか？
可能でしたら教えてください。

さかいさん、こんにちは。

グラデーションについてです。
下記の欄に背景画像を追加してください。
例えばグレーから白へのグラデーションの場合、画像でグレーから白へのグラデーション画像を作成してください。

画像専用管理画面→コンテンツフォルダにアップロード後、画像URL指定箇所のファイル名部分を変更してください。

画像は、横方向にリピート表示しますので、横幅は50px程度で問題ありません。

#footer {
width: 100%;
background-color: #FFFFFF;
background-image: url(image/ファイル名);
background-repeat: no-repeat;
background-position: left top;
}

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

ありがとうございます。
せっかく教えて頂いたのですが、上手くできません。
画像サイズは50×50ピクセルでグラデーション画像を作成しました。
貼り付け位置はスタイルシート編集の下位で宜しいのでしょうか？
また、ヘッターナビゲーションの位置のグラデーションですが、CSSは#footerで大丈夫でしょうか？
度々スミマセンがご教授下さい。

ちなみに下記のように記載してみましたので間違いがないかもご確認頂けますでしょうか？


#footer {
width: 100%;
background-color: #FFFFFF;
background-image: url(image/http://keihinhonpo.ocnk.net/data/keihinhonpo/image/futter.jpg);
background-repeat: no-repeat;
background-position: left top;
}

さかいさん、こんにちは。

申し訳ありません。
フッターと間違えておりました。
#footerの背景画像は削除してください。

スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※背景画像の指定は、image/ファイル名の形での記載をお願いします。


/* ナビゲーション全体 */
#header_navigation #globalnavi ul.dropdown {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}

/* 各ナビゲーション */
#globalnavi li A {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}


なお、マウスオーバー、選択中にも指定する場合は、下記をご利用ください。
※背景画像は、各ナビゲーションと同様となっていますので、ご自身で変更してください。

/* マウスオーバー */
#globalnavi li A:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}

/* 選択中 */
#globalnavi li.nav_on A {
background-image: url(image/futter.jpg);
background-repeat: repeat-x;
background-position: left top;
}

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

関谷さん、こんにちは。

在庫表示についてです。
商品単位での設定は、改善課題となっております。
順次対応して参ります。

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

keiさん、こんにちは。

HTML5からtable関連の属性が廃止になっているものもあるため、style属性またはclass名指定を推奨します。

tableに下記のようにclass名を付けていただき、cellspacing="0"に変更してください。

<table bgcolor="#cccccc" border="0" cellpadding="5" cellspacing="1" width="80%">
↓変更後
<table border="0" cellpadding="5" cellspacing="0" width="80%" class="border_table">

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

.border_table td {
border: 1px solid #CCCCCC;
}

他の箇所のtableについても同様のclass名を付けることで、一括管理が可能です。

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

何とか出来ました。ありがとうございます。

中村さん、こんにちは。

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

#top_picture_free_space ul {
padding: 0px;
margin: 0px;
}

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

刑部様

いつも、すみません。
上記は解決いたしました。ありがとうございます。

あと、フッター下部の余白が
（うちのウエブですとコピーライト欄を使用していないのでアクセスカウンターより下部）
長く、気になります。詰める方法があれば教えてください。

それと、アクセスカウンターの場所は固定でしょうか？
フッター上部の右寄せで表示したいのですが・・

よろしくお願いします。

中村さん、こんにちは。

フッターについてです。
スタイルシートの編集から下記の箇所を編集してください。

min-height: 500px;の値を300px等に変更してください。
※最下部となりますので、スクロールした際にある程度下部余白が入っている方が下部のコンテンツが閲覧しやすくなります。

#inner_footer {
min-height: 500px;
padding-top: 10px;
text-align: center;
position: relative;
}

カウンターについては、既存のソースをコピーしていただき、自由記入欄等に貼り付けていただければ、利用できます。

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

いつもありがとうございます。
解決いたしました。
ありがとうございました。

onestaffさん、こんにちは。

メールについてです。
テストメールは、担当者メールアドレスに設定されているアドレスより送信しております。

よろしくお願い致します

お返事有難うございます。
と言うことは、自分の携帯アドレスを担当者メールに登録した場合、テストメールは自分の携帯から送っているということになるのでしょうか？
テストメールを受信できない場合は自分の携帯を受信指定すればいいと言うことなのでしょうか？

onesstaffさん、こんにちは。

メールについてです。
登録されたメールアドレスから送信されますので、携帯メールを登録された場合は、携帯メールアドレスからの送信となります。
そのアドレスを指定受信してください。

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

ムーさん、こんにちは。

borderについてです。
基本的には、tableタグに対して、class名を付けていただくことで、各ページ共通で利用しやすいと思います。
下記のようにtableタグに対してclass="spec_tableを指定してください。

<table style="width: 90%; background-color: #663333; border-color: #663333; border-width: 2px; border-style: solid;" border="2">
↓変更後
<table class="spec_table">

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

border-color: #663333;
border-width: 2px;
border-style: solid;
でborderの色、幅、線種を指定しています。

.spec_table {
width: 90%;
border-color: #663333;
border-width: 2px;
border-style: solid;
padding: 0px;
margin: 0px;
}

.spec_table td {
border-color: #663333;
border-width: 2px;
border-style: solid;
padding: 5px;
margin: 0px;
}

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

早速試しましたところクリアできました。
ありがとうございました！

度々で申し訳ありませんが、質問が２点ほどございます。


質問１．全商品の表示について
表示方法に「写真のみ一覧」と「説明付き一覧」がありますが、
「写真のみ一覧」での表示はブラウザの幅に対して幅一杯まで商品が表示され、
ブラウザの幅に合わせて自動で伸縮します。
対して、「説明付き一覧」は横幅が700ピクセルほどで固定されて表示されます。
「説明付き一覧」も「写真のみ一覧」と同様に幅一杯まで商品を表示し自動で伸縮するようにすることは可能でしょうか？


質問２．お問い合わせフォームへの項目追加について
近年は迷惑メールフォルダなどの関係でメールをご確認いただけないことが多発しておりまして
お問い合わせフォームにお電話番号の入力項目があれば、メールアドレスの入力間違いや
迷惑フォルダに届いているために確認していただけていない場合でもお客様へご連絡することができます。
そのため「お問い合わせアンケート・注記設定」の設定ページでフォームを追加したのですが
フォームの大きさが「お問い合わせ内容」の項目と同じくらいの大きさになってしまいます。
「メールアドレス」の項目の下に同じくらいのフォームの大きさで設定することはできないでしょうか？
もし上記ができないようであれば実装をご検討いただけないでしょうか？
お電話番号の項目は必須入力である必要はありませんが
メールでの連絡が取れない場合の代替えとして使えると助かります。

ムーさん、こんにちは。

ご質問についてです。

1.説明付き表示について
各商品を写真のみ一覧のようにfloat表示されたいということでしょうか。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

width: 400px;が、それぞれの商品枠の横幅となります。
これは、pxで固定する必要があります。

.widemode #maincol2 .text_layout .layout160 .text_data {
width: 400px;
}

.widemode .item_box .text_layout li {
float: left;
}


それとも商品説明を改行しないで1行表示されたいということでしょうか。
floatではなく、商品説明を横幅が表示可能な範囲まで、改行しないで表示されたい場合は、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

あまり長い1行表示は、読みにくい場合があるため、初期ではある程度の箇所で改行されるように指定しております。

.widemode #maincol2 .text_layout .layout160 .text_data {
width: 400px;
}


2.お問い合わせについて
順番を変更することはできませんが、テキストエリアの大きさ変更は可能です。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.inquiry_page_body #question_1 {
width: 300px;
height:20px;
}

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

早速のお返事ありがとうございます。
全商品の表示について試しましたがおっしゃるように見づらくなったり、
レイアウトが崩れやすくなるため現状のままで行こうと思います。
お手数をお掛けしました。
お問い合わせフォームは希望通りの大きさになりました。
いつも素早い対応をありがとうございます！
今後ともよろしくお願いいたします。

FIVE THREEさん、こんにちは。

自由記入欄についてです。
いらっしゃいませ欄と同様の枠を利用する場合は、下記のhtmlタグをご利用ください。

<div class="main_box welcome">
<div class="section_title">
<h2>タイトル</h2>
</div>
<div class="main_contents welcome_contents">
<div class="tarticle_data welcome_data">
<div class="welcome_inner_data clearfix">
<div class="txt_article">
コメント
</div>
</div>
</div>
</div>
</div>

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

ありがとうございます！解決しました！！
お手数をお掛けしましした。

中村さん、こんにちは。

ヘッダーメニューについてです。
基本的には、自由記入欄モードで作成していただく方法となりますが、既存のhtmlタグをそのまま利用可能です。

下記のFAQにも記載がございますのでご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281623&id=989&artlang=ja

htmlソースをご覧いただき、下記の箇所を全てコピーしてください。

<div class="clearfix" id="globalnavi" data-drilldown="off">
から
</div>

コピー後、自由記入欄モードに貼り付けていただくと、現状と同様のデザインで表示され、ドロップダウンメニュー等も利用可能です。
自由記入欄モードですので、htmlタグはご自由に変更いただくことができますので、テキスト部分をimgタグにて画像等に差し替えていただくことも可能です。

※ただし、SSL保護下のページ(新規登録、お問い合わせ、ログインページ等)へのリンクをメニュー内に追加される場合は、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281622&id=986&artlang=ja

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

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

keiさん、こんにちは。

フリーページについてです。
スタイルシートで一括で余白を入れる場合、XHTMLテンプレート利用時は、一括指定できるhtmlタグ、class名がありませんので、ご自身で全フリーページに<div class="free_page_contents">等のdivタグを挿入していただき、そのclassに対してmarginやpaddingで余白を入れてください。

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

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

PLAYEDさん、こんにちは。

機能についてです。
アンケートについては、改善に着手しております。
クーポンについては、現状は予定しておりませんが、検討させていただきます。
現状は、購入後にクーポンコードをメールにて送る等でご対応をお願い致します。

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

お忙しい中、ご回答頂きまして、有難う御座いました。

またご指導宜しくお願い致します。