/* ======================================================= ＴＹ企画福祉機器ホームページ ========================================================*/ @charset "shift-jis"; body { margin:1px 2px; font-size:96%; background-color:#d2efff; padding:1px; background-image:url('00_data/back03.jpg'); background-attachment: fixed;} h1 { font-size:1.0em; letter-spacing:0px; } .strong { color:#CC0000; font-size:1.2em; } .bold { font-weight:bold; } /* 強調表示 */ .hr-color { color:blue; } /* 横ラインの色 */ .atten-color { color:red; } /* 注意表示 */ .ti-color { color:blue; } /* 横ラインの色 */ /* ======================================================= ブロック要素 ========================================================*/ /*----------------------------------------------- 最外郭ボックス page #page p { padding-left:10px; padding-right:10px; } -----------------------------------------------*/ #page { width:100%; margin:2px auto; padding:0px; position:relative; } @media only screen and (max-width:750px) { img { max-width:100%; } } /* 写真を表示枠内に収める */ /*----------------------------------------------- imgタグの設定 -----------------------------------------------*/ img{ border:0px; margin:0px; padding:0px; } /*----------------------------------------------- aタグの設定*/ a { text-decoration:underline; color:yellow; } /* リンク設定 */ /* ----------------------------------------------- */ a { text-decoration:underline; color:blue; } /* リンク設定 */ a:link { text-decoration:underline; } /* 未選択のリンク */ a:visited { text-decoration:underline; color:red; } /* 選択後のリンク */ a:hover { text-decoration:underline; color:#ff0000; } /* カーソルを乗せた時のリンク */ a:active { text-decoration:underline; color:#996633; } /* クリックした時のリンク */ .hr-color { color:blue; } /*----------------------------------------------- 福祉 headerボックス -----------------------------------------------*/ #header { width:100%; margin:0px; position:relative; background-color:#ffffff; background-image:url('00_data/back07.jpg'); background-position:right center; background-repeat:repeat; font-size:90%; } .fu-header { width:100%; margin:0px; position:relative; height:24px; background-color:#ffffff; background-image:url('00_data/back33.jpg'); background-position:right center; background-repeat:repeat; font-size:90%; } .fu-header h1 a { margin-right:20px; text-decoration:none; text-align:left; padding-top:6px; padding-left:10px; } .fu-header-menu { position:absolute; top:3px; right:10px; } .fu-header-menu li { width:110px; list-style-type:none; float:left; margin:0px; } .fu-header-menu li a { color:yellow; text-decoration:none; text-align:center; border-left:1px solid white; display:block; position:relative; } .fu-header-menu li a:hover { color:#ff910c; } /*----------------------------------------------- スマートフォン用 headerボックス -----------------------------------------------*/ .fu-header-s { width:100%; margin:0px; position:relative; height:24px; background-image:url('00_data/back33.jpg'); background-position:right center; background-repeat:repeat; color:yellow; font-size:70%; } .fu-header-s h1 a { margin-right:10px; text-decoration:none; text-align:left; padding-top:6px; padding-left:15px; padding-right:20px; display:block; } .fu-header-s-menu { position:absolute; top:3px; right:10px; } .fu-header-s-menu li { width:70px; list-style-type:none; float:left; margin:0px; } .fu-header-s-menu li a { color:yellow; text-decoration:none; text-align:center; border-left:1px solid white; display:block; position:relative; } .fu-header-s-menu li a:hover { color:#ff910c; } /*----------------------------------------------- background-color:#ffffff; .disp03c { width:260px; margin:0px auto; padding:5px; text-align:center; float:left; } -----------------------------------------------*/ .fu-sw-disp00 { width:100%; } .fu-sw-disp01 { width:260px; margin-left:5px; margin-bottom:5px; position:relative; text-align:center; float:left; } .fu-sw-disp02 { width:98%; } #fu-disp01 { width:100%; margin-bottom:5px; position:relative; float:left; } /*----------------------------------------------- display:table に依る表作成 -----------------------------------------------*/ #hyou05 { width:400px; margin-left:10px; display:table; } .row05 { display:table-row; background-color:#d2efff; text-align:center; } .row05>div { display:table-cell; margin:3px; padding:3px; border:1px solid #ffffff; } .row05col1 { width:24%; color:white; background-color:blue; } .row06 { text-align:left; } #hyou06 { width:96%; margin:0px auto; display:table; } .hyou06 { display:table-row; background-color:#ccff33; text-align:center; } /* テーブルの列 tr 要素に該当 */ .hyou06title { width:26%; color:white; background-color:green; } .hyou06 div { display:table-cell; margin:1px; padding:4px; text-align:left; border:1px solid #ffffff; } /* テーブルのセル th 要素、td 要素に該当 */ .contents-t01 { width:98%; padding:3px; background-image:url('00_data/back08.jpg'); } ul.cicle03 { margin-left:20px; padding:0px; list-style-type:disc; } /* 黒丸 */ .fu-qa { width:98%; margin-right:10px; padding-right:20px; font-weight:bold; float:left; } #tyheader-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } .fu-block1 { display:inline-block; height:90px; font-size:0.7em; } .fu-dispbox { width:80px; margin:2px 2px 0px 2px; padding:0px; position:relative; float:left; } .fu-dispbox_list h1 { margin:0px; padding:3px; color:yellow; font-weight:bold; text-align:center; } .fu-block2 { display:grid; grid-template-columns:repeat(auto-fit, 60px); gap:10px 10px; justify-content:center; font-size:0.7em; } .fu-dispbox2 { padding-top:10px; padding-bottom:10px; text-align:center; position:relative; float:left; background:palegreen; } .inline-block1 { display:inline-block; padding-top:2px; height:100px; } .dispbox { width:80px; padding:0px; position:relative; float:left; } .dispbox_list h1 { margin:0px; padding:3px; color:blue; font-weight:bold; text-align:center; } .ichi01 { padding:2px; text-align:center; } /*----------------------------------------------- line-height:10%; padding-top:2px; -----------------------------------------------*/ /*----------------------------------------------- 写真の表示方法　縦、横、センター、左寄せなど -----------------------------------------------*/ .display01 { width:98%; margin:0px auto; position:relative; } .display01l { padding:0px 10px 0px 10px; text-align:left; } /* 左よせ */ .display01c { padding:0px 10px 0px 10px; text-align:center; } /* 中央揃え */ .display01r { padding:0px 10px 0px 10px; text-align:right; } /* 右よせ */ /*---------------------------------------------------------- houkicontents（販売法規専用） ----------------------------------------------------------*/ .houki { width:99%; margin-left:4px; padding-bottom:3px; position:relative; text-align:left; float:left; } #houki p { margin:0px; padding:0px; font-size:0.9em; } #houkicontents { width:100%; margin-left:5px; padding:5px; height:700px; position:absolute; top:35px; text-align:left; background-color:#ffffff; } /*---------------------------------------------------------- #houki { width:100%; margin-left:5px; padding:5px; position:absolute; top:35px; text-align:center; background-color:#ffffff; } #houkicontents p { margin:0px; padding:0px; font-size:0.9em; } #houkicontents li { position:relative; margin-left:10px; margin-right:20px; padding:0px; list-style-type:decimal; } ----------------------------------------------------------*/ .line01 { width:100%; height:2px; position:relative; background-image:url('00_data/back05.gif'); background-repeat:repeat; } #gazou-0 { width:100%; margin:2px auto; height:auto; position:relative; object-position:center; float:left; } .gazou-t { max-width:700px; margin:3px auto; height:auto; position:relative; object-position:center; float:left; } .gazou-t img { margin:0px auto; object-position:center; } /*----------------------------------------------- tableを使わない表作成 display:grid; -----------------------------------------------*/ .h-box { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; border-top:1px solid white; border-left:1px solid white; grid-auto-rows:auto; grid-template-columns:20% 80%; } .h-box_itmes { padding-left:5px; color:black; border-right:1px solid white; border-bottom:1px solid white; background-color:#ccff33; } .h-box_title { padding-left:5px; color:white; background-color:green; } .h-box01 { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; grid-auto-rows:auto; grid-template-columns:100px 90%; } .h-box01_itmes { justify-self:start; margin-right:20px; padding-left:5px; } .h-box01_title { padding-left:5px; } .h-box02 { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; grid-auto-rows:auto; } .h-box03 { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; grid-auto-rows:auto; grid-template-columns:20% 80%; } .h-box04 { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; grid-auto-rows:auto; grid-template-columns:70% 30%; } .h-box05 { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; grid-auto-rows:auto; grid-template-columns:40% 60%; } .h-box06 { display:grid; width:calc(98% - 5px); margin-top:0px; margin-right:1px; margin-bottom:1px; grid-auto-rows:auto; grid-template-columns:50% 50%; } .h-box03_itmes { padding-left:5px; } .h-box03_title { padding-left:5px; } /*----------------------------------------------- コンテナ表示 -----------------------------------------------*/ .fu-container01 { display:grid; margin-top:0px; margin-right:1px; margin-bottom:1px; grid-template-columns:300px 300px; grid-auto-rows:auto; } /*----------------------------------------------- ページの内容表示 -----------------------------------------------*/ #fu-cont02 { width:100%; margin-left:5px; padding:4px; position:relative; top:4px; float:left; } #fu-cont02 ul { margin:0px; padding:0px; background-color:#d2efff; float:left; } #fu-cont02-navi { margin-left:0px; position:relative; } #fu-cont02-navi p { margin:0px; padding:0px; top:0px; font-size:0.8em; } #fu-cont02-navi a:hover { color:#ff0000; } #fu-cont02-navi li { margin:0px; padding:2px; position:relative; font-size:0.9em; } #fu-ycont02-navi li a { margin:0px; display:block; color:#0000ff; padding:5px; text-decoration:underline; } #fu-cont02-t { width:120px; height:26px; position:relative; background-image:url('00_data/back00.jpg'); background-position:right top; background-repeat:repeat; } /*----------------------------------------------- リンク設定用BOX id="linkbox"の中のulに対してCSSを適用 -----------------------------------------------*/ #linkbox ul { list-style-type:none; margin-left:3px; text-align:left; } /*----------------------------------------------- id="linkbox"の中のulの中のliに対してCSSを適用 -----------------------------------------------*/ #linkbox ul li { display:inline-block;width:100%; margin:0px; padding:0px; vertical-align:top; background:none; color:black; } /*----------------------------------------------- 説明タイトルバー -----------------------------------------------*/ .fu-cont07 { width:230px; margin:5px; padding:0px; position:relative; text-align:left; line-height:120%; float:left; } .fu-cont07 h1 { width:230px; margin-top:3px; text-align:center; background-image:url('00_data/back08.jpg'); background-position:left top; background-repeat:repeat; color:blue; line-height:140%; border-left:5px solid green; } /* */ .fu-cont07 li { margin:0px; padding:2px; top:0px; font-size:0.8em; } /*----------------------------------------------- site mapサイトマップナビ表示 -----------------------------------------------*/ #smap { width:128px; margin-left:560px; height:16px; padding:5px; position:absolute; top:5px; font-size:90%; background-color:#ffffff; border:1px solid green; } #smap p { margin:0px; padding:0px; text-align:center; list-style:none; line-height:120%; } /*----------------------------------------------- site mapサイトマップ表示 -----------------------------------------------*/ #smapcontents { width:820px; margin:0px; padding:5px; position:absolute; top:35px; text-align:left; background-color:#ffffff; } /*----------------------------------------------- headerボックス -----------------------------------------------*/ #header { width:830px; margin:0px; height:24px; position:relative; background-color:#ffffff; background-image:url('00_data/back07.jpg'); background-position:right center; background-repeat:repeat; font-size:90%; } #header h1 a { text-decoration:none; text-align:left; padding-top:6px; padding-left:20px; display:block; } #header ul { margin:0px; padding:0px; text-align:right; list-style-type:none; list-style:none; line-height:150%; } #header-menu { position:absolute; top:3px; right:0px; } #header-menu li { width:100px; list-style-type:none; float:left; margin:0; } #header-menu li a { color:blue; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #header-menu li a:hover { color:#33FFFF; } #hyou { width:700px; height:18px; border:0px; margin:0px; padding:0px; position:relative; } #hyou h1 a { text-decoration:none; text-align:left; padding-top:6px; padding-left:20px; display:block; } #hyou ul { margin:0px; padding:0px; text-align:left; list-style-type:none; list-style:none; line-height:150%; } #hyou-menu { position:absolute; top:4px; left:0px; } #hyou-menu li { width:600px; list-style-type:none; float:left; margin:0; } #hyou-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #hyou-menu li a:hover { color:#33FFFF; } #hyou.first {position:absolute; top:0px; left:10px;} #hyou.second {position:absolute; top:10px; left:250px;} /*----------------------------------------------- footerボックス -----------------------------------------------*/ .footer-box { width:100%; position:relative; margin-bottom:10px; } .footer-box h3 { margin:0px; padding:4px; background:#009900; font-size:1.0em; color:#FFFFFF; font-weight:bold; text-align:center; } .footer-box p { margin:1px; text-align:left; } .footer-box01 { width:300px; margin-bottom:10px; padding-left:30px; float:left; } /*----------------------------------------------- 表 -----------------------------------------------*/ #hyou03 { float:left; width:300px; padding-left:30px; } #hyou04 { float:right; width:300px; padding-right:30px; } ul.suuji03 { margin-left:40px; padding:0px; list-style-type:decimal; font-size:0.9em; } /* 算用数字 */ /* リスト */ ul { margin:0px; right:0px; } /* マーカーなし */ ul.non01 { margin-left:40px; padding:0px; list-style-type:none; } /* マーカーなし */ ul.non02 { margin:0px auto; padding:0px; list-style-type:none; } /* マーカーなし */ ul.non03 { margin:0px; padding:5px; } /* マーカーなし */ .non04 { margin:0px auto; padding:10px; list-style-type:none; } /* マーカーなし */ ul.suuji01 { margin-left:40px; padding:0px; list-style-type:decimal; } /* 算用数字 */ ul.suuji02 { margin-left:40px; padding:0px; list-style-type:decimal-leading-zero; } /* 先頭に0をつけた算用数字 */ ul.square02 { margin-left:40px; padding:0px; list-style-type:square; } /* 黒四角 */ ul.cicle01 { margin-left:40px; padding:10px; list-style-type:circle; } /* 白丸 */ ul.cicle01 { margin-left:40px; padding:10px; list-style-type:circle; background-color:white; } /* 白丸 */ ul.cicle02 { left:20px; padding:10px; list-style-type:circle; position:relative; } /* 白丸 */ ul.cicle04 { list-style-type:disc; } /* 黒丸 */ ul.alp01 { margin-left:40px; padding:0px; list-style-type:lower-alpha; } /* 小文字のアルファベット */ ul.alp02 { margin-left:40px; padding:0px; list-style-type:upper-alpha; } /* 大文字のアルファベット */ /*----------------------------------------------- 停止処理 #header { width:100%; margin:0px; height:24px; position:relative; background-color:#ffffff; background-image:url('00_data/back07.jpg'); background-position:right center; background-repeat:repeat; font-size:90%; } #tyheader-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } .line01 { width:100%; height:15px; position:relative; background-image:url('00_data/back05.gif'); background-repeat:repeat; } .title00 { width:100%; margin:5px auto; padding-bottom:3px; position:relative; text-align:center; align:center; float:left; } -----------------------------------------------*/ /*----------------------------------------------- navigaition 01 -----------------------------------------------*/ #navi01 { width:120px; margin:0px auto; padding-bottom:5px; position:absolute; left:0px; top:35px; background-color:#ffffff; } #navi01-navi { width:110px; margin-top:5px; margin-left:5px; position:relative; text-align:center; } #navi01-navi p { margin:0px; padding:0px; font-size:0.8em; } #navi01-navi a:hover { color:#ff0000; } #navi01-navi h2 { margin:0px; padding:3px 0px 1px 0px; height:16px; background:#009900; color:#FFFFFF; font-size:0.9em; background-image:url('00_data/back04.jpg'); background-position:right center; background-repeat:repeat; } #navi01-navi li { margin:0px; position:relative; font-size:0.9em; /*color:#0000cc;*/ } #navi01-navi li a { margin:0px; display:block; color:#000033; background-color:#d2efff; padding-top:10px; font-size:0.8em; text-decoration:none; border-bottom:0px solid #FFFFFF; } #navi01-t { width:120px; height:26px; position:relative; background-image:url('00_data/back00.jpg'); background-position:right top; background-repeat:repeat; } .navi01ti { margin:0px; padding:3px 0px 1px 0px; height:16px; color:white; font-size:0.9em; font-weight:bold; background:#009900; background-image:url('00_data/back04.jpg'); background-position:right top; background-repeat:repeat; } .navi01tif { margin:0px; padding:3px 0px 1px 0px; height:16px; color:white; font-size:0.9em; font-weight:bold; background:#009900; background-image:url('00_data/back07.jpg'); background-position:right top; background-repeat:repeat; } .fmenu { font-size:1.2em; font-weight:bold; } /*----------------------------------------------- navigaition 02 リンク表示 -----------------------------------------------*/ #navi02 { width:195px; margin-left:630px; position:absolute; left:0px; top:0px; background-color:#ffffff; } #navi02-navi { width:190px; margin-top:0px; margin-left:5px; position:absolute; text-align:center; top:252px; } #navi02-navi li { margin:0px; height:21px; position:relative; font-size:1.0em; background:#d2efff; background-image:url('00_data/back04.jpg'); } #navi02-navi li a { margin:0px; display:block; padding-top:2px; font-weight:bold; text-decoration:underline; color:blue; border-bottom:0px solid #FFFFFF; } #navi02-navi a:hover { color:#ff0000; } /* 福祉機器の販売方法及び価格ページリンクブロック */ #navi03 { width:195px; margin-left:630px; position:absolute; left:0px; top:0px; background-color:#ffffff; } #navi03-navi { width:190px; margin-top:0px; margin-left:5px; position:absolute; text-align:center; top:252px; } #navi03-navi li { margin:0px; height:21px; position:relative; font-size:1.0em; background:#d2efff; } /*----------------------------------------------- footerボックス -----------------------------------------------*/ #footer { width:700px; position:relative; margin-bottom:120px; } #footer h3 { margin:0px; padding:4px; background:#009900; font-size:1.0em; color:#FFFFFF; font-weight:bold; text-align:center; } #footer p { margin:1px; text-align:left; } /*----------------------------------------------- 表 -----------------------------------------------*/ #hyou03 { float:left; width:300px; padding-left:30px; } #hyou04 { float:right; width:300px; padding-right:30px; } #cont03 { width:700px; padding-left:30px; position:relative; list-style:none; } #cont03 p { margin:20px; padding:0px; font-size:0.9em; } #cont03 ul.suuji { margin-left:40px; padding:0px; list-style-type:decimal; } #cont03 ul.square { margin-left:40px; padding:0px; list-style-type:square; } /* ======================================================= インライン要素 ========================================================*/ .baksel { background:#993300; } .bodcol01 { border-left:4px solid blue; } .bodcol02 { border-left:4px solid #CC0000; } .bodcol03 { border-left:4px solid #fa851b; } .clearboth { clear:both; } .clearleft { clear:left; } .clearright { clear:right; } .col00 { color:black; } .col01 { color:brown; } .col02 { color:red; } .col03 { color:orange; } .col04 { color:yellow; } .col05 { color:green; } .col06 { color:blue; } .col07 { color:violet; } .col08 { color:gray; } .col09 { color:white; } .collink01 { /*font-weight:bold;*/ color:yellow; } /*----------------------------------------------- contents -----------------------------------------------*/ #contents { width:700px; margin-left:120px; padding:5px; position:absolute; top:35px; text-align:left; background-color:#ffffff; } #contents-menu { position:absolute; width:100%; margin-top:auto; }_ #contents-menu li { width:100px; list-style-type:none; } #contents h1 { color:#003399; } .foot01 { position:relative; margin:0px; padding:0px; border-width:1pt; border-style:solid; border-color:#009900; } .ik00-01 { width:98%; padding:3px; background-color:darkorange; background-image:url('00_data/back08.jpg'); background-position:right center; background-repeat:repeat; border-left:4px solid #CC0000; } .ik00-02 { width:650px; position:relative; margin-left:40px; padding:3px; list-style:none outside url('00_data/mark01.gif'); } .ik00-03 { position:relative; margin-left:20px; padding:3px; list-style:none; text-align:center; float:left; } .ik05-01 { width:200px; vertical-align:top; overflow:visible; position:relative; margin-left:40px; padding:3px; list-style:none outside url('00_data/mark01.gif'); } .ik05-02 { width:200px; vertical-align:top; overflow:visible; position:relative; margin-left:40px; padding:3px; list-style:none outside url('00_data/mark03.gif'); } .left1 { float:left; } .right1 { float:right; } .tleft1 { text-align:left; } .tright1 { text-align:right; } .tcenter1 { text-align:center; } .uchikeshi {text-decoration:line-through;} .mark01 { position:relative; margin-left:20px; margin-right:10px; padding:3px; list-style:none outside url('00_data/mark01s.gif'); } .mark02 { position:relative; margin-left:40px; padding:3px; list-style:none; } .mark03 { position:relative; margin-left:40px; padding:3px; list-style:none outside url('00_data/mark03s.gif'); } .mark04 { position:relative; margin-right:40px; padding:3px; list-style:none; } .mark05 { position:relative; margin-right:0px; padding-left:20px; list-style:none; } .margin01 { margin-left:50px; } .margin02 { margin-bottom:100px; float:left; position:relative; } /*ナビの長さ＞コンテンツの長さ時の対処*/ .margin02a { margin-bottom:250px; float:left; position:relative; } /*ナビの長さ＞コンテンツの長さ時の対処*/ .margin02b { margin-bottom:400px; float:left; position:relative; } /*ナビの長さ＞コンテンツの長さ時の対処*/ .margin03 { margin-left:100px; float:left; position:relative; } .margin04 { position:absolute; top:215px; right:20px; } .margin05 { margin:30px; } .midashi01 { background-image:url('../00_data/back08.jpg'); background-position:right center; background-repeat:repeat; } .nowp { color:red; font-weight:bold; } .pagetop { position:relative; padding-right:10px; float:right; } /*----------------------------------------------- 写真の表示方法　縦、横、センター、左寄せなど -----------------------------------------------*/ .disp01 { width:150px; padding:5px; position:relative; float:left; } .disp01c { width:100px; margin:0px auto; padding:2px; position:relative; text-align:center; float:left; } .disp02 { width:210px; padding:5px; position:relative; float:left; } .disp02c { width:210px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp03 { width:260px; padding:5px; position:relative; float:left; } .disp03c { width:260px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp04 { width:300px; padding:5px; position:relative; float:left; } .disp04c { width:300px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp05 { width:380px; padding:5px; position:relative; float:left; } .disp05c { width:380px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp06 { width:450px; padding:5px; position:relative; float:left; } .disp06c { width:450px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp06 { width:585px; padding:5px; position:relative; float:left; } .disp06c { width:585px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp07 { width:290px; padding:5px; position:relative; float:left; } .disp07c { width:290px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp08 { width:635px; margin:0px auto; padding:0px; position:relative; float:left; } .disp08c { width:635px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp09 { width:340px; padding:5px; position:relative; float:left; } .disp09c { width:340px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp10c { margin:0px auto; padding:10px; text-align:center; position:relative; float:left; } .disp11 { width:410px; padding:5px; position:relative; float:left; } .disp11c { width:410px; margin:0px auto; padding:5px; position:relative; text-align:center; float:left; } .disp12 { width:400px; text-align:left; position:relative; float:left; } .disp13 { width:520px; text-align:left; position:relative; float:left; } .disp14 { width:700px; text-align:left; position:relative; float:left; } .disp15 { width:440px; text-align:left; position:relative; float:left; } .pad01 { padding-left:10px; padding-right:10px; } .tbdsn01 { width:640px; margin-left:40px; table-layout:fixed; } .tbdsn02 { width:640px; margin-left:20px; table-layout:fixed; border:1px solid ; border-spacing:2px; border-collapse:collapse; border-width:1pt; border-style:solid; border-color:#009900; } .tbdsn03 { width:300px; table-layout:fixed; } .tbdsn04 { width:380px; } .tbdsn05 { width:640px; } .tbdsn06 { width:180px; vertical-align:top; } /*価格表*/ .tbdsn07 { vertical-align:top; } .tbdsn08 { width:170px; vertical-align:top; overflow:visible; } /*機種*/ .tbdsn08a { width:140px; vertical-align:top; overflow:visible; } /*型名*/ .tbdsn08b { width:120px; vertical-align:top; overflow:visible; } /*単価*/ .tbdsn08c { width:180px; vertical-align:top; overflow:visible; } /*備考*/ .tbdsn09 { text-align:center; } /*価格表*/ .tbdsn10 { width:90px; vertical-align:top; } .tbdsn10a { border:1px solid #00b600; border-collapse:collapse; } .tbdsn11 { width:400px; } .tbdsn12 { width:580px; } .tbdsn13 { width:690px; margin-left:10px; border-collapse:collapse; text-align:center; } table.tbdsn13 th, table.tbdsn13 td { border:1px solid #988ef0; } .tbdsn13a { width:100px; font-weight:bold; text-align:center; } .tbdsn13b { width:590px; margin-left:10px; border-collapse:collapse; text-align:center; } table.tbdsn13b th, table.tbdsn13b td { border:1px solid #988ef0; } .tbdsn13c { width:190px; margin-left:10px; border-collapse:collapse; text-align:center; } table.tbdsn13c th, table.tbdsn13c td { border:1px solid #988ef0; } .tbdsn13d { width:490px; margin-left:10px; border-collapse:collapse; text-align:center; } table.tbdsn13d th, table.tbdsn13d td { border:1px solid #988ef0; } .tbdsn14 { font-weight:bold; text-align:center; } .tbdsn15 { border:1px solid #00b600; border-collapse:collapse; } .tbdsn16 { width:290px; position:relative; float:left; } .waku { border-top:2px solid snow; border-right:2px solid darkgray; border-bottom:2px solid darkgray; border-left:2px solid snow; } .waku01 { margin:0px; padding:10px; } .waku02 { border-top:2px solid #FFF0F5; border-right:2px solid darkgray; border-bottom:2px solid darkgray; border-left:2px solid #FFF0F5; } .waku03 { border-top:2px solid Red; border-right:2px solid Red; border-bottom:2px solid Red; border-left:2px solid Red; } /* ======================================================= ワンキーマウスホームページ ========================================================*/ /*----------------------------------------------- ワンキーマウス用headerボックス -----------------------------------------------*/ #onekey { width:830px; margin:0px; height:24px; position:relative; background-color:#ffffff; background-image:url('00_data/back06.jpg'); background-position:right center; background-repeat:repeat; font-size:90%; } #onekey h1 a { text-decoration:none; text-align:left; padding-top:6px; padding-left:20px; display:block; } #onekey ul { margin:0px; padding:0px; text-align:right; list-style-type:none; list-style:none; line-height:150%; } #onekey-menu { position:absolute; top:5px; right:5px; font-size:90%; } #onekey-menu li { width:65px; list-style-type:none; float:left; margin:0; } #onekey-menu li a { color:yellow; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #onekey-menu li a:hover { color:#33FFFF; } #tyheader-menu { position:absolute; top:3px; right:0px; } #tyheader-menu li { width:100px; list-style-type:none; float:left; margin:0; } #tyheader-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #tyheader-menu li a:hover { color:#33FFFF; } div.outer { display:table; /* @ */ height:100px; width:100%; /* A */ background:#E3F2DA; color:#5C5C5C; } * html div.outer { position:relative; /* B */ } *+html div.outer { position:relative; /* B */ } div.vertical_middle { display:table-cell; /* C */ vertical-align:middle; /* D */ } * html div.vertical_middle { position:absolute; /* E */ top:50%; /* E */ } *+html div.vertical_middle { position:absolute; /* E */ top:50%; /* E */ } div.vertical_middle p.inner { margin:0; } * html div.vertical_middle p.inner { position:relative; /* F */ top:-50%; /* F */ } *+html div.vertical_middle p.inner { position:relative; /* F */ top:-50%; /* F */ } div.outer { display:table; height:100px; width:100%; background:#E3F2DA; color:#5C5C5C; } * html div.outer { position:relative; } *+html div.outer { position:relative; } div.vertical_bottom { display:table-cell; vertical-align:bottom; } * html div.vertical_bottom { position:absolute; top:100%; } *+html div.vertical_bottom { position:absolute; top:100%; } div.vertical_bottom p.inner { margin:0; } * html div.vertical_bottom p.inner { position:relative; top:-100%; } *+html div.vertical_bottom p.inner { position:relative; top:-100%; } .onekeybgcolor { margin-right:15px; background:#ffcaca; } /*---------------------------------------------------------- hanbaicontents（販売専用） ----------------------------------------------------------*/ #hanbaicontents { width:500px; margin-left:120px; padding:5px; height:700px; position:absolute; top:35px; text-align:left; background-color:#ffffff; } .title00 { width:100%; margin:5px auto; padding-bottom:3px; position:relative; text-align:center; float:left; } /*----------------------------------------------- ページの内容表示 -----------------------------------------------*/ #tycont02 { width:100%; margin-left:5px; padding:4px; position:relative; top:4px; background-color:#d2efff; float:left; } #tycont02 ul { margin:0px; padding:0px; background-color:#d2efff; float:left; } #tycont02-navi { margin-left:0px; position:relative; } #tycont02-navi p { margin:0px; padding:0px; top:0px; font-size:0.8em; } #tycont02-navi a:hover { color:#ff0000; } #tycont02-navi li { margin:0px; padding:2px; position:relative; font-size:0.9em; } #tycont02-navi li a { margin:0px; display:block; color:#0000ff; padding:5px; text-decoration:underline; } #tycont02-t { width:120px; height:26px; position:relative; background-image:url('00_data/back00.jpg'); background-position:right top; background-repeat:repeat; }