@charset "utf-8"; /* 全体設定 */ body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,img,a,td,th { margin:0; padding:0; border:none; text-decoration:none; } body { height: auto; margin:0 auto; font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } h2 { text-indent:-9999px; overflow:hidden; } p { line-height:1.6em; } input, textarea { font-size:14px; } #error-message { color: #C00; border:3px double #C00; padding:10px 0 10px 2em; margin-bottom:10px; } /* テスト用 */ /* div { border:1px solid red; } */ /* 根幹レイアウト： bgtop:上部緑帯 topimg:トップ画像 width:全体幅1000pxセンタリング化 */ #body-bgtop { background: url(style/background.jpg) repeat-x; width:auto; height:auto; margin:auto; } #body-topimg { width:auto; height:380px; display:block; } #body-width { width:1000px; height:auto; margin:auto; background: url(style/contents-image.jpg) no-repeat top center; position:relative; overflow:hidden; } /* メインメニュー */ #sub-content { width:244px; padding:0 0 0 30px; float:left; } #sub-content h1 { padding:10px 0; text-align:center; } #mainmenu-middle { background:url(style/background-mainmenu-middle.png) repeat-y; } #mainmenu-top { background:url(style/background-mainmenu-top.jpg) no-repeat; } #mainmenu-bottom { background:url(style/background-mainmenu-bottom.png) no-repeat; width:244px; height:10px; padding-bottom:10px; } #mainmenu-list1 { height:250px; padding-left:20px; list-style-type:none; } #mainmenu-list1 li { width:203px; height:35px; padding-bottom:1px; float:left; list-style-type:none; margin:0px 0px 0px 0px; } #mainmenu-list1 a { display:block; height:35px; text-indent:-1000px; overflow:hidden; } #mainmenu-list1 a:hover { background-position:0px -35px; text-decoration:none; } #mainmenu1-top a { background:url(img/mainmenu1-top.png); } #mainmenu1-top-current a { background:url(img/mainmenu1-top.png); background-position:0px -35px; } #mainmenu1-information a { background:url(img/mainmenu1-information.png); } #mainmenu1-information-current a { background:url(img/mainmenu1-information.png); background-position:0px -35px; } #mainmenu1-catalog a { background:url(img/mainmenu1-catalog.png); } #mainmenu1-catalog-current a { background:url(img/mainmenu1-catalog.png); background-position:0px -35px; } #mainmenu1-stylejapan a { background:url(img/mainmenu1-stylejapan.png); } #mainmenu1-stylejapan-current a { background:url(img/mainmenu1-stylejapan.png); background-position:0px -35px; } #mainmenu1-stylewestern a { background:url(img/mainmenu1-stylewestern.png); } #mainmenu1-stylewestern-current a { background:url(img/mainmenu1-stylewestern.png); background-position:0px -35px; } #mainmenu1-monument a { background:url(img/mainmenu1-monument.png); } #mainmenu1-monument-current a { background:url(img/mainmenu1-monument.png); background-position:0px -35px; } #mainmenu1-shrine a { background:url(img/mainmenu1-shrine.png); } #mainmenu1-shrine-current a { background:url(img/mainmenu1-shrine.png); background-position:0px -35px; } #mainmenu-banner { margin:10px 0 10px 10px; list-style-type:none; background:url(img/mainmenu-contact.png) no-repeat; } #mainmenu-banner a { display:block; height:84px; text-indent:-9999px; overflow:hidden; } #mainmenu-list2 { margin-bottom:10px; list-style-type:none; text-align:left; padding:0 0 0 20px; } #mainmenu-list2 li { margin-bottom:5px; } #mainmenu-list2 a { display:block; height:31px; text-indent:-9999px; overflow:hidden; } #mainmenu2-summary { width:204px; height:31px; background:url(img/mainmenu2-summary.png) no-repeat; } #mainmenu2-stylejapan { width:204px; height:31px; background:url(img/mainmenu2-stylejapan.png) no-repeat; } #mainmenu2-stylewestern { width:204px; height:31px; background:url(img/mainmenu2-stylewestern.png) no-repeat; } #mainmenu-address { width:160px; text-align:left; padding:0 0 10px 0px; margin:auto; } #mainmenu-corpname { width:160px; height:20px; background:url(img/mainmenu-corpname.png); } /* サブメニュー */ #submenu-list { margin-bottom:15px; list-style-type:none; } #submenu-list li { margin-bottom:10px; } #submenu-list a { display:block; height:55px; text-indent:-9999px; overflow:hidden; } #submenu-summary { width:234px; height:55px; background:url(img/submenu-summary.png); } #submenu-catalog { width:234px; height:55px; background:url(img/submenu-catalog.png); } #submenu-contact { width:234px; height:55px; background:url(img/submenu-contact.png); } #submenu-subtitle-area { background:url(img/submenu-area.png) no-repeat; width:234px; height:32px; padding-bottom:15px; } .area { width:236px; height:141px; padding:25px 0 0 0; background:url(img/submenu-area-board.png) no-repeat; font-weight:bold; color:#4c4c4c; font-size:14px; list-style:none; clear:both; } .area-1 { list-style:none; text-align:center; line-height:2; } .area-2 { width:160px; list-style:none; padding:0 0 0 45px; } .area-2 li { float:left; white-space:nowrap; font-weight:bold; color:#4c4c4c; font-size:12px; line-height:1.4; } /* メインコンテンツ：共通 */ #flash { float:right; } #main-content-index { padding:0 30px 0 15px; float:right; } #main-content { padding:0 30px 0 15px; float:right; margin-top:380px; width:670px; } #banner-contact { width:668px; height:154px; background:url(img/banner-contact.jpg); clear:both; display:block; text-indent:-9999px; overflow:hidden; } .subtitle-main { width:639px; height:30px; background:#ffffff url(img/subtitle-size1.png) no-repeat; padding:5px 20px 0 10px; font-size:18px; color:#fefefe; text-indent:0px; clear:both; clear:both; } .subtitle-topappeal { width:639px; height:68px; background:#ffffff url(img/subtitle-size2.png) no-repeat; padding:8px 20px 0 10px; font-size:18px; color:#fefefe; text-indent:0px; clear:both; line-height:1.3; } .subtitle-gray { width:639px; height:30px; background:#ffffff url(img/subtitle-gray.png) no-repeat; padding:5px 20px 0 10px; font-size:18px; color:#dd0000; text-indent:0px; clear:both; clear:both; } .subtitle-graylarge { width:639px; height:68px; background:#ffffff url(img/subtitle-graylarge.png) no-repeat; padding:8px 20px 0 10px; font-size:18px; color:#dd0000; text-indent:0px; clear:both; line-height:1.3; } .content-end { clear:both; } /* メインコンテンツ：トップページ */ #subtitle-topcategory { margin-bottom:10px; } #subtitle-topappeal { margin-bottom:20px; } #top-list { list-style:none; } #top-list li { width:210px; padding:10px 0 0 20px; float:left; } #top-list .listfirst { padding-left:0; float:left; clear:both; } .top-subtitle { width:210px; height:32px; padding:0 0 10px 0; text-indent:-9999px; overflow:hidden; } #top-subtitle-infomation { background:url(img/top-subtitle-infomation.png) no-repeat; } #top-subtitle-stylejapan { background:url(img/top-subtitle-stylejapan.png) no-repeat; } #top-subtitle-stylewestern { background:url(img/top-subtitle-stylewestern.png) no-repeat; } #top-subtitle-monument { background:url(img/top-subtitle-monument.png) no-repeat; } #top-subtitle-shrine { background:url(img/top-subtitle-shrine.png) no-repeat; } #top-subtitle-catalog { background:url(img/top-subtitle-catalog.png) no-repeat; } .top-detail { width:122px; height:27px; margin:auto; padding:10px 0 20px 0; } .top-detail a { background:url(img/top-detail.png); display:block; height:27px; text-indent:-1000px; overflow:hidden; } .top-detail a:hover { background-position:0px -27px; text-decoration:none; } #topappeal-img { width:326px; height:210px; background:url(img/topappeal-img.jpg) no-repeat; padding:0 10px 20px 0; float:left; } #topappeal-board { width:328px; height:213px; background:url(img/topappeal-board.png) no-repeat; padding:0 0px 20px 0; float:left; } #topappeal-board p { padding:35px 25px; font-size:16px; font-weight:bold; } /* メインコンテンツ：ご案内 */ .subtitle-information { padding-bottom:20px; clear:both; } #information1-text { width:300px; padding:0 20px 30px 20px; font-size:16px; font-weight:bold; color:#4c4c4c; float:left; } #information1-img { width:326px; height:237px; padding:0 0 30px 0 ; background:url(img/information1-img.jpg) no-repeat; float:left; } #information-kakaku-top { width:669px; height:250px; background:url(img/information-kakaku-top.png) no-repeat; } #information-kakaku-top p { text-indent:-9999px; overflow:hidden; } #information-kakaku-list { list-style:none; padding-top:25px; } #information-kakaku-list .list { width:156px; height:35px; padding-bottom:17px; text-indent:-9999px; overflow:hidden; float:left; clear:both; } #information-kakaku-list .list1 { background:url(img/information-kakaku-list1.png) no-repeat; } #information-kakaku-list .list2 { background:url(img/information-kakaku-list2.png) no-repeat; } #information-kakaku-list .list3 { background:url(img/information-kakaku-list3.png) no-repeat; padding-bottom:30px; } #information-kakaku-list .text { float:left; padding:5px 0 0 10px; font-size:16px; font-weight:bold; color:#4c4c4c; } #information2-list { list-style-type:none; display:block; text-indent:-1000px; overflow:hidden; } #information2-list1 { padding:0 0 30px 20px; width:178px; height:130px; background:url(img/information2-list1.jpg) no-repeat top right; float:left; } #information2-list2 { padding:0 0 30px 50px; width:178px; height:130px; background:url(img/information2-list2.jpg) no-repeat top right; float:left; } #information2-list3 { padding:0 0 30px 50px; width:178px; height:130px; background:url(img/information2-list3.jpg) no-repeat top right; float:left; } #information2-list4 { padding:0 0 30px 135px; width:178px; height:130px; background:url(img/information2-list4.jpg) no-repeat top right; float:left; clear:both; } #information2-list5 { padding:0 0 30px 50px; width:178px; height:130px; background:url(img/information2-list5.jpg) no-repeat top right; float:left; } /* メインコンテンツ：商品カタログ */ #intro-catalog-title { width:669px; height:44px; background:url(img/intro-catalog.png) no-repeat; } #intro-catalog-text { font-size:17px; padding:15px 15px 40px; } .subtitle-catalog h2 { float:left; font-size:18px; text-indent:0px; } .subtitle-catalog img { float:right; margin-top:3px; } #catalog-cp-stylejapan { width:454px; height:26px; background:url(img/catalog-cp-stylejapan.png) no-repeat; margin:15px 5px; text-indent:-9999px; } #catalog-cp-stylewestern { width:401px; height:25px; background:url(img/catalog-cp-stylewestern.png) no-repeat; margin:15px 5px; text-indent:-9999px; } #catalog-cp-monument { width:495px; height:26px; background:url(img/catalog-cp-monument.png) no-repeat; margin:15px 5px; text-indent:-9999px; } #catalog-cp-shrine { width:536px; height:27px; background:url(img/catalog-cp-shrine.png) no-repeat; margin:15px 5px; text-indent:-9999px; } /* メインコンテンツ：墓石和式 */ #subtitle-stylejapan-isikawa { margin-bottom:10px; } #subtitle-stylejapan-hukui { margin-bottom:10px; } .stylejapan-list { list-style:none; } .stylejapan-list img { padding-bottom:20px; } .stylejapan-list li { width:210px; padding:10px 0 0 20px; float:left; } .stylejapan-list .listfirst { padding-left:0; float:left; clear:both; } .stylejapan-subtitle { width:210px; height:32px; padding:0 0 10px 0; text-indent:-9999px; overflow:hidden; } #stylejapan-subtitle-koukyugata1 { background:url(img/stylejapan-subtitle-koukyugata1.png) no-repeat; } #stylejapan-subtitle-jougerengegata { background:url(img/stylejapan-subtitle-jougerengegata.png) no-repeat; } #stylejapan-subtitle-wayougata { background:url(img/stylejapan-subtitle-wayougata.png) no-repeat; } #stylejapan-subtitle-koukyugata2 { background:url(img/stylejapan-subtitle-koukyugata2.png) no-repeat; } #stylejapan-subtitle-ityoumentuki { background:url(img/stylejapan-subtitle-ityoumentuki.png) no-repeat; } #stylejapan-subtitle-sujirengetuki { background:url(img/stylejapan-subtitle-sujirengetuki.png) no-repeat; } /* メインコンテンツ：墓石洋式 */ #subtitle-stylewestern { margin-bottom:10px; } .stylewestern-list { list-style:none; } .stylewestern-list img { padding-bottom:20px; } .stylewestern-list li { width:210px; padding:10px 0 0 20px; float:left; } .stylewestern-list .listfirst { padding-left:0; float:left; clear:both; } .stylewestern-subtitle { width:210px; height:32px; padding:0 0 10px 0; text-indent:-9999px; overflow:hidden; } #stylewestern-subtitle-soccer { background:url(img/stylewestern-subtitle-soccer.png) no-repeat; } #stylewestern-subtitle-wayougata1 { background:url(img/stylewestern-subtitle-wayougata1.png) no-repeat; } #stylewestern-subtitle-wayougata2 { background:url(img/stylewestern-subtitle-wayougata2.png) no-repeat; } #stylewestern-subtitle-koukyudou { background:url(img/stylewestern-subtitle-koukyudou.png) no-repeat; } #stylewestern-subtitle-noukotudou { background:url(img/stylewestern-subtitle-noukotudou.png) no-repeat; } #stylewestern-subtitle-kuyoutou { background:url(img/stylewestern-subtitle-kuyoutou.png) no-repeat; } #stylewestern-subtitle-hanagata { background:url(img/stylewestern-subtitle-hanagata.png) no-repeat; } #stylewestern-subtitle-wayougata3 { background:url(img/stylewestern-subtitle-wayougata3.png) no-repeat; } #stylewestern-subtitle-koukyugata1 { background:url(img/stylewestern-subtitle-koukyugata.png) no-repeat; } #stylewestern-subtitle-koukyugata2 { background:url(img/stylewestern-subtitle-koukyugata.png) no-repeat; } /* メインコンテンツ：墓石和式・墓石洋式 共通 */ .intro-top { width:669px; height:6px; background:url(img/intro-top.png); } .intro-middle { width:639px; height:auto; background:url(img/intro-middle.png) repeat-y; padding:15px; } .intro-middle p { font-size:16px; color:#4c4c4c; line-height:1.5; } .intro-title-stylewestern { width:85px; height:19px; padding:0 0 5px 0; background:url(img/intro-title-stylewestern.png) no-repeat; display:block; text-indent:-9999px; } .intro-title-stylejapan { width:85px; height:19px; padding:0 0 5px 0; background:url(img/intro-title-stylejapan.png) no-repeat; display:block; text-indent:-9999px; } .intro-bottom { width:669px; height:6px; background:url(img/intro-bottom.png) no-repeat; padding-bottom:20px; } /* メインコンテンツ：記念碑 */ #subtitle-monument { margin-bottom:10px; } .monument-list { list-style:none; } .monument-list img { padding-bottom:20px; } .monument-list li { width:210px; padding:10px 0 0 20px; float:left; } .monument-list .listfirst { padding-left:0; float:left; clear:both; } .monument-subtitle { width:210px; height:32px; padding:0 0 10px 0; text-indent:-9999px; overflow:hidden; } #monument-subtitle-sinken { background:url(img/monument-subtitle-sinken.png) no-repeat; } #monument-subtitle-kinen { background:url(img/monument-subtitle-kinen.png) no-repeat; } #monument-subtitle-hukusin { background:url(img/monument-subtitle-hukusin.png) no-repeat; } #monument-subtitle-hi { background:url(img/monument-subtitle-hi.png) no-repeat; } #monument-subtitle-character { background:url(img/monument-subtitle-character.png) no-repeat; } #monument-subtitle-benkei { background:url(img/monument-subtitle-benkei.png) no-repeat; } /* メインコンテンツ：神社・仏閣 */ #subtitle-shrine { margin-bottom:10px; } .shrine-list { list-style:none; } .shrine-list img { padding-bottom:20px; } .shrine-list li { width:210px; padding:10px 0 0 20px; float:left; } .shrine-list .listfirst { padding-left:0; float:left; clear:both; } .shrine-subtitle { width:210px; height:32px; padding:0 0 10px 0; text-indent:-9999px; overflow:hidden; } #shrine-subtitle-kongourikisi { background:url(img/shrine-subtitle-kongourikisi.png) no-repeat; } #shrine-subtitle-oyasiro { background:url(img/shrine-subtitle-oyasiro.png) no-repeat; } #shrine-subtitle-sinkyu { background:url(img/shrine-subtitle-sinkyu.png) no-repeat; } #shrine-subtitle-sinken { background:url(img/shrine-subtitle-sinken.png) no-repeat; } #shrine-subtitle-torii { background:url(img/shrine-subtitle-torii.png) no-repeat; } #shrine-subtitle-komainu { background:url(img/shrine-subtitle-komainu.png) no-repeat; } #shrine-subtitle-sinzentourou { background:url(img/shrine-subtitle-sinzentourou.png) no-repeat; } #shrine-subtitle-yanekasatorii { background:url(img/shrine-subtitle-yanekasatorii.png) no-repeat; } #shrine-subtitle-kinentourou { background:url(img/shrine-subtitle-kinentorou.png) no-repeat; } /* メインコンテンツ：会社概要 */ #subtitle-summary1 { padding-bottom:20px; } .summary1-img { margin-right:15px; } .summary1-table { border-collapse:collapse; margin-bottom:30px; } .summary1-cell1 { width:145px; border:1px solid #657a2f; background:#88a53d; padding:10px; font-size:14px; font-weight:bold; color:#ffffff; } .summary1-cell2 { width:480px; border:1px solid #657a2f; background:#ffffff; padding:10px; font-size:16px; font-weight:bold; color:#4c4c4c; } .summary1-cell3 { border:1px solid #657a2f; background:#ffffff url(img/summary1-cell3.png); padding-left:10px; height:30px; font-size:15px; font-weight:bold; color:#fefefe; } .summary1-cell4 { border:1px solid #657a2f; background:#ffffff; padding:10px; font-size:16px; font-weight:bold; color:#4c4c4c; } .summary1-cell4 p { padding:0 5px 5px; } .summary1-cell5 { width:302px; height:128px; background:url(img/summary1-cell4.png); } .summary1-cell5 p { font-weight:normal; padding:40px 15px 0; } /* メインコンテンツ：お問い合わせ */ #subtitle-contact-otoiawase { padding-bottom:20px; } #subtitle-contact-konohomepagewo { padding-bottom:20px; clear:both; } #contact-tel { width:669px; height:135px; background:url(img/contact-tel.png) no-repeat; padding:0 0 20px 0; } #contact-tel a { font-size:19px; font-weight:bold; color:#e64040; text-decoration:underline; display:block; padding:60px 0 0 435px; } #contact-list { list-style:none; } #contact-waribiki { width:327px; height:130px; background:url(img/contact-waribiki.png) no-repeat; padding:0 15px 35px 0; float:left; text-indent:-9999px; overflow:hidden; } #contact-soshina { width:327px; height:130px; background:url(img/contact-soshina.png) no-repeat; padding:0 0px 35px 0; float:left; } #contact-soshina p { text-indent:-9999px; overflow:hidden; } #contact-soshina img { margin:10px 0 0 111px; } .contact-text { font-size:14px; padding:0 0 10px 0; } #contact-table { border-collapse:collapse; width:669px; margin-bottom: 15px; } .contact-cell1 { width:145px; padding:10px; border:1px solid #64792d; background:#dde8c1; font-size:14px; vertical-align:top; } .contact-cell2 { padding:10px; border:1px solid #64792d; } .contact-cell3 { padding:10px; border:none; } .input-w150 { width:150px; } .input-w250 { width:250px; } .input-w480 { width:480px; } .input-w480h200 { width:480px; height:200px; } .button { width:80px; height:30px; } #contact-map { padding:20px 0 0 0; clear:both; } /* フッター */ #footer { background:#d8e5ee url(style/background-footer.png) no-repeat top center; width:auto; height:auto; margin:auto; clear:both; text-align:center; font-size:12px; } #footer p { padding:60px 0 10px 0; }