@charset "Shift_JIS"; body{ font-family:'メイリオ',Meiryo; background:#F8F8FF; color:#111111; margin:0px; padding:0px; } a{ color:#000000; text-decoration:none; } a:link{ color:#000000; } a:visited{ color:#000000; } a:hover{ text-decoration:none; } /* ================↓　Wrapperの設定※なぜか１つ消すとバグる？なので２個　================ */ .wrapper{ width:1000px; margin:0 auto; } .wrapper{ width:1000px; margin:0 auto; } /* ================↓　ヘッダーの設定　================ */ .headerbg{ width:100%; height:150px; background:#FFFFF9; border-bottom:solid 3px #2C2C2C; float:left; } .header{ width:1000px; height:150px; margin-right: auto; margin-left: auto; color:#2C2C2C; margin:0 auto; } .list_01{ width:1000px; height:110px; background-image:url("../image/rogo_sw.png"); background-repeat:no-repeat; background-position:100% 100%; float:left; } .list_02{ width:1000px; height:40px; float:left; } .index_00{ width:200px; height:30px; padding-top:10px; color:#2C2C2C; text-align:center; text-decoration:none; float:left; } .index_00:hover{ background:#F8F8FF; text-decoration:none; } /* ================↓　フッターの設定　================ */ .footerbg{ width:100%; height:400px; background:#001F3F; border-top:solid 3px #2C2C2C; float:left; } .footer{ width:1000px; height:400px; background:#001F3F; margin-right: auto; margin-left: auto; color:#FFFFFF; margin:0 auto; } footer a{ color:#FFFFFF; text-decoration:none; } footer a:link{ color:#FFFFFF; } footer a:visited{ color:#FFFFFF; } footer a:hover{ color:#ff851b; font-weight:bold; text-decoration:underline; } .foot_01{ width:400px; height:380px; margin-left:60px; padding-top:20px; float:left; } .foot_02{ width:250px; height:380px; padding-top:20px; float:left; } .foot_02b{ width:250px; height:380px; padding-top:85px; float:left; } .foot_endbg{ width:100%; height:100px; background:#FFFFF9; float:left; } .foot_end{ width:1000px; height:100px; margin-right: auto; margin-left: auto; color:#2C2C2C; font-size:12px; margin:0 auto; text-align:center; } /* ================　メインの見出し　================ */ .index_01{ width:978px; height:50px; margin-top:30px; margin-bottom:10px; padding-left:20px; padding-bottom:20px; color:#111111; font-weight:bold; border-left:solid 12px #2c2c2c; border-bottom:solid 2px #2c2c2c; background-image:url("../image/index_back.png"); float:left; } .index_01w{ width:1012px; height:128px; margin-top:0px; margin-bottom:0px; background-image:url("../image/index_back_w.png"); float:left; } .index_01r{ width:850px; height:71px; margin-left:32px; padding-top:57px; color:#111111; font-weight:bold; float:left; } .index_01l{ width:128px; height:128px; margin-left:0px; margin-bottom:0px; float:left; } /* ================　サブの見出し　================ */ .index_02{ width:930px; height:22px; margin-left:30px; margin-bottom:10px; border-bottom:solid 1px #2c2c2c; float:left; } /* ================↓　TOP/３つのサガス枠　================ */ .box_01{ width:319px; height:110px; margin-top:5px; padding-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; background:#2C2C2C; border-radius:4px; color:#FFFFFF; border:solid 2px #111111; float:left; } /* ================↓　[サガス]ボタン　================ */ .btn_01{ width:100px; height:30px; margin-top:10px; margin-left:110px; padding-top:3px; background:#FFFFFF; border-radius:4px; border:solid 2px #111111; font-weight:bold; font-size:20px; text-align:center; float:left; } .btn_01:hover{ background:#ff851b; font-weight:bold; text-decoration:none; } /* ================↓　TOP/PICKUPインフォの枠　================ */ .box_02{ width:480px; height:240px; margin-top:7px; margin-bottom:10px; margin-left:8px; margin-right:8px; border-radius:4px; border:solid 2px #2c2c2c; float:left; } /* ================↓　TOP/地域密着の説明の枠　================ */ #list_03{ position: relative; width:990px; height:150px; border-radius:4px; border:solid 2px #2c2c2c; margin-bottom:20px; background-image:url("../image/merit_back.jpg"); background-repeat:no-repeat; background-position:center; background-position:bottom; color:#000000; float:left; } #list_03 a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #list_03:hover{ background-image:url("../image/merit_back_on.jpg"); } #list_03s{ width:830px; height:135px; line-height:350%; padding-top:15px; padding-left:30px; float:left; } /* ================↓　地域密着の説明ページ　================ */ .index_03{ width:1000px; height:126px; margin-top:20px; margin-bottom:30px; float:left; } .index_03r{ width:126px; height:126px; margin-left:0px; margin-bottom:0px; float:left; } .index_03l{ width:780px; height:100px; padding-left:80px; padding-top:26px; color:#111111; font-weight:bold; background-image:url("../image/fukidasi.png"); float:left; } .index_03l a{ color:#F012BE; } .box_06a{ width:680px; height:250px; background:#FFFFFF; margin-left:160px; padding-left:15px; padding-top:15px; margin-bottom:30px; border-radius:4px; border:solid 2px #2c2c2c; float:left; } .box_06b{ width:485px; height:272px; background:#FFFFFF; margin-left:250px; padding-left:15px; padding-top;8px; border-radius:4px; border:solid 2px #2c2c2c; float:left; } .box_06c{ width:345px; height:48px; font-size:10px; background:#FFFFFF; margin-left:640px; padding-left:20px; padding-top;2px; border-radius:4px; float:left; } .box_06d{ width:357px; height:272px; margin-left:320px; margin-bottom:0px; padding-left:15px; padding-top;8px; float:left; } .box_06e{ width:724px; height:118px; margin-left:120px; margin-bottom:40px; padding-left:15px; padding-top;8px; float:left; } /* ================↓　TOP/更新情報おしらせの枠　================ */ #list_04{ width:800px; height:200px; border-radius:4px; margin-left:99px; margin-right:99px; margin-bottom:20px; background:#FFFFFF; border:solid 2px #2c2c2c; float:left; } #list_04s{ width:600px; height:198px; margin-left:100px; margin-right:100px; background:#FFFFFF; color:#2c2c2c; float:left; } /* ================↓　かんだ撮影サービスのリンクボタン　================ */ .btn_02{ position: relative; width:100px; height:15px; margin-top:0px; margin-left:5px; margin-bottom:30px; padding-top:85px; border-radius:2px; border:solid 1px #111111; background-image:url("../image/camera.jpg"); background-repeat:no-repeat; background-position:center; background-position:bottom; font-size:10px; color:#000000; float:left; } .btn_02 a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn_02:hover{ background-image:url("../image/camera_on.jpg"); font-weight:bold; } /* ================↓　成約特典の文面用の枠　================ */ .sheet_01{ width:900px; margin-top:16px; margin-left:50px; margin-bottom:30px; float:left; } .sheet_02{ width:830px; height:100px; margin-top:0px; margin-left:50px; margin-bottom:30px; float:left; } .sheet_03{ width:950px; margin-top:15px; margin-left:50px; margin-bottom:30px; float:left; } /* ================↓　各種の流れについての文面用の枠　================ */ .sheet_04a{ width:860px; margin-top:16px; margin-left:100px; margin-bottom:40px; color:#2c2c2c; background-image:url("../image/nagarea_back.jpg"); background-repeat:no-repeat; background-position:100% 100%; } .sheet_04b{ width:860px; margin-top:16px; margin-left:100px; margin-bottom:40px; color:#2c2c2c; background-image:url("../image/nagareb_back.jpg"); background-repeat:no-repeat; background-position:100% 100%; } .sheet_04c{ width:860px; margin-top:16px; margin-left:100px; margin-bottom:40px; color:#2c2c2c; background-image:url("../image/nagarec_back.jpg"); background-repeat:no-repeat; background-position:100% 100%; } /* ================↓　利用規約での文面用の枠　================ */ .sheet_05s{ width:1000px; height:50px; float:left; } .sheet_05l{ width:100px; margin-top:24px; margin-bottom:24px; color:#2C2C2C; text-align:right; float:left; } .sheet_05r{ width:800px; margin-top:24px; margin-bottom:24px; color:#2C2C2C; float:left; } /* ================↓　新築やリフォームなどの流れの枠×３種ABC　================ */ .box_03{ width:319px; height:290px; margin-top:15px; margin-bottom:10px; margin-left:320px; margin-right:320px; padding-top:10px; border-radius:4px; border:solid 2px #2c2c2c; background:#FFFFFF; float:left; } .box_03a{ position: relative; width:319px; height:290px; margin-top:0px; margin-bottom:10px; margin-left:3px; margin-right:3px; padding-top:10px; border-radius:4px; border:solid 2px #2c2c2c; background-image:url("../image/back3.jpg"); background-repeat:no-repeat; background-position:center; background-position:bottom; float:left; } .box_03a a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box_03a:hover{ background-image:url("../image/back3_on.jpg"); font-weight:bold; } .box_03b{ position: relative; width:319px; height:290px; margin-top:0px; margin-bottom:10px; margin-left:3px; margin-right:3px; padding-top:10px; border-radius:4px; border:solid 2px #2c2c2c; background-image:url("../image/back4.jpg"); background-repeat:no-repeat; background-position:center; background-position:bottom; float:left; } .box_03b a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box_03b:hover{ background-image:url("../image/back4_on.jpg"); font-weight:bold; } .box_03c{ position: relative; width:319px; height:290px; margin-top:0px; margin-bottom:10px; margin-left:3px; margin-right:3px; padding-top:10px; border-radius:4px; border:solid 2px #2c2c2c; background-image:url("../image/back2.jpg"); background-repeat:no-repeat; background-position:center; background-position:bottom; float:left; } .box_03c a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box_03c:hover{ background-image:url("../image/back2_on.jpg"); font-weight:bold; } /* ================↓　[条件選択]ボタン　================ */ .btn_03{ color:#2c2c2c; width:294px; height:38px; text-align:center; padding-top:14px; margin-top:5px; margin-left:4px; margin-bottom:4px; border-radius:5px; border:outset 1px #2c2c2c; background-color:#FFFFF9; float:left; } .btn_03:hover{ color:#FFFFFF; width:292px; height:38px; padding-top:12px; margin-top:5px; border:outset 2px #F5F5F5; background-color:#2c2c2c; } /* ================↓　[条件選択]ボタンの枠　================ */ .sheet_06{ width:900px; margin-left:50px; } /* ================↓　横線の代用として使用　================ */ .bar{ width:1000px; border-bottom:solid 1px #2c2c2c; float:left; } /* ================↓　[sagasuko_kekka]の設定　================ */ .sheet_07{ width:780px; height:12px; font-size:12px; padding-top:18px; margin-bottom:30px; float:left; } .btn_04{ color:#2c2c2c; width:200px; height:24px; text-align:center; padding-top:6px; border-radius:5px; border:outset 1px #2c2c2c; background-color:#F5F5F5; float:left; } .btn_04:hover{ color:#FFFFFF; width:200px; height:24px; border:outset 1px #2c2c2c; background-color:#393939; } .btn_05left{ color:#001F3F; width:24px; height:24px; text-align:center; padding-top:6px; margin-left:400px; border-radius:1px; border:outset 1px #001F3F; background-color:#FFFFF9; float:left; } .btn_05left:hover{ color:#FFFFFF; background-color:#2A4D91; } .btn_05{ color:#001F3F; width:24px; height:24px; text-align:center; padding-top:6px; margin-left:15px; border-radius:1px; border:outset 1px #001F3F; background-color:#FFFFF9; float:left; } .btn_05:hover{ color:#FFFFFF; background-color:#2A4D91; } .btn_05wide{ color:#001F3F; width:50px; height:24px; text-align:center; padding-top:6px; margin-left:20px; border-radius:1px; border:outset 1px #001F3F; background-color:#FFFFF9; float:left; } .btn_05wide:hover{ color:#FFFFFF; background-color:#2A4D91; } .list_05{ width:1000px; height:140px; padding-top:20px; padding-left:50px; float:left; } .list_05:hover{ width:950px; height:140px; background:#FFA500; } .sheet_08{ width:550px; height:130px; margin-left:0px; float:left; } /* =↓[施工事例]の枠= */ .box_04{ width:120px; height:130px; float:left; } /* ================↓　[企業情報や事例詳細]の見出し　================ */ .index_04{ width:900px; height:50px; margin-top:40px; padding-top:20px; margin-bottom:40px; padding-left:100px; background:#2c2c2c; color:#FFFFFF; } /* ================↓　[事例詳細ページ]の設定　================ */ .list_06{ width:670px; margin-bottom:20px; float:left; } .list_06a{ width:590px; margin-left:70px; float:left; } .list_06b{ width:590px; margin-left:70px; color:#2c2c2c; font-size:14px; float:left; } .sheet_09{ width:320px; padding-left:10px; color:#2c2c2c; font-size:14px; float:left; } .sheet_09 a:hover{ color:#ff851b; font-weight:bold; } /* ================↓　[工務店詳細ページ]の設定　================ */ .list_07{ width:1000px; margin-bottom:20px; float:left; } .list_07a{ width:650px; padding-top:3px; margin-left:70px; margin-right:30px; font-size:18px; float:left; } .list_07b{ width:200px; height:120; margin-right:38px; border:outset 1px #2C2C2C; float:left; } .sheet_10{ width:900px; margin-left:100px; margin-top:20px; margin-bottom:30px; color:#2C2C2C; font-size:18px; float:left; } .sheet_10a{ width:880px; margin-left:20px; color:#2C2C2C; font-size:18px; float:left; } /* ================↓　[施工事例の検索結果ページ]の設定　================ */ .box_05{ color:#000000; font-size:13px; width:160px; height:160px; margin:10px; padding:10px; float:left; }