PageSourceSearch

https://form2.ndl.go.jp/form/pub/ndl01/contact

html ndl.go.jp collected 2026-10-01 06:59:17 UTC 58,643 bytes, 1,565 lines download raw bytes

1<!DOCTYPE html><html lang="ja"><head><meta http-equiv='Content-Type' content='text/html; charset=UTF-8'><meta http-equiv='Content-Style-Type' content='text/css'><meta http-equiv='Content-Script-Type' content='text/javascript'><meta http-equiv='X-UA-Compatible' content='IE=edge'><link rel='stylesheet' href='/form/pub/ndl01/contact/asset/css/wcf5start.css' media='all' type='text/css' /><meta name="viewport" content="width=device-width,initial-scale=1"/>
2<meta name="format-detection" content="telephone=no">
3<style>
4@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
5</style>
6
7<style type="text/css">
8/* =================================
9    reset style ver.d1_7
10    d-01 20241205
11==================================== */
12/* -----------------------------------
13    フォント(全体)
14----------------------------------- */
15body,p,div,span,ul,li,td,th{
16    padding: 0;
17    margin: 0;
18    box-sizing: border-box;
19}
20
21/*--------------------------------------------------------------------
22『質問セル、回答セルの各セル』
23においてエディターを用いて
24tableや画像を挿入した時のセルに対する表示の領域制限とスクロールバーの表示
25--------------------------------------------------------------------*/
26/*質問セル側  --横並びレイアウト-- */
27.fm-question > div:has(table, img) {
28    width: inherit;  /*親要素(テーブルセル)のwidthを継承*/
29}
30/*質問セル側  --縦並びレイアウト-- */
31.fm-verticalquestion > div:has(table, img) {
32    max-width: 800px;  /*※表示の領域制限としてmax-width:800pxを指定*/
33}
34.fm-question > div:has(table, img),
35.fm-verticalquestion > div:has(table, img) {
36    overflow-x: auto;  /*オーバーサイズの時はスライドバーを表示*/
37}
38
39
40
41/*解答セル側  --横並びレイアウト-- */
42.fm-answer > div:has(table:not(.order-table), img),
43.fm-answer > span.fm-error:has(table:not(.order-table), img) {
44    width: inherit !important;  /*親要素(テーブルセル)のwidthを継承*/
45    display: inline-block;
46}
47/*解答セル側  --縦並びレイアウト-- */
48.fm-verticalanswer > div:has(table:not(.order-table), img),
49.fm-verticalanswer > span.fm-error:has(table:not(.order-table), img),
50.fm-verticalanswer > span.fm-error > div:has(table:not(.order-table), img) {
51    max-width: 800px;  /*※表示の領域制限としてmax-width:800pxを指定*/
52}
53.fm-answer > div:has(table:not(.order-table), img),
54.fm-verticalanswer > div:has(table:not(.order-table), img),
55.fm-answer > span.fm-error:has(table:not(.order-table), img),
56.fm-verticalanswer > span.fm-error:has(table:not(.order-table), img),
57.fm-verticalanswer > span.fm-error > div:has(table:not(.order-table), img) {
58    overflow-x: auto;  /*オーバーサイズの時はスライドバーを表示*/
59}
60
61
62/*--------------------------------------------------------------------
63『表示用ブロック』
64においてエディターを用いて
65tableや画像を挿入した時のセルに対する表示の領域制限とスクロールバーの表示
66
67※表示の領域制限としてmax-width:800pxを指定
68--------------------------------------------------------------------*/
69
70.fm-input-view > td.fm-verticalanswer > div,
71.fm-input-sview > td.fm-verticalanswer > div {
72    max-width: 800px;
73    overflow-x: auto;
74}
75
76
77
78body{
79    font-family:'Noto Sans JP', sans-serif, "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
80}
81
82/* Edge */
83@supports (-ms-ime-align: auto) {
84    button, input, select, textarea {
85    font-family : inherit;
86    font-size : 100%;
87    }
88}
89/* chrome */
90@media screen and (-webkit-min-device-pixel-ratio:0) {
91    button, input, select, textarea {
92    font-family : inherit;
93    font-size : 100%;
94    }
95}
96/* safari */
97_::-webkit-full-page-media, _:future, :root .button, :root input, :root select, :root textarea {
98    font-family: revert;
99}
100/* ie */
101@media all and (-ms-high-contrast: none) {
102    button, input, select, textarea {font-family: revert;}
103    input[type=file]{width: 100%;}
104}
105/*ie hack*/
106@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
107    input[type="text"],input[type="password"]{line-height: normal !important;}
108    input[type=tel]{height: 51px;}
109    .fm-matrix td.fm-x{white-space: nowrap; word-wrap: break-word;}
110}
111/* firefox */
112@-moz-document url-prefix() {
113    button, input, select, textarea {font-family: revert;}
114    .fm-answer{overflow-wrap: anywhere;}
115}
116
117
118/* ------------------------------------
119    テーブル
120------------------------------------ */
121table.fm-enqueteout{
122    margin-bottom: 5%;
123}
124
125/* ------------------------------------
126    タイトルエリア余白
127------------------------------------ */
128.fm-enqueteout{
129    position: relative;
130}
131
132.fm-enqueteout tr:first-child td:not(.fm-enquete tr:first-child td){
133    padding-left:20px;
134    padding-right:20px;
135}
136
137.fm-enquete{
138    margin:20px auto;
139}
140
141/* -----------------------------------
142    横並び質問欄
143----------------------------------- */
144.fm-question{
145	font-weight:bold;
146    word-break: break-word;
147}
148
149/* -----------------------------------
150    縦並び質問欄
151----------------------------------- */
152.fm-verticalquestion{
153	font-weight:bold;
154    word-break: break-word;
155}
156
157/* -----------------------------------
158    横並び回答欄
159----------------------------------- */
160.fm-answer{
161    word-break: break-word;
162}
163
164/* -----------------------------------
165    縦並び回答欄
166----------------------------------- */
167.fm-verticalanswer{
168    word-break: break-word;
169}
170
171/* -----------------------------------
172    必須項目ラベル
173----------------------------------- */
174span.fm-required-label{
175    font-size:75%;
176    margin-left:10px;
177}
178
179/* -----------------------------------
180    入力フォーム全般にかかわる指定
181----------------------------------- */
182input[type="text"],input[type="password"] {
183    max-width: 80%;
184    margin-left: 5px;
185    margin-right: 5px;
186    line-height: 3em;
187    box-sizing: border-box;
188    border:#cccccc 1px solid;
189}
190
191input[type="text"],input[type="password"],input[type="tel"] {
192    height: 48px;
193    font-size:16px;
194    padding: 8px;
195    box-sizing: border-box;
196    border:#cccccc 1px solid;
197}
198
199input[type="file"] {
200    max-width: 90%;
201    margin-left: 5px;
202    box-sizing: border-box;
203}
204
205textarea {
206    max-width: 80%;
207    padding: 8px;
208    margin-left: 5px;
209    margin-bottom: -5px;
210    box-sizing: border-box;
211    border:#cccccc 1px solid;
212}
213
214/* -----------------------------------
215    セレクトボックス
216----------------------------------- */
217.select_out {
218    overflow: hidden;
219    width: auto;
220    display: inline-block;
221    position: relative;
222    vertical-align: middle;
223    border: 1px solid #CBCBCB;
224    margin-left: 5px;
225    margin-right: 5px;
226    max-width: 80%;
227    height: 48px;
228}
229
230.select_out select{
231    width:100%;
232    height: 100%;
233    padding: 10px;
234    padding-right: 2em;
235	cursor: pointer;
236	text-indent: 0.01px;
237	text-overflow: ellipsis;
238	border: none;
239	outline: none;
240    background: #fff;
241	background-image: none;
242	box-shadow: none;
243	-webkit-appearance: none;
244	appearance: none;
245	line-height: 1.5;
246    color: #000;
247}
248
249.select_out::before {
250	position: absolute;
251    top: 1.5em;
252	right: 0.5em;
253	width: 0;
254	height: 0;
255	padding: 0;
256	content: '';
257	border-left: 5px solid transparent;
258	border-right: 5px solid transparent;
259	border-top: 5px solid #000000;
260	pointer-events: none;
261}
262
263_::-webkit-full-page-media, _:future, :root select{
264    border-radius: 4px;
265}
266
267/*選択不可の時の装飾解除*/
268.select_out select.fm-input-disabled {
269    cursor: default;
270}
271
272/* -----------------------------------
273    メールアドレス確認
274----------------------------------- */
275input[id$="_confirm"]{
276    margin-top:10px;
277}
278
279/* -----------------------------------
280    日付ブロック
281----------------------------------- */
282input[id$="_year"]{
283    width: 70px !important;
284    margin-right: 10px;
285}
286
287input[id$="_month"]{
288    width: 50px !important;
289    margin-right: 10px;
290    margin-left: 10px;
291    left: 0;
292    position: relative;
293}
294
295input[id$="_day"]{
296    width: 50px !important;
297    margin-right: 10px;
298    margin-left: 10px;
299    left: 0;
300    position: relative;
301}
302
303/* -----------------------------------
304    「年月日」セレクトボックス
305----------------------------------- */
306select{
307    width: auto;
308    height: 48px;
309    padding:10px;
310    border:#cbcbcb 1px solid;
311    background-color: #fff;
312    font-size:16px;
313    color:#000;
314}
315
316select.fm-input-date-select-month,
317select.fm-input-date-select-day{
318    margin:0 0 0 10px;
319}
320
321select.fm-input-date-select-year{
322    width: 180px;
323    margin-left: 5px;
324}
325
326/* -----------------------------------
327    「姓名」ブロック
328----------------------------------- */
329input[id$="_first"],input[id$="_second"] {
330    width: auto;
331    max-width: 40%;
332}
333
334/* -----------------------------------
335    「郵便番号」ブロック
336----------------------------------- */
337input[id$="left"] {
338    width:70px !important;
339    margin-right:10px;
340}
341
342input[id$="right"] {
343    width:90px !important;
344    margin-right:10px;
345    margin-left: 10px;
346    left: 0;
347    position: relative;
348}
349
350input[id^="searchAddr"] {
351    border:#333333 1px solid;
352    border-radius:4px;
353    -webkit-border-radius:4px;
354    -moz-border-radius:4px;
355    background: #ffffff;
356    width: auto;
357    height: auto;
358    padding: 10px;
359    color: #000000;
360}
361
362.fm-input-zip > td.fm-answer:has(div) > input[id^="searchAddr"],
363.fm-input-zip > td.fm-verticalanswer:has(div) > input[id^="searchAddr"] {
364    margin-top: 0.25rem;
365}
366
367/* -----------------------------------
368    「電話番号」ブロック
369----------------------------------- */
370input[type="tel"].fm-input-tel-areacode{
371    width:60px !important;
372    height: 48px !important;
373    margin:0 10px 0 5px;
374}
375
376input[type="tel"].fm-input-tel-citycode{
377    width:80px !important;
378    height: 48px !important;
379    margin:0 10px;
380}
381
382input[type="tel"].fm-input-tel-subscribercode{
383    width:80px !important;
384    height: 48px !important;
385    margin:0 0 0 10px;
386}
387
388/* -----------------------------------
389    ラジオボタン・チェックボックス
390    共通
391----------------------------------- */
392.order-table-margin-column {
393    display: none;
394}
395
396table.order-table{
397    max-width: 100%;
398    width: fit-content;
399    margin-left: 5px; /*他の設問とツラ合わせにするためのマージン*/
400    box-sizing: border-box;
401}
402
403.order-table-option-column {
404    position: relative;
405    padding: 0 !important; /*reset 他の設問とツラ合わせにするために*/
406    text-indent: unset !important; /*reset*/
407    vertical-align: top; /*回答欄セル内の表示位置統一のため*/
408}
409
410_::-webkit-full-page-media, _:future, :root table.order-table > .order-table-option-column{
411    padding-bottom: 0.5em;
412}
413
414label {
415    position: relative;
416    display:inline-block;
417    cursor: pointer;
418    margin-bottom: 1em;
419}
420
421input[type="checkbox"],
422input[type="radio"] {
423    margin: 0 !important; /*reset*/
424    vertical-align: unset !important; /*reset*/
425    -webkit-appearance: none;
426    -moz-appearance: none;
427    appearance: none;
428}
429
430label input[type="checkbox"] + span,
431label input[type="radio"] + span {
432    padding: 0 0 0 25px; /*ラジオボタン・チェックボックスに対してのテキストの重なり回避*/
433    display: inline-block; /*ラジオボタン・チェックボックスに対してのテキストの回り込み回避*/
434}
435
436/*ラジオボタン・チェックボックスの表示位置の指定*/
437label input[type="checkbox"] + span::before,
438label input[type="checkbox"] + span::after,
439label input[type="radio"] + span::before,
440label input[type="radio"] + span::after{
441    position: absolute;
442    top: 0;
443    left: 0;
444    content: '';
445    box-sizing: border-box;
446}
447
448/*「その他」とテキストボックスを含むセル部の指定*/
449.order-table-row-etc > td.order-table-option-column {
450    padding-top: 0.5em !important;
451    padding-bottom: 1em !important;
452    padding-left: 0;
453    padding-right: 0;
454}
455
456/*labelのうち「チェックを外す」「該当なし」に対してのbottomリセット*/
457label[for$="_ns"],
458label[for$="_nac"] {
459    margin-bottom: 0;
460}
461
462/*選択不可の時の装飾解除*/
463label:has(input[class="fm-input-disabled"]),
464label:has(input[disabled]) {
465    cursor: default;
466}
467
468
469/* -----------------------------------
470    チェックボックスにかかわる指定
471----------------------------------- */
472/*チェックボックスの領域指定(未入力時)*/
473label input[type="checkbox"] + span::before {
474    z-index: 0;
475    background-color: #fff;
476    width: 20px;
477    height: 20px;
478    border: 1px #6A6A6A solid;
479}
480/*チェックボックスの領域指定(選択時の装飾)*/
481label input[type="checkbox"] + span::after {
482    z-index: 1;
483    margin: 1px 6px;
484    width: 8px;
485    height: 13px;
486}
487label input[type="checkbox"]:checked + span::after {
488    border: 2px solid #fff;
489    border-width: 0 3px 3px 0;
490    -ms-transform: rotate(45deg);
491    transform: rotate(45deg);
492}
493label input[type="checkbox"]:checked + span::before,
494label input[type="checkbox"].fm-error:checked + span::before {
495    background-color: #0089FF;
496    border: 1px #0089FF solid;
497}
498/*「該当なし」選択時の枠線*/
499label input[type="checkbox"]:disabled:checked + span::after {
500    border:none;
501}
502
503/* -----------------------------------
504    ラジオボタンにかかわる指定
505----------------------------------- */
506/*ラジオボタンの領域指定(未入力時)*/
507label input[type="radio"] + span::before {
508    z-index: 0;
509    background-color: #fff;
510    width: 20px;
511    height: 20px;
512    border: 1px #6A6A6A solid;
513    border-radius: 20px;
514}
515/*ラジオボタンの領域指定(選択時の装飾)*/
516label input[type="radio"]:checked + span::after {
517    width: 12px;
518    height: 12px;
519    border: 1px #0089FF solid;
520    border-radius: 12px;
521    background-color: #0089FF;
522    left: -4px;
523    top: 4px;
524    z-index: 1;
525    margin: 0 8px;/*フォント拡大対策*/
526}
527label input[type="radio"]:checked + span::before {
528    background-color: #ffffff;
529}
530
531
532/* -----------------------------------
533    「該当なし」「チェックを外す」にかかわる指定
534----------------------------------- */
535/*「該当なし」を選択時に既存の選択項目を塗りつぶす*/
536label input[type="checkbox"]:disabled + span::before,
537label input[type="radio"]:disabled + span::before{
538    background-color: #fafafa !important;
539    border: 1px #dddddd solid !important;
540}
541
542
543label[for$="_ns"] input[type="radio"] + span {
544    border: 1px #333333 solid;
545    border-radius: 4px;
546    padding: 5px 15px;
547    background-color: #f2f2f2;
548    color: #000000;
549    white-space: nowrap;
550}
551
552label[for$="_ns"] input[type="radio"]:checked + span {
553    border: 1px #c9c9c9 solid;
554    background:#f2f2f2;
555    color:#c9c9c9;
556}
557
558label[for$="_ns"] input[type="radio"] + span::before{
559    display: none; /*「チェックを外す」用にラジオボタンを非表示*/
560}
561
562label[for$="_ns"] input[type="radio"] + span::after{
563    display: none; /*「チェックを外す」用にラジオボタンを非表示*/
564}
565
566
567input[type="checkbox" i]:disabled{
568    background-color: unset;
569    color: unset;
570    border-color: unset;
571}
572
573/* -----------------------------------
574    「エラーメッセージ」表示にかかわる指定
575----------------------------------- */
576input[id$="_etc_text"].fm-error {
577    border: 1px #D10000 solid;
578    background-color:#FFEDED;
579}
580
581/* -----------------------------------
582    「残席管理」内<残り座席数>の表示
583----------------------------------- */
584.fm_limit_radio_remainder {
585    font-size: 14px;
586	color: #707070;
587	padding-left: 10px;
588}
589
590_::-webkit-full-page-media, _:future, :root .fm_limit_radio_remainder {
591    font-size: 0.7em;
592	color: #707070;
593	padding-left: 1.5em;
594}
595
596/* -----------------------------------
597    マトリクス
598----------------------------------- */
599.fm-matrix label{
600    width: 20px;
601    height: 20px;
602    margin-bottom: 0;
603}
604
605/* 表頭項目縦書きCSS */
606.fm-matrix{
607    border-collapse: collapse !important;
608}
609
610.fm-matrix td.fm-x span{
611    -webkit-white-space: nowrap;
612    white-space: nowrap;
613    -ms-writing-mode: tb-lr;
614    writing-mode: vertical-lr;
615    word-wrap: break-word;
616    overflow-wrap: break-word;
617}
618
619.fm-matrix td.fm-x{
620    vertical-align: top;
621    border-top: none !important;
622    border-bottom: none !important;
623    border-right: none !important;
624}
625
626.fm-matrix td.fm-y{
627    padding:8px 15px 10px 0;
628    word-wrap: break-word;
629    border-bottom: none !important;
630    border-left: none !important;
631    border-right: none !important
632    ;margin-top: -1px;
633}
634
635.fm-matrix td.fm-cell{
636    padding-bottom: 0.25em;
637}
638
639.fm-input-matrix label input[type="checkbox"] + span,
640.fm-input-matrix label input[type="radio"] + span {
641    padding: 0;
642}
643
644/*ラジオボタン・チェックボックスの表示位置の指定  for マトリクス*/
645.fm-input-matrix label input[type="checkbox"] + span::before,
646.fm-input-matrix label input[type="checkbox"] + span::after,
647.fm-input-matrix label input[type="radio"] + span::before,
648.fm-input-matrix label input[type="radio"] + span::after{
649    position: absolute;
650    top: 0;
651    left: 0;
652    content: '';
653    box-sizing: border-box;
654}
655
656/* -----------------------------------
657    チェックボックスにかかわる指定  for マトリクス
658----------------------------------- */
659/*チェックボックスの領域指定(未入力時)*/
660.fm-input-matrix label input[type="checkbox"] + span::before {
661    z-index: 0;
662    background-color: #fff;
663    width: 20px;
664    height: 20px;
665    border: 1px #6A6A6A solid;
666}
667/*チェックボックスの領域指定(選択時の装飾)  for マトリクス*/
668.fm-input-matrix label input[type="checkbox"] + span::after {
669    z-index: 1;
670    margin: 1px 6px;
671    width: 8px;
672    height: 13px;
673}
674.fm-input-matrix label input[type="checkbox"]:checked + span::after {
675    border: 2px solid #fff;
676    border-width: 0 3px 3px 0;
677    -ms-transform: rotate(45deg);
678    transform: rotate(45deg);
679}
680.fm-input-matrix label input[type="checkbox"]:checked + span::before,
681.fm-input-matrix label input[type="checkbox"].fm-error:checked + span::before {
682    background-color: #0089FF;
683    border: 1px #0089FF solid;
684}
685
686/* -----------------------------------
687    ラジオボタンにかかわる指定  for マトリクス
688----------------------------------- */
689/*ラジオボタンの領域指定(未入力時)*/
690.fm-input-matrix label input[type="radio"] + span::before {
691    z-index: 0;
692    background-color: #fff;
693    width: 20px;
694    height: 20px;
695    border: 1px #6A6A6A solid;
696    border-radius: 20px;
697}
698/*ラジオボタンの領域指定(選択時の装飾)*/
699.fm-input-matrix label input[type="radio"]:checked + span::after {
700    width: 12px;
701    height: 12px;
702    border: 1px #0089FF solid;
703    border-radius: 12px;
704    background-color: #0089FF;
705    left: -4px;
706    top: 4px;
707    z-index: 1;
708    margin: 0 8px;/*フォント拡大対策*/
709}
710label input[type="radio"]:checked + span::before {
711    background-color: #ffffff;
712}
713
714 /* ▼表頭・表側の色が変わる▼ */
715.fm-matrix-wrapper{
716    overflow: hidden;
717    width: inherit;
718    box-sizing: unset;
719    padding-left: 5px !important;
720}
721
722td.fm-verticalanswer div.fm-matrix-wrapper{
723    margin: 0;
724    padding: 0;
725}
726
727.fm-x {background-color: inherit;}
728.fm-y {background-color: inherit;}
729
730.fm-cell:hover {
731    background-color: #c2daff !important;
732}
733
734/*選択不可の時の装飾解除*/
735.fm-cell:hover:has(input[class="fm-input-disabled"]) {
736    cursor: default;
737    background-color: transparent !important;
738}
739
740/* 回答欄へのガイド背景タテ軸の指定 一旦100問まで対応。 設問が増えるたびに増やしてゆく */
741:where(.fm-matrix:has(.fm-cell:hover:nth-child(2))) td:nth-child(2),
742:where(.fm-matrix:has(.fm-cell:hover:nth-child(3))) td:nth-child(3),
743:where(.fm-matrix:has(.fm-cell:hover:nth-child(4))) td:nth-child(4),
744:where(.fm-matrix:has(.fm-cell:hover:nth-child(5))) td:nth-child(5),
745:where(.fm-matrix:has(.fm-cell:hover:nth-child(6))) td:nth-child(6),
746:where(.fm-matrix:has(.fm-cell:hover:nth-child(7))) td:nth-child(7),
747:where(.fm-matrix:has(.fm-cell:hover:nth-child(8))) td:nth-child(8),
748:where(.fm-matrix:has(.fm-cell:hover:nth-child(9))) td:nth-child(9),
749:where(.fm-matrix:has(.fm-cell:hover:nth-child(10))) td:nth-child(10),
750:where(.fm-matrix:has(.fm-cell:hover:nth-child(11))) td:nth-child(11),
751:where(.fm-matrix:has(.fm-cell:hover:nth-child(12))) td:nth-child(12),
752:where(.fm-matrix:has(.fm-cell:hover:nth-child(13))) td:nth-child(13),
753:where(.fm-matrix:has(.fm-cell:hover:nth-child(14))) td:nth-child(14),
754:where(.fm-matrix:has(.fm-cell:hover:nth-child(15))) td:nth-child(15),
755:where(.fm-matrix:has(.fm-cell:hover:nth-child(16))) td:nth-child(16),
756:where(.fm-matrix:has(.fm-cell:hover:nth-child(17))) td:nth-child(17),
757:where(.fm-matrix:has(.fm-cell:hover:nth-child(18))) td:nth-child(18),
758:where(.fm-matrix:has(.fm-cell:hover:nth-child(19))) td:nth-child(19),
759:where(.fm-matrix:has(.fm-cell:hover:nth-child(20))) td:nth-child(20),
760:where(.fm-matrix:has(.fm-cell:hover:nth-child(21))) td:nth-child(21),
761:where(.fm-matrix:has(.fm-cell:hover:nth-child(22))) td:nth-child(22),
762:where(.fm-matrix:has(.fm-cell:hover:nth-child(23))) td:nth-child(23),
763:where(.fm-matrix:has(.fm-cell:hover:nth-child(24))) td:nth-child(24),
764:where(.fm-matrix:has(.fm-cell:hover:nth-child(25))) td:nth-child(25),
765:where(.fm-matrix:has(.fm-cell:hover:nth-child(26))) td:nth-child(26),
766:where(.fm-matrix:has(.fm-cell:hover:nth-child(27))) td:nth-child(27),
767:where(.fm-matrix:has(.fm-cell:hover:nth-child(28))) td:nth-child(28),
768:where(.fm-matrix:has(.fm-cell:hover:nth-child(29))) td:nth-child(29),
769:where(.fm-matrix:has(.fm-cell:hover:nth-child(30))) td:nth-child(30),
770:where(.fm-matrix:has(.fm-cell:hover:nth-child(31))) td:nth-child(31),
771:where(.fm-matrix:has(.fm-cell:hover:nth-child(32))) td:nth-child(32),
772:where(.fm-matrix:has(.fm-cell:hover:nth-child(33))) td:nth-child(33),
773:where(.fm-matrix:has(.fm-cell:hover:nth-child(34))) td:nth-child(34),
774:where(.fm-matrix:has(.fm-cell:hover:nth-child(35))) td:nth-child(35),
775:where(.fm-matrix:has(.fm-cell:hover:nth-child(36))) td:nth-child(36),
776:where(.fm-matrix:has(.fm-cell:hover:nth-child(37))) td:nth-child(37),
777:where(.fm-matrix:has(.fm-cell:hover:nth-child(38))) td:nth-child(38),
778:where(.fm-matrix:has(.fm-cell:hover:nth-child(39))) td:nth-child(39),
779:where(.fm-matrix:has(.fm-cell:hover:nth-child(40))) td:nth-child(40),
780:where(.fm-matrix:has(.fm-cell:hover:nth-child(41))) td:nth-child(41),
781:where(.fm-matrix:has(.fm-cell:hover:nth-child(42))) td:nth-child(42),
782:where(.fm-matrix:has(.fm-cell:hover:nth-child(43))) td:nth-child(43),
783:where(.fm-matrix:has(.fm-cell:hover:nth-child(44))) td:nth-child(44),
784:where(.fm-matrix:has(.fm-cell:hover:nth-child(45))) td:nth-child(45),
785:where(.fm-matrix:has(.fm-cell:hover:nth-child(46))) td:nth-child(46),
786:where(.fm-matrix:has(.fm-cell:hover:nth-child(47))) td:nth-child(47),
787:where(.fm-matrix:has(.fm-cell:hover:nth-child(48))) td:nth-child(48),
788:where(.fm-matrix:has(.fm-cell:hover:nth-child(49))) td:nth-child(49),
789:where(.fm-matrix:has(.fm-cell:hover:nth-child(50))) td:nth-child(50),
790:where(.fm-matrix:has(.fm-cell:hover:nth-child(51))) td:nth-child(51),
791:where(.fm-matrix:has(.fm-cell:hover:nth-child(52))) td:nth-child(52),
792:where(.fm-matrix:has(.fm-cell:hover:nth-child(53))) td:nth-child(53),
793:where(.fm-matrix:has(.fm-cell:hover:nth-child(54))) td:nth-child(54),
794:where(.fm-matrix:has(.fm-cell:hover:nth-child(55))) td:nth-child(55),
795:where(.fm-matrix:has(.fm-cell:hover:nth-child(56))) td:nth-child(56),
796:where(.fm-matrix:has(.fm-cell:hover:nth-child(57))) td:nth-child(57),
797:where(.fm-matrix:has(.fm-cell:hover:nth-child(58))) td:nth-child(58),
798:where(.fm-matrix:has(.fm-cell:hover:nth-child(59))) td:nth-child(59),
799:where(.fm-matrix:has(.fm-cell:hover:nth-child(60))) td:nth-child(60),
800:where(.fm-matrix:has(.fm-cell:hover:nth-child(61))) td:nth-child(61),
801:where(.fm-matrix:has(.fm-cell:hover:nth-child(62))) td:nth-child(62),
802:where(.fm-matrix:has(.fm-cell:hover:nth-child(63))) td:nth-child(63),
803:where(.fm-matrix:has(.fm-cell:hover:nth-child(64))) td:nth-child(64),
804:where(.fm-matrix:has(.fm-cell:hover:nth-child(65))) td:nth-child(65),
805:where(.fm-matrix:has(.fm-cell:hover:nth-child(66))) td:nth-child(66),
806:where(.fm-matrix:has(.fm-cell:hover:nth-child(67))) td:nth-child(67),
807:where(.fm-matrix:has(.fm-cell:hover:nth-child(68))) td:nth-child(68),
808:where(.fm-matrix:has(.fm-cell:hover:nth-child(69))) td:nth-child(69),
809:where(.fm-matrix:has(.fm-cell:hover:nth-child(70))) td:nth-child(70),
810:where(.fm-matrix:has(.fm-cell:hover:nth-child(71))) td:nth-child(71),
811:where(.fm-matrix:has(.fm-cell:hover:nth-child(72))) td:nth-child(72),
812:where(.fm-matrix:has(.fm-cell:hover:nth-child(73))) td:nth-child(73),
813:where(.fm-matrix:has(.fm-cell:hover:nth-child(74))) td:nth-child(74),
814:where(.fm-matrix:has(.fm-cell:hover:nth-child(75))) td:nth-child(75),
815:where(.fm-matrix:has(.fm-cell:hover:nth-child(76))) td:nth-child(76),
816:where(.fm-matrix:has(.fm-cell:hover:nth-child(77))) td:nth-child(77),
817:where(.fm-matrix:has(.fm-cell:hover:nth-child(78))) td:nth-child(78),
818:where(.fm-matrix:has(.fm-cell:hover:nth-child(79))) td:nth-child(79),
819:where(.fm-matrix:has(.fm-cell:hover:nth-child(80))) td:nth-child(80),
820:where(.fm-matrix:has(.fm-cell:hover:nth-child(81))) td:nth-child(81),
821:where(.fm-matrix:has(.fm-cell:hover:nth-child(82))) td:nth-child(82),
822:where(.fm-matrix:has(.fm-cell:hover:nth-child(83))) td:nth-child(83),
823:where(.fm-matrix:has(.fm-cell:hover:nth-child(84))) td:nth-child(84),
824:where(.fm-matrix:has(.fm-cell:hover:nth-child(85))) td:nth-child(85),
825:where(.fm-matrix:has(.fm-cell:hover:nth-child(86))) td:nth-child(86),
826:where(.fm-matrix:has(.fm-cell:hover:nth-child(87))) td:nth-child(87),
827:where(.fm-matrix:has(.fm-cell:hover:nth-child(88))) td:nth-child(88),
828:where(.fm-matrix:has(.fm-cell:hover:nth-child(89))) td:nth-child(89),
829:where(.fm-matrix:has(.fm-cell:hover:nth-child(90))) td:nth-child(90),
830:where(.fm-matrix:has(.fm-cell:hover:nth-child(91))) td:nth-child(91),
831:where(.fm-matrix:has(.fm-cell:hover:nth-child(92))) td:nth-child(92),
832:where(.fm-matrix:has(.fm-cell:hover:nth-child(93))) td:nth-child(93),
833:where(.fm-matrix:has(.fm-cell:hover:nth-child(94))) td:nth-child(94),
834:where(.fm-matrix:has(.fm-cell:hover:nth-child(95))) td:nth-child(95),
835:where(.fm-matrix:has(.fm-cell:hover:nth-child(96))) td:nth-child(96),
836:where(.fm-matrix:has(.fm-cell:hover:nth-child(97))) td:nth-child(97),
837:where(.fm-matrix:has(.fm-cell:hover:nth-child(98))) td:nth-child(98),
838:where(.fm-matrix:has(.fm-cell:hover:nth-child(99))) td:nth-child(99),
839:where(.fm-matrix:has(.fm-cell:hover:nth-child(100))) td:nth-child(100) {
840    background-color: rgba(243,248,255,0.15) !important;
841}
842
843/* 回答欄へのガイド背景ヨコ軸の指定 */
844:where(.fm-matrix tr:has(.fm-cell:hover)) td {background-color: rgba(243,248,255,0.15) !important;}
845/* ▲表頭・表側の色が変わる▲ */
846
847/*縦表示レイアウトの時のマトリクステーブルを表示する親要素の横幅領域制限*/
848tr.fm-input-matrix td.fm-verticalanswer{
849    max-width: 800px;
850}
851
852
853/* -----------------------------------
854    エラーメッセージ
855----------------------------------- */
856.fm-errormessage{
857    position: relative;
858    background:#FFEDED;
859    font-size: 15px;
860    line-height:1.8;
861    box-sizing: border-box;
862    padding:8px 20px;
863    margin:20px 0 0 0;
864    display:block;
865}
866
867ul.fm-errormessage{
868    margin-bottom:20px;
869}
870
871span.fm-errormessage:before {
872    content: "";
873    position: absolute;
874    top: -20px;
875    left: 30px;
876    border: 10px solid transparent;
877    border-bottom: 10px solid #FFEDED;
878}
879
880/* -----------------------------------
881    エラー表示
882----------------------------------- */
883.fm-error select,.fm-error input,
884label input[type="checkbox"].fm-error + span::before,
885label input[type="radio"].fm-error + span::before {
886    border: 1px #D10000 solid;
887    background-color:#FFEDED;
888}
889
890/* -------------------------------------
891    [決定]・[戻る]等の各種ボタン
892------------------------------------- */
893.fm-enquete-commands{
894    position: relative;
895    display: block;
896}
897
898
899/*非画像時のボタン共通設定*/
900input[type="submit"]:not(input[id^="searchAddr"]){
901    -webkit-appearance: none;
902    border-radius: 4px;
903    -webkit-border-radius: 4px;
904    -moz-border-radius: 4px;
905    font-size:16px;
906    font-weight:bold;
907    padding: 8px 3%;
908    margin:0 7px 1em 7px;
909    vertical-align: top;
910    cursor: pointer;
911    white-space: normal;
912}
913
914
915/*ログインボタン*/
916input[class="btn_login"]{
917    width: 45%;
918    color: #ffffff;/* ボタンの文字色 */
919    background: #777777;/* ボタンの背景色 */
920    border:1px solid #777777;/* ボタンの枠線色 */
921}
922
923/*次へボタン*/
924input[class="btn_next"]{
925    width: 45%;
926    color: #ffffff;/* ボタンの文字色 */
927    background: #777777;/* ボタンの背景色 */
928    border:1px solid #777777;/* ボタンの枠線色 */
929}
930
931/*登録ボタン(画像無し)*/
932input[class="btn_confirm"]{
933    width: 45%;
934    color: #ffffff;/* ボタンの文字色 */
935    background: #777777;/* ボタンの背景色 */
936    border:1px solid #777777;/* ボタンの枠線色 */
937}
938
939/*戻るボタン*/
940input[class="btn_rewind"]{
941    width: 45%;
942    color: #777777;/* 戻るボタンの文字色 */
943    background: #ffffff;/* 戻るボタンの背景色 */
944    border:1px solid #777777;/* ボタンの枠線色 */
945}
946
947/*保存ボタン*/
948[class="btn_save"]{
949    width: 45%;
950    color: #777777;/* 戻るボタンの文字色 */
951    background: #ffffff;/* 戻るボタンの背景色 */
952    border:1px solid #777777;/* ボタンの枠線色 */
953}
954/*保存ボタンの位置*/
955.fm-enquete-commands:has(input[class="btn_save"]) input[type="submit"].btn_save {
956    position: absolute;
957    top: 105% !important; /*こちらの数値を変えることでボタンの位置が上下する*/
958    left: 50% !important;
959    transform: translate(-50%);
960    -webkit-transform: translate(-50%);
961    margin: 0;
962}
963
964
965
966/*画像を用いたときのボタン*/
967input[type="image"]{
968    width: auto;
969    vertical-align: bottom;
970    margin-bottom: 3em;
971}
972/*画像を用いたときの保存ボタンの位置*/
973.fm-enquete-commands:has(input[class="btn_save"]) input[type="image"].btn_save {
974    position: absolute;
975    top: 105% !important; /*こちらの数値を変えることでボタンの位置が上下する*/
976    left: 50% !important;
977    transform: translate(-50%);
978    -webkit-transform: translate(-50%);
979    margin: 0;
980}
981
982
983/* -------------------------------------
984    個人情報同意文
985------------------------------------- */
986#pri {
987    border:#cccccc 1px solid;
988    padding:20px;
989    margin:0 auto;
990    height:200px;
991    overflow: auto;
992    font-size:12px;
993    box-sizing: border-box;
994}
995
996/* -------------------------------------
997    ログイン認証 ID/PW
998------------------------------------- */
999#loginId.loginId_text,
1000#password.password_text{
1001    width:90%;
1002}
1003
1004/* -------------------------------------
1005    ▼以下タブレット向けのスタイル
1006------------------------------------- */
1007@media only screen and (min-width: 481px) and ( max-width: 1024px ) {
1008    table.fm-enqueteout{
1009        width: 100%;
1010        box-sizing: border-box;
1011    }
1012
1013    table.fm-enquete{
1014        box-sizing: border-box;
1015        width: inherit;
1016        margin: 20px;
1017    }
1018
1019    .fm-question,
1020    .fm-answer {
1021        box-sizing: border-box;
1022    }
1023
1024    textarea{
1025        max-width: 80%;
1026    }
1027
1028    input[type="text"]:not(input[id$="_first"], input[id$="_second"]) {
1029        max-width: 80%;
1030    }
1031
1032    /* -----------------------------------
1033        姓名ブロック
1034    ----------------------------------- */
1035    table.fm-enquete tr.fm-input-name td.fm-verticalanswer{
1036        width: 100%;
1037    }
1038
1039    /* -----------------------------------
1040        セレクトボックス
1041    ----------------------------------- */
1042    .select_out {
1043        width: 85%;
1044    }
1045
1046    /* -----------------------------------
1047        郵便番号ブロック
1048    ----------------------------------- */
1049
1050
1051    /* -----------------------------------
1052        電話番号ブロック
1053    ----------------------------------- */
1054    input[id$="areacode"] {
1055        width: 90px !important;
1056    }
1057
1058    input[id$="citycode"],
1059    input[id$="subscribercode"] {
1060        width: 80px !important;
1061    }
1062
1063    /* -----------------------------------�
1063
1064        マトリクス
1065    ----------------------------------- */
1066    tr.fm-input-matrix td.fm-verticalanswer {
1067        max-width: 728px;
1068    }
1069
1070
1071
1072    /*iOS調整*/
1073    /* -----------------------------------
1074    ラジオボタン・チェックボックス
1075    共通
1076    ----------------------------------- */
1077    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox label span,
1078    _::-webkit-full-page-media, _:future, :root .fm-input-radio label span {
1079        width: calc(100% - 1em);
1080    }
1081
1082    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox label,
1083    _::-webkit-full-page-media, _:future, :root .fm-input-radio label {
1084        white-space: pre-wrap !important;
1085    }
1086
1087    /* -----------------------------------
1088        ラジオボタンにかかわる指定
1089    ----------------------------------- */
1090    _::-webkit-full-page-media, _:future, :root .fm-input-radio label span {
1091        left: -1em;
1092        position: relative;
1093    }
1094
1095    _::-webkit-full-page-media, _:future, :root .fm-input-radio input[id$="_etc_text"] {
1096        left: -1em;
1097        position: relative;
1098    }
1099
1100    /* -----------------------------------
1101        チェックボックスにかかわる指定
1102    ----------------------------------- */
1103    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox label span {
1104        vertical-align: top;
1105        left: -1em;
1106        position: relative;
1107    }
1108
1109    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox input[id$="_etc_text"] {
1110        left: -1em;
1111        position: relative;
1112    }
1113
1114    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox td.order-table-option-column {
1115        vertical-align: top;
1116        vertical-align: text-top;
1117    }
1118}
1119
1120/* -------------------------------------
1121        ▼以下スマホ向けのスタイル
1122------------------------------------- */
1123@media only screen and ( max-width: 480px ) {
1124	body {
1125        -webkit-text-size-adjust: 100%;
1126    }
1127
1128	table {
1129        word-break: break-all;
1130    }
1131
1132	table.fm-enqueteout {
1133        width: 100%;
1134    }
1135
1136	.fm-enquete{
1137        border-top-width:0;
1138        width: calc(100% - 40px) !important;
1139    }
1140
1141    .fm-enquete-commands{
1142        margin-bottom: 75px;
1143    }
1144
1145	.fm-enquete, table.order-table {
1146        table-layout: fixed;
1147    }
1148
1149    .fm-question, .fm-verticalquestion {
1150        box-sizing: border-box;
1151        display: block;
1152        width: 100%;
1153        padding: 15px;
1154        border-left-width:0;
1155        border-right-width:0;
1156        border-bottom-width:0;
1157    }
1158
1159	.fm-answer, .fm-verticalanswer {
1160        box-sizing: border-box;
1161        display: block !important;
1162        width: 100% !important;
1163        padding: 15px;
1164        border-left-width:0;
1165        border-right-width:0;
1166        border-bottom-width:0;
1167    }
1168
1169    .fm-answer input[autocomplete="email"], input[autocomplete="off"],
1170    .fm-verticalanswer input[autocomplete="email"], input[autocomplete="off"]{
1171        max-width: 80% !important;
1172    }
1173
1174	input[type="text"],
1175    input[type="file"],
1176    input[type="password"],
1177    select,
1178    textarea {
1179        width: 100%;
1180    }
1181
1182    tr.fm-input-sview>td.fm-answer,
1183    tr.fm-input-view>td.fm-verticalanswer {
1184        padding-left: 15px;
1185    }
1186
1187    /* -------------------------------------
1188        画像サイズ
1189    ------------------------------------- */
1190    img {
1191        max-width: 100%;
1192        height:auto !important;
1193    }
1194
1195    /* -------------------------------------
1196        フォームタグ
1197    ------------------------------------- */
1198    input[type="text"],
1199    input[type="password"],
1200    textarea{
1201        width:97.5% !important;
1202        font-size:16px;
1203        max-width: none;
1204    }
1205
1206    input[type="tel"]{
1207        font-size:16px;
1208    }
1209
1210    input[type="text"] {
1211        margin-right: 5px;
1212        margin-left: 5px;
1213    }
1214
1215    /* -----------------------------------
1216        セレクトボックス
1217    ----------------------------------- */
1218    select{
1219        height: 48px;
1220        font-size:16px;
1221    }
1222
1223    .select_out{
1224        width: 97.5%;
1225    }
1226
1227    .select_out::before {
1228        top: 1.35em;
1229    }
1230
1231
1232    /* -----------------------------------
1233        ラジオボタン・チェックボックス
1234        共通
1235    ----------------------------------- */
1236    table.order-table {
1237        width: auto;
1238    }
1239
1240    table.order-table tr.order-table-row > td {
1241        display: block;
1242        width: 100%;
1243        top: 0;
1244        position: relative;
1245    }
1246
1247    .order-table-row-etc > td.order-table-option-column {
1248        padding: 0 !important; /*モバイル端末用にreset*/
1249    }
1250
1251    .order-table-row-etc > td.order-table-option-column > label {
1252        margin-bottom: 0;
1253    }
1254
1255    /*「その他」「チェックを外す」「該当なし」文字の折り返し防止*/
1256    label[for$="_etc"],
1257    label[for$="_ns"],
1258    label[for$="_nac"]{
1259        white-space: nowrap;
1260    }
1261
1262    /*「その他」テキストボックスの周囲余白の指定*/
1263    .order-table-row-etc > td.order-table-option-column input[type=text] {
1264        margin-top: 0.25em;
1265        margin-bottom: 1em;
1266        margin-left: 0;
1267        margin-right: 0;
1268    }
1269
1270    label input[type="checkbox"] + span{
1271        padding: 0 0 0 25px;
1272    }
1273
1274    /* iOS調整 */
1275    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox label span,
1276    _::-webkit-full-page-media, _:future, :root .fm-input-radio label span {
1277        width: calc(100% - 1em);
1278        left: -1em;
1279        position: relative;
1280    }
1281
1282    _::-webkit-full-page-media, _:future, :root .fm-input-checkbox label,
1283    _::-webkit-full-page-media, _:future, :root .fm-input-radio label {
1284        white-space: pre-wrap !important;
1285    }
1286
1287/* -----------------------------------
1288    「姓名」テキストボックス
1289----------------------------------- */
1290    .fm-input-name > .fm-answer .fm-name-unit,
1291    .fm-input-name > .fm-verticalanswer .fm-name-unit {
1292        display: inline-flex;
1293        align-items: center;
1294        width: 100%;
1295    }
1296
1297    input[id$="_first"],input[id$="_second"]{
1298        font-size:16px;
1299        max-width: 90%;
1300        width: 100% !important;
1301    }
1302
1303    input[id$="_first"] {
1304        margin-right: 0;
1305    }
1306
1307    input[id$="_second"]{
1308        margin-top: 0.5em;
1309        margin-bottom: 0;
1310        margin-right: 0;
1311    }
1312
1313    /* -----------------------------------
1314        「年月日」テキストボックス
1315    ----------------------------------- */
1316        input[type="text"].fm-input-date-text-year{
1317            width: 85px !important;
1318            margin:0 4px 0 5px;
1319        }
1320
1321        input[type="text"].fm-input-date-text-month{
1322            width:45px !important;
1323            margin:0 5px 0 5px;
1324        }
1325
1326        input[type="text"].fm-input-date-text-day{
1327            width:45px !important;
1328            margin:0 5px;
1329        }
1330
1331    /* -----------------------------------
1332        「年月日」セレクトボックス
1333    ----------------------------------- */
1334        select.fm-input-date-select-year{
1335            width:95px;
1336            margin:0 4px 0 5px;
1337        }
1338
1339        select.fm-input-date-select-month{
1340            width:auto;
1341            margin:0 4px;
1342        }
1343
1344        select.fm-input-date-select-day{
1345            width:auto;
1346            margin:0;
1347        }
1348
1349    /* -----------------------------------
1350        「郵便番号」テキストボックス
1351    ----------------------------------- */
1352        input[type="text"].fm-input-zip-left{
1353            width:22% !important;
1354            margin:0 8px 0 5px;
1355            left: 0;
1356        }
1357
1358        input[type="text"].fm-input-zip-right{
1359            width:25% !important;
1360            margin:0 10px 0 8px;
1361        }
1362
1363        input[id^="searchAddr"]{
1364            width:37%;
1365            height:auto;
1366            padding:8px 0;
1367        }
1368
1369        .fm-input-zip > td.fm-answer:has(div) > input[id^="searchAddr"],
1370        .fm-input-zip > td.fm-verticalanswer:has(div) > input[id^="searchAddr"] {
1371            margin-top: 0.5rem;
1372        }
1373
1374/* -----------------------------------
1375    「電話番号」テキストボックス
1376----------------------------------- */
1377    input[type="tel"].fm-input-tel-areacode{
1378        width:22% !important;
1379        margin:0 6px 0 5px;
1380    }
1381
1382    input[type="tel"].fm-input-tel-citycode{
1383        width:25% !important;
1384        margin:0 6px;
1385    }
1386
1387    input[type="tel"].fm-input-tel-subscribercode{
1388        width:22% !important;
1389        margin:0 0 0 6px;
1390    }
1391
1392    /* -----------------------------------
1393        残席管理ボックス
1394    ----------------------------------- */
1395        .order-table-option-column{
1396            box-sizing: border-box;
1397        }
1398
1399    /* -----------------------------------
1400        「残席管理」内<残り座席数>の表示
1401    ----------------------------------- */
1402        .fm_limit_radio_remainder {
1403            font-size: 0.7em;
1404            padding: 0 0 0 3px;
1405        }
1406
1407    /* -----------------------------------
1408        マトリクス
1409    ----------------------------------- */
1410        .fm-matrix-wrapper{
1411            padding-left: 0 !important;
1412        }
1413
1414        tr.fm-input-matrix>td.fm-answer,
1415        tr.fm-input-matrix>td.fm-verticalanswer{
1416            padding: 20px 15px;
1417        }
1418
1419        /* 横スクロール時に固定する */
1420        /*.fm-matrix td:not(.fm-y):first-child {
1421        position: -webkit-sticky;
1422        position: sticky;
1423        left: 0;
1424        background: #ffffff;
1425        z-index:2;
1426        }*/
1427
1428    /* -----------------------------------
1429        [決定]・[戻る]等の各種ボタン
1430    ----------------------------------- */
1431        input[type="submit"]{
1432            font-size:16px;
1433        }
1434
1435        /*画像を用いたときのボタン*/
1436        input[type="image"]{
1437            width: 100%;
1438            max-width: fit-content;
1439            vertical-align: bottom;
1440        }
1441}
1442
1443    @media (orientation: landscape) and (min-width: 320px){
1444        label[for$="_etc"]{
1445            top: 0;
1446        }
1447
1448        body{
1449            -webkit-text-size-adjust: 100%;
1450        }
1451}
1452
1453</style>
1453<script src='/form/pub/js/prototype.js' type='text/javascript'></script>
1453<script src='/form/pub/js/common.js' type='text/javascript'></script>
1453<script src='/form/pub/js/fieldutils.js' type='text/javascript'></script>
vendor: 165 bytes, line 1453
1453<script async='async' defer='defer' src='https://www.google.com/recaptcha/api.js?onload=recaptchaLoad&amp;render=explicit&amp;hl=ja' type='text/javascript'></script>
1453<script src='/form/pub/js/recaptcha.js' type='text/javascript'></script>
1453<script type='text/javascript'>//<![CDATA[
1454function registerOnEnterClickButton(){
1455    setOnEnterClickButton("wcf5start");
1456}
1457Event.observe( window, 'load', registerOnEnterClickButton );
1458function setOnEnterClickButton(targetButtonId){
1459    var targetButton = $(targetButtonId);
1460    var form = Element.up(targetButton, 'form');
1461    Event.observe(form, 'keypress', function(e){
1462        var keyCode= e.charCode ? e.charCode : ((e.which) ? e.which : e.keyCode);
1463        var elm = e.target ? e.target : e.srcElement;
1464        if( Number(keyCode) == 13 ) {
1465            if(!isIgnoreEnterKeySubmitElement(elm)){
1466                targetButton.click();
1467                Event.stop(e);
1468            }
1469        }
1470    });
1471}
1472function isIgnoreEnterKeySubmitElement(elm){
1473    var tag = elm.tagName;
1474    if(tag.toLowerCase() == "textarea"){
1475        return true;
1476    }
1477    switch(elm.type){
1478        case "button":
1479        case "submit":
1480        case "reset":
1481        case "image":
1482            return true;
1483    }
1484    return false;
1485}
1486function isInputElement(elem){
1487    switch(elem.type) {
1488        case "text":
1489        case "radio":
1490        case "checkbox":
1491        case "password":
1492        case "file":
1493            return true;
1494    }
1495    return false;
1496}
1497var iemsg='現在お使いのブラウザではご利用いただけません。';var iemsg='現在お使いのブラウザではご利用いただけません。';
1498//]]></script>
1498<title>国立国会図書館へのお問い合わせ</title></head><body style='' class='fm-questionpage'><form method='POST' action='/form/pub/ndl01/contact'><input name='__pid' type='hidden' value='9504b108a86e6825e39e5a68679572ee'><input name='__pageId' id='__pageId' type='hidden' value='wcf5start'><input name='__token' id='__token' type='hidden' value='0d97dd2d9e404b6da6c5df4e5f89fbf9'><table cellpadding='0' cellspacing='0' class='fm-enqueteout'><tr><td><h1 style="text-align: center;">国立国会図書館へのお問い合わせ</h1></td></tr><tr><td></td></tr><tr align='center'><td><table cellpadding='20' class='fm-enquete'><tbody><tr id='view_2' class='fm-input-view'><td colspan='2' class='fm-verticalanswer'><h1>お問い合わせの前に</h1>
1499<ul>
1500  <li style="margin-left: 40px;">本フォームは、国立国会図書館のお問い合わせフォームです。他の機関・施設とお間違いのないよう、ご確認ください。</li>
1501  <li style="margin-left: 40px;"><a href="https://www.ndl.go.jp/help">よくあるご質問</a>のページで、国立国会図書館によくお寄せいただくご質問(利用案内、資料の探し方、複写(コピー)、画像の転載・放映、納本・寄贈等)にお答えしています。お問い合わせ前にご確認ください。</li>
1502</ul></td></tr><tr id='view_3' class='fm-input-view'><td colspan='2' class='fm-verticalanswer'><h1>お問い合わせ窓口</h1>以下のお問い合わせは、お電話又は専用のフォームで受け付けています。
1503<h2>お電話でお受けするお問い合わせ</h2>
1504<ul style="margin-left: 40px;">
1505  <li><a href="https://www.ndl.go.jp/use/reference">資料の所蔵、探し方、内容に関すること</a><br />
1506    電話:03-3506-5293(<a href="https://www.ndl.go.jp/tokyo/time">東京本館開館日</a>の9時30分~17時)</li>
1507  <li><a href="https://www.ndl.go.jp/copy/remote#contact">複写サービス、複写の申込み・訂正に関すること</a><br />
1508    電話:0774-98-1313(<a href="https://www.ndl.go.jp/kansai/time">関西館開館日</a>の9時30分~17時45分)</li>
1509  <li><a href="https://www.ndl.go.jp/registration">利用者登録に関すること</a>(登録利用者に係るID再送信の申請以外)<br />
1510    電話:0774-98-1312(<a href="https://www.ndl.go.jp/kansai/time">関西館開館日</a>の9時30分~17時45分)</li>
1511  <li>図書館間貸出(他の図書館への資料の貸出し)サービスに関すること<br />
1512    個人の方は、利用を希望される機関(お近くの公立図書館や所属の大学図書館など)に直接お問い合わせください。<br />
1513    図書館員の方は、お問い合わせの前に<a href="https://www.ndl.go.jp/library/service_lendout">図書館間貸出し</a>のページの内容をご確認ください。</li>
1514</ul><br />
1515※電話の利用に障害のある方は、「その他のお問い合わせ」をご確認ください。
1516<h2>専用のフォームでお受けするお問い合わせ</h2>
1517<ul style="margin-left: 40px;">
1518  <li>利用者IDの再送信:<a href="https://form2.ndl.go.jp/form/pub/ndl08/userid">利用者ID再送信の申請フォーム</a></li>
1519  <li><a href="https://ndlsearch.ndl.go.jp/">NDLサーチ</a>のパスワードをお忘れの場合:<a href="https://ndlsearch.ndl.go.jp/resetpassword">パスワード再設定</a></li>
1520  <li>当館ウェブサイト(<a href="https://dl.ndl.go.jp/">国立国会図書館デジタルコレクション</a>・電子展示会等を含む)からのコンテンツの転載に関すること:<a href="https://form2.ndl.go.jp/form/pub/ndl07/reproduction_jp">転載依頼フォーム</a></li>
1521  <li>国際子ども図書館についてのお問い合わせ:<a href="https://form2.ndl.go.jp/form/pub/ndl05/ilcl_contact">国際子ども図書館お問い合わせフォーム</a></li>
1522</ul></td></tr><tr class='fm-input-radio'><td colspan='2' id='question-17' class='fm-verticalquestion'><h2>その他のお問い合わせ</h2>
1523<p>「よくあるご質問」や、「お問い合わせ窓口」のいずれにも該当しないものについては、次の注意事項をお読みの上、以下のフォームからお寄せください。</p>
1524<h3 style="margin-left: 40px;" wrap="">注意事項</h3>
1525<ul>
1526  <li style="margin-left: 40px;" wrap="">個別の「お問い合わせ窓口」が存在するお問い合わせについては、フォームから送信いただいてもご回答・ご返信を行わないことがありますので、あらかじめご了承ください。</li>
1527  <li style="margin-left: 40px;" wrap="">聴覚や言語などに障害があり、電話のご利用が難しい方は、フォームで「電話の利用に障害がある方」を選択し、お問い合わせ内容を入力してお送りください。</li>
1528  <li style="margin-left: 40px;" wrap="">ご意見については、原則としてご回答・ご返信は行いません。業務の参考にさせていただきます。</li>
1529  <li style="margin-left: 40px;" wrap="">国立国会図書館の所管ではないお問い合わせについては、ご回答・ご返信は行いません。</li>
1530</ul>
1531<div style="margin-left: 40px;">&nbsp;</div> <span style='color:#D10000;font-size:13px;' class='fm-required-label'>※必須</span></td></tr><tr class='fm-input-radio'><td colspan='2' id='answer-17' class='fm-verticalanswer'>お問い合わせの内容に合うものを1つお選びください。<br />
1532<br />
1533<table class='order-table'><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_0'><input name='c_q10' id='c_q10_0' type='radio' value='0'><span>館内利用に関すること(東京本館)</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_1'><input name='c_q10' id='c_q10_1' type='radio' value='1'><span>館内利用に関すること(関西館)</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_2'><input name='c_q10' id='c_q10_2' type='radio' value='2'><span>
1533本や雑誌の納本・寄贈に関すること</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_3'><input name='c_q10' id='c_q10_3' type='radio' value='3'><span>当館の目録(書誌データまたは典拠データ)の訂正に関すること(下の入力フォームにご覧になったページのURLも記載してください。)</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_4'><input name='c_q10' id='c_q10_4' type='radio' value='4'><span>当館の雑誌記事索引データの訂正に関すること、採録誌に関すること</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_5'><input name='c_q10' id='c_q10_5' type='radio' value='5'><span>Web NDL Authoritiesの技術仕様</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_6'><input name='c_q10' id='c_q10_6' type='radio' value='6'><span>国立国会図書館サーチの技術仕様</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_7'><input name='c_q10' id='c_q10_7' type='radio' value='7'><span>国立国会図書館デジタルコレクションのシステムに関すること及び収録されているデジタル資料中の不備等に関すること</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_8'><input name='c_q10' id='c_q10_8' type='radio' value='8'><span>電話の利用に障害がある方</span></label></td></tr><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q10_9'><input name='c_q10' id='c_q10_9' type='radio' value='9'><span>その他</span></label></td></tr></table></td></tr><tr class='fm-input-textarea'><td colspan='2' id='question-6' class='fm-verticalquestion'>問い合わせ内容を具体的に入力してください。資料や参照先がある場合は、タイトル、著者、URL等、それを特定できる情報を必ず明記してください。<br />
1534&nbsp;
1535<p><label for="q1-box">例:資料「XXXX」(URL: https://id.ndl.go.jp/bib/XXXXXXX )の書誌情報に誤りがある。現物の奥付を確認すると、著者は「YYYY」ではなく、正しくは「ZZZZ」である。</label></p>
1536<p><label for="q1-box">例:公式ホームページのサイトポリシーに記載されているXXXXについて、YYYという理解でよいか、確認したい。<br />
1537(URL: https://www.ndl.go.jp/sitepolicy)</label></p> <span style='color:#D10000;font-size:13px;' class='fm-required-label'>※必須</span></td></tr><tr class='fm-input-textarea'><td colspan='2' id='answer-6' class='fm-verticalanswer'><textarea name='c_q2' id='c_q2' rows='6' cols='80'>
1538</textarea></td></tr><tr class='fm-input-text'><td id='question-8' class='fm-question'>利用者ID</td><td colspan='1' id='answer-8' class='fm-answer'><input maxlength='255' name='c_q4' id='c_q4' placeholder='E12345678' type='text' class='c_q4_text' value=''></td></tr><tr class='fm-input-text'><td id='question-14' class='fm-question'>氏名 <span style='color:#D10000;font-size:13px;' class='fm-required-label'>※必須</span></td><td colspan='1' id='answer-14' class='fm-answer'><input maxlength='255' name='c_q9' id='c_q9' placeholder='永田真理' type='text' class='c_q9_text' value=''></td></tr><tr class='fm-input-text'><td id='question-10' class='fm-question'>電子メールアドレス <span style='color:#D10000;font-size:13px;' class='fm-required-label'>※必須</span></td><td colspan='1' id='answer-10' class='fm-answer'><input maxlength='255' autocomplete='email' name='c_q6' id='c_q6' placeholder='[email protected]' type='text' class='c_q6_text' value=''><br />
1539<br />
1540※ご記入の電子メールアドレスにおいて、「@ndl.go.jp」又は「@kodomo.go.jp」のドメインのメールが受信可能になるよう設定してください。</td></tr><tr id='view_12' class='fm-input-view'><td colspan='2' class='fm-verticalanswer'><strong>個人情報の取り扱いについて</strong>
1541<ul style="margin-left: 40px;">
1542  <li>入力いただいた個人情報は、今回の問合せ手続きのみに使用し、他の目的には使用しません。</li>
1543  <li>当館における個人情報の取り扱いについては「<a href="https://www.ndl.go.jp/privacy">個人情報の取扱いについて</a>」をご覧ください。</li>
1544</ul>
1545<dl>
1546</dl></td></tr><tr class='fm-input-checkbox'><td id='question-13' class='fm-question'><p>『注意事項』に記載された内容を確認し、ご承知のうえで送信しますか?</p> <span style='color:#D10000;font-size:13px;' class='fm-required-label'>※必須</span></td><td colspan='1' id='answer-13' class='fm-answer'><table class='order-table'><tr class='order-table-row'><td class='order-table-option-column'><label for='c_q8_0'><input name='c_q8' id='c_q8_0' type='checkbox' value='0'><span>はい</span></label></td></tr></table></td></tr><tr id='view_16' class='fm-input-view'><td colspan='2' class='fm-verticalanswer'><div data-size='invisible' data-sitekey='6Lc-MgQsAAAAANORF2hW2ZL39xgLqIO6B_UDp83E' class='g-recaptcha'></div></td></tr></tbody></table></td></tr><tr><td style='text-align:center;' class='fm-enquete-commands'><br><input name='wcf5start' id='wcf5start' type='submit' value='確認' class='btn_next'></td></tr><tr><td><h2 id="contact">連絡先</h2>
1547<h3>国立国会図書館 東京本館</h3>
1548<dl>
1549  <dt>所在地:〒100-8924 東京都千代田区永田町 1-10-1</dt>
1550  <dt>電話:03-3581-2331(代表)</dt>
1551
1552</dl>
1553<h3>国立国会図書館 関西館</h3>
1554<dl>
1555  <dt>所在地:〒619-0287 京都府相楽郡精華町精華台8-1-3</dt>
1556  <dt>電話:0774-98-1200(代表)</dt>
1557</dl>
1558<h3>国立国会図書館 国際子ども図書館</h3>
1559<dl>
1560  <dt>所在地:〒110-0007 東京都台東区上野公園12-49</dt>
1561  <dt>電話:03-3827-2053(代表)</dt>
1562  <dt>利用案内(自動応答):03-3827-2069(音声)</dt>
1563</dl>
1564
1565<p style="text-align: center;">
1565Copyright &copy; 2025-&nbsp;<a href="https://ndl.go.jp/">National Diet Library, Japan</a>. All Rights Reserved.</p></td></tr></table></form></body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.