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さん、こんにちは。

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

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

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

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

miezeさん、こんにちは。

ご質問についてです。

1.商品説明について
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※HTML5テンプレートで有効です。

下記の指定にて、左右に余白を入れ中央に寄せることが可能です。
ただし、表示エリアが狭くなりますので、値を大きくすると、改行が発生する可能性がありますので、ご注意ください。

.item_desc_text {
margin: 0px 100px;
}


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

input[type="button"],input[type="submit"] {
-webkit-appearance: none;
}

3.型番について
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※HTML5テンプレートで有効です。

.model_number_info {
display: none;
}

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

刑部様

全て一瞬で解決して感激しています！
迅速にご回答いただきまして、本当にありがとうございました！！

FIVE THREEさん、こんにちは。

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

#shoptext {
width: 620px;
}

ヘッダーについては、キャッチフレーズ欄に下記のようなhtmlタグを挿入してください。
内容部分は、ご自身で変更してください。
<div class="fb">内容</div>

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

#copy {
width: 965px;
position: relative;
}

.fb {
position: absolute;
right: 0px;
top: 0px;
}

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

おちゃのこ刑部様、お世話になっております。

早速試してみました、ショップ名画像解決いたしました！
本当にありがとうございます。

ヘッダー右上のFBぼたんなのですが、調子に乗って、ツイッターボタン
も配置したところ、その場合FBだけが少し下にずれてしまうのです。
解消する方法がございませんでしょうか。

また、別質問になってしまいますが、
XHTMLのときに道場でみつけた、写真にポラロイドのような淵をつける方法と、
角を丸くして、カゲをつける方法を使っていました。HTML5でも使いたいと思い、
同じ方法でCSSに記述してみましたが、表示されないようです。
HTML5でも使える方法はございませんでしょうか。

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

FIVE THREEさん、こんにちは。

ご質問についてです。

・ヘッダーについて
基本的には、どちらのウィジェットも先方のサービス側でhtmlタグを出力していますので、どの部分が原因でこのように表示されているのか明確な解決方法は分かりません。
調整してみましたが、下記指定にてChrome、Firefoxでのずれは解消されましたので、お試しください。

.fb_iframe_widget {
height: 20px;
overflow: hidden;
}


・写真について
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※HTML5テンプレートでのみ有効です。

.item_list .global_photo img {
box-shadow: 5px 5px 10px 0px #666666;
border-radius: 5px;
}

.detail_item_photo .global_photo {
padding: 15px;
}

.detail_item_photo .global_photo img {
box-shadow: 5px 5px 10px 0px #666666;
border-radius: 5px;
}

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

すべて解決です！
お手数をおかけしました！ありがとうございました！！！！

土谷さん、こんにちは。

会員グループについてです。
登録者情報に購入金額での絞り込みがありませんので、改良を検討させていただきます。

購入金額で絞り込みを行い、登録者情報をダウンロードし、CSVにて変更する方法となります。

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

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

mamomeさん、こんにちは。

メインエリアの自由記入欄についてです。
メインエリア上部自由記入欄に入力いただいた内容をトップ画像下に移動させることは可能です。
なお、他のページでは、ページ上部のナビゲーション下に配置されます。

現在メインエリア下部自由記入欄に設定されているhtmlタグをメインエリア上部自由記入欄に移動させてください。

その上、スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。

#photo {
margin-bottom: 170px;
}

#contents_top {
position: relative;
}

.top_page_body #contents_top {
width: 980px;
margin: auto;
}

.top_page_body .banner {
position: absolute;
top: 400px;
left: 0px;
}

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

刑部様

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

教えていただいた通りにしてみましたが、
トップ画像下にバナーが来ません。

再度解決策をお教えいただけますか？

ちなみに、メインエリア下部自由記入欄に設定しているバナーはこのまま、
トップ画像下にも同じものを持ってきたいのです。

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

mamomeさん、こんにちは。

バナーについてです。
申し訳ありません。
htmlタグの記載部分が抜けておりました。

メインエリア上部自由記入欄にhtmlタグを挿入される際に、下記の<div>タグで囲んでください。

<div class="banner">
ここにバナー部分のhtmlタグを記載
</div>

なお、メインエリア下部自由記入欄については、そのままにしておいていただいて問題ありません。

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

刑部様

うまくいきました！！

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

onesstaffさん、こんにちは。

テストメールは、BCCメールアドレス宛には送信されませんので一時的に、担当者メールアドレスに携帯アドレスを入れて、テストメールを送信していただけますでしょうか。

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

テストメールはBCCメールには届かないのですね。
何度もやってしまいました・・・
担当者メールアドレスに携帯アドレスを入れて、テストメールはしたので大丈夫ですね。
お忙しいところお返事ありがとうございました。

本間さん、こんにちは。

最近見たアイテムについてです。
トップ画像の自由記入欄で「jquery.min.js」を読み込んでいただいていることが影響している可能性が高いです。
おちゃのこネットでは、jQueryの最新版を読み込んでおりますので、下記の「jquery.min.js」を読み込む部分を削除して、再度ご確認いただけますでしょうか。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js "></script>

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

早急なお返事ありがとうございます。

無事問題が解決できました！

ありがとうございました。
今後ともよろしくお願いいたします。

mamomeさん、こんにちは。

ヘッダーについてです。
現状のショップテキストを非表示にする方法ではなく、ショップ名画像欄の自由記入欄に現状の画像を挿入してください。

その上で、スタイルシート内の再下部に追加されている、#shoptextと#shoptext aの指定は削除いただき、下記を追加してください。

#inner_header {
min-height: 120px;
}

#header_middle {
min-height: 55px;
}

#shoptext {
position: absolute;
top: 5px;
}

#header_bottom {
top: 0px;
}

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

刑部様

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

スライドを動かしてみて気がついたんですが
もしかすると、画像が大きすぎるので
動きが早く感じるのかもしれません、、、

もう少し柔らかな動きにする、、、というのは難しいですよね？

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

スライドについてです。
他のユーザーさまからもご要望いただいておりますので、改善させていただく予定にしております。
スライドの動作スピードを何段階かで設定できるようにする予定です。

フェードイン、フェードアウト等は、現状では対応できないため、開発に少しお時間がかかるかと思いますが、追加させていただきたいと思います。

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

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

スライドのスピードについてです。
本日、スライドスピードを5段階で設定可能にさせていただきました。
デザイン管理→コンテンツ商品表示設定のスライド設定から設定可能となっております。
※この設定は、トップページ等の商品一覧部分のスライド表示にも適用されます。

また、商品詳細ページのメイン写真についても同様に5段階で設定できます。
デザイン管理→商品詳細ページ設定のメイン写真欄から設定可能となっております。

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

早速設定してみました。
明日、ジジババの反応を確認してみまーす♪

kobayashiさん、こんにちは。

ヘッダーについてです。
デザイン管理→配置/画像/コメント設定のヘッダーエリアバナー画像欄で自由記入欄が利用可能です。
そちらに画像を挿入いただければ、ショップ名の右に表示されます。

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