おちゃのこユーザー様同士の情報交換BBS!活発な意見交換の場としてご利用下さい。
皆さん、こんにちは。 先日導入いたしました、Yahoo!ウォレット FastPayの仕様を一部変更致しました。 ●仕様変更点 ------------------------------------------- 支払い方法のクレジットカードの扱いとして、Yahoo!ウォレット FastPay を導入していましたが、Yahoo!ウォレット決済としても扱えるように追加いたしました。 これにより、Yahoo!ウォレット決済としても、Yahoo!ウォレット FastPayをご利用いただけます。 設定される場合は、ショップ運用設定 > お支払い方法設定 > Yahoo!ウォレット決済 の 詳細設定より設定をおこなってください。 よろしくお願い致します。
いつもお世話になります。 テンプレートを「ホワイトライン」から「ブレッド」に変更したのですが、フリーページの表示がずれるようになってしまいました。 フリーページ内の設定では左メニューを表示しない設定にして1カラムにし、HTMLで2カラム表示させていたのですが、テンプレートを変更したらメインカラムが左カラムの下部に表示されるようになってしまいました。 修正方法を教えていただけると助かります。 たとえば下記ページ等です >>http://www.max-online.jp/page/40 どうぞよろしくお願い致します。
MAX.さん、こんにちは。 フリーページについてです。 該当のテンプレートは、横幅が異なります。 例えば、ご指定のページの場合、下記の指定を追加してください。 #free_page_40 #maincol2 { width: 750px; } 同様に、複数のフリーページに対しても適用可能です。 #free_page_40 #maincol2, #free_page_41 #maincol2 { width: 750px; } よろしくお願い致します。
ありがとうございます。なおりました。 助かりました。またどうぞよろしくお願い致します
こんにちは。いつもお世話になっております。 おちゃのこサポートクラブのページを見ながらカスタマイズを行っております。 デザイン管理*HTML5テンプレート*スタイルシートのところで、 Q.サイドエリアのグループ(特集)メニューに、 個別に画像を入れる【HTML5テンプレート】 サンプルページ http://cafe0101.ocnk.net/ ここで、サンプルページの 「商品カテゴリ一覧」のところの、 「Tシャツマーク/文字でトップス」となっているところを、 自作の画像のみにして(Tシャツマークとトップスという画像を自分で作る)、なおかつ、マウスオーバーで色が変わるようにしたいです。 また、 「特集」の一覧の 服マーク/春夏コレクション、というところも同じように、 自作の画像のみにして、マウスオーバーで色が変わるようにしたいのですが、方法を教えていただけますでしょうか。 よろしくお願いいたします。
きょうさん、こんにちは。 左エリアのメニューについてです。 その場合は、左エリアのカテゴリや特集メニューを非表示にしていただき、ご自身で自由記入欄で作成いただく必要があります。 横幅は、200pxとなります。 よろしくお願い致します。
おちゃのこ刑部さま こんにちは。 早々にご回答いただきありがとうございました。 自由記入欄での作成とのこと、わかりました! またわからないことがありましたらよろしくお願いいたします。
いつもお世話になっております。 現在、HTML5 ホワイトラインのテンプレートを使用しております。 左端に帯状バナーを表示したのですが、ヘッダーとフッター部分の一部が隠れてしまいます。 こちらは画像の横幅を細くするしかないのでしょうか? こちらをきちんと表示させる方法やメインエリア部のみに表示させる方法などありましたら 教えていただけますでしょうか。 よろしくお願い致します。
ホルダーマートさん、こんにちは。 ヘッダーとフッター部分については、横幅が100%表示となりますので、bodyに指定いただいた背景画像は表示することはできません。 ヘッダー、フッターの横幅を100%ではなく固定幅にする方法しかございません。 ご検討ください。 よろしくお願い致します。
ご連絡ありがとうございました。 左パディングの数値変更で表示できました。 ありがとうございました。
お世話になっております。 トリセンです。 早速ですが、指定の表示・非表示をさせるhtml指定というものはあるのでしょうか。 たとえば、このページ(http://walkingassist.ocnk.net/product/64)の商品詳細下部の 「ポール2本ペアの販売価格です。」の下のアイコンを表示させたり非表示させたりすることが 指定で囲むことで可能になるのでしょうか。 指定を削除してしまうと後で必要になったとき、また指定追加しなくてはいけなく、めんどう なのでそうしたいと思っております。 よろしくお願いいたします。
トリセンさん、こんにちは。 指定についてです。 ページ単位で表示、非表示を指定することは可能です。 例えば、ご指定のページの場合は、下記の指定をご利用ください。 #detail_page_64 .detail_desc_box .hoverfix img { display: none; } 数字を変更することで、他のページに適用できます。 よろしくお願い致します。
おちゃのこ刑部様へ ありがとうございます。 ところで、この指定はページの中の画像だけを非表示にさせるものなのでしょうか。 またページが連続する場合や飛び石にある場合はどの様にすればよいのでしょうか。 例えば、page64からpage70と連続する場合、あるいはpage64とpage75及びpage80と 飛び石の場合の指定をひとつの指定で処理できるのでしょうか。 よろしくお願いいたします。
トリセンさん、こんにちは。 指定についてです。 この指定は、該当ページの説明欄内の.hoverfixが付いたaタグで囲まれている画像を非表示にします。 記載については、下記のようにまとめることも可能です。 page64からpage70の場合 #detail_page_64 .detail_desc_box .hoverfix img, #detail_page_65 .detail_desc_box .hoverfix img, #detail_page_66 .detail_desc_box .hoverfix img, #detail_page_67 .detail_desc_box .hoverfix img, #detail_page_68 .detail_desc_box .hoverfix img, #detail_page_69 .detail_desc_box .hoverfix img, #detail_page_70 .detail_desc_box .hoverfix img { display: none; } page64とpage75及びpage80の場合 #detail_page_64 .detail_desc_box .hoverfix img, #detail_page_75 .detail_desc_box .hoverfix img, #detail_page_80 .detail_desc_box .hoverfix img { display: none; } よろしくお願い致します。
おちゃのこ刑部様へ どうもありがとうございました。
6/23から6/30まで、スマートフォンで商品が購入できないと問い合わせが3件ありました。 内容は、お客様情報の入力のところで「間違ってると表示され進めない」「アドレスが違うと表示される」「アドレスが違う」 で、推測するとメールアドレスのところで現象が発生しているのではないかと思います。 1件のお客様に問い合わせたところ、Androidで「ブラウザ」をお使いだと言うことで、こちらでも同環境で試したのですが、不具合は再現しません。 このお客様は6/21に初回購入され、6/23に2度目の購入の際に「アドレスが違う」と表示され購入できないと問い合わせがありました。 今まで同様のトラブルがなく、6/21には購入できたお客様が6/23には購入できず、6/23以降似たような問い合わせが3件続いたことから、6/23におちゃのこネット側で何らかの変更があり、その変更が引き金になっているのではないかと思っています。 ただ、今のところ不具合を再現させることができないので、同様な問い合わせがあったショップ様、および、おちゃのこネット様にご協力いただき、情報をお寄せいただきたいと思います。 不具合をお問い合わせ頂いたお客様以外にも、潜在的に多くのお客様にご迷惑をお掛けしている状態だと思いますので、早く解決できるよう情報をお寄せ頂けますようお願いいたします。
伊藤さん、こんにちは。 スマートフォンサイトについてです。 現在のところ他のユーザーさまから23日以降に同様のお問合せはいただいておりません。 また、23日以降に該当部分のシステム変更は行っておりません。 こちらでも、複数の機種(Android)にて確認させていただきましたが、現象を再現することはできませんでした。 エラー内容を確認する限り、ログイン時のエラーの可能性が高いと思います。 該当のユーザーさまは、会員登録をされていない状態でお問合せいただいてるようですが、会員登録していない状態でログインを試されたということはございませんでしょうか。 可能であれば、どのような流れでエラーが表示されたのかをご確認ください。 よろしくお願い致します。
色々ご確認くださいましてありがとうございました。 会員ではない方が、ログインしてエラーになっていると思い、その旨をお伝えしたのですが、「お客様情報の入力」のところで不具合が発生しているようでした。 ブラウザのキャッシュやcookieもクリアして頂いたのですが、ダメでした。 状況について電話でおたずねしたのですが、現象の発生してるスマートフォンで会話しているため、画面を確認頂くことができませんでした。 さらに同様のお問い合わせがありましたらご報告致します。
お世話になっております。 外部カート設置ができるようになったということで、早速利用しておりますが、 当然のごとく、「カートの中身を見る」リンクも併せて外部サイトに設置しています。 この「カートの中身」のページに「買い物を続ける」ボタンがあります。 お客様がこれをクリックしたときに、外部サイトに戻るのではなく、 おちゃのこ本体のサイトに行ってしまうんですね。 左上のサイト名をクリックしたときに、おちゃの子サイトではなく、 外部サイトに戻るようにできる設定があるのですが、 この「買い物を続ける」ボタンにもそのように設定が必要かと思います。 難しいようでしたら、とりあえず、このボタンを取ってしまいたいのですが、 (外部サイトから来た場合のみ) どちらか可能でしょうか? 何卒、よろしくお願いします。
KAZZさん、こんにちは。 外部カートについてです。 基本的には、外部に設置いただいた場合は、「買い物を続ける」ボタンではなく「商品ページ戻る」ボタンとなります。 また、戻り先は外部サイトとなります。 外部サイトに設置してお試しいただけましたでしょうか。 内部サイトの場合は、「買い物を続ける」ボタンとなります。 よろしくお願い致します。
ありがとうございます。 ↓ 当然のごとく、「カートの中身を見る」リンクも併せて外部サイトに設置しています。 カートに入れた後ではなく、 「カートの中身を見る」のリンク先のことです。 よろしくお願いします。
KAZZさん、こんにちは。 申し訳ございません。 外部サイトのカートを見るのリンク先を下記のように変更ください。 <a href="http://riverland.ocnk.net/cart?cart_out=1&out_back=http%3A%2F%2Fbobbi-jp.com " target="_blank">カートを見る</a> よろしくお願い致します。
ありがとうございました! 修正できました。
お世話になります。 トップページに「バナー画像」を入れると、ショップネームと重なってしまします。 ショップネームの高さ調節はどのように行えば宜しいですか?
KAZZさん、こんにちは。 ショップネームについてです。 ショップ画像とバナーの配置をどのようにされるご予定でしょうか。 例えば、スタイルシートの編集から下記を貼り付けていただくと、バナーの位置は下がり、右に移動できます。 .header_banner { top: 40px; left: 300px; } よろしくお願い致します。
早速のご教授、ありがとうございます。 バナー画像はそのままの位置で、ショップネームを下に下げたいのですが。 宜しくお願い致します。
KAZZさん、こんにちは。 ショップ名についてです。 スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 .has_header_banner #shoptext { margin-top: 50px; } よろしくお願い致します。
ご指示通りスタイルシートに添付してみたのですが位置が変わりません。 どこかおかしいのでしょうか?
KAZZさん、こんにちは。 指定についてです。 現状、下記のように記載されておりますので、変更をお願いします。 F #shoptext { margin-top: 500px; } よろしくお願い致します。
ご指摘の箇所を変更してみました が、やはり位置が変わりません。 何が原因なのかさっぱりわからなくなりました。 大変申し訳ないのですが、再度ご確認して頂いても宜しいでしょうか?
KAZZさん、こんにちは。 指定についてです。 先ほどの指定は変更されていますが、その上の指定に }が抜けています。 そのため、下記指定以下の部分が反映されておりません。 /* トップ画像 コメント背景を削除 */ .swipe_list .image_annotation { background-image: none; ↓ /* トップ画像 コメント背景を削除 */ .swipe_list .image_annotation { background-image: none; } よろしくお願い致します。
助かりました、ありがとうございます。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●ブラックリスト設定に検索とページ送りを追加しました。 ショップ基本設定→ブラックリスト設定に検索とページ送りを追加しました。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=835&artlang=ja よろしくお願い致します。
刑部さま お世話になります。 お願いしているSEO会社からGoogleさんの検索順位にサイト全体のSSL化が反映されるので サイト全体のSSL化ができないかと指摘されました。 おちゃのこさん側では”サイト全体のSSL化”について 今後対応する予定などがございますでしょうか? ぜひご検討ください。
中村さん、こんにちは。 SSL対応についてです。 今後、検討させていただきますが、基本的にはオプションでの追加とさせていただく予定です。 よろしくお願い致します。
ご返事ありがとうございます。 なるべく安価にしていただければ有難いです。 よろしくお願いします。
お世話になります。 スマートフォンのメニューバーですが、自由記入欄でメニューを増やしたいのですが可能でしょうか? イメージ的には 「ログイン」「新規登録」「お問い合わせ」「利用案内」 「ブランド」「アイテム」「ジャーナル」「ブログ」 の計8つで2列で表示できればと思います。 宜しくお願いします。
KAZZさん、こんにちは。 スマートフォン版についてです。 自由記入欄に設定いただいているhtmlタグを下記のように変更してください。 リンク先には、ご利用ページのリンク先を設定してください。 <div class="topnavi" id="guestmember"> <ul> <li class="login"> <span class="custom_secure_link" data-page="member-login" data-html="ログイン"></span> <span class="custom_secure_link" data-page="logout" data-html="ログアウト"></span> </li> <li class="register"> <span class="custom_secure_link" data-page="register" data-html="新規登録"></span> <span class="custom_secure_link" data-page="member" data-html="マイページ"></span> </li> <li class="inquiry"> <a class="secure_link" href="https://wtdwe.ocnk.net/phone/contact ">お問い合わせ</a> </li> <li class="navihelp"> <a href="リンク先">利用案内</a> </li> </ul> <ul class="bottom_navi"> <li class="navibrand"> <a href="リンク先">ブランド</a> </li> <li class="naviitem"> <a href="リンク先">アイテム</a> </li> <li class="navijournal"> <a href="リンク先">ジャーナル</a> </li> <li class="naviblog"> <a href="リンク先">ブログ</a> </li> </ul> </div> その上で、スマートフォン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 #container .topnavi li { float: left; width: 25%; } .bottom_navi { margin-top: 1px; } よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●会員登録画面の住所欄に注意書きが記載できるようになりました。 会員登録画面、カート内会員登録画面の住所欄に注意書きが記載できるようになりました。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=833 よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●カート内の発送方法選択にラジオボタンを追加しました。 これまで発送方法の選択は選択リストでしたが、ラジオボタンを追加しました。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281593&id=1079&artlang=ja よろしくお願い致します。
いつもお世話になっております。 以前、スライドショーの写真サイズを余白なしギリギリにする点、スライドショー下の丸を消してスライドショー下の余白を狭くしたい点をご相談し、おかげ様で実装できました。 が、その結果、スライドショー両脇の手動でスライドさせる矢印も消えてしまいました。 この矢印だけ復活させることはできませんでしょうか。 http://cafe0808.ocnk.net/ どうぞよろしくお願いいたします。
CHERRY'Sさん、こんにちは スライドショーについてです。 スライドショーのhtmlタグの下記の箇所を変更してください。 <div class="pointer_box"> </div> ↓変更後 <div class="pointer_box"> <span class="pointer_prev"></span> <span class="pointer_next"></span> </div> よろしくお願い致します。
おちゃのこ形部さま 修正できました。ありがとうございました!
お世話になっております。 BannerSnackというサイトで作成するアニメーションバナーを利用してみたいのですが、 おちゃのこのショップにそのまま組み込めるでしょうか。 何か必要な書換などありましたら教えてください。 どうぞよろしくお願いいたします。 サンプル: <script type="text/javascript"> var bannersnack_embed = {"hash":"bxp5wku7a","width":300,"height":250,"t":1434522362,"userId":19346371,"wmode":"transparent"}; </script> <script type="text/javascript" src="http://files.bannersnack.com/iframe/embed.js"></script>
CHERRY'Sさん、こんにちは。 バナーについてです。 基本的には、自由記入欄に設置していただければ利用可能ですが、httpsのSSL保護下での表示に対応していないため、サイドカラム等に設置された場合は、エラーが表示されます。 よろしくお願い致します。
いつもお世話になっております。 「オプション追加」機能の追加お願いと、代替アイディアのご相談 1 注文最後のオプション選択欄 バースデーカード(+100円)をオプション選択欄に入れたいのですが、現行のラッピングサービスのオプションと両方を選択することができません。 オプションを複数選択する仕様にすることはできないでしょうか。 また、オプション選択面で自由記入欄を作っていただくことはできないでしょうか。 (オプションを画像で説明できるように) オプションではなく商品として入れることも考えたのですが、見逃しやすく気づかないお客様も多いかと思います。オプションで選べるようになると、選択される機会も増えるかと思います。 2 商品ページ毎のオプション 商品の小さな付属品や別売り品、予備の説明書など、商品毎に「オプション」ボタンで付属品を追加できるようにできないでしょうか。 現在は、商品ページでは商品の色・サイズなどで表になるようにして商品の種類を選んで購入できるようにしているので、小さなオプションを1点追加するには、他の商品ページに移っていただき、再度そちらを注文していただく必要があります。 ただ、その商品を注文する「ついで」用の小さな付属品などは、ワンクリックで追加できればついで買いの機会が増えると思いますので、ぜひその商品のページ内で注文できればなと思っています。 ぜひご検討をお願いいたします。 または、代替手段がありましたら、ご教授ください。
CHERRY'Sさん、こんにちは。 ご要望についてです。 オプションについては、複数選択を検討させていただきます。 現状での対応としては、ラッピング+カードという選択肢を作っていただきご対応ください。 商品に付属する商品については、関連商品でご対応をお願いします。 ただし、バリエーションがある場合は、直接カートに入れることはできません。 よろしくお願い致します。
おちゃのこネット 形部さま いつもありがとうございます。 オプション選択肢につきまして、承知いたしました。 また、確かにバリエーションなしで関連商品に入れれば付属品をワンクリックで注文できますね。 良いアドヴァイスをありがとうございます。 今後ともどうぞよろしくお願いいたします。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●バリエーションごとに希望小売価格の設定が可能になりました。 バリエーションごとの販売価格設定は可能でしたが、希望小売価格の設定はできませんでした。 今回の改良で、希望小売価格についてもバリエーションごとに設定が可能になりました。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281576&id=1078&artlang=ja よろしくお願い致します。
いつも大変お世話になっております。 現在、パソコン版とスマホ版の契約をさせて頂いております。 独自ドメインを取得して商品点数を増やす場合、パソコン版だけ若しくはスマホ版だけ 商品点数を増やすことが出来るのですか? それともどちらかを増やせばどちらも同数になるのですか? 契約コース変更の欄には、「パソコン版」「携帯版」との記述のみでしたので 質問させて頂きました。 宜しくお願い致します。
かまくらさん、こんにちは。 商品点数の上限を増やしたい場合は、パソコン版、携帯版、スマホ版のいずれかで、 独自ドメインコースの契約が必要となります。 記述については、スマホ版の記述が抜けて申し訳ありません。 変更しておきます。 ご指摘ありがとうございます。 よろしくお願いいたします。
おちゃのこ有本様、丁寧に有り難うございます。 いずれかで独自ドメインを取得することで、商品点数を増やすことが可能なのですね。 弊社は現在、パソコン版とスマホ版を契約させて頂いておりますが 例えば、パソコン版のみ独自ドメインの取得契約をさせて頂き、商品点数の上限を1万点にした場合 スマホ版は商品数は増えず、パソコン版のみ上限1万点になるということですか? それとも、独自ドメインさえ取得すれば、どちらも商品数は1万点になるのですか? また決済方法についても、独自ドメインに変わった場合は、各決済会社に改めて契約する必要がありますか? コースを更新してから、こちらの理解と違っていた場合、色々と手続きが面倒なので 確認させて下さい。
かまくらさん、こんにちは。 パソコン版、もしくはスマートフォン版いずれかを独自ドメインに変更していただき、 商品数追加オプションをお申し込みいただきますと、どちらも商品点数の上限は増加いたします。 一方だけ増えるということは、ありません。 決済についてですが、決済会社によって対応が異なりますので、 決済会社にご確認いただくことをお勧めいたします。 よろしくお願いいたします。
おちゃのこ有本様、丁寧に有り難うございました。 独自ドメインを取得し、どちらかの商品点数を増やせば、もう一方も自動的に商品点数が増えるのですね。 決済会社の件は、了解しました。一度確認をとってみます。 有難う御座いました。
おちゃのこネット 刑部さま いつもお世話になっております 警備用品・防犯用品販売店 株式会社タンタカ やまもとと申します。 他社様のオンラインショップを見ていて、参考になるな~と思ったことがありまして ショッピングカートの「カートに入れる」ボタンのすぐそばに 「ファックス注文」 というアイコンボタンが設置されているのを見かけました 弊社では、会社様や官公庁様からのご注文も多いため、オンラインからカート注文ではなく ファックス注文されるケースが多いです 別画面で、PDFファイルのファックス注文用紙 http://park3.wakwak.com/~tantaka/faxorder.pdf をダウンロードして ファックスでも注文していただけるようにしているのですが カートに入れるボタンのすぐそばに 「ファックス注文」のボタンアイコンを表示して このPDFファイルにリンクを貼ることができるようになれば ファックス注文したいお客様への誘導がスムーズに行えると考えました スタイルシートなどで、このボタンを追加できるようにできるのであれば ぜひ教えていただきたいです。
やまもとさん、こんにちは。 FAXについてです。 スタイルシートでの追加を行うことはできませんので、ボタンを追加する必要があります。 今後検討させていただきます。 現状での対応としては、既に設定されていますが、商品詳細ページの自由記入欄での対応となります。 よろしくお願い致します。
おちゃのこ刑部さま 早々のご返答ありがとうございます ぜひ改良をご検討ください、よろしくお願いいたします。
お世話になります。 ご返答いただけないようなので再度投稿致します。 先日はありがとうございました。 また質問がございます。 前回スマートフォン用サイトの質問で、 カートボタンの移動を教えていただいたのですが、 カートとログインボタンを.shoplogo の下に移動させたいのですが、 均等に2つにわけて配置することは可能でしょうか。 うまく説明できないので画像を添付しました。 そこで、もし出来るのであれば ログイン後はログイン画像のところはどうなりますか。 宜しくお願い致します。
まやさん、こんにちは。 カートについてです。 現状、既存のカートの中身ボタンを非表示にできないため、均等にボタンを配置することができません。 この点を改良させていただきますので、今しばらくお待ちください。 非表示可能にすることで、自由記入欄にてカート、ログインボタンの配置が可能になりますので、均等配置のレイアウトにも対応できます。 よろしくお願い致します。
まやさん、こんにちは。 カートについてです。 本日、スマートフォン版のカートボタンを非表示にできるように改良させていただきました。 「スマートフォン管理」→「表示とレイアウトの設定」から設定可能です。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281598&id=1027&artlang=ja 上記設定で、既存のカートを非表示に設定していただき、「スマートフォン管理」→「表示とレイアウトの設定」→「メニューバー 」欄の自由記入欄に下記のようなhtmlタグを挿入してください。 画像部分には、ご自身で画像を挿入してください。ログイン、ログアウトの切り替えも可能です。 <div class="topbtn clearfix"> <div class="topcart"><a href="http://latatech.ocnk.net/phone/cart "><img src="カートボタン画像" alt="カート" /></a></div> <div class="toplogin"> <span class="custom_secure_link" data-page="member-login" data-html='<img src="ボタン画像" alt="ログイン" />'></span> <span class="custom_secure_link" data-page="logout" data-html='<img src="ボタン画像" alt="ログアウト" />'></span> </div> </div> その上で、「スマートフォン管理」→「スタイルシートの編集」から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 .topcart, .toplogin { float: left; width: 50%; } よろしくお願い致します。
*必須項目