body { background:#EDEDED url(images/parts/bg_body01.gif) repeat-y center; margin:0; font-family: メイリオ, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; color:#333333; text-align:center; } body,table,tt,textarea { font-size:small !important; /* IE 7向け */ font-size:x-small; /* IE 6以下 */ } html>/**/body { font-size:13px; /* モダンブラウザ向け */ } h1,h2,h3,h4 { margin:0; padding:0; } img { border:0; xvertical-align:bottom; } p { margin:0.7em 0; line-height:1.5em; letter-spacing:0.1em; } address { margin:5px 0 10px 0; font-style:normal; } a:link, a:visited, a:active { color:#0077EE; text-decoration:none; } a:hover { color:#FF7700; text-decoration:underline; } /* 文字 */ .red { color:#FF0000; } .blue { color:#009999; } /* 配置 */ .layout-both { height:auto; clear:both; overflow:hidden; display:block; } .layout-left { height:auto; float:left; overflow:hidden; display:block; } .layout-right { height:auto; float:right; overflow:hidden; display:block; } /* ベース */ #Top { height:1px; } #Wrapper { width:764px; border-top:1px solid #D5D5D5; background:url(images/parts/bg_wrapper.gif); margin:10px auto 0 auto; } #Container { width:760px; margin:0 2px; text-align:left; } .zero { height:1px; clear:both; } /* ヘッダー */ #header { width:760px; background:#FFF url(images/parts/bg_box01.gif) no-repeat bottom; margin:0 0 20px 0; } #header-box01 { width:760px; background:#3990DD; text-align:right; } #header-box01 ul { height:1em; margin:0; padding:0.4em 20px; list-style:none; } #header-box01 li { background:url(images/parts/ico01.gif) no-repeat center left; margin:0 0 0 1em; padding:0 0 0 12px; float:right; } /***************/ #header-box02 { width:720px; height:80px; margin:10px 20px; clear:both; } #header-box02L { width:430px; background:url(images/parts/logo01.gif) no-repeat; text-indent:-7000em; float:left; } #header-box02L a { width:390px; height:80px; display:block; float:left; } #header-box02L p { width:40px; font-size:1px; text-indent:-7000em; float:left; } #header-box02R { width:290px; float:left; } #header-box02R #tel { width:290px; height:40px; } #header-box02R #toi { width:290px; height:40px; text-indent:-7000em; } #header-box02R #toi a:link, #header-box02R #toi a:visited, #header-box02R #toi a:active { width:290px; height:40px; background:url(images/parts/btn_toi01a.gif) no-repeat; display:block; } #header-box02R #toi a:hover { width:290px; height:40px; background:url(images/parts/btn_toi01b.gif) no-repeat; display:block; } /***************/ #header-box03 { width:720px; background:url(images/parts/bg_header_box03.gif) no-repeat; xbackground:#3990DD url(images/parts/bg_header_box03h.gif) no-repeat; margin:0 20px; padding:0; color:#FFF; clear:both; } #header-box03 ul { height:32px; margin:0; padding:0; list-style:none; } #header-box03 li { margin:0; float:left; text-indent:-700em; } #Hbtn01 a:link, #Hbtn01 a:visited, #Hbtn01 a:active { width:92px; height:32px; background:url(images/parts/btn_header01a.gif) no-repeat; display:block; } #Hbtn01 a:hover { width:92px; height:32px; background:url(images/parts/btn_header01b.gif) no-repeat; display:block; } #Hbtn01b a { width:92px; height:32px; background:url(images/parts/btn_header01b.gif) no-repeat; display:block; } #Hbtn02 a:link, #Hbtn02 a:visited, #Hbtn02 a:active { width:114px; height:32px; background:url(images/parts/btn_header02a.gif) no-repeat; display:block; } #Hbtn02 a:hover { width:114px; height:32px; background:url(images/parts/btn_header02b.gif) no-repeat; display:block; } #Hbtn02b a { width:114px; height:32px; background:url(images/parts/btn_header02b.gif) no-repeat; display:block; } #Hbtn03 a:link, #Hbtn03 a:visited, #Hbtn03 a:active { width:102px; height:32px; background:url(images/parts/btn_header03a.gif) no-repeat; display:block; } #Hbtn03 a:hover { width:102px; height:32px; background:url(images/parts/btn_header03b.gif) no-repeat; display:block; } #Hbtn03b a { width:102px; height:32px; background:url(images/parts/btn_header03b.gif) no-repeat; display:block; } #Hbtn04 a:link, #Hbtn04 a:visited, #Hbtn04 a:active { width:72px; height:32px; background:url(images/parts/btn_header04a.gif) no-repeat; display:block; } #Hbtn04 a:hover { width:72px; height:32px; background:url(images/parts/btn_header04b.gif) no-repeat; display:block; } #Hbtn04b a { width:72px; height:32px; background:url(images/parts/btn_header04b.gif) no-repeat; display:block; } #Hbtn05 a:link, #Hbtn05 a:visited, #Hbtn05 a:active { width:72px; height:32px; background:url(images/parts/btn_header05a.gif) no-repeat; display:block; } #Hbtn05 a:hover { width:72px; height:32px; background:url(images/parts/btn_header05b.gif) no-repeat; display:block; } #Hbtn05b a { width:72px; height:32px; background:url(images/parts/btn_header05b.gif) no-repeat; display:block; } #Hbtn06 a:link, #Hbtn06 a:visited, #Hbtn06 a:active { width:139px; height:32px; background:url(images/parts/btn_header06a.gif) no-repeat; display:block; } #Hbtn06 a:hover { width:139px; height:32px; background:url(images/parts/btn_header06b.gif) no-repeat; display:block; } #Hbtn06b a { width:139px; height:32px; background:url(images/parts/btn_header06b.gif) no-repeat; display:block; } #Hbtn07 a:link, #Hbtn07 a:visited, #Hbtn07 a:active { width:129px; height:32px; background:url(images/parts/btn_header07a.gif) no-repeat; display:block; } #Hbtn07 a:hover { width:129px; height:32px; background:url(images/parts/btn_header07b.gif) no-repeat; display:block; } #Hbtn07b a { width:129px; height:32px; background:url(images/parts/btn_header07b.gif) no-repeat; display:block; } /***************/ #header a:link, #header a:visited, #header a:active { color:#FFFFFF; font-weight:bold; text-decoration:none; } #header a:hover { color:#FFFF00; font-weight:bold; text-decoration:underline; } /* フッター */ #footer { width:720px; border-top:1px solid #EEE; margin:0 20px; padding:10px 0 0 0; clear;both; } #footer #footer-L { width:360px; text-align:left; float:left; } #footer #footer-R { width:360px; float:left; } #footer #footer-B { width:720px; height:1px; clear:both; } /***************/ #footer dl { margin:0; padding:0; } #footer dt { width:70px; margin:0 0 0.5em 0; padding:0; float:left; } #footer dd { width:290px; margin:0 0 0.5em 0; padding:0; text-align:left; float:left; } /***************/ #copyright { width:764px; background:url(images/parts/bg_footer.gif) no-repeat top; margin:0 auto; padding:10px 0; } #copyright p { margin:0; padding:5px 0; font-size:10px; } /* トップページメイン部 */ #top-main { width:720px; margin:0 20px 15px 20px; } #top-main-box01 { width:720px; height:290px; background:url(images/parts/top_img001.gif) no-repeat; margin:0 0 10px 0; text-indent:-700em; } #top-main-box01 div { height:222px; } #top-main-box01 h3 a { width:330px; height:50px; margin:0 0 0 375px; display:block; } #top-main-box01 h3 a:link, #top-main-box01 h3 a:visited, #top-main-box01 h3 a:active { background:url(images/parts/top_btn00a.gif) no-repeat; } #top-main-box01 h3 a:hover { background:url(images/parts/top_btn00b.gif) no-repeat; } #top-main-box02 { width:720px; height:180px; margin:0 0 14px 0; } #top-main-box02 p { margin:0; padding:0; font-size:1; } #top-main-box02 ul { margin:0; padding:0; list-style:none; } #top-main-box02 li { width:174px; height:180px; text-indent:-700em; float:left; } #top-main-box02 #btn01, #top-main-box02 #btn02, #top-main-box02 #btn03 { margin:0 8px 0 0; } #top-main-box02 #btn01 a:link, #top-main-box02 #btn01 a:visited, #top-main-box02 #btn01 a:active { width:174px; height:180px; background:#7ACA05 url(images/parts/top_btn01a.gif) no-repeat; display:block; } #top-main-box02 #btn01 a:hover { width:174px; height:180px; background:url(images/parts/top_btn01b.gif) no-repeat; display:block; } #top-main-box02 #btn02 a:link, #top-main-box02 #btn02 a:visited, #top-main-box02 #btn02 a:active { width:174px; height:180px; background:#EEB400 url(images/parts/top_btn02a.gif) no-repeat; display:block; } #top-main-box02 #btn02 a:hover { width:174px; height:180px; background:url(images/parts/top_btn02b.gif) no-repeat; display:block; } #top-main-box02 #btn03 a:link, #top-main-box02 #btn03 a:visited, #top-main-box02 #btn03 a:active { width:174px; height:180px; background:#E56C01 url(images/parts/top_btn03a.gif) no-repeat; display:block; } #top-main-box02 #btn03 a:hover { width:174px; height:180px; background:url(images/parts/top_btn03b.gif) no-repeat; display:block; } #top-main-box02 #btn04 a:link, #top-main-box02 #btn04 a:visited, #top-main-box02 #btn04 a:active { width:174px; height:180px; background:url(images/parts/top_btn04a.gif) no-repeat; display:block; } #top-main-box02 #btn04 a:hover { width:174px; height:180px; background:url(images/parts/top_btn04b.gif) no-repeat; display:block; } #top-main-box03 { width:720px; background:url(images/parts/bg_top-main-box03.gif); clear:both; } #top-main-box03H { width:720px; height:10px; background:url(images/parts/bg_top-main-box03H.gif); clear:both; } #top-main-box03L { width:356px; margin:0 8px 0 0; float:left; } #top-main-box03R { width:356px; float:left; } #top-main-box03B { width:720px; height:10px; background:url(images/parts/bg_top-main-box03B.gif); clear:both; } #top-column { margin:10px 20px 0 20px; } #top-column-box01, #top-column-box02, #top-column-box03 { width:316px; } #top-column-box01 h3 a { color:#F00; } #top-column-box02 h3 a { color:#0479C8; } #top-column-box03 h3 a { color:#7ACA05; } #top-column h3 { margin:0 0 4px 0; } #top-column .img { width:80px; float:left; } #top-column .txt { width:236px; float:left; } #top-column .txt p { margin:0; padding:0; line-height:1.2em; } #top-column .line01 { width:316px; height:17px; background:url(images/parts/line01.gif) repeat-x center; clear:both; } #top-column .line02 { width:316px; height:10px; clear:both; } #top-area { margin:10px 20px 0 20px; } #top-area h3 { margin:0 0 4px 0; color:#4EA700; } #top-area p { margin:0 0 0.5em 0; padding:0; line-height:1.2em; } #top-area-box02 { width:316px; height:142px; background:url(images/parts/area_img01.gif) no-repeat; text-indent:-700em; } /* [左]トップお知らせ */ #top-news { margin:0 0 15px 0; background:url(images/parts/top_news_bg_b.gif); } #top-news .body { background:url(images/parts/top_news_bg_h.gif) no-repeat; } #top-news .xbody { padding:20px 40px; background:url(images/parts/top_news_bg_f.gif) bottom no-repeat; } #top-news .text { padding:20px 40px; background:url(images/parts/top_news_bg_f.gif) bottom no-repeat; } #top-banners { background:url(images/parts/line02.gif)bottom no-repeat; margin:0 0 5px 0; padding:0 0 30px 0; } /* コンテンツメイン部 */ #main { width:720px; margin:0 20px 15px 20px; } #main-left { width:530px; margin:0 16px 0 0; float:left; } #main-left .title-h2 { width:530px; border-bottom:1px solid #CCC; background:url(images/parts/bg_title02.gif) repeat-x center center; margin:0 0 20px 0; clear:both; } #main-left .title-h2 h2 { background:url(images/parts/ico03.gif) no-repeat left center; margin:0 0 0 15px; padding:1em 0 1em 40px; color:#3990DD; } #main-left .title-h2 h2 span { font-size:70%; } #main-left .title-h3 { width:530px; border-bottom:1px solid #C2C2C2; background:url(images/parts/bg_title01.gif) repeat-x center center; margin:0 0 20px 0; clear:both; } #main-left .title-h3 h3 { background:url(images/parts/ico04.gif) no-repeat left center; margin:0 0 0 15px; padding:0.5em 0 0.5em 16px; color:#3990DD; } #main-left .txt { margin:0 15px 40px 15px; } #main-left .txt table { width:500px; border-top:1px solid #CCC; border-collapse:collapse; } #main-left .txt th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#F5F5F5; padding:0.5em 1em; text-align:left; white-space:nowrap; } #main-left .txt td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.5em 1em; line-height:1.2em; } #main-right { width:174px; float:right; } #main-bottom { width:720px; clear:both; } /* [左] TOPシャーププラン */ #sharp-plan { width:720px; height:320px; margin:0 0 15px 0; text-indent:-7000em; } #sharp-plan .title { width:720px; height:165px; background:url(images/top/t_banner_sharp_plan_00.jpg); } #sharp-plan .plan01, #sharp-plan .plan02, #sharp-plan .plan03 { float:left; } #sharp-plan .plan01 a:link, #sharp-plan .plan01 a:visited, #sharp-plan .plan01 a:active { width:242px; height:155px; background:url(images/top/t_banner_sharp_plan_01b.jpg) no-repeat; display:block; } #sharp-plan .plan01 a:hover { background:url(images/top/t_banner_sharp_plan_01a.jpg) no-repeat; display:block; } #sharp-plan .plan02 a:link, #sharp-plan .plan02 a:visited, #sharp-plan .plan02 a:active { width:235px; height:155px; background:url(images/top/t_banner_sharp_plan_02b.jpg) no-repeat; display:block; } #sharp-plan .plan02 a:hover { background:url(images/top/t_banner_sharp_plan_02a.jpg) no-repeat; display:block; } #sharp-plan .plan03 a:link, #sharp-plan .plan03 a:visited, #sharp-plan .plan03 a:active { width:243px; height:155px; background:url(images/top/t_banner_sharp_plan_03b.jpg) no-repeat; display:block; } #sharp-plan .plan03 a:hover { background:url(images/top/t_banner_sharp_plan_03a.jpg) no-repeat; display:block; } /* [左] Ｑ＆Ａページ */ #faq dl { margin:0; padding:0; } #faq dt { background:#99EEFF url(images/parts/ico_q.gif) no-repeat left center; margin:1em 0 0 0; padding:1em 0 1em 45px; } #faq dd { background:url(images/parts/bg_faq01.gif) no-repeat bottom; margin:0 0 2em 0; } #faq dd div { background:url(images/parts/ico_a.gif) no-repeat left center; padding:1.5em 35px 1.5em 45px; } /* フォーム関連 */ #form-btn { margin:20px 0; text-align:center; } #form-btn input { padding:5px; } textarea { width:100%; } /* 注目欄 */ .attention { width:500; } .attention .waku { background:#FFC; border:2px solid #FFB341; padding:10px; } .attention h4 { border-bottom:1px solid #FFCC88; color:#FF9900; } .attention ol, .attention ul { margin-top:5px; margin-bottom:0; padding-top:5px; } /* バックリンク01 */ #backlink01 { width:720px; margin:0 20px 0 20px; text-indent:-700em; } #backlink01 a { width:120px; height:20px; margin:0 0 0 600px; display:block; }#backlink01 a:link, #backlink01 a:visited, #backlink01 a:active { background:url(images/parts/btn_backlink01a.gif) no-repeat; } #backlink01 a:hover { background:url(images/parts/btn_backlink01b.gif) no-repeat; } /* [左] 10年保証制度 */ #assure-box01 { xborder-bottom:2px solid #CCC; background:#D6EBF8 url(images/parts/bg_assure01.gif) no-repeat bottom; margin:20px 0 0 0; } #assure-box01 ul { margin:0 10px; padding:0; list-style:none; } #assure-box01 li { width:240px; height:80px; margin:0; padding:0; text-align:center; float:left; } #assure-box01 #title { height:40px; background:url(images/parts/assure_title.gif) no-repeat center center; margin:0 0 5px 0; text-indent:-700em; } /* [左] 施工事例 */ .instance-list01 { margin:0 15px 30px 15px; } .instance-list01 ul { width:500px; margin:0; padding:0; list-style:none; } .instance-list01 li { width:250px; background:url(images/parts/instance_waku01t.gif) repeat-y center top; margin:0 0 15px 0; padding:0; text-align:center; float:left; } .instance-list01 li div { width:250px; background:url(images/parts/instance_waku01b.gif) no-repeat center bottom; padding:0 0 5px 0; } .instance-list01 li img { margin:10px 5px 3px 5px; } /* [左] 太陽光メリット */ #taiyoko-box01 { border-top:5px solid #FFBD5B; border-bottom:5px solid #FFBD5B; background:url(images/parts/bg_taiyoko01.gif); margin:20px 0 0 0; } #taiyoko-box01 ul { width:480px; margin:0 10px; padding:0; list-style:none; } #taiyoko-box01 li { width:160px; margin:0 0 5px 0; padding:0; text-align:center; float:left; } #taiyoko-box01 #title { width:500px; height:50px; background:url(images/parts/taiyoko_title.gif) no-repeat center center; text-indent:-700em; } /* [左] 悪徳業者の手口 */ #teguchi01 { margin:0 0 2em 0; } #teguchi01 dl { margin:0; padding:0; } #teguchi01 dt { background:#DDD url(images/parts/ico_akutoku01.gif) no-repeat left center; margin:1em 0 0 0; padding:1em 0 1em 45px; } #teguchi01 dd { background:url(images/parts/bg_fold01b.gif) no-repeat bottom right; margin:0 0 2em 0; } #teguchi01 dd div { background:url(images/parts/bg_fold01a.gif) no-repeat top right; margin:0 0 2em 0; padding:20px 20px 10px 50px; } /* [左] 三大瓦 */ #kawara-box01 { margin:5px 0; } #kawara-box01 ul { margin:0; padding:0; list-style:none; } #kawara-box01 li { width:125px; height:40px; margin:0; padding:0; text-align:center; float:left; } /* [左] 画像共通 */ .img-left { margin:0 0 0 0.5em; } /* [左] サイトマップ */ #sitemap-box01 { clear:both; } #sitemap-box01 dt { background:url(images/parts/ico_sitemap01.gif) no-repeat center left; border-bottom:1px dotted #AAA; margin:5px 0 0 0; padding:0.5em 0 0.5em 20px; } #sitemap-box01 dd { background:url(images/parts/ico_sitemap02.gif) no-repeat top left; border-bottom:1px dotted #AAA; margin:5px 0 0 20px; padding:0 0 0 20px; } #sitemap-box01 ul { margin:0; padding:0; list-style:none; } #sitemap-box01 li { margin:0; padding:0.5em 0; } /* [右] 料金表 */ #charges { width:174px; background:url(images/parts/bg_charges.gif); border-bottom:1px solid #3DC236; margin:0 0 10px 0; } #charges #charges-title { height:105px; background:url(images/parts/charge_title.gif) no-repeat; text-indent:-700em; } #charges #charges-btn { height:38px; margin:0 0 10px 0; text-indent:-700em; } #charges #charges-btn a:link, #charges #charges-btn a:visited, #charges #charges-btn a:active { width:174px; height:38px; background:url(images/parts/charge_btn01a.gif) no-repeat; text-indent:-700em; display:block; } #charges #charges-btn a:hover { width:174px; height:38px; background:url(images/parts/charge_btn01b.gif) no-repeat; text-indent:-700em; display:block; } #charges table { width:160px; border-top:1px solid #CCC; border-collapse:collapse; margin:0 7px 10px 7px; } #charges th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#FFFEDD; padding:0.4em 0 0.4em 0.2em; font-weight:normal; text-align:left; xwhite-space:nowrap; } #charges td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0; background:#FFF; } /* [右] バナー */ .R-banner { margin:0 0 10px 0; } /* [フォーム] エラー */ #form-error { width:300px; background:#FFF; margin:20px auto; } #form-error #box { border:2px solid #3990DD; margin:0; padding:20px; text-align:left; } #form-error #title { background:#3990DD; margin:0 0 15px 0; padding:5px; text-align:center; } #form-error #title h4 { color:#FFF; } #form-error #bottom { background:#E5EFF8; margin:20px 0 0 0; padding:5px; text-align:center; } #form-error ul { margin:0; padding-bottom:0; } #form-error li { margin:0; padding:0.5em 0; color:#F00; } /* [フォーム] 確認画面 */ #form-check { width:500px; background:#FFF; margin:20px auto; } #form-check #box { border:2px solid #3990DD; margin:0; padding:20px; text-align:center; } #form-check #title { background:#3990DD; margin:0 0 15px 0; padding:5px; text-align:center; } #form-check #title h4 { color:#FFF; } #form-check table { width:100%; border-top:1px solid #CCC; border-collapse:collapse; } #form-check th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#F5F5F5; padding:0.5em 1em; text-align:left; white-space:nowrap; } #form-check td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.5em 1em; line-height:1.2em; text-align:left; } #form-check #bottom { background:#E5EFF8; margin:20px 0 0 0; padding:5px; text-align:center; } /* テーブル01 */ table.table01 { width:500px; margin:0 0 20px; border-top:1px solid #CCC; border-collapse:collapse; } table.table01 th { border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#F5F5F5; padding:0.5em 0.8em; text-align:center; white-space:nowrap; font-size:90%; } table.table01 td { height:3.6em; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.5em 0.8em; line-height:1.2em; font-size:90%; } table.table01 td.price { text-align:right; } table.table01 .center { text-align:center; } table.table01 .left { text-align:left; } table.table01 .mini { font-size:80%; } table.table01 .border { border-top:2px solid #CCC; } table.table01 .bg_w { background:#FFF; } /* [右]シャープリンク集 */ #linkbox-ss { margin:0 0 15px 0; background:url(images/parts/linkbox-ss_bg01.gif); font-size:90%; } #linkbox-ss .title { padding:7px 0 6px 10px; background:#E84A4B; color:#FFF; } #linkbox-ss .text { padding:0 10px 10px; background:url(images/parts/linkbox-ss_bg02.gif) bottom no-repeat; font-size:90%; } #linkbox-ss ul { margin:0 10px 0 10px; padding:0; list-style:none; } #linkbox-ss li { margin:2px 0 4px 0; padding:3px 0 4px 15px; border-bottom:1px dotted #AAA; background:url(images/parts/linkbox-ss_bg03.gif) 5px center no-repeat; } /* [左]シャープローン */ .sharp_loan01 { width:500px; height:250px; margin:15px 0 0; background:url(images/parts/sharp_loan01.gif) no-repeat; text-indent:-7000em; } /* Javaでテーブルカラー */ table { width: 100%; margin: 0 0 20px; border-collapse: collapse; border: 1px #CCC solid; } table th { padding: 5px 10px; background: #EEE; border: 1px #CCC solid; } table td { padding: 5px 10px; border: 1px #CCC solid; } table tr.even td { background: #DFEEFF; border: 1px #CCC solid; }