Webパーツカタログサンプル作成無料キャンペーン

お申し込み期間

2022年9月28日~2022年11月30日まで

※予定数に達し次第終了させていただく可能性がございます。

展示会特典

展示会場にてキャンペーンへお申し込みいただいた方から
優先的に作成させていただきます。

10/5(水)~10/7(金)関西製造業DX展@インテックス大阪

10/26(水)~10/28(金)AI・業務自動化展【秋】@幕張メッセ

お申し込み方法
下記のフォームに必要事項をご入力ください。

会社名
部署名
氏名
電話番号
メールアドレス
デモサンプルの作成をご希望ですか 希望する
希望しない
表示するイラスト(図面や分解図)もしくは3Dデータと部品表リストが必要です
データのご支給に伴い機密保持契約等が必要ですか 必要
不必要
現在Webパーツカタログシステムを導入されていますか 導入している
導入していない
導入しているが乗り換えを検討している
現在の部品発注方法を教えてください システムの利用
電話注文
FAX注文
メール注文
その他
現在の部品発注方法に課題感はございますか システムを利用しており特に問題はない
システムが使いづらい
電話やFAXでの受発注のため非効率だ
一品一様品のためシステム化できない
パーツカタログ制作に多くの工数・費用がかかっている
誤発注を減らしたい
特になし
その他
Webパーツカタログシステム導入の検討時期について 半年以内
1年以内
1年以上
未定
導入は検討していない
その他
Webパーツカタログシステムご導入の際のご予算 ~500万
~1,000万
~2,000万
2,000万以上
未定
その他
個別オンライン打合せのご希望日時 デモサンプル作成のご説明や、詳しい製品説明をさせていただきます。第3希望までご希望の日時をご記入ください。
その他(ご質問やご要望があればご記入ください)
/* =================================== 基本設定 =================================== */ html{ overflow-y:scroll; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: normal; font-style: normal; } li { list-style: none; } /* =================================== 共通 =================================== */ /* フォント */ body { font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'MS Pゴシック', 'Hiragino Kaku Gothic ProN', sans-serif; } select,input,button,textarea { font-family: Verdana, Roboto, 'Droid Sans', Meiryo, 'MS Pゴシック', 'Hiragino Kaku Gothic ProN', sans-serif; } /* =================================== 画面全体のレイアウト =================================== */ /* 画面全体の表示設定 */ body { background:WhiteSmoke; /* 背景色 */ text-align:center; /* フォームエリアを中央に表示 */ } /* フォームエリア全体の設定 */ div.container { width:960px; /* 画面の横幅 */ background:white; /* 背景色 */ border:Gainsboro 2px solid; border-top:none; /* 外枠のラインの色と太さ */ font-size:14px; /* フォントの初期サイズ */ color:#333; /* フォントの初期カラー */ margin:0 auto; /* 画面の中央に表示 */ text-align:left; /* 左寄せ */ } /* =================================== 設問エリアのレイアウト =================================== */ /* 設問エリア全体の設定 */ div.wrapper { width:940px; /* 画面の横幅 */ margin:0 auto; /* 中央に表示 */ background:white; } /* 設問の表 */ table.items { border:none; } /* 設問の行 */ tr.item { } /* 必要であれば行のデザインを設定することができます */ /*設問名のセルのデザイン */ td.label { float:left; width:920px; /* 実際の設問名の文字の長さに合わせて調整してください */ padding:0px 0px 0px 8px; color:Green; font-size:15px; border-left:Green 4px solid; background:none; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { float:left; width:400px; /* 入力コントロールの幅に合わせて調整してください */ padding:4px 3px 18px 12px; border-bottom:none; /* 設問と設問の間の下線 */ background:White; } /* 設問の入力例/説明セルのデザイン */ td.comment { float:right; width:500px; font-size:14px; padding:10px 2px 2px 2px; color:Green; border-bottom:none; background:White; } /* 入力セルの「氏」「名」の文字のデザイン */ span.label_name { padding-right:5px; font-size:85%; font-weight:bold; color:DarkSlateGray; } /* 入力確認画面、完了画面の入力された文字のデザイン */ p.value { font-size:110%; } /* ボタンの表示エリアの設定 */ div.button_area { width:940px; margin:10px auto 10px auto; /* 中央に表示、上下に10pxの余白 */ background:MintCream; padding:10px 0 10px 0; /* ボタンとの上下の隙間のサイズ */ text-align:center; /* 中央にボタンを表示 */ } /* 入力エラーメッセージのデザイン */ div.message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color:Green; background:MintCream; } /* 公開終了メッセージのデザイン */ div.finished-message { padding:5px 10px 5px 10px; /* メッセージテキストと背景色の隙間のサイズ */ margin:10px 13px 10px 13px; /* 上 右 下 左 の隙間のサイズ */ font-size:14px; font-weight:bold; color:Crimson; background:MistyRose; } /* =================================== 入力コントロールのデザイン =================================== */ /* 確認/送信/戻る/登録ボタン */ input[type=button] { font-size:18px; background:Green; /* ボタンの色 */ padding:5px 10px 2px 10px; /* ボタンの文字の 上 右 下 左 の隙間のサイズ */ margin:0px 10px 0px 10px; /* 確認画面に表示される2つのボタンの左右の余白サイズ */ color:white; /* 文字の色 */ font-weight:bold; /* ボタンに枠線をつけたい場合は、ここを設定してください */ border-top:#e5ffe5 2px solid; border-left:#eeffee 2px solid; border-right:#bbddbb 2px solid; border-bottom:#b0ddb0 2px solid; } input[type=button]:hover { cursor: pointer; } /* 入力中のフィールドの背景色 */ /* それぞれの入力フィールドにカーソルが移動したときに背景の色が変わります。不要な場合は削除してください。 */ input[type="text"]:focus { background-color:MintCream; } /* テキストボックス */ select:focus { background-color:MintCream; } /* プルダウン */ textarea:focus { background-color:MintCream; } /* テキストエリア */ /* =================================== 必須項目のマークおよびメッセージなど =================================== */ /* 必須項目のマーク */ span.required { margin-left:20px; font-size:80%; font-weight:bold; color:OrangeRed; } span.required:after { /* ここを編集することで表示されるマークを変更できます */ content:"※必須"; } /* 必須項目についての説明文 */ p.required_msg { text-align:right; margin-right:4px; font-size:80%; font-weight:bold; color:OrangeRed; } p.required_msg:after { /* ここを編集することで表示されるマークを変更できます */ content:"「※必須」となっている項目は必ず入力してください。"; } /* メールアドレスの再入力メッセージ */ p.label_mail { margin:5px 0 3px 0; font-size:10px; color:Green; } p.label_mail:after { /* ここを編集することで表示されるメッセージを変更できます */ content:"確認のため、もう一度メールアドレスを入力してください"; } /* =================================== スマートフォン表示用のレイアウト =================================== */ /* スマートフォンとして認識する画面の横幅のサイズ */ @media screen and ( max-width:479px ) { /* フォームエリア全体の設定 */ div.container { width: 100%; } /* 設問エリア全体の設定 */ div.wrapper { width: 100%; } /*設問名のセルのデザイン */ td.label { width: 95%; } /* 設問の入力セルおよび表示セルのデザイン */ td.value { width: 95%; /* 入力コントロールの幅に合わせて調整してください */ padding-bottom:0px; } /* 設問の入力例/説明セルのデザイン */ td.comment { width: 95%; padding: 0px 2px 10px 2px; } /* 設問の入力例/テキストボックス */ input[type="text"]{ font-size: 120%; width: 95% !important; } /* 設問の入力例/テキストエリア */ textarea { width: 95%; height: 100px; } /* ボタンの表示エリアの設定 */ div.button_area { width: 95%; } } /* ADD HEADER & FOOTER style 220921 */ header { padding: 10px ; margin-bottom: 10px; border-bottom: solid 3px #ccc; } header .logo img{ width: 300px; height: auto; } header h1 { margin-top:10px; text-align: center; vertical-align:top; line-height:0; } header h1 img { width: 100%; max-width: 720px; } header .cpn_detail, footer .contact_detail { margin: 20px 0; } header .cpn_detail .title, footer .contact_detail p span { white-space: nowrap; display: inline-block; border: solid 1px #000; padding: 5px 0; margin-right: 1em; text-align: center; color: #fff; font-weight: 900; background: #000; } header .cpn_detail { font-size: 16px; max-width: 720px; width:100%; margin: 10px auto; } header .cpn_detail .cont{ margin-bottom: 10px; display: flex; align-items: flex-start; flex-wrap: wrap; } header .cpn_detail .cont:nth-of-type(3){ align-items: center; } header .cpn_detail .title{ min-width: 8em; } @media screen and (max-width: 480px){ header .cpn_detail .title{ width: 100%; margin-right: 0; } } header .cpn_detail .tokuten p:first-of-type { line-height: 1.2; margin-bottom: 10px; } @media screen and (max-width: 480px){ header .cpn_detail .tokuten br { display: none; }} header .cpn_detail .tokuten span { font-weight: 900; min-width: 12em; margin-right: 1em; display: inline-block; } @media screen and (max-width: 480px){ header .cpn_detail .tokuten p { margin-bottom: 10px; } header .cpn_detail .tokuten a:before { content: "\A"; white-space: pre; }} header .cpn_link { display: block; width: 100%; max-width: 720px; margin: 0 auto; } footer .contact_detail p span { min-width: 5em; } footer { padding: 10px; margin-top: 30px; border-top: solid 3px #ccc; text-align: center; background: #eee; } footer .footer_heading { margin: 1em; font-weight: 900; font-size: 20px; } footer .contact_detail { display: flex; flex-wrap: wrap; } footer .contact_detail p{ display: inline-block; margin-left: 3em; margin-bottom: 10px; }
プライバシーポリシーに同意の上、送信してください。

同意して送信すると、Cookieにより当社のWebサイト上における閲覧履歴と個人情報を紐付けて把握、分析する場合があります。

本社・大阪営業部

〒546-0002 大阪市東住吉区杭全2-10-1

TEL06-7178-5151

MAILinfo@ds-navi.co.jp

WEBhttps://www.dps-company.jp/