@charset "shift_jis"; /*------------------------------------------------------------------ スタイル ------------------------------------------------------------------*/ body { background-color: #FFFFFF; color: #000000; } table#page_set_width{ border-collapse: collapse; } .main_body{ background: url('../img/skin_image.php?img=bg.jpg') repeat-y; min-height: 600px; width: 800px; } .side_left{ background: url('../img/skin_image.php?img=backleft.png') repeat-y; width: 15px; } .side_right{ background: url('../img/skin_image.php?img=backright.png') repeat-y; width: 15px; } /*------------------------------------------------------------------ ページヘッダー ------------------------------------------------------------------*/ div#head_style{ background: url('../img/skin_image.php?img=bana_top.jpg') repeat; width: 100%; height: 70px; } div#head_style h1{ } div#head_style h2{ /* float: left;*/ text-align: left; vertical-align: middle; color: #00FF00; } div#head_style h3{ } div#head_style h4{ } div#head_style h5{ /* float: right;*/ vertical-align: middle; text-align: right; width: 100%; color: #999999; } /*------------------------------------------------------------------ ページ画像 ------------------------------------------------------------------*/ div#page_image{ border-top: solid 1px #999999; border-bottom: solid 1px #999999; } /*------------------------------------------------------------------ ページフッター ------------------------------------------------------------------*/ div#foot_style{ background-color: #999999; text-align: right; height: 40px; color: #FFFFFF } div#foot_style img { border-style: none; } .side_left_foot{ background: url('../img/skin_image.php?img=backleft.png') repeat-y; width: 15px; height: 40px; } .side_right_foot{ background: url('../img/skin_image.php?img=backright.png') repeat-y; width: 15px; height: 40px; } /*------------------------------------------------------------------ 検索条件指定テーブル ------------------------------------------------------------------*/ div#search_set{ text-align: right; } div#search_set h5{ background: url('../img/skin_image.php?img=menu_label.png') repeat-x; font-weight: bold; font-size: 18px; color: #000000; } div#search_set table{ margin-right: 10%; border-style: ridge; background-color: #FFFFFF; width: 60%; } div#search_set td{ border-bottom: dashed 1px #999999; } div#search_set .search_data{ text-align: left; } /*------------------------------------------------------------------ 検索結果テーブル ------------------------------------------------------------------*/ div#search_ans{ text-align: right; width: 95% } div#search_ans table{ margin-right: 10px; width: 95%; } div#search_ans tr{ height: 100px; } div#search_ans td{ border-top-style: dashed; border-top-width: 2px; border-top-color: #CCCCCC; } div#search_ans .soegaki{ font-size: 14px; font-weight: bold; color: #000000; } div#search_ans .namae{ font-size: 18px; font-weight: bold; color: #000000; } div#search_ans .seach_image{ vertical-align: bottom; width: 25%; } div#search_ans .seach_data{ width: 50%; } div#search_ans .td_link{ vertical-align: bottom; width: 25%; } div#search_ans img.logo{ width: 128px; height: 96px; } div#search_ans img.button{ border: none; } /*------------------------------------------------------------------ メニュー ------------------------------------------------------------------*/ div#ct_menu{ float: left; /* margin-top: -19px;*/ border-right: solid 1px #999999; background-color: #CCCC66; width: 171px; height: 100%; } div#ct_menu table{ border-collapse: collapse; width: 171px; } div#ct_menu th{ background-color: #999999; height: 35px; color: #FFFFFF; } div#ct_menu td{ vertical-align: middle; border-top: dashed 1px #999999; border-bottom: dashed 1px #999999; font-size: 8px width: 171px; } div#ct_menu td.bt_off{ background: url('../img/skin_image.php?img=btn_menu_off.png') no-repeat; cursor: pointer; color: #666666; height: 35px; } div#ct_menu td.bt_on{ background: url('../img/skin_image.php?img=btn_menu_on.png') no-repeat; cursor: default; color: #333333; height: 35px; } div#ct_menu a:link { color: #333333; font-weight: bold; border-style: none; text-decoration: none; } div#ct_menu a:visited { color: #333333; text-decoration: none; font-weight: bold; border-style: none; text-decoration: none; } div#ct_menu a:hover { color: #FF6666; text-decoration: none; font-weight: bold; border-style: none; text-decoration: none; } /*------------------------------------------------------------------ 詳細表示 ------------------------------------------------------------------*/ /* パターン1 */ div#s_style1{ } div#s_style1 table#big{ border-style: solid; border-width: 1px; border-color: #000000; border-collapse: collapse; width: 40%; } div#s_style1 table#small{ border-collapse: collapse; width: 100%; } div#s_style1 th{ background-color: #99FFFF; border-style: solid; border-width: 1px; border-color: #000000; width: 30%; color: #000000; } div#s_style1 td#big{ border-style: solid; border-width: 1px; border-color: #000000; color: #000000; } div#s_style1 td#small{ color: #000000; } .img1 { width: 510px; height: 383px; } .img2 { width: 255px; height: 191px; } .img3 { width: 255px; height: 191px; } /*------------------------------------------------------------------ TOPページ用 ------------------------------------------------------------------*/ p#top { } p#top th { background: url('../img/skin_image.php?img=menu_label.png') repeat-x; width: 273px; } p#top td { } /*------------------------------------------------------------------ 会社概要用(旧ページスタイル) ------------------------------------------------------------------*/ /* 会社概要テーブル */ table.comm{ width: 80%; border-top: 1px dashed #CCCCCC; margin-bottom: 20px; } table.director { width: auto; border: 0px; padding: 0px; margin: 0px; } td.comm{ font-size: 12px; line-height: 150%; padding: 10px; border-bottom: 1px dashed #CCCCCC; } td.bank{ font-size: 12px; line-height: 150%; padding: 10px; border-bottom: 1px dashed #CCCCCC; } td.item { width: 100px; text-align: center; font-weight: bold; vertical-align: top; border-bottom: 1px dashed #CCCCCC; font-size: 12px; line-height: 150%; padding: 10px; border-bottom: 1px dashed #CCCCCC; } td.director { padding: 0px; padding-right: 5px; margin: 0px; border: 0px; line-height: 120%; font-size: 12px; line-height: 150%; padding: 10px; } /* 地図ページ body */ #mapbody { text-align: center; background-color: #BFBFA2; } /* 地図コンテンツ */ #mapcontents { width: 732px; margin-left: auto; margin-right: auto; } /* 地図タイトル */ #maptitle { float: left; } /* 地図閉じるボタン */ #mapclose { border: 0px; float: right; margin-top: 12px; } /* 地図 */ #map { margin-top: 10px; clear: both; } /*------------------------------------------------------------------ 問い合わせフォーム用(旧ページスタイル) ------------------------------------------------------------------*/ /* 電話番号表示のブロック */ table.telblock { border: 1px solid #999999; line-height: 150%; margin-bottom: 20px; } td.telblock { border: 0px; font-size: 12px; padding: 5px; } /* 電話番号表示の文字 */ .telstr { color: #FF0000; font-size: 16px; font-weight: bold; } /* 電話番号表示の文字(小) */ .telstrs { color: #FF0000; font-size: 14px; font-weight: bold; } /* 電話番号表示の数字 */ .telnumber { color: #FF0000; font-size: 20px; font-family: arial; } /* お問合わせフォームタイトル */ h2.formtitle { border-bottom: 1px dashed #CCCCCC; width: 90%; margin-bottom: 10px; padding-bottom: 3px; } /* お問合わせフォーム注意 */ .formtitlenote { color: #000000; font-size: 12px; font-weight: normal; margin-left: 10px; } /* ※印 */ .mark { color: #FF0000; font-size: 12px; } /* フォームのテーブル */ table.form { font-size: 12px; width: 80%; margin-left: 10px; } td.comm { border-bottom: 1px dashed #DDDDDD; padding: 5px; } /* フォームの見出しセル */ td.finding { padding-top: 20px; padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #666666; border: 0px; padding: 5px; } /* フォームのボタンセル */ td.button { text-align: center; padding-top: 20px; padding-bottom: 20px; border: 0px; padding: 5px; } input { padding-left: 3px; } input.imeon { ime-mode: active; } input.imeoff { ime-mode: disabled; }