* { margin:0; padding:0; font-size:14px; line-height:1.5em; list-style:none; } body { background:#E0D0AA url(../images/parts/bg_body01.gif) repeat-x top; text-align:center; } img { border-style:none; } a:link, a:visited, a:active { color:#0077EE; text-decoration:underline; } a:hover { color:#FF7700; text-decoration:underline; } .red { color:#FF2222; } /* ============================================================================ */ /* 基礎 */ /* ============================================================================ */ #wrapper { background:url(../images/parts/bg_header01.gif) no-repeat top; margin:0 auto; } #Container { width:800px; background:url(../images/parts/bg_container01.gif) repeat-y; margin:0 auto; clear:both; } #Container-r { width:615px; text-align:left; float:right; } #Container-l { width:185px; padding-top:20px; float:left; } #Container-b { width:800px; height:35px; background:url(../images/parts/bg_bottom01.gif) no-repeat; text-indent:-7000em; clear:both; } #r-box { width:570px; margin:0 15px; text-align:left; } #l-box { width:185px; text-align:left; } /* ============================================================================ */ /* ヘッダー */ /* ============================================================================ */ #headerContainer { width:770px; height:180px; margin:0 auto; clear:both; } #headerContainer div#hl-box { width:425px; height:85px; text-align:left; float:left; } #headerContainer div#hl-box h1 { background:url(../images/parts/logo_header01.gif) no-repeat; text-indent:-7000em; display:block; } #headerContainer div#hl-box h1 a { width:161px; height:56px; display:block; } #headerContainer div#hr-box { width:345px; height:85px; text-align:right; float:right; } #headerContainer div#hr-box ul { margin:0; padding:0; } #headerContainer div#hr-box li { text-align:left; float:left; text-indent:-7000em; } #headerContainer div#hr-box li a { width:115px; height:17px; display:block; } #headerContainer div#hr-box li#hbt-corp { background:url(../images/parts/header_btn_corp.gif) no-repeat; } #headerContainer div#hr-box li#hbt-faq { background:url(../images/parts/header_btn_faq.gif) no-repeat; } #headerContainer div#hr-box li#hbt-map { background:url(../images/parts/header_btn_map.gif) no-repeat; } #headerContainer div#inq { height:95px; text-align:left; text-indent:-7000em; clear:both; } #headerContainer div#inq a:link, #headerContainer div#inq a:visited, #headerContainer div#inq a:active { width:215px; height:70px; display:block; position:relative; left:555px; } #headerContainer div#inq a:hover { width:215px; height:70px; background:url(../images/parts/header_btn_inq.gif) no-repeat; display:block; position:relative; left:555px; } /* ============================================================================ */ /* トップページ */ /* ============================================================================ */ /* [TOP]あいさつ */ #greeting-box { width:570px; height:390px; background:url(../images/parts/top_greeting002.jpg) no-repeat; margin-bottom:15px; text-indent:-7000em; } #greeting-box02 { width:570px; height:390px; background:#dddddd url(../images/parts/top_greeting02.jpg) no-repeat; margin-bottom:15px; text-indent:-7000em; } #greeting-box03 { width:570px; background:url(../images/parts/top_greeting03.jpg) no-repeat; margin-bottom:15px; } #greeting-box03 div.title { width:570px; height:180px; text-indent:-7000em; } #greeting-box03 div.txt div.btn { width:200px; height:100px; text-indent:-7000em;11:07 2006/12/26 } #greeting-box03 div.txt div.btn a { width:150px; height:100px; position:relative; display:block; left:50px; } #greeting-box03 div.txt div.on { width:570px; background:#FFFE80 url(../images/parts/greeting_bg01c.gif); } #greeting-box03 div.txt div.on div.box { width:540px; margin:0 15px 0 15px; } #greeting-box03 div.txt div.on div.box div.left { width:170px; float:left; } #greeting-box03 div.txt div.on div.box div.right { width:370px; float:left; } #greeting-box03 div.txt div.on div.box div.right h3 { width:280px; height:35px; background:url(../images/parts/greeting_h3.gif) no-repeat; text-indent:-7000em; } #greeting-box03 div.txt div.on div.box div.bottom { width:540px; height:1px; clear:both; } #greeting-box03 div.txt div.on div.head { width:570px; height:20px; background:url(../images/parts/greeting_bg01h.gif) no-repeat; clear:both; } #greeting-box03 div.txt div.on div.foot { width:570px; height:10px; background:url(../images/parts/greeting_bg01b.gif) no-repeat; clear:both; } /* [TOP]サービスメニュー */ #service-box { width:570px; margin-bottom:20px; } #service-box div#bottom { width:570px; height:1px; clear:both; } #service-box div#garden { width:188px; height:213px; float:left; text-indent:-7000em; } #service-box div#garden h3 { width:188px; height:150px; background:url(../images/parts/rs_garden_h3.gif) no-repeat; margin-bottom:6px; } #service-box div#garden h3 a { width:188px; height:150px; display:block; } #service-box div#garden dl { width:188px; height:59px; } #service-box div#garden dt { background:url(../images/parts/rs_garden_dt.gif) no-repeat; float:left; } #service-box div#garden dt a { width:60px; height:59px; display:block; } #service-box div#garden dd#sg-dd01 { background:url(../images/parts/rs_garden_dd01.gif) no-repeat; margin-left:4px; float:left; } #service-box div#garden dd#sg-dd01 a { width:60px; height:59px; display:block; } #service-box div#garden dd#sg-dd02 { background:url(../images/parts/rs_garden_dd02.gif) no-repeat; margin-left:4px; float:left; } #service-box div#garden dd#sg-dd02 a { width:60px; height:59px; display:block; } #service-box div#exterior { width:188px; height:213px; margin:0 3px; float:left; text-indent:-7000em; } #service-box div#exterior h3 { width:188px; height:150px; background:url(../images/parts/rs_exterior_h3.gif) no-repeat; margin-bottom:6px; } #service-box div#exterior h3 a { width:188px; height:150px; display:block; } #service-box div#exterior dl { width:188px; height:59px; } #service-box div#exterior dt { background:url(../images/parts/rs_exterior_dt.gif) no-repeat; float:left; } #service-box div#exterior dt a { width:60px; height:59px; display:block; } #service-box div#exterior dd#se-dd01 { background:url(../images/parts/rs_exterior_dd01.gif) no-repeat; margin-left:4px; float:left; } #service-box div#exterior dd#se-dd01 a { width:60px; height:59px; display:block; } #service-box div#exterior dd#se-dd02 { background:url(../images/parts/rs_exterior_dd02.gif) no-repeat; margin-left:4px; float:left; } #service-box div#exterior dd#se-dd02 a { width:60px; height:59px; display:block; } #service-box div#parts { width:188px; height:213px; float:left; text-indent:-7000em; } #service-box div#parts h3 { width:188px; height:150px; background:url(../images/parts/rs_parts_h3.gif) no-repeat; margin-bottom:6px; } #service-box div#parts h3 a { width:188px; height:150px; display:block; } #service-box div#parts dl { width:188px; height:59px; } #service-box div#parts dt { background:url(../images/parts/rs_parts_dt.gif) no-repeat; float:left; } #service-box div#parts dt a { width:60px; height:59px; display:block; } #service-box div#parts dd#sp-dd01 { background:url(../images/parts/rs_parts_dd01.gif) no-repeat; margin-left:4px; float:left; } #service-box div#parts dd#sp-dd01 a { width:60px; height:59px; display:block; } #service-box div#parts dd#sp-dd02 { background:url(../images/parts/rs_parts_dd02.gif) no-repeat; margin-left:4px; float:left; } #service-box div#parts dd#sp-dd02 a { width:60px; height:59px; display:block; } /* [TOP]お知らせ */ #news-box { width:570px; margin-bottom:30px; clear:both; } #news-box div.title { width:570px; height:28px; background:#449933 url(../images/parts/title_bar_570a.gif) no-repeat; margin-bottom:10px; color:#FFFFFF; } #news-box div.title div.left { width:480px; float:left; } #news-box div.title div.left h3 { margin:0; padding:5px 0 0 30px; font-size:14px; } #news-box div.title div.right { width:90px; float:right; } #news-box div.title div.right a { width:78px; height:28px; background:url(../images/parts/btn_ichiran.gif) no-repeat; text-indent:-7000em; position:relative; display:block; } #news-box dl { margin:0; padding:0 5px; clear:both; } #news-box dt { width:100px; padding-bottom:5px; float:left; } #news-box dd { width:460px; padding-bottom:5px; float:left; } #news-box div.bottom { clear:both; } /* [TOP]NMS宣言 */ #declaration-box { width:570px; margin-bottom:30px; clear:both; } #declaration-box div.title { width:570px; height:28px; background:#449933 url(../images/parts/title_bar_570a.gif) no-repeat; margin-bottom:10px; color:#FFFFFF; } #declaration-box h3 { padding:5px 0 0 30px; font-size:14px; } #declaration-box img { float:left; } /* ============================================================================ */ /* 共通デザイン */ /* ============================================================================ */ /* [共通]ページ下部会社情報 */ #company-box { border-top:1px solid #999999; padding:10px 0 20px 0; clear:both; } #company-box h3 { width:225px; height:60px; background:url(../images/parts/logo_footer01.gif) no-repeat; margin:0; padding:0; text-indent:-7000em; float:left; } #company-box p { width:345px; margin:0; padding:0; font-size:12px; text-align:right; float:right; } /* [共通]戻るリンク */ .pagetop, .pagetop02 { margin:0px 0 16px 0; font-size:12px; text-indent:-7000em; clear:both; } .pagetop a { width:100px; height:20px; background:url(../images/parts/btn_pagetop01.gif) no-repeat; position:relative; left:470px; display:block; } .pagetop02 a { width:100px; height:20px; background:url(../images/parts/btn_pagetop01.gif) no-repeat; position:relative; left:450px; display:block; } /* [共通]隠れメニューのON/OFF */ .off { display:none; } .on { display:block; } /* [共通] 表示スタイル */ div.section01 { margin-bottom:20px; } div.section01 div.txt { padding:0 10px; clear:both; } div.section01 div.txt p { margin-bottom:14px; clear:both; } div.section01 th { background:#D6FF83; padding:5px 8px; font-weight:normal; } div.section01 td { background:#EEEEDD; padding:5px 8px; } div.box { margin-bottom:20px; } div.txt p.data { text-align:right; } /* [共通]タイトル */ div.title-h2a { width:570px; height:50px; background:url(../images/parts/title_bg_h2a.gif); margin:0 0 15px 0; clear:both; } div.title-h2a h2 { padding:14px 0 0 30px; font-size:16px; color:#FFFFFF; } div.title-h3a { width:570px; height:28px; background:#449933 url(../images/parts/title_bar_570a.gif) no-repeat; margin-bottom:15px; color:#FFFFFF; clear:both; } div.title-h3a h3 { padding:5px 0 0 30px; font-size:14px; } div.title-h3b { width:570px; height:30px; background:#BB8855 url(../images/parts/ico_leaf01.gif) no-repeat; margin-bottom:15px; clear:both; } div.title-h3b h3 { padding:6px 0 0 30px; font-size:14px; color:#FFFFFF; } /* ============================================================================ */ /* 左カラム */ /* ============================================================================ */ /* [左カラム]カテゴリ */ #cate { width:185px; margin:0 0 5px 0; padding:0; } #cate ul { margin:0; padding:0; } #cate li#btn01 a:link, #cate li#btn01 a:visited, #cate li#btn01 a:active { height:43px; background:url(../images/parts/left_btn_home01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn02 a:link, #cate li#btn02 a:visited, #cate li#btn02 a:active { height:40px; background:url(../images/parts/left_btn_shop01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn03 a:link, #cate li#btn03 a:visited, #cate li#btn03 a:active { height:40px; background:url(../images/parts/left_btn_garden01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn04 a:link, #cate li#btn04 a:visited, #cate li#btn04 a:active { height:40px; background:url(../images/parts/left_btn_exterior01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn05 a:link, #cate li#btn05 a:visited, #cate li#btn05 a:active { height:40px; background:url(../images/parts/left_btn_parts01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn06 a:link, #cate li#btn06 a:visited, #cate li#btn06 a:active { height:40px; background:url(../images/parts/left_btn_case01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn06g a:link, #cate li#btn06g a:visited, #cate li#btn06g a:active { height:40px; background:url(../images/parts/left_btn_case_g01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn06e a:link, #cate li#btn06e a:visited, #cate li#btn06e a:active { height:40px; background:url(../images/parts/left_btn_case_e01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn07 a:link, #cate li#btn07 a:visited, #cate li#btn07 a:active { height:60px; background:url(../images/parts/left_btn_staff01.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn01 a:hover { height:43px; background:url(../images/parts/left_btn_home02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn02 a:hover { height:40px; background:url(../images/parts/left_btn_shop02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn03 a:hover { height:40px; background:url(../images/parts/left_btn_garden02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn04 a:hover { height:40px; background:url(../images/parts/left_btn_exterior02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn05 a:hover { height:40px; background:url(../images/parts/left_btn_parts02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn06 a:hover { height:40px; background:url(../images/parts/left_btn_case02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn06g a:hover { height:40px; background:url(../images/parts/left_btn_case_g02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn06e a:hover { height:40px; background:url(../images/parts/left_btn_case_e02.gif) no-repeat; text-indent:-7000em; display:block; } #cate li#btn07 a:hover { height:60px; background:url(../images/parts/left_btn_staff02.gif) no-repeat; text-indent:-7000em; display:block; } /* [左カラム]枠01 */ #side-box01 { width:150px; margin:0 0 15px 25px; } #side-box01 .sb01-waku { border:1px solid #C5AA71; background:#FFF; padding:10px 0; } /* [左カラム]バナー */ .banner { margin:0 0 10px 25px; clear:both; } /* [左カラム]サービスエリア */ #area { width:150px; height:260px; background:url(../images/parts/img_area01.gif) no-repeat; margin:0 0 10px 25px; text-indent:-7000em; } /* [左カラム]広告ダウンロード */ #DLoad { width:126px; height:45px; background:url(../images/parts/banner_download01.gif) no-repeat; margin:10px; text-indent:-7000em; } #DLoad a { width:126px; height:45px; position:relative; display:block; } /* [左カラム]リンク集 */ #link { width:126px; height:45px; background:url(../images/parts/banner_link01.gif) no-repeat; margin:10px; text-indent:-7000em; } #link a { width:126px; height:45px; display:block; } /* [左カラム]スタッフブログ */ #staffblog { width:126px; height:90px; background:url(../images/parts/banner_staffblog01.gif) no-repeat; margin:10px; text-indent:-7000em; } #staffblog a { width:126px; height:45px; display:block; } /* [左カラム]スタッフ募集 */ #recruit { width:126px; height:90px; background:url(../images/parts/banner_recruit.gif) no-repeat; margin:10px; text-indent:-7000em; } #recruit a { width:126px; height:90px; display:block; } /* ============================================================================ */ /* 各ページ */ /* ============================================================================ */ /* ショップ紹介 */ .shopbox_l { width:250px; float:left; } .shopbox_r { width:300px; float:right; } .shopbox_b { width:550px; height:1px; clear:both; } div.shop-view { width:550px; clear:both; } div.shop-view div.left { width:270px; margin-right:5px; float:left; } div.shop-view div.right { width:270px; margin-left:5px; float:left; } div.shop-view div.bottom { width:550px; height:1px; clear:both; } div.shop-view p { padding:0 1em; } /* よくあるご質問 */ #faq-main { width:570px; clear:both; } #faq-main ul { margin:0; padding:0; } #faq-main li { width:190px; height:50px; margin:0; padding:0; text-indent:-7000em; float:left; } #faq-main li a { width:190px; height:50px; display:block; } #faq-main li a.garden { background:url(../images/parts/faq_bt01.gif) no-repeat; } #faq-main li a.exterior { background:url(../images/parts/faq_bt02.gif) no-repeat; } #faq-main li a.reform { background:url(../images/parts/faq_bt03.gif) no-repeat; } #faq-box { width:570px; background:url(../images/parts/waku_c570a.gif); clear:both; } #faq-box div.title { width:570px; height:30px; background:#BB8855 url(../images/parts/ico_leaf01.gif) no-repeat; margin-bottom:15px; } #faq-box div.title h3 { padding:6px 0 0 30px; font-size:14px; color:#FFFFFF; } #faq-box div.txt { padding:0 30px 0 30px; } #faq-box div.bottom { width:570px; height:15px; background:url(../images/parts/waku_b570a.gif) no-repeat; clear:both; } #faq-box dl { } #faq-box dt { background:url(../images/parts/ico_q.gif) no-repeat; padding:3px 0 15px 38px; font-size:16px; font-weight:bold; } #faq-box dd { background:url(../images/parts/ico_a.gif) no-repeat; border-bottom:1px dotted #AAAAAA; margin-bottom:15px; padding:5px 0 15px 38px; font-size:14px; } /* 問い合わせフォーム */ #form-box { width:548px; border:1px solid #EEEEDD; background:#FFFFFF; } #form-box table { width:100%; } #form-box th { padding:10px; background:#CCFF99; font-weight:normal; text-align:left; } #form-box td { padding:10px; background:#EEEEDD; text-align:left; } #form-box td textarea { color:#555555; } #form-btn { margin:15px 0; text-align:center; } #form-btn input { padding:4px; } #form-box02 { width:548px; border:1px solid #EEEEDD; margin:10px auto; background:#FFFFFF; } #form-box02 table { width:100%; } #form-box02 caption { background:#48B524; padding:5px; color:#FFFFFF; font-weight:bold; } #form-box02 th { padding:10px; background:#CCFF99; font-weight:normal; text-align:left; } #form-box02 td { padding:10px; background:#EEEEDD; text-align:left; } #form-box02 p { padding:20px; } #form-box02 div.txt { width:100%; } #form-box02 div.txt li { color:#FF0000; } /* エクステリアパーツ */ div#parts-list { width:550px; } div#parts-list div.bottom { width:550px; height:1px; clear:both; } div#parts-list li { width:110px; height:50px; margin:0; padding:0; text-indent:-7000em; float:left; } div#parts-list li a { width:110px; height:50px; display:block; } div#parts-list li a.post { background:url(../images/parts/parts_bt01.gif) no-repeat; } div#parts-list li a.nameplate { background:url(../images/parts/parts_bt02.gif) no-repeat; } div#parts-list li a.light { background:url(../images/parts/parts_bt03.gif) no-repeat; } div#parts-list li a.storeroom { background:url(../images/parts/parts_bt04.gif) no-repeat; } div#parts-list li a.furniture { background:url(../images/parts/parts_bt05.gif) no-repeat; } div#parts-list li a.room { background:url(../images/parts/parts_bt06.gif) no-repeat; } div#parts-list li a.terrace { background:url(../images/parts/parts_bt07.gif) no-repeat; } div#parts-list li a.pergola { background:url(../images/parts/parts_bt08.gif) no-repeat; } div#parts-list li a.carport { background:url(../images/parts/parts_bt09.gif) no-repeat; } div#parts-list li a.wooddeck { background:url(../images/parts/parts_bt10.gif) no-repeat; } div.parts-box { width:570px; } div.parts-box div.item-LR { width:186px; background:url(../images/parts/item_bg01h.gif) no-repeat; margin:0 0 10px 0; text-align:center; float:left; } div.parts-box div.item-C { width:186px; background:url(../images/parts/item_bg01h.gif) no-repeat; margin:0 6px 10px 6px; text-align:center; float:left; } div.parts-box div.item-CR { width:378px; background:url(../images/parts/item_bg02h.gif) no-repeat; margin:0 0 10px 6px; text-align:center; float:left; } div.parts-box dt { padding:4px 10px; } div.parts-box dd.price { background:url(../images/parts/item_bg01b.gif) no-repeat bottom; padding-bottom:10px; color:#EE0000; } div.parts-box dd.price02 { background:url(../images/parts/item_bg02b.gif) no-repeat bottom; padding-bottom:10px; color:#EE0000; } div.parts-box p { margin-bottom:14px; padding:0 10px; clear:both; } /* ガーデン＆エクステリアについて */ div.nagare01 { width:550px; height:300px; background:url(../images/parts/nagare_img01.gif) no-repeat; margin-bottom:10px; text-indent:-7000em; clear:both; } div.opinion-box01 { xwidth:530px; background:#F6F1E5 url(../images/parts/opinion_bg01.gif) top; border-top:1px solid #E0D0AA; border-bottom:1px solid #E0D0AA; padding:10px 10px 9px 10px; clear:both; } div.opinion-box01 div.left { width:260px; float:left; } div.opinion-box01 div.right { width:270px; float:left; } div.opinion-box01 div.bottom { width:530px; height:1px; clear:both; } div.opinion-box01 div.title { width:270px; background:#7C5F0F; margin-bottom:12px; } div.opinion-box01 div.title h4 { margin:0; padding:2px 0 1px 10px; color:#FFFFFF; font-weight:bold; } div.opinion-box01 div.btn { margin-top:10px; text-indent:-7000em; clear:both; } div.opinion-box01 div.btn a { width:200px; height:40px; background:url(../images/parts/opinion_btn01.gif) no-repeat; position:relative; left:35px; display:block; } div.opinion-box01 dl { margin:0; padding:0; } div.opinion-box01 dt { border-bottom:1px solid #FFFFFF; background:url(../images/parts/ico_maru02.gif) no-repeat; padding-left:20px; margin-bottom:2px; font-weight:bold; } div.opinion-box01 dt.voice { margin-top:10px; } div.opinion-box01 dd { padding-left:20px; } /* 施工作業の流れ */ div.nagare-box01 { width:550px; border-bottom:1px dotted #B48232; margin-bottom:15px; padding-bottom:10px; } div.nagare-box01 div.left { width:160px; float:left; } div.nagare-box01 div.right { width:390px; padding-top:1em; float:left; } div.nagare-box01 div.bottom { width:550px; height:1px; clear:both; } div.nagare-box02 { width:550px; border-bottom:1px dotted #B48232; margin-bottom:15px; padding-bottom:10px; } div.nagare-box02 div.left { width:210px; float:left; } div.nagare-box02 div.right { width:340px; padding-top:1em; float:left; } div.nagare-box02 div.bottom { width:550px; height:1px; clear:both; } /* スタッフ紹介 */ div.staff-box01 { width:550px; margin-bottom:30px; } div.staff-box01 div.left { width:250px; float:left; } div.staff-box01 div.right { width:280px; float:right; } div.staff-box01 div.bottom { width:550px; height:1px; clear:both; } div.staff-box01 dl { margin:0; padding:0; } div.staff-box01 dt.name { width:50px; border-bottom:1px dotted #AAAAAA; background:url(../images/parts/ico_maru01.gif) no-repeat; padding-left:20px; float:left; } div.staff-box01 dd.name { width:210px; border-bottom:1px dotted #AAAAAA; float:left; } div.staff-box01 dt.part { width:50px; border-bottom:1px dotted #AAAAAA; background:url(../images/parts/ico_maru01.gif) no-repeat; padding-left:20px; float:left; } div.staff-box01 dd.part { width:210px; border-bottom:1px dotted #AAAAAA; float:left; } div.staff-box01 dt.hobby { width:50px; border-bottom:1px dotted #AAAAAA; background:url(../images/parts/ico_maru01.gif) no-repeat; padding-left:20px; float:left; } div.staff-box01 dd.hobby { width:210px; border-bottom:1px dotted #AAAAAA; float:left; } div.staff-box01 dt.comment { width:260px; background:url(../images/parts/ico_maru01.gif) no-repeat; padding-left:20px; font-weight:bold; float:left; } div.staff-box01 dd.comment { width:260px; padding-left:20px; float:left; } /* 広告ダウンロード */ div.bill-box01 { width:550px; background:url(../images/parts/bill_bg01.gif); border-top:1px solid #375F2A; border-bottom:1px solid #375F2A; margin-bottom:30px; } div.bill-box01 div.left { width:350px; padding:4px 0; text-align:center; float:left; } div.bill-box01 div.right { width:200px; background:#375F2A; float:left; } div.bill-box01 div.bottom { width:550px; height:1px; clear:both; } div.bill-box01 dl { margin:0; padding:20px; color:#FFFFFF; } div.bill-box01 dt h4 { margin:0; font-weight:bold; } div.bill-box01 dd a:link, div.bill-box01 dd a:visited, div.bill-box01 dd a:active { color:#FFFF00; text-decoration:underline; } div.bill-box01 dd a:hover { color:#FF7700; text-decoration:underline; } div.backnumber { width:550px; text-align:center; clear:both; } div.backnumber div.box01 { width:100px; background:url(../images/parts/backnumber_bg01.gif); border-bottom:2px solid #375F2A; margin:0 5px 15px 4px; float:left; } div.backnumber div.bottom { width:550px; height:1px; clear:both; } div.backnumber dt { width:100px; background:#375F2A; padding:4px 0; color:#FFFFFF; } div.backnumber dd { width:50px; padding:4px 0; float:left; } div.backnumber dd a { font-size:12px; } /* 施工事例 */ div#case-list { width:550px; } div#case-list div.bottom { width:550px; height:1px; clear:both; } div#case-list li { padding:0; text-indent:-7000em; float:left; } div#case-list li a.garden { width:180px; height:50px; background:url(../images/parts/case_bt01.gif) no-repeat; margin:0; display:block; } div#case-list li a.exterior { width:180px; height:50px; background:url(../images/parts/case_bt02.gif) no-repeat; margin:0 5px; display:block; } div#case-list li a.design { width:180px; height:50px; background:url(../images/parts/case_bt03.gif) no-repeat; margin:0; display:block; } div.case-box01 { width:550px; margin-bottom:20px; text-align:center; } div.case-box01 div.left { width:270px; background:url(../images/parts/case_bg01.gif); border-top:1px solid #E0D0AA; border-bottom:1px solid #E0D0AA; margin-right:5px; padding:5px 0; float:left; } div.case-box01 div.right { width:270px; background:url(../images/parts/case_bg01.gif); border-top:1px solid #E0D0AA; border-bottom:1px solid #E0D0AA; margin-left:5px; padding:5px 0; float:left; } div.case-box01 div.bottom { width:550px; height:1px; clear:both; } div.case-box01 a:link, div.case-box01 a:visited, div.case-box01 a:active { color:#553300; text-decoration:underline; } div.case-box01 a:hover { color:#EE3300; text-decoration:underline; } div.case-box02 { width:550px; margin-bottom:20px; text-align:center; } div.case-box02 div.left { width:270px; background:url(../images/parts/case_bg02.gif); border-top:1px solid #E0D0AA; border-bottom:1px solid #E0D0AA; margin-right:5px; padding:5px 0; float:left; } div.case-box02 div.right { width:270px; background:url(../images/parts/case_bg02.gif); border-top:1px solid #E0D0AA; border-bottom:1px solid #E0D0AA; margin-left:5px; padding:5px 0; float:left; } div.case-box02 div.bottom { width:550px; height:1px; clear:both; } div.case-box02 a:link, div.case-box02 a:visited, div.case-box02 a:active { color:#553300; text-decoration:underline; } div.case-box02 a:hover { color:#EE3300; text-decoration:underline; } /* 施工事例詳細 */ .details-demand { width:550px; clear:both; } .details-demand div.left { width:300px; float:left; } .details-demand div.right { width:250px; float:left; } .details-demand div.bottom { width:550px; height:1px; clear:both; } .details-demand ol { margin-top:1em; padding:0; } .details-demand li { margin:0 10px 0 30px; list-style-type:decimal; list-style-position:outside;} .details-demand table { width:100%; border:1px solid #FFFFFF; } .details-demand th { width:60px; background:#AAEE55; padding:5px; font-size:14px; text-align:center; color:#225500; } .details-demand td { background:#F5F5BB; padding:5px; font-size:14px; line-height:1.5em; } #case-demand div.box div.l ol { margin-top:1em; padding:0; } #case-demand div.box div.l li { margin:0 0 0 30px; list-style-type:decimal; list-style-position:outside;} #case-demand div.box div.r { width:250px; float:right; } #case-demand div.box div.r table{ width:100%; border:1px solid #FFFFFF; } #case-demand div.box div.r th { width:60px; background:#AAEE55; padding:5px; font-size:14px; text-align:center; color:#225500; } #case-demand div.box div.r td { background:#F5F5BB; padding:5px; font-size:14px; line-height:1.5em; } #case-demand div.box div.b { width:550px; clear:both; } div.details-box { margin-bottom:20px; } div.details-box div.txt { padding:0 10px; clear:both; } div.details-box div.txt p { margin-bottom:14px; clear:both; } div.details-box div.after h4 { width:70px; height:20px; background:url(../images/parts/case-image_h4a.gif) no-repeat; text-indent:-7000em; } div.details-box div.before h4 { width:70px; height:20px; background:url(../images/parts/case-image_h4b.gif) no-repeat; text-indent:-7000em; } div.details-box div img { margin-bottom:5px; } div.details-box div p { font-size:14px; line-height:1.5em; } div.details-box01, div.details-box02 { width:550px; height:auto; clear:both; overflow:hidden; display:block; } div.details-box02 div.left, div.details-box02 div.right { width:265px; float:left; } div.details-box02 div.center01 { width:20px; float:left; } div.details-box02 div.center02 { width:20px; height:373px; background:url(../images/parts/case_arrow01.gif) center; no-repeat; float:left; } div.details-box02 div.center03 { width:20px; height:219px; background:url(../images/parts/case_arrow02.gif) center; no-repeat; float:left; } div.details-box02 div.bottom { width:550px; height:1px; clear:both; } div.details-comment { background:#EEBB66; padding:15px 15px 5px 15px; clear:both; } div.details-comment div.left { width:260px; float:left; } div.details-comment div.right { width:265px; padding-left:15px; float:right; } div.details-comment div.bottom { width:540px; height:1px; clear:both; } div.details-comment div.title h3 { width:190px; height:31px; background:url(../images/parts/case_comment_h3.gif) no-repeat; margin:0 0 10px 0; padding:0; text-indent:-7000em; } div.details-comment div.left p { margin:0 0 1em 0.5em; padding:0; } div.details-point { background:#62C731; padding:15px 15px 5px 15px; clear:both; } div.details-point div.left { width:260px; float:left; } div.details-point div.right { width:265px; margin-left:15px; float:right; } div.details-point div.bottom { width:540px; height:1px; clear:both; } div.details-point div.title h3 { width:190px; height:31px; background:url(../images/parts/case_point_h3.gif) no-repeat; margin:0 0 10px 0; padding:0; text-indent:-7000em; } div.details-point div.left p { margin:0 0 1em 0.5em; padding:0; } div#details-title-g001 { width:570px; height:250px; background:url(../images/case/case_g001_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g002 { width:570px; height:250px; background:url(../images/case/case_g002_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g003 { width:570px; height:250px; background:url(../images/case/case_g003_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g004 { width:570px; height:250px; background:url(../images/case/case_g004_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g005 { width:570px; height:250px; background:url(../images/case/case_g005_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g006 { width:570px; height:250px; background:url(../images/case/case_g006_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g007 { width:570px; height:250px; background:url(../images/case/case_g007_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g008 { width:570px; height:250px; background:url(../images/case/case_g008_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g009 { width:570px; height:250px; background:url(../images/case/case_g009_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g010 { width:570px; height:250px; background:url(../images/case/case_g010_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g011 { width:570px; height:250px; background:url(../images/case/case_g011_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g012 { width:570px; height:250px; background:url(../images/case/case_g012_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g013 { width:570px; height:250px; background:url(../images/case/case_g013_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-g014 { width:570px; height:250px; background:url(../images/case/case_g014_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e001 { width:570px; height:250px; background:url(../images/case/case_e001_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e002 { width:570px; height:250px; background:url(../images/case/case_e002_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e003 { width:570px; height:250px; background:url(../images/case/case_e003_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e004 { width:570px; height:250px; background:url(../images/case/case_e004_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e005 { width:570px; height:250px; background:url(../images/case/case_e005_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e006 { width:570px; height:250px; background:url(../images/case/case_e006_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e007 { width:570px; height:250px; background:url(../images/case/case_e007_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e008 { width:570px; height:250px; background:url(../images/case/case_e008_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e009 { width:570px; height:250px; background:url(../images/case/case_e009_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e010 { width:570px; height:250px; background:url(../images/case/case_e010_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e011 { width:570px; height:250px; background:url(../images/case/case_e011_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e012 { width:570px; height:250px; background:url(../images/case/case_e012_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e013 { width:570px; height:250px; background:url(../images/case/case_e013_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e014 { width:570px; height:250px; background:url(../images/case/case_e014_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e015 { width:570px; height:250px; background:url(../images/case/case_e015_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e016 { width:570px; height:250px; background:url(../images/case/case_e016_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e017 { width:570px; height:250px; background:url(../images/case/case_e017_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e018 { width:570px; height:250px; background:url(../images/case/case_e018_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e019 { width:570px; height:250px; background:url(../images/case/case_e019_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#details-title-e020 { width:570px; height:250px; background:url(../images/case/case_e020_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } /* 会社概要 */ div.corp-box01 { width:548px; border:1px solid #EEEEDD; } div.corp-box01 table { width:100%; } div.corp-box01 th { padding:10px; background:#CCFF99; font-weight:normal; } div.corp-box01 td { padding:10px; background:#EEEEDD; } /* サイトマップ */ div.sitemap-box01 { width:550px; clear:both; } div.sitemap-box01 dt { background:url(../images/parts/sitemap_ico01.gif) no-repeat; border-bottom:1px dotted #AAAAAA; margin-top:5px; padding-left:20px; } div.sitemap-box01 dd { background:url(../images/parts/sitemap_ico02.gif) no-repeat; border-bottom:1px dotted #AAAAAA; margin-top:5px; padding-left:40px; } /* リンク集 */ div.link-box01 { width:550px; margin-bottom:10px; clear:both; } div.link-box01 dt { background:url(../images/parts/sitemap_ico01.gif) no-repeat; margin-top:5px; padding-left:20px; } div.link-box01 dd { border-bottom:1px dotted #AAAAAA; padding:0 0 10px 20px; } /* 施工事例タイトル（ガーデン） */ div#case_garden001 { width:570px; height:250px; background:url(../images/case/case_g001_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden002 { width:570px; height:250px; background:url(../images/case/case_g002_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden003 { width:570px; height:250px; background:url(../images/case/case_g003_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden004 { width:570px; height:250px; background:url(../images/case/case_g004_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden005 { width:570px; height:250px; background:url(../images/case/case_g005_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden006 { width:570px; height:250px; background:url(../images/case/case_g006_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden007 { width:570px; height:250px; background:url(../images/case/case_g007_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden008 { width:570px; height:250px; background:url(../images/case/case_g008_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden009 { width:570px; height:250px; background:url(../images/case/case_g009_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden010 { width:570px; height:250px; background:url(../images/case/case_g010_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden011 { width:570px; height:250px; background:url(../images/case/case_g011_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden012 { width:570px; height:250px; background:url(../images/case/case_g012_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden013 { width:570px; height:250px; background:url(../images/case/case_g013_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden014 { width:570px; height:250px; background:url(../images/case/case_g014_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden015 { width:570px; height:250px; background:url(../images/case/case_g015_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden016 { width:570px; height:250px; background:url(../images/case/case_g016_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden017 { width:570px; height:250px; background:url(../images/case/case_g017_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden018 { width:570px; height:250px; background:url(../images/case/case_g018_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden019 { width:570px; height:250px; background:url(../images/case/case_g019_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden020 { width:570px; height:250px; background:url(../images/case/case_g020_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden021 { width:570px; height:250px; background:url(../images/case/case_g021_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden022 { width:570px; height:250px; background:url(../images/case/case_g022_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden023 { width:570px; height:250px; background:url(../images/case/case_g023_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden024 { width:570px; height:250px; background:url(../images/case/case_g024_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden025 { width:570px; height:250px; background:url(../images/case/case_g025_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden026 { width:570px; height:250px; background:url(../images/case/case_g026_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden027 { width:570px; height:250px; background:url(../images/case/case_g027_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden028 { width:570px; height:250px; background:url(../images/case/case_g028_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden029 { width:570px; height:250px; background:url(../images/case/case_g029_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden030 { width:570px; height:250px; background:url(../images/case/case_g030_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden031 { width:570px; height:250px; background:url(../images/case/case_g031_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden032 { width:570px; height:250px; background:url(../images/case/case_g032_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden033 { width:570px; height:250px; background:url(../images/case/case_g033_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden034 { width:570px; height:250px; background:url(../images/case/case_g034_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden035 { width:570px; height:250px; background:url(../images/case/case_g035_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_garden001 div, div#case_garden002 div, div#case_garden003 div, div#case_garden004 div, div#case_garden005 div, div#case_garden006 div, div#case_garden007 div, div#case_garden008 div, div#case_garden009 div, div#case_garden010 div, div#case_garden011 div, div#case_garden012 div, div#case_garden013 div, div#case_garden014 div, div#case_garden015 div, div#case_garden016 div, div#case_garden017 div, div#case_garden018 div, div#case_garden019 div, div#case_garden020 div, div#case_garden021 div, div#case_garden022 div, div#case_garden023 div, div#case_garden024 div, div#case_garden025 div, div#case_garden026 div, div#case_garden027 div, div#case_garden028 div, div#case_garden029 div, div#case_garden030 div, div#case_garden031 div, div#case_garden032 div, div#case_garden033 div, div#case_garden034 div, div#case_garden035 div { display:none; } /* 施工事例タイトル（エクステリア） */ div#case_exterior001 { width:570px; height:250px; background:url(../images/case/case_e001_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior002 { width:570px; height:250px; background:url(../images/case/case_e002_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior003 { width:570px; height:250px; background:url(../images/case/case_e003_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior004 { width:570px; height:250px; background:url(../images/case/case_e004_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior005 { width:570px; height:250px; background:url(../images/case/case_e005_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior006 { width:570px; height:250px; background:url(../images/case/case_e006_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior007 { width:570px; height:250px; background:url(../images/case/case_e007_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior008 { width:570px; height:250px; background:url(../images/case/case_e008_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior009 { width:570px; height:250px; background:url(../images/case/case_e009_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior010 { width:570px; height:250px; background:url(../images/case/case_e010_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior011 { width:570px; height:250px; background:url(../images/case/case_e011_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior012 { width:570px; height:250px; background:url(../images/case/case_e012_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior013 { width:570px; height:250px; background:url(../images/case/case_e013_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior014 { width:570px; height:250px; background:url(../images/case/case_e014_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior015 { width:570px; height:250px; background:url(../images/case/case_e015_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior016 { width:570px; height:250px; background:url(../images/case/case_e016_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior017 { width:570px; height:250px; background:url(../images/case/case_e017_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior018 { width:570px; height:250px; background:url(../images/case/case_e018_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior019 { width:570px; height:250px; background:url(../images/case/case_e019_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior020 { width:570px; height:250px; background:url(../images/case/case_e020_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior021 { width:570px; height:250px; background:url(../images/case/case_e021_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior022 { width:570px; height:250px; background:url(../images/case/case_e022_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior023 { width:570px; height:250px; background:url(../images/case/case_e023_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior024 { width:570px; height:250px; background:url(../images/case/case_e024_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior025 { width:570px; height:250px; background:url(../images/case/case_e025_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior026 { width:570px; height:250px; background:url(../images/case/case_e026_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior027 { width:570px; height:250px; background:url(../images/case/case_e027_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior028 { width:570px; height:250px; background:url(../images/case/case_e028_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior029 { width:570px; height:250px; background:url(../images/case/case_e029_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior030 { width:570px; height:250px; background:url(../images/case/case_e030_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior031 { width:570px; height:250px; background:url(../images/case/case_e031_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior032 { width:570px; height:250px; background:url(../images/case/case_e032_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior033 { width:570px; height:250px; background:url(../images/case/case_e033_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior034 { width:570px; height:250px; background:url(../images/case/case_e034_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior035 { width:570px; height:250px; background:url(../images/case/case_e035_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior036 { width:570px; height:250px; background:url(../images/case/case_e036_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior037 { width:570px; height:250px; background:url(../images/case/case_e037_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior038 { width:570px; height:250px; background:url(../images/case/case_e038_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior039 { width:570px; height:250px; background:url(../images/case/case_e039_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior040 { width:570px; height:250px; background:url(../images/case/case_e040_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior041 { width:570px; height:250px; background:url(../images/case/case_e041_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior042 { width:570px; height:250px; background:url(../images/case/case_e042_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior043 { width:570px; height:250px; background:url(../images/case/case_e043_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior044 { width:570px; height:250px; background:url(../images/case/case_e044_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior045 { width:570px; height:250px; background:url(../images/case/case_e045_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior046{ width:570px; height:250px; background:url(../images/case/case_e046_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior047 { width:570px; height:250px; background:url(../images/case/case_e047_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior048 { width:570px; height:250px; background:url(../images/case/case_e048_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior049 { width:570px; height:250px; background:url(../images/case/case_e049_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior050 { width:570px; height:250px; background:url(../images/case/case_e050_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior051 { width:570px; height:250px; background:url(../images/case/case_e051_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior052 { width:570px; height:250px; background:url(../images/case/case_e052_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior053 { width:570px; height:250px; background:url(../images/case/case_e053_title.jpg) no-repeat; margin-bottom:20px; text-indent:-7000em; } div#case_exterior001 div, div#case_exterior002 div, div#case_exterior003 div, div#case_exterior004 div, div#case_exterior005 div, div#case_exterior006 div, div#case_exterior007 div, div#case_exterior008 div, div#case_exterior009 div, div#case_exterior010 div, div#case_exterior011 div, div#case_exterior012 div, div#case_exterior013 div, div#case_exterior014 div, div#case_exterior015 div, div#case_exterior016 div, div#case_exterior017 div, div#case_exterior018 div, div#case_exterior019 div, div#case_exterior020 div, div#case_exterior021 div, div#case_exterior022 div, div#case_exterior023 div, div#case_exterior024 div, div#case_exterior025 div, div#case_exterior026 div, div#case_exterior027 div, div#case_exterior028 div, div#case_exterior027 div, div#case_exterior029 div, div#case_exterior030 div, div#case_exterior031 div, div#case_exterior032 div, div#case_exterior033 div, div#case_exterior034 div, div#case_exterior035 div, div#case_exterior036 div, div#case_exterior037 div, div#case_exterior038 div, div#case_exterior039 div, div#case_exterior040 div, div#case_exterior041 div, div#case_exterior042 div, div#case_exterior043 div, div#case_exterior044 div, div#case_exterior045 div, div#case_exterior046 div, div#case_exterior047 div, div#case_exterior048 div, div#case_exterior049 div, div#case_exterior050 div, div#case_exterior051 div, div#case_exterior052 div, div#case_exterior053 div { display:none; } /*************************/ /*** TOPポートフォト用 ***/ /*************************/ ul#portfolio { width :570px; height :390px; margin :0 auto; padding :0; background :url(images/top/top_case_000.jpg) no-repeat; list-style :none; overfow :hidden; } ul#portfolio li { width :570px; height :390px; margin :0; padding :0; list-style :none; } #title_box01 .greeting { text-indent:-7000em; font-size:7%; }