@charset "utf-8"; /* ------------------------------------------------------------------- （お問い合わせフォーム）イニシャライズと各エリア定義を行うCSS 最終更新：　2024年1月9日 ■CSS書き順■ * display / list-style * position / float / clear / z-index * width / height / margin / padding / border * background * color / font (font-family / font-style / font-variant / font-weight / font-size / line-height) text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text) * content * cursor ------------------------------------------------------------------- */ /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* イニシャライズ *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,cite,code,img,q,samp,small,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,figcaption,figure,footer,header,nav,section,time,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;vertical-align:baseline;background-color:transparent; }body {line-height:1; }blockquote,q {quotes:none; }blockquote:before,blockquote:after,q:before,q:after {content:'';content:none; }a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; }table {border-collapse:collapse;border-spacing:0; }input,select {vertical-align:top; }article,aside,footer,header,main,nav,section{display:block; } html { font-size:62.5%; overflow-y: scroll;} body { background-color:#fff; color:#333; font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; text-align:center; } a:link { color:#2451c6; text-decoration:none; } a:active { color:#2451c6; text-decoration:underline; } a:visited { color:#7c169e; text-decoration:none; } a:hover { color:#2451c6; text-decoration:underline; } input { font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; } /* Windows タブレット用の viewport 指定 */ @-ms-viewport { width: device-width; } @media screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait){ @-ms-viewport { width: 738px; } } /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* グローバルエレメント定義 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ /* clearfix */ .clearfix:after { content:""; display:block; clear:both; height:0; visibility:hidden; } .clearfix { min-height:1px; } /* アイコン右向き */ a.icon-arrow-r { display:inline-block; padding-left:16px; background:url(/common-contact/img/common/icon-arrow-right.png) no-repeat 4px 0.5em; } /* アイコンブランク */ a.icon-blank { display:inline-block; padding-left:16px; background:url(/common-contact/img/common/icon-blank.png) no-repeat 2px 0.35em; background-size:9px;} /* アイコン外部 */ a.icon-external { display:inline-block; padding-left:16px; background:url(/common-contact/img/common/icon-external.png) no-repeat 2px 0.4em; } /* アイコン打ち消し */ a.icon-none { display:inline; padding-left:0; background:none; } /* リンクとテキストを縦に並べたとき、テキストの開始位置がそろうようにする */ .icon-none-indent { display:inline-block; padding-left:16px;} /* ------------------------------------------------------------------- p要素 p要素は、コーポレートサイト全体で、以下の仕様で統一します。 ・上マージン 1em ・文字サイズ 1.4rem （ html要素に font-size:62.5%; を指定 ） ・行間 1.7em ------------------------------------------------------------------- */ #main p { margin:1em 0 0; font-size:14px; font-size:1.4rem; line-height:1.7em; } /* ------------------------------------------------------------------- スタイル調整セレクタ 以下のセレクタは、原則として、使用しません。 　　緊急時の一時処置にのみ用い、永続的な利用をしてはいけません。 　　margin や text-align は、エレメントで定義してください。 また、!important 宣言も、このセレクタにのみ、例外で適用しています。 通常は !important 宣言は禁止です。 ------------------------------------------------------------------- */ /* 上マージン調節 */ #main .mt00 { margin-top:0 !important; } #main .mt05 { margin-top:0.5em !important; } #main .mt10 { margin-top:1em !important; } #main .mt15 { margin-top:1.5em !important; } #main .mt20 { margin-top:2em !important; } #main .mt25 { margin-top:2.5em !important; } #main .mt30 { margin-top:3em !important; } /* 下からのマージンを調節（吸収） */ #main .mb05-r { margin-bottom:-0.5em !important; } #main .mb10-r { margin-bottom:-1em !important; } #main .mb15-r { margin-bottom:-1.5em !important; } #main .mb20-r { margin-bottom:-2em !important; } #main .mb25-r { margin-bottom:-2.5em !important; } #main .mb30-r { margin-bottom:-3em !important; } /* 左マージンを調節 */ #main .ml00 { margin-left:0em !important; } #main .ml05 { margin-left:0.5em !important; } #main .ml10 { margin-left:1em !important; } #main .ml15 { margin-left:1.5em !important; } #main .ml20 { margin-left:2em !important; } #main .ml25 { margin-left:2.5em !important; } #main .ml30 { margin-left:3em !important; } /* 左からのマージンを調節（吸収） */ #main .ml05-r { margin-left:-0.5em !important; } #main .ml10-r { margin-left:-1em !important; } #main .ml15-r { margin-left:-1.5em !important; } #main .ml20-r { margin-left:-2em !important; } #main .ml25-r { margin-left:-2.5em !important; } #main .ml30-r { margin-left:-3em !important; } /* テキストアライン[横] */ #main .text-center { text-align:center !important; } #main .text-right { text-align:right !important; } /* テキストアライン[縦] */ #main .text-middle { vertical-align:middle !important;} /* テキストアンダーライン */ #main .text-underline { text-decoration:underline !important;} /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* グローバルエリア定義 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ #wrap { width:100%; min-width:996px; text-align:left; -webkit-text-size-adjust:none; } #main-container { width:960px; margin:0 auto; padding:20px 0; } #main { float:left; width:700px; padding:0 0 0 10px; } /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 標準エレメント *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ #main h1 { margin:0; padding-left:.5em; border-left:6px solid #ff9e20; font-size:26px;font-size:2.6rem;line-height:1.3em;} #main header p.parts-h1-merit { margin:0; padding:0.2em 0 0 1em; border-left: 6px solid #ff9e20; font-size: 16px;font-size: 1.6rem;line-height: 1.4em;font-weight:bold;} .promo #main header p.text-title-lead { margin:1em 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; } #main h2 { margin:1.5em 0 0; padding:10px; font-size:20px; font-size:2.0rem; line-height:1.4em; border:1px solid #ccc; border-bottom:none; background-color:#e5e5e5;} #main ul { margin: 1em 0 0 29px; } #main ul li { margin: 0.4em 0 0; line-height: 1.7em; font-size: 1.4rem;} /* a11y対応：スクリーンリーダー読み込みコメント */ .accessibility { left:-9999px; position:absolute; top:-9999px; } /* フォーム要素系のマージン設定 */ #main .input-container p {margin-top:0;} #main .input-container input + p, #main .input-container textarea + p, #main .input-container select + p {margin-top:5px;} #main .input-container span {display:inline-block; padding-top:7px; vertical-align:middle;} /* 確認ページリセット */ .confirm #main .input-container span {padding-top:0px;} #main .input-container p a span {display:inline-block; padding-top:1px; line-height:1.3em;} /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* コンテンツヘッダー *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ /* ■フロー■ */ #main header .flow-step-3, #main header .flow-step-4 { margin-top:1em; background:#efefef; } /* 3ステップ */ #main header .flow-step-3 ol { margin:0; border:2px solid #cccccc; background:url(/common-contact/img/common/flow-step3-bg.png) repeat-y right top;} #main header .flow-step-3 ol li { width:230px; display:table-cell; list-style:none; margin:0; padding:5px 3px; border-left:2px solid #cccccc; font-size:12px; font-size:1.2rem; line-height:1.8em;} #main header .flow-step-3 ol li:first-child{ width:232px; border-left:none;} /* 4ステップ */ #main header .flow-step-4 ol { margin:0; border:2px solid #cccccc; background:url(/common-contact/img/common/flow-bg.png) repeat-y right top;} #main header .flow-step-4 ol li { width:162px; display:table-cell; list-style:none; margin:0; padding:5px 3px; border-left:2px solid #cccccc; font-size:12px; font-size:1.2rem; line-height:1.8em;} #main header .flow-step-4 ol li:first-child{ width:180px; border-left:none;} #main header .flow-step-3 ol li span, #main header .flow-step-4 ol li span{ display:inline-block; margin-right:2px; padding:0 5px; line-height:1.5em; border:1px solid #ccc; border-radius:25px; } /* 入力中 */ #main header .flow-step-3 ol li.current, #main header .flow-step-4 ol li.current { background-color:#a60000; color:#fff; font-weight:bold; } #main header .flow-step-3 ol li.current span, #main header .flow-step-4 ol li.current span { background-color:#fff; color:#a60000; } /* 完了 */ #main header .flow-step-3 ol li.completed { padding:5px 2px 5px 3px; background-color:#eee; overflow:hidden; } #main header .flow-step-4 ol li.completed { background-color:#eee; overflow:hidden; } #main header .flow-step-3 ol li.completed span, #main header .flow-step-4 ol li.completed span { width:9px; height:18px; text-indent:-9999px; white-space:nowrap; background:url(/common-contact/img/common/icon-form-completed.png) no-repeat center center #36da00; border:1px solid #36da00; } #main header .flow-step-3 ol li span.text, #main header .flow-step-4 ol li span.text{ padding:0; border:none; border-radius:0;} #main header .flow-step-3 ol li.current span.text, #main header .flow-step-4 ol li.current span.text{ background:none; color:#fff;} #main header .flow-step-3 ol li.completed span.text, #main header .flow-step-4 ol li.completed span.text{ width:auto; background:none; white-space:normal; color:#333;text-indent:inherit;} /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* コンテンツボディ *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ #main #main-body p.lead-completed { margin:1em 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; } /* ■画像■ */ #main #main-body .contact-visual{margin:1.8em 0 0; padding:0 18px; border:2px solid #cccccc; background-color:#fff; line-height:1em;} #main #main-body h2 + .area-inquiry .contact-visual:first-child{margin-top:0;} #main #main-body .contact-visual ul, #main #main-body .contact-visual ol{margin:0 18px 12px;} #main #main-body .contact-visual p{margin:0 0 12px;} #main #main-body .contact-visual p.contact-visual-text{clear:both;} #main #main-body .contact-visual p.contact-visual-text-left{float:left; padding-right:5px;} #main #main-body .contact-visual p.contact-visual-text-right{margin-top:12px;} #main #main-body .contact-visual p.pic{float:left; margin-top:0; padding-right:5px; line-height:0.5em;} #main #main-body .contact-visual p.pic img{max-width:660px; height:auto;} #main #main-body .contact-visual p.title{margin:0 -18px; padding:10px 12px; background-color:#ccc; font-weight:bold; line-height:1.2em;} #main #main-body .contact-visual p.title + p, #main #main-body .contact-visual p.title + ul, #main #main-body .contact-visual p.title + ol{margin-top:12px;} /* 大塚IDログインエリア */ #main #main-body .area-login-otsukaid{ margin-top:1.5em; padding:3px 0 14px; border:2px solid #b6c3d1; background-color:#f3f5f8;} #main #main-body .area-login-otsukaid p { margin-top:0.5em; color:#333; text-align:center;} #main #main-body .area-login-otsukaid p.button-login-otsukaid { width:238px; margin:0.3em auto 0;} #main #main-body .area-login-otsukaid p a{ display:inline-block; padding-left:19px; background:url(/common-contact/img/common/icons-arrow-right.png) no-repeat 0 0.28em;} #main #main-body .area-login-otsukaid p.button-login-otsukaid + p{ margin-bottom:-8px;} #main #main-body .area-login-otsukaid p.button-login-otsukaid a { display:block; padding:10px 10px 9px 35px; background:url(/common-contact/img/common/icon-button-login-otsukaid.png) no-repeat 20px center #fffefc; background:url(/common-contact/img/common/icon-button-login-otsukaid.png) no-repeat 20px center, -webkit-linear-gradient(top, #fffefc 0%, #fdeed1 100%); background:url(/common-contact/img/common/icon-button-login-otsukaid.png) no-repeat 20px center, linear-gradient(to bottom, #fffefc 0%, #fdeed1 100%); color:#333; border:1px solid #ccc; border-radius:40px; font-weight:bold; font-size:15px; font-size:1.5rem; line-height:1.7em; box-shadow:3px 3px 5px 0 rgba(4, 0, 0, 0.2);} /* ■大塚IDに登録するメリット(現在使用されてませんがいずれ使います。)■ */ #main #main-body .my-otsuka-id-merit-outer{ padding-top:35px; background:url(/common-contact/img/common/my-otsuka-id-merit-top-bg.gif) no-repeat center 20px;} #main #main-body .my-otsuka-id-merit{ margin:3em 0 -25px 0; padding-bottom:30px; background:url(/common-contact/img/common/pic-my-otsuka-id-merit-bg.png) no-repeat left top;} #main #main-body .my-otsuka-id-merit .detail{ position:relative; width:460px; margin:0 0 0 180px; padding:20px; border:2px solid #b6b6b6; border-radius:8px; background-color:#f5f5f5;} #main #main-body .my-otsuka-id-merit .detail:before { content:""; width:0; height: 0; position:absolute; border:15px solid transparent; border-right-color:#b6b6b6; top:40%; right:100%;} #main #main-body .my-otsuka-id-merit .detail:after { content:""; width:0; height: 0; position:absolute; border:12px solid transparent; border-right-color:#f5f5f5; top:43%; right:100%;} #main #main-body .my-otsuka-id-merit .detail p, #main #main-body .my-otsuka-id-merit .detail ul li{ font-size:16px; font-size:1.6rem; line-height:1.4em; font-weight:bold;} #main #main-body .my-otsuka-id-merit .detail p:first-child{ margin-top:0;} #main #main-body .my-otsuka-id-merit .detail ul{ margin:0.5em 0 0 24px;} #main #main-body .my-otsuka-id-merit .detail ul li{ margin-top:0.3em;} /* ページ上部メッセージエリア */ #main #main-body .area-contact-message{margin-top:1.5em; padding:15px; border:1px solid #ccc; background-color:#f5f5f5;} #main #main-body .area-contact-message p.title{ margin:0; padding-left:5px; border-left:4px solid #333; color:#333; font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.5em;} #main #main-body .area-contact-message p.text{margin:0; color:#333; font-size:14px; font-size:1.4rem; line-height:1.5em;} #main #main-body .area-contact-message p.title + p.text{margin-top:0.4em;} #main #main-body .area-contact-message ul{margin:0 0 0 22px;} #main #main-body .area-contact-message p.title + ul{margin-top:1em;} #main #main-body .area-contact-message ul li{list-style:disc; color:#333; font-size:14px; font-size:1.4rem; line-height:1.5em;} #main #main-body .area-contact-message ul li:first-child{margin:0;} /* ■お問い合わせ項目■ */ #main #main-body .area-inquiry{ margin:0;} #main #main-body .area-inquiry dl{ display:block; list-style:none; width:698px; margin:1.8em 0 0; padding:0; border:1px solid #ccc; border-width:0 1px 1px; background:url(/common-contact/img/common/bg-table-list.gif) repeat-y -482px 0 #fff; } #main #main-body h2 + .area-inquiry dl, #main #main-body .area-inquiry .contact-visual.title-area + dl{ margin-top:0;} #main #main-body .area-inquiry .contact-visual.visual-area + dl{ margin-top:1.8em;} #main #main-body .area-inquiry dl dt, #main #main-body .area-inquiry dl dd { display:block; float:left; margin:0; padding:0; border-top:1px solid #ccc; font-size:14px; font-size:1.4rem; line-height:1.3em; } /* お問い合わせ項目 */ #main #main-body .area-inquiry .particle{ width:188px; padding:10px 10px 11px; clear:both;} /* 内容入力 */ #main #main-body .area-inquiry .input-container{ width:470px; padding:5px 10px;} /* 編集不可領域個別設定 */ #main #main-body .area-inquiry .input-container .no-editable-area{ padding-top:5px;} /* 確認ページ */ .confirm #main #main-body .area-inquiry .input-container{ padding:10px 10px 10px;} #main #main-body .area-inquiry .caption { margin:0.5em 0 0; text-align:right; font-size:12px; font-size:1.2rem; line-height:1.5;} /* テキストエリア設定 */ #main #main-body .area-inquiry .input-container textarea { width:455px; min-height:100px; margin-top:5px; padding:3px 5px; border-radius:5px; border:1px solid #ddd; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1) inset; font-size:14px; font-size:1.4rem; line-height:1.5em; font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; resize:vertical; } /* 小見出しがテキストエリアの前に来た時 */ #main #main-body .area-inquiry .input-container .input-title + textarea { margin-top:2px;} /* その他選択時の表示されるテキストボックス、テキストエリア */ #main #main-body .area-inquiry .input-container .check-box + .input-textarea, #main #main-body .area-inquiry .input-container .check-box + .input-text-long-area, #main #main-body .area-inquiry .input-container .radio-box + .input-textarea, #main #main-body .area-inquiry .input-container .radio-box + .input-text-long-area {margin:0.5em 0 0;} #main #main-body .area-inquiry .input-container .input-check-wrap{float:left;} /* placeholderフォント設定 */ ::-webkit-input-placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;} :-moz-placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;} ::-moz-placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;} :-ms-input-placeholder { font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;} .placeholder{ font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; color:#c0c0c0;} /* 一行テキストボックス設定 */ #main #main-body .area-inquiry .input-container input[type="text"], #main #main-body .area-inquiry .input-container input[type="email"], #main #main-body .area-inquiry .input-container input[type="tel"], #main #main-body .area-inquiry .input-container input[type="number"] { width:458px; min-height:24px; margin-top:5px; padding:3px 5px; border-radius:5px; border:1px solid #ddd; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1) inset; font-size:14px; font-size:1.4rem; line-height:1.9em; line-height:2.4rem; vertical-align:middle;} /* 小見出しがテキストボックスの前に来た時 */ #main #main-body .area-inquiry .input-container .input-title + input[type="text"], #main #main-body .area-inquiry .input-container .input-title + input[type="email"], #main #main-body .area-inquiry .input-container .input-title + input[type="tel"], #main #main-body .area-inquiry .input-container .input-title + input[type="number"] { margin-top:2px;} #main #main-body .area-inquiry .input-container ul.category + input[type="text"], #main #main-body .area-inquiry .input-container ul.category + .input-note-beside + input[type="text"] {margin:0.5em 0 0;} #main #main-body .area-inquiry .input-container input[type="text"].input-text-date, #main #main-body .area-inquiry .input-container input[type="text"].input-text-name{ width:93px;} /* お問い合わせ内容入力にて長さをクラス名で明示できるようにする */ /* テキスト（短） */ #main #main-body .area-inquiry .input-container .input-text-short-area input[type="text"], #main #main-body .area-inquiry .input-container .input-text-short-area input[type="email"], #main #main-body .area-inquiry .input-container .input-text-short-area input[type="tel"], #main #main-body .area-inquiry .input-container .input-text-short-area input[type="number"] { width:93px;} /* テキスト（短・縦設定） */ #main #main-body .area-inquiry .input-container .input-text-short-area.input-text-short-longitudinal{ display:block; margin-bottom:0.5em;} /* テキスト（中） */ #main #main-body .area-inquiry .input-container .input-text-middle-area input[type="text"], #main #main-body .area-inquiry .input-container .input-text-middle-area input[type="email"], #main #main-body .area-inquiry .input-container .input-text-middle-area input[type="tel"], #main #main-body .area-inquiry .input-container .input-text-middle-area input[type="number"] { width:220px;} /* テキスト（長） */ #main #main-body .area-inquiry .input-container .input-text-long-area input[type="text"], #main #main-body .area-inquiry .input-container .input-text-long-area input[type="email"], #main #main-body .area-inquiry .input-container .input-text-long-area input[type="tel"], #main #main-body .area-inquiry .input-container .input-text-long-area input[type="number"] { width:458px;} #main #main-body .area-inquiry .input-text-short-area{ display:inline; margin-bottom:0;} /* 編集不可領域のためclearfixの記述を一部解除 */ #main #main-body .area-inquiry .input-text-short-area:after{ display:inline;} /* 要素の前につく単位 */ #main #main-body .area-inquiry .input-container .before-item { display:inline-block; margin:0 3px 0 1px; padding-top:5px; vertical-align:middle; line-height:1.7em; } /* 一行テキストボックスに付随する単位 */ #main #main-body .area-inquiry .input-container .year, #main #main-body .area-inquiry .input-container .month, #main #main-body .area-inquiry .input-container .day { display:inline-block; margin:0 1px 0 3px; padding-top:5px; vertical-align:middle; line-height:1.7em; } #main #main-body .area-inquiry .input-container .first-name, #main #main-body .area-inquiry .input-container .last-name, #main #main-body .area-inquiry .input-container .f_sei, #main #main-body .area-inquiry .input-container .f_mei { display:inline-block; padding-top:5px; vertical-align:middle; line-height:1.7em; } /* エラーメッセージ用の対応 */ #main #main-body .area-inquiry .input-container .error-message .f_sei, #main #main-body .area-inquiry .input-container .error-message .f_mei { display:block; margin:0; padding-top:0; vertical-align:middle; line-height:1.7em; } #main #main-body .area-inquiry .input-container input[type="number"]::-webkit-outer-spin-button, #main #main-body .area-inquiry .input-container input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} #main #main-body .area-inquiry .input-container input[type="number"] { -moz-appearance:textfield;} /* セレクト */ #main #main-body .area-inquiry .input-container div.input-type-select{ vertical-align:middle; display:inline-block; margin:5px 5px 0.5em 0; margin-bottom:calc(0); box-sizing:border-box; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.17); overflow:hidden; border:1px solid #ccc; border-radius:5px; background-color:#faf6f5; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,#faf6f5; position:relative;z-index:3;} #main #main-body .area-inquiry .input-container div.input-type-select select{ text-overflow:ellipsis; box-sizing:border-box; width:450px; width:calc(100%); -webkit-appearance: none; -moz-appearance: none; padding:4px 5px; padding:4px calc(34px) 4px 5px; background:transparent; border:none; border-radius:4px 3px 3px 4px; font-size:14px;font-size:1.4rem;line-height:1.5em;color:#333;font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; white-space:normal; position:relative; background-color:#fff; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center;} /* セレクト（必須の場合） */ #main #main-body .area-inquiry .input-container.required-area div.input-type-select{ vertical-align:middle; display:inline-block; margin:5px 5px 0.5em 0; margin-bottom:calc(0); box-sizing:border-box; overflow:hidden; border:1px solid #ccc; border-radius:5px; background-color:#ffeedb; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center,-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.3, #FFF6EB), color-stop(1, #ffeedb)); position:relative;z-index:3;} #main #main-body .area-inquiry .input-container.required-area div.input-type-select select{ text-overflow:ellipsis; box-sizing:border-box; width:450px; width:calc(100%); -webkit-appearance: none; -moz-appearance: none; padding:4px 5px; padding:4px calc(34px) 4px 5px; background:transparent; border:none; border-radius:4px 3px 3px 4px; font-size:14px;font-size:1.4rem;line-height:1.5em;color:#333;font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; white-space:normal; position:relative; background-color:#ffeedb; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat right center;} /* オプションは選択時背景白 */ #main #main-body .area-inquiry .input-container.required-area div.input-type-select select option{background:#ffeedb;} #main #main-body .area-inquiry .input-container.required-area div.input-type-select select:focus option{background:#fff;} /* IE10（矢印消す） */ #main #main-body .area-inquiry .input-container div.input-type-select select::-ms-expand {display:none;} /* ※ie8にはシングル疑似クラス。 */ #main #main-body .area-inquiry .input-container div.input-type-select:after{ content:"";display:block;width:10px;height:100%; position:absolute;right:23px;top:0;z-index:10; background-color:#ffeedb; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAABkCAIAAACHE87nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyRTk3OTRDMzcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyRTk3OTRDMjcxNDgxMUU1OEZERjhGMUIzNThBM0E0NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjYxQTEyMjQ4NzFFNTExOTZDQzhFNEQ5MjIzRTI1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNDMwMDFDMjQ3NzFFNTExQkNGQkI5MTk1OTQzMEIzMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpS+uyQAAADRSURBVHja7NhbDoIwFEVRQpwqo2IQnUgn0RAIXwzh6kETo2ixEmuw7vPRNCVk5aYPHtU0Td77Y87UVf5gYGBgYGBgYGBgYGDMOVx7+hjB2JGRj7mrowjDzKhjR+vKzvl940tzvlJH0zSxS23bpj4/VITF45x7er/G7VXqRR2xjOP4yGhE4x8zlGEYbhn1NWIJqRdzvp6+7y+MWvUT//W9vXa7rhOgduPaTdwfIQT2YBHnVSlneylzXsr7Fe+i/2Lw7YyBgYGBgYGBgYGBMeckwACJ00Pd0A8LtAAAAABJRU5ErkJggg==) no-repeat left center;} /* ie9には未対応プロパティrotate3dで10以降は、afterをhidden領域まで飛ばす（矢印分上書き） */ #main #main-body .area-inquiry .input-container div.input-type-select::after{ content:"";display:block;width:19px;height:100%;position:absolute;right:34px;top:0;z-index:50;background:#faf6f5; -webkit-transform:rotate3d(1,1,0,180deg); transform:rotate3d(1,1,0,180deg); -webkit-transform-origin: 0 150px; transform-origin: 0 150px; } #main #main-body .area-inquiry .input-container.required-area div.input-type-select::after{ content:"";display:block;width:19px;height:100%;position:absolute;right:34px;top:0;z-index:50;background:#ffeedb; -webkit-transform:rotate3d(1,1,0,180deg); transform:rotate3d(1,1,0,180deg); -webkit-transform-origin: 0 150px; transform-origin: 0 150px; } /* 横設定 */ #main #main-body .area-inquiry .input-container div.outer-input-type-select{ display:inline; margin-bottom:0;} /* 縦設定 */ #main #main-body .area-inquiry .input-container div.outer-input-type-select.select-longitudinal{ display:block; margin-bottom:0.5em;} /* 単位 */ #main #main-body .area-inquiry .input-container .outer-input-type-select span{ margin:0; padding:0;} #main #main-body .area-inquiry .input-container div.input-type-select + span{ display:inline-block; margin-right:5px; line-height:1.7em; vertical-align:middle;} #main #main-body .area-inquiry .input-container .input-text-short + span{ display:inline-block; margin-right:5px; padding-top:5px; line-height:1.7em; vertical-align:middle;} /* チェックボックスとラジオボックスにclearfix対応 */ #main #main-body .area-inquiry .input-container .check-box:after, #main #main-body .area-inquiry .input-container .radio-box:after { content:""; display:block; clear:both; height:0; visibility:hidden; } #main #main-body .area-inquiry .input-container .check-box, #main #main-body .area-inquiry .input-container .radio-box { min-height:1px; } #main #main-body .area-inquiry .input-container .check-box + .check-box, #main #main-body .area-inquiry .input-container .radio-box + .radio-box, #main #main-body .area-inquiry .input-container .check-box + .radio-box, #main #main-body .area-inquiry .input-container .radio-box + .check-box { margin-top:0.8em; } #main #main-body .area-inquiry .input-container .check-box .delete-margin, #main #main-body .area-inquiry .input-container .radio-box .delete-margin{ margin-top:0; } #main #main-body .area-inquiry .input-container .check-box .delete-margin > ul, #main #main-body .area-inquiry .input-container .radio-box .delete-margin > ul{ margin-bottom:0; } /* 郵便番号 */ #main #main-body .area-inquiry .input-container input[type="text"].zip { width:190px; float:left; margin-right:10px;} #main #main-body .area-inquiry .input-container p#auto-complete-loading{ width:18px; float:left; margin-top:7px;} #main #main-body .area-inquiry .input-container .prior-text { float:right; width:230px; margin-top:0.9em; font-size:12px; font-size:1.2rem; } /* 都道府県/市区町村 */ #main #main-body .area-inquiry .input-container div.input-type-select select.area { float:left; } #main #main-body .area-inquiry .input-container input[type="text"].address { width:285px; float:right; } /* お客様情報入力 お客様の立場 ラジオエリア個別設定 */ #main #main-body .area-inquiry #input-f_situation .category li { float:none; display:block; } /* 入力制御 */ #main #main-body .area-inquiry .input-container input[type="text"].active { ime-mode:active; } #main #main-body .area-inquiry .input-container input[type="text"].disable { ime-mode:disabled; } /* 必須アイコン*/ #main #main-body .area-inquiry .required-icon { display:block; width:40px; margin:2px 0 0; padding:0; background-color:#db3600; border:1px solid #db3600; text-align:center; color:#fff; font-size:11px; font-size:1.1rem; line-height:1.2em; } /* 任意アイコン */ #main #main-body .area-inquiry .optional-icon { display:block; width:40px; margin:2px 0 0; padding:0; background-color:#ebe9ec; border:1px solid #ccc; text-align:center; font-size:11px; font-size:1.1rem; line-height:1.2em; } /* 完了アイコン*/ #main #main-body .area-inquiry .completed-icon { display:block; width:40px; margin:2px 0 0; padding:0; background-color:#428400; border:1px solid #428400; color:#fff; text-align:center; font-size:12px; font-size:1.2rem; line-height:1.2em; } /* 必須入力エリア */ #main #main-body .area-inquiry .input-container .required-area { background-color:#ffe8ce; } /* エラー処理 */ #main #main-body .area-inquiry .input-container .error-message { margin-top:7px; position:relative; display:none; clear:both;} #main #main-body .area-inquiry .input-container .error-message p { margin:-1px 0 0.5em 0; } #main #main-body .area-inquiry .input-container .error-message p:before { content:" "; width:0; height:0; position:absolute; bottom:100%; left:20px; border-width:0 5px 6px 5px; border-style:solid; border-color:#db3600 transparent; } #main #main-body .area-inquiry .input-container .error-message p.address_1 { margin-left:146px; } #main #main-body .area-inquiry .input-container .error-message p.address_1:before { left:175px; } #main #main-body .area-inquiry .input-container .error-message p span { padding:3px 6px 2px; background-color:#db3600; color:#fff; box-shadow:2px 2px rgba(0, 0, 0, 0.17); } /* エラーメッセージ表示用 */ #main #main-body .area-inquiry .input-container .visible { display:block; } #main #main-body .area-inquiry .input-container .visible p span { display:block; } /* エラー処理（JSOFF時） */ #main #main-body .area-inquiry .input-container .error-message-confirm { clear:both; margin-top:5px; overflow:hidden; } #main #main-body .area-inquiry .input-container .error-message-confirm p { display:block; margin:-1px 0 0.5em 0; padding:3px 6px 2px; background-color:#db3600; color:#fff; } /* フォーカス時処理 */ #main #main-body .area-inquiry .input-container input:focus, #main #main-body .area-inquiry .input-container textarea:focus{ border: 1px solid #a3c3f9; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-transition:box-shadow 0.2s ease 0s, border 0.2s ease 0s; transition:box-shadow 0.2s ease 0s, border 0.2s ease 0s; outline:none;} #main #main-body .area-inquiry .input-container input[type="checkbox"]:focus, #main #main-body .area-inquiry .input-container input[type="radio"]:focus{ box-shadow:none; border:none;} /* ■個人情報の取り扱い・利用目的について■ */ #main #main-body .area-privacy { margin:2em 0 0; } /* ご入力いただいた個人情報の取り扱い・利用目的 */ #main #main-body .area-privacy .input-container .text-privacy { margin:2px 0 0; } /* 同意する/同意しない */ #main #main-body .area-privacy .input-container .agree-disagree p { margin-top:0.5em; position:relative; float:left; width:235px; font-size:16px; font-size:1.6rem; line-height:1.5em; cursor:pointer; } #main #main-body .area-privacy .input-container .agree-disagree p:first-child{ margin-top:0.5em;} #main #main-body .area-privacy .input-container .agree-disagree p label { display:block; padding:10px 10px 10px 50px; background:#fcfcfc; background:-webkit-linear-gradient(top, #fcfcfc 0%, #efefef 100%); background:linear-gradient(to bottom, #fcfcfc 0%, #efefef 100%); box-shadow:1px 1px 3px #ccc; border:1px solid #ccc; border:1px solid #ccc; border-radius:0 5px 5px 0; } #main #main-body .area-privacy .input-container .agree-disagree p:first-child label { border-radius:5px 0 0 5px; border-right:none; } #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"] { position:absolute; left:10px; top:11px; border:none;} /* チェックON時の処理 */ #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked { position:absolute; left:-9999px; outline:none;} #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label { position:relative; cursor:pointer; background:#ccc; background:-webkit-linear-gradient(top, #ccc 0%, #fff 100%); background:linear-gradient(to bottom, #ccc 0%, #fff 100%); line-height:20px; color:#333; } #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label:before { content:''; position:absolute; left:10px; top:7px; width:26px; height:26px; border:none; border-radius:100%; background:url(/common-contact/img/common/radio-checked-bg.png) center center no-repeat; background-size:26px auto;} #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label:after { content:''; position:absolute; left:18px; top:15px; width:10px; height:10px; background:#1c2842; border-radius:100%; } #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:checked + label:after { opacity:1; -webkit-transform:scale(1); transform:scale(1); } /* チェックOFF時の処理 */ #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) { position:absolute; left:-9999px; } #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label { position:relative; cursor:pointer; line-height:20px; color:#333; } #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label:before { content:''; position:absolute; left:10px; top:7px; width:26px; height:26px; border:none; border-radius:100%; background:url(/common-contact/img/common/radio-no-check-bg.png) center center no-repeat; background-size:26px auto;} #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label:after { content:''; position:absolute; left:16px; top:17px; width:8px; height:8px; background:#1c2842; border-radius:100%; } #main #main-body .area-privacy .input-container .agree-disagree p input[type="radio"]:not(:checked) + label:after { opacity:0; -webkit-transform:scale(0); transform:scale(0); } /* ■サブミットエリア■ */ #main #main-body .area-submit{ position:relative;} #main #main-body .area-submit .submit p{ text-align:center;} #main #main-body .area-submit .submit p.button{ position:relative; width:260px; margin: 1.5em auto 0; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 0 0 #fff;} #main #main-body .area-submit .submit p.button.on{ border: 1px solid #0059aa; border-radius: 8px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);} /* ボタン */ #main #main-body .area-submit .submit p.button .button-submit{ width:260px; min-height:67px; margin:0; padding:5px 10px; border:1px solid #fff; border-radius:8px; background:#eee; background:-webkit-linear-gradient(top, #eee 0%, #dfdfdf 100%); background:linear-gradient(to bottom, #eee 0%, #dfdfdf 100%); color:#707070; font-size:16px; font-size:1.6rem; line-height:1.5em; font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; font-weight: bold;} #main #main-body .area-submit p .button-submit{ display:block; cursor:pointer;} #main #main-body .area-submit p .button-submit:hover{} #main #main-body .area-submit p .button-submit span.next-flow{ position:relative; font-size:22px; font-size:2.2rem; line-height:1.3em; font-weight:bold; } #main #main-body .area-submit p .button-submit:after { display:block; content:""; position:absolute; top:50%; right:5px; width:0; height:0; margin-top:-5px; border:5px solid transparent; border-right:none;border-left:10px solid #666;} /* ブルーのボタン */ #main #main-body .area-submit .submit p.button.on .button-submit{ background:#0082d9; background:-webkit-linear-gradient(top, #0082d9 0%, #00549a 100%); background:linear-gradient(to bottom, #0082d9 0%, #00549a 100%); border: 1px solid #93c1e2; color: #fafafa; cursor: pointer; text-shadow: 1px 2px rgba(0, 0, 0, 0.3);} #main #main-body .area-submit p.button.on .button-submit:after { border:5px solid transparent; border-right:none; border-left:10px solid #fff;} #main #main-body .area-submit p .button-submit-completed { display:block; cursor:pointer; } /* 修正ボタン */ #main #main-body .area-submit p{} #main #main-body .area-submit .button-back{ position:absolute; left:0; top:0; margin:0; border:1px solid #ccc; border-radius:5px; background-color:#fff; background:-webkit-linear-gradient(top, #fff 0%, #efefef 100%); background:linear-gradient(to bottom, #fff 0%, #efefef 100%); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.17); padding:10px 10px 10px 15px; width:200px; color:#545454; font-weight:bold; font-size:12px; font-size:1.2rem; cursor:pointer;} #main #main-body .area-submit .button-back:before{ display: block; content: ""; position: absolute; top: 50%; left: 5px; width: 0; height: 0; margin-top: -3px; border:3px solid transparent; border-right:6px solid #666; border-left:none;} #main #main-body .area-submit .error-count{ position:static; margin:1em 0 0;} #main #main-body .area-submit .error-count span{ color:#ff0000;} /* フォームエリアの最初にくるpタグ指定 */ #main #main-body .area-inquiry .input-container p:first-child {margin-top:2px;} /* 小見出し */ #main #main-body .area-inquiry .input-container p.input-title{ padding:0; background:none; font-size:14px; font-size:1.4rem; line-height:1.7em; font-weight:bold;} #main #main-body .area-inquiry .input-container p.input-title.chain {margin-top:0.8em;} /* リード文 */ #main #main-body .area-inquiry .input-container p.input-parts-title{} /* リード文の次に要素が来る場合 */ #main #main-body .area-inquiry .input-container p.input-parts-title + div{ margin-top:0.8em;} /* 絞り込み */ #main #main-body ul.category { float:left; margin:0 0 5px;} #main #main-body ul.category li { display: inline-block; list-style: none; float: left; margin: 5px 8px 0 0; font-size:14px; font-size:1.4rem; line-height:1.5em;} /* 縦並び */ #main #main-body .longitudinal ul.category li { display:block; float:none;} #main #main-body ul.category li.list-clear{clear:both;} #main #main-body ul.category li label { display: block; cursor: pointer;} #main #main-body ul.category li label:hover { text-decoration: none;} #main #main-body ul.category li input { position: relative; margin-right:5px; top: 1px;} #main #main-body ul.category + p, #main #main-body ul.category + span.input-note-beside + p { clear:both;} /* 町域、丁目・番地のチェックボックス調整 */ #main #main-body #chouiki + label, #main #main-body #choume-banchi +label{display:inline-block; margin-top:0.5em; cursor:pointer;} #main #main-body #f_address_2_c, #main #main-body #f_address_3_c{display:inline-block; margin-top:0.6em;} #main #main-body #f_address_2_c + label, #main #main-body #f_address_3_c + label{display:inline-block; margin-top:0.5em; cursor:pointer;} /* 完了画面メッセージエリア */ #main .area-comment{ position:relative; min-height:120px; margin:2em 0 -15px; padding:50px 0 25px; background:url(/common-contact/img/common/pic-area-comment-bg.png) no-repeat 20px bottom;} #main .area-comment:before{ content:""; position:absolute; top:0; left:310px; width:94px; height:26px; background:url(/common-contact/img/common/icon-complete-arrow.png) center top no-repeat;} /* 吹き出しのカール */ #main .area-comment .comment{ position:relative; width:480px; margin:0 0 0 200px; padding:20px 8px 15px;border: 2px solid #d0cecf; border-radius:5px; background-color: #faf6f5;} #main .area-comment .comment:after, #main .area-comment .comment:before{ position: absolute; left:-1%; top:40%; content: ""; border:solid transparent;} #main .area-comment .comment:after{ margin-left: -20px; border-right-color: #faf6f5; border-width:12px 26px 12px 0;} #main .area-comment .comment:before{ margin: -1px 0 0 -25px; border-right-color: #d0cecf; border-width:13px 28px 13px 0;} #main .area-comment .comment p{ margin:0 0 0 10px; line-height:1em; font-weight:bold; font-size:16px; font-size:1.6rem; } #main .area-comment .comment ul li{ line-height:1.5em; font-weight:bold; font-size:16px; font-size:1.6rem; } /* 完了画面おすすめエリア */ #main .free-area .parts-complete-recommend{ margin-top:5em;} #main .free-area .parts-complete-recommend .title{ margin:0; font-weight:bold; font-size:18px; font-size:1.8rem; line-height:1.5em;} #main .free-area .parts-complete-recommend .detail{ margin-top:0.4em; padding:15px; border:1px solid #ccc; background-color:#f5f5f5;} #main .free-area .parts-complete-recommend .detail > *:first-child{ margin-top:0;} #main .free-area .parts-complete-recommend .detail .pic{ float:left; list-style:none; width:220px; margin:0;} #main .free-area .parts-complete-recommend .detail .pic img{ display:block; padding:1px; border:1px solid #dcdcdc; border-radius:10px; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.15);} #main .free-area .parts-complete-recommend .detail .pic a:hover img{ opacity:0.7;} #main .free-area .parts-complete-recommend .detail .text{ float:right; width:438px;} #main .free-area .parts-complete-recommend .detail .text p{ margin-top:0.3em;} #main .free-area .parts-complete-recommend .detail .text p a{ display:inline-block; min-height:16px; padding:0 0 0 19px; background:url(/common-contact/img/common/icons-arrow-right.png) no-repeat left 0.28em;} #main .free-area .parts-complete-recommend .detail .text > *:first-child{ margin-top:0;} /* 完了画面大塚ID登録エリア */ #main .parts-complete-insert-otsukaid{ margin-top:2em; padding:15px; border:1px solid #ccc;} #main .parts-complete-insert-otsukaid .message{ margin:0; text-align:center; font-size:15px; font-size:1.5rem; line-height:1.7em;} #main .parts-complete-insert-otsukaid .conversion-area{} #main .parts-complete-insert-otsukaid .conversion-area .button{ margin-top:0.8em; text-align:center;} #main .parts-complete-insert-otsukaid .conversion-area .button a{ display:inline-block; padding:5px 18px; border:1px solid #ccc; border-radius:10em; background:#efefef; background:-webkit-linear-gradient(top, #fff 0%, #efefef 100%); background:linear-gradient(to bottom, #fff 0%, #efefef 100%); font-weight:bold; color:#333; text-decoration:none; box-shadow:0 0 0 2px #fff inset;} #main .parts-complete-insert-otsukaid .conversion-area .button a:hover{ background:#ffedd0; background:-webkit-linear-gradient(top, #fff5e3, #ffedd0); background:linear-gradient(to bottom, #fff5e3, #ffedd0);} #main .parts-complete-insert-otsukaid .about-otsuka-id{ margin-top:0.4em; text-align:center;} #main .parts-complete-insert-otsukaid .about-otsuka-id a{ display:inline-block; padding-left:19px; background:url(/common-contact/img/common/icons-blank.png) no-repeat left 0.32em;} /* 完了画面大塚IDおすすめエリア */ #main #main-body .parts-complete-recommend-otsukaid{ margin-top:5em;} #main #main-body .parts-complete-recommend-otsukaid + .parts-complete-recommend-otsukaid{ margin-top:0;} #main #main-body .parts-complete-recommend-otsukaid a{ display:inline-block; padding-left:16px; background:url(/common-contact/img/common/icon-arrow-right.png) no-repeat 4px 0.5em;} #main #main-body .parts-complete-recommend-otsukaid a.icon-blank{ display:inline-block; padding-left:16px; background:url(/common-contact/img/common/icon-blank.png) no-repeat 2px 0.44em;} #main #main-body .parts-complete-recommend-otsukaid .message{ margin:0; font-weight:bold; font-size:18px; font-size:1.8rem; line-height:1.5em;} #main #main-body .parts-complete-recommend-otsukaid .button{ width:346px; margin:2em auto; text-align:center; border:1px solid #0059aa; border-radius:10px;} #main #main-body .parts-complete-recommend-otsukaid .button a{ position:relative; display:block; margin:1px; padding:15px 14px 14px 6px; border-radius:9px; background:#0082d9; background:-webkit-linear-gradient(top, #0082d9 0%, #00549a 100%); background:linear-gradient(to bottom, #0082d9 0%, #00549a 100%); text-align:center; text-decoration:none; color:#fafafa; font-weight:bold; font-size:22px; font-size:2.2rem; line-height:1.3em; text-shadow:1px 2px rgba(0, 0, 0, 0.3);} #main #main-body .parts-complete-recommend-otsukaid .button a:hover{ background:#1a87d2; background:-webkit-linear-gradient(top, #1a87d2 0%, #1a73b0 100%); background:linear-gradient(to bottom, #1a87d2 0%, #1a73b0 100%); text-decoration:underline;} #main #main-body .parts-complete-recommend-otsukaid .button a:after{ display:block; content:""; position:absolute; top:50%; right:7px; width:0; height:0; margin-top:-5px; border:5px solid transparent; border-right:none; border-left:10px solid #fff;} #main #main-body .recommend-information{ margin-top:25px; padding:36px 34px; background:#f3f3f3;} #main #main-body .recommend-information .title{ margin:0; font-weight:bold; font-size:20px; font-size:2rem; line-height:1.5em;} #main #main-body .recommend-information ul{ margin-left:-20px;} #main #main-body .recommend-information ul li{ display:inline-block; list-style:none; width:195px; margin:0 0 0 20px;} #main #main-body .recommend-information ul li .information-title{ margin:0; color:#c35c00; font-weight:bold; font-size:16px; font-size:1.6rem; line-height:1.5em;} #main #main-body .recommend-information ul li .pic{ margin-top:0.2em;} #main #main-body .recommend-information ul li .pic img{ display:block; width:100%; height:auto;} #main #main-body .recommend-information ul li .text{ margin-top:0.4em; font-size:12px; font-size:1.2rem; line-height:1.7em;} #main #main-body .recommend-information .detail{ margin-top:1.8em;} #main #main-body .recommend-information .parts-box-1column ~ .detail{ margin-top:0.5em;} #main #main-body .recommend-information .detail-link{ margin-top:0.2em;} /* === 完了画面資料インデックス（3カラム） === */ #main #main-body .links-complete-recommend-document { margin-top:20px;} #main #main-body .links-complete-recommend-document .title{ margin:0 0 -20px; font-weight:bold; font-size:18px; font-size:1.8rem;} #main #main-body .links-complete-recommend-document > ul { margin:0 0 0 -20px; padding:0; } #main #main-body .links-complete-recommend-document > ul > li { display:inline-block; vertical-align:top; width:204px; margin:28px 0 0 20px; padding:0 0 0 16px; } #main #main-body .links-complete-recommend-document .pic { margin:0 0 0 -16px;} #main #main-body .links-complete-recommend-document .pic a { padding:0; background:none; vertical-align:bottom;} #main #main-body .links-complete-recommend-document .pic img { padding:2px; border:1px solid #dcdcdc; border-radius:10px; box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.15); vertical-align:bottom;} #main #main-body .links-complete-recommend-document .label-media { margin:0.4em 0 0 -15px;} #main #main-body .links-complete-recommend-document .text-title { margin:0.6em 0 0 -16px; font-weight:bold; line-height:1.43em;} #main #main-body .links-complete-recommend-document .text-title a { display:inline-block; padding-left:16px; background: url(/common-contact/img/common/icon-arrow-right.png) no-repeat 4px 0.4em;} #main #main-body .links-complete-recommend-document .text-date { margin-top:0.6em; color:#666; font-size:13px; font-size:1.3rem; line-height:1.5em;} /* フォームを隠す */ #main #main-body .hide{ display: none;} /* 注釈 */ #main #main-body .area-inquiry .input-container p.input-note, #main #main-body .area-inquiry .input-container span.input-note{ display:block; clear:both; margin:5px 0 0; padding:0; font-size:12px; font-size:1.2rem; line-height:1.4em; vertical-align:top;} #main #main-body .area-inquiry .input-container p.input-note-beside, #main #main-body .area-inquiry .input-container span.input-note-beside{ display:inline-block; margin-top:5px; padding:0; font-size:12px; font-size:1.2rem; vertical-align:middle;} #main #main-body .area-inquiry .input-container span.input-note-beside-left{ display:inline-block; margin-top:7px; padding:0; font-size:12px; font-size:1.2rem;} #main #main-body .area-inquiry .input-container span.input-note-beside-left span{ margin-top:-2px; padding:0; font-size:14px; font-size:1.4rem; line-height:1.7em;} /* selectエリア系の注釈左のみマージンリセット */ #main #main-body .area-inquiry .input-container .outer-input-type-select span.input-note-beside-left, #main #main-body .area-inquiry .input-container .outer-input-type-select span.input-note-beside{ margin:0;} /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* サイドエリア定義 タブレットは共通ではなくページ個別CSSに記載 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ #side { float:right; width:220px; margin:111px 0 0; padding-bottom:40px; } /* side */ #side .area-contact{ padding:10px; border:1px solid #cfcdce; border-radius:5px; background-color:#faf6f5; } #side .area-contact p{margin:0;} /* 吹き出し */ #side .area-contact .comment{ padding-bottom:20px; background:url(/common-contact/img/otsuka/pic-area-contact-bg.png) no-repeat right bottom;} #side .area-contact .comment p{ position:relative; width:109px; padding:5px 8px; background-color:#fff; border:1px solid #d0cecf; border-radius:5px; font-size:12px; font-size:1.2rem; line-height:1.4em; box-shadow:rgba(102, 102, 102, 0.65098) 0 2px 2px 0; } /* 吹き出しのカール */ /* creates the triangle */ #side .area-contact .comment p:after, #side .area-contact .comment p:before{ left:80%; top:100%; border:solid transparent; content: ""; position: absolute;} #side .area-contact .comment p:after{ border-top-color: #fff; border-width:17px 1px 17px 17px; margin-left: -11px;} #side .area-contact .comment p:before{ border-top-color: #d0cecf; border-width:20px 1px 20px 20px; margin-left: -13px;} #side .area-contact .comment{} /* ☆お問い合わせエリア（内容エリア） */ #side .area-contact .area-contact-info{} /* テキストがなかった場合、.area-contact-infoと同じdivに、.text-noneを追加 */ #side .area-contact .text-none{} /* ■テキスト部分 */ #side .area-contact .area-contact-info .text{padding:0;} #side .area-contact .area-contact-info .text .title{ margin-top:5px; color:#333; font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.4em;} /* ■コンバージョン部分 */ #side .area-contact .area-contact-info .conversion{ margin-top:8px; padding:0;} /* □電話番号エリア */ #side .area-contact .area-contact-info .conversion .conversion-tel{ width:100%;} #side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-office{ padding:2px 1px 2px 2px; border:1px solid #572626; border-radius:10px; background:#572626; text-align:center; font-size:10px; font-size:1.0rem; line-height:1.1em; color:#fff;} /* 電話番号 */ #side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-number{ margin:2px 0 0; padding:0; text-align:center; font-size:27px; font-size:2.7rem; line-height:1.2em; font-weight:bold; letter-spacing:-2px; word-break:break-all; } /* 備考テキスト */ #side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-post, #side .area-contact .area-contact-info .conversion .conversion-tel .contact-tel-text{ margin:5px 0 0; padding:0; font-size:11px; font-size:1.1rem; line-height:1.2em; text-align:center;} #side .area-contact .area-contact-info .conversion .conversion-tel .contact-opentime-text{ margin:0; padding:0; font-size:11px; font-size:1.1rem; line-height:1.2em; text-align:center;} /* プライバシーマークエリア */ #side #privacy-detail{ margin-top:0;} #side .area-contact + #privacy-detail{ margin-top:2em;} #side #privacy-detail p.text{ float:left; width:162px; font-size:12px; font-size:1.2rem; line-height:1.4em;} #side #privacy-detail p.mark{ float:right; width:56px; margin-top:0.5em;} /* スライダー */ /* --------------------------------------------------------- エレメント --------------------------------------------------------- */ #main #main-body div.slider { margin:1.5em 53px 0; width:359px;} /* スライダー本体 */ #main #main-body div.slider .slider-area{ margin-top:3em;} #main #main-body div.slider div.meter-area { border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; position:relative; z-index:3; height:4px; background-color:#cacaca;} #main #main-body div.slider div.meter-area span.meter-fill { display:block; width:0%; height:100%; background-color:#40e10b;} #main #main-body div.slider div.meter-area p.handle-single { margin:0; position:absolute; top:0; left:0;} #main #main-body div.slider div.meter-area p.handle-single button { outline:none; border-radius:13px; padding:0; border:1px solid #ccc; position:absolute; top:-11px; left:-13px; z-index:4; width:26px; height:26px; background-color:#fff; background:-webkit-linear-gradient(top, #fff 50%, #eee 100%); background:linear-gradient(to bottom, #fff 50%, #eee 100%); box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1); cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;} #main #main-body div.slider div.meter-area p.handle-single button:after { border-radius:5px; content:""; display:block; position:absolute; top:7px; left:7px; width:10px; height:10px; background-color:#444;} /* ツールヒント */ #main #main-body div.slider div.meter-area span.tooltip { margin:0 0 0 -25px; padding:4px 5px; border-radius:5px; display:none; position:absolute; bottom:20px; left:0; z-index:2; width:40px; background-color:#fff; box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1); color:#333; font-size:14px; font-size:1.4rem; text-align:center; line-height:1em; letter-spacing:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;} #main #main-body div.slider div.meter-area span.tooltip span { font-size:12px; font-size:1.2rem; letter-spacing:0;} div.slider:hover div.meter-area span.tooltip, #main #main-body div.slider div.meter-area p.handle-single.focus + span.tooltip { display:block;} /* 目盛グリッド */ #main #main-body div.slider ul.scale-grid { margin:-5px 0 10px; position:relative; z-index:1; height:15px;} #main #main-body div.slider ul.scale-grid li { margin:0 0 0 -1px; position:absolute; top:0; left:0; width:1px; height:15px; background-color:#999; list-style:none;} #main #main-body div.slider ul.scale-grid li:first-child {margin-left:0;} /* 目盛ラベル */ #main #main-body div.slider ul.scale-label { position:relative; z-index:2; margin:1em 0 0; height:1em; line-height:1em;} #main #main-body div.slider ul.scale-label li { margin:0 0 0 -20px; position:absolute; top:0; left:0; width:40px; list-style:none; color:#333; font-size:12px; font-size:1.2rem; line-height:1em; letter-spacing:0; text-align:center;} #main #main-body div.parts { margin:-68px 0 0; width:465px;} #main #main-body div.parts ul.mark { overflow:hidden; margin:5px 0 0;} #main #main-body div.parts ul.mark li { float:right; list-style:none;} #main #main-body div.parts ul.mark li:first-child { float:left;} #main #main-body div.parts ul.label { margin:1.5em 0 0; position:relative; min-height:25px;} #main #main-body div.parts ul.label li { list-style:none; margin:0;} #main #main-body div.parts ul.label li:first-child { position:absolute; top:0; left:0;} #main #main-body div.parts ul.label li:first-child + li { text-align:center;} #main #main-body div.parts ul.label li:first-child + li + li { position:absolute; top:0; right:0;} /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* コンテンツフッター *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ #main footer .area-linklist-recommend-information{ margin-top: 2em; padding:20px 20px; border: 1px solid #ccc; border-radius: 5px; } #main footer .area-linklist-recommend-information p, #main footer .area-linklist-recommend-information ul li{ list-style:none; font-size:14px; font-size:1.4rem; line-height:1.7em;} #main footer .area-linklist-recommend-information p{ margin-top:0.5em;} #main footer .area-linklist-recommend-information p.title{ margin-top:0; font-size:16px; font-size:1.6rem; line-height:1.4em; font-weight:bold;} #main footer .area-linklist-recommend-information ul{ margin-top:1em;} #main footer .area-linklist-recommend-information ul li{} #main footer .area-linklist-recommend-information ul li span{ display:inline-block; width:90px;} /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* モーダル *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ /* ■■JSエレメント■■ */ /* ダイアログボックス */ .dialogbox-container { box-shadow:3px 3px 3px #000; border-radius:10px; } .dialogbox-header { border-radius:5px 5px 0 0; } .dialogbox-content { border-radius:0 0 5px 5px; } .dialogbox-overlay { background-color:#000; position:absolute; top:0; left:0; z-index:10000; } .dialogbox-container { width:600px; padding:4px; background-color:#fff; position:absolute; top:0; left:0; z-index:10001; text-align:left; outline:none; } .dialogbox-container p { margin-top:1em;} .dialogbox-container ol, .dialogbox-container ul { margin:1em 0 0 23px; padding:0;} .dialogbox-container li { margin-top:4px;} .dialogbox-content { padding:10px 40px 20px; background-color:#fff; } .dialogbox-content .dialogbox-message p { margin:0; font-weight:bold; color:#333; } .dialogbox-content .dialogbox-message p span { color:#ff0000; } .dialogbox-content .dialogbox-buttons { text-align:center; } .dialogbox-content .dialogbox-buttons .dialogbox-ok { text-align:center; } .dialogbox-content .dialogbox-buttons .dialogbox-ok a { display:block; width:92px; height:32px; line-height:32px; background-color:#eee; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #eee 50%, #eee); background:linear-gradient(to bottom, #fff 0%, #fff 50%, #eee 50%, #eee); border:1px solid #cdcdcd; border-radius:4px; box-shadow:2px 2px 2px #9d9d9d; text-decoration:none; color:#333; } .dialogbox-content .dialogbox-buttons .dialogbox-ok a:hover { background-color:#ddd; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #ddd 50%, #ddd); background:linear-gradient(to bottom, #fff 0%, #fff 50%, #ddd 50%, #ddd); border:1px solid #ababab; box-shadow:2px 2px 2px #7f7f7f; } .dialogbox-content .dialogbox-buttons .dialogbox-cancel { position:absolute; right:10px; top:0; } /* 住所入力補完 */ .datalist { width:350px; background-color:#fff; border:1px solid #cdcdcd; border-bottom:none; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); } .datalist .datalist-header { padding:5px; background-color:#eee; border-bottom:1px solid #cdcdcd; text-align:right; } .datalist .datalist-header span { margin:0 3px; font-weight:bold; } .datalist ul { list-style:none; border-bottom:1px solid #cdcdcd; padding:5px;} .datalist ul li { padding:2px; cursor:pointer; color:#555; text-align:left; } .datalist ul li.over { background-color:#177abd; text-decoration:none; color:#fff; } .dialogbox-container p, .dialogbox-container li {font-size:14px; font-size:1.4rem; line-height:1.4em;} #main .dialogbox-content .dialogbox-message p { font-size:16px; font-size:1.6rem; line-height:1.5em;} /* モーダル内エレメント */ .modal-box-template { display:none;} .form-modal-window-overlay { position:absolute; top:0; left:0; z-index:10000; overflow:hidden; background-color:#000; -webkit-transform: translateZ(0); } .form-modal-window-container { width:600px; position:absolute; top:0; left:0; z-index:10001;} .form-modal-window-content { padding:10px 40px 20px; background-color:#fff; box-shadow:3px 3px 3px #000; border-radius:10px;} .form-modal-window-content p.text { margin-top:1em !important; font-size:16px; font-size:1.6rem; line-height:1.5em; text-align:left;} .form-modal-window-buttons { margin-top:1.5em; text-align:center;} .form-modal-window-ok, .legal-personality-modal-window-cancel { display:inline-block;} .legal-personality-modal-window-cancel { margin-left:20px;} .form-modal-window-ok a, .legal-personality-modal-window-cancel a { display:block; width:92px; height:32px; line-height:32px; background-color:#eee; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #eee 50%, #eee); background:linear-gradient(to bottom, #fff 0%, #fff 50%, #eee 50%, #eee); border:1px solid #cdcdcd; border-radius:4px; box-shadow:2px 2px 2px #9d9d9d; font-size:14px; font-size:1.4rem; text-decoration:none; color:#333; } .form-modal-window-ok a:hover, .legal-personality-modal-window-cancel a:hover { background-color:#ddd; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #ddd 50%, #ddd); background:linear-gradient(to bottom, #fff 0%, #fff 50%, #ddd 50%, #ddd); border:1px solid #ababab; box-shadow:2px 2px 2px #7f7f7f; } .form-modal-window-cancel { position:absolute; right:10px; top:0; } .legal-personality-modal-window-cancel { position:static; } #form-modal-window .form-modal-window-message p { font-weight:bold; font-size: 16px; font-size:1.6rem; line-height:1.4em;} #form-modal-window .form-modal-window-message p span { color:#d00; } #form-modal-window .form-modal-window-message ul{ margin:1em 0 0 24px;} #form-modal-window .form-modal-window-message ul li{ margin-top:0.2em; font-size: 16px; font-size:1.6rem; line-height:1.4em;} .modal-window-overlay { position:absolute; top:0; left:0; z-index:10000; overflow:hidden; background-color:#000; -webkit-transform: translateZ(0); } .modal-window-container { width:700px; position:absolute; top:0; left:0; box-shadow:0 0 5px #000; z-index:10001; background-color:#fff; } .modal-window-content { padding:10px; background-color:#fff; } .modal-window-buttons {} .modal-window-ok {} .modal-window-cancel {} /* モーダル内エレメント */ .modal-window-container { text-align:left; border:3px solid #000; padding:10px 15px; } .modal-window-container p { margin:0; font-size: 14px; font-size:1.4rem; line-height:1.5em; font-weight:bold;} .modal-window-container .table-a th { font-size:14px; font-size:1.4rem; line-height:1.4em; font-weight:normal; } .modal-window-container ol { margin:0.5em 0 0 30px;} .modal-window-container ul { margin:1em 0 0 30px;} .modal-window-container li { margin:0.5em 0 0; font-size: 14px; font-size:1.4rem; line-height:1.5em; } .modal-window-container ul.clear-li-mark{} .modal-window-container ul.clear-li-mark li{ list-style:none;} /* ■アライン */ .modal-window-container .align-right { text-align:right; } .modal-window-container .align-center { text-align:center; } /* popup */ .modal-window-container .popup { width:600px; margin:1.5em auto 0 auto; padding:20px; border:5px solid #000; background-color:#fff; position:absolute; top:80px; left:100px; z-index:2; } .modal-window-container .popup p.title { margin-top:1.5em; font-weight:bold; } .modal-window-container .popup p.close { margin:0; position:absolute; top:20px; right:20px; } /* popup- */ .modal-window-container .popup-message {} .modal-window-container .popup-message p.title { margin-top:0em; font-weight:bold;} .modal-window-container .popup-message .button-area { width:240px; margin:0 auto;} .modal-window-container .popup-message .button-area p button { width:100px; font-weight:bold;} .modal-window-container .popup-message .button-area p.delete { float:left;} .modal-window-container .popup-message .button-area p.close { float:right;} .modal-window-container .popup-message#delete { position:absolute; top:30px; left:650px; z-index:2;} .modal-window-container .popup-message#absence { position:absolute; top:110px; left:650px; z-index:2;} .modal-window-container .popup-message#edit ul.related-link { margin:0; padding:0;} .modal-window-container .popup-message#edit ul.related-link li { float:left; margin-right:15px; padding:0; list-style:none;} .modal-window-ok { text-align:center;} /* ページ下部のエラー項目数 */ p.error-count { text-align:center; } p.error-count span { color:#d00; font-weight:bold;} /* 「？」マーク押下後、ポップアップ */ .modal-window-container .modal-window-header { position:relative;} .modal-window-container .modal-window-header p.modal-window-close { margin-top:0; text-align:right; position:absolute; right:0; top:0;} .modal-window-message p span { color:#d00; } .modal-window-container .modal-window-buttons {} .modal-window-container .modal-window-buttons p.modal-window-ok { margin-top:1.5em; text-align:center;} .modal-window-container .modal-window-buttons p.modal-window-ok a { display:block; width:92px; height:32px; line-height:32px; background-color:#eee; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #eee 50%, #eee); background:linear-gradient(to bottom, #fff 0%, #fff 50%, #eee 50%, #eee); border:1px solid #cdcdcd; border-radius:4px; box-shadow:2px 2px 2px #9d9d9d; text-decoration:none; color:#333; } .modal-window-container .modal-window-buttons p.modal-window-ok a:hover { background-color:#ddd; background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #ddd 50%, #ddd); background:linear-gradient(to bottom, #fff 0%, #fff 50%, #ddd 50%, #ddd); border:1px solid #ababab; box-shadow:2px 2px 2px #7f7f7f; } /* 住所入力補完 */ .datalist { width:350px; background-color:#fff; border:1px solid #cdcdcd; border-bottom:none; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); } .datalist .datalist-header { padding:5px; background-color:#eee; border-bottom:1px solid #cdcdcd; text-align:right; } .datalist .datalist-header span { margin:0 3px; font-weight:bold; } .datalist ul { list-style:none; border-bottom:1px solid #cdcdcd; padding:5px;} .datalist ul li { padding:2px; cursor:pointer; color:#555; text-align:left; } .datalist ul li.over { background-color:#177abd; text-decoration:none; color:#fff; } /* 住所入力時補完エリア */ #auto-complete{ z-index:5;} #auto-complete .datalist-header p{ font-size:14px; font-size:1.4rem; line-height:1.4em;} #auto-complete ul li{ font-size:13px; font-size:1.3rem; line-height:1.3em;} .datalist { width:350px; background-color:#fff; border:1px solid #cdcdcd; border-bottom:none; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); } .datalist .datalist-header { padding:5px; background-color:#eee; border-bottom:1px solid #cdcdcd; text-align:right; } .datalist .datalist-header span { margin:0 3px; font-weight:bold; } .datalist ul { list-style:none; border-bottom:1px solid #cdcdcd; padding:5px;} .datalist ul li { padding:2px; cursor:pointer; color:#555; text-align:left; } .datalist ul li.over { background-color:#177abd; text-decoration:none; color:#fff; } /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* エラーページ *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ .error #main {} .error #main h2{} .error #main p{ font-size:16px; font-size:1.6rem; line-height:1.7em; } .error #main p.error-message{ margin:1em 0 0; font-size:20px; font-size:2.0rem; line-height:1.4em; font-weight:bold;} .error #main ul{ margin:1em 0 0 29px; } .error #main ul li{ margin:0.4em 0 0; font-size:14px; font-size:1.4rem; line-height:1.7em; } /* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* プリント対応 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */ @media print { /* グローバルエリア */ #wrap{ min-width:inherit; } /* ページトップ */ #pagetop { visibility:hidden; } }