body { background:#40AFED url(images/parts/bg_img01.gif) repeat-x; margin:0; font-size:12px;%; font-family: メイリオ, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif; color: #383636; text-align:center; } h1,h2,h3,h4 { margin:0; } img { border:0; vertical-align:bottom; } 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; } /* ベース */ #Wrapper { width:764px; background:url(images/parts/bg_img02.gif) repeat-y top; margin:0 auto; } #Container { width:764px; background:url(images/parts/bg_img03.gif) no-repeat top; text-align:left; } /* ヘッダー */ #header { width:740px; margin:0 12px; } #header-l { width:197px; height:100px; background:url(images/parts/header_logo01.gif) no-repeat; float:left; text-indent:-700em; } #header-l a { width:197px; height:100px; display:block; } /* ---------------- */ #header-r { width:543px; height:100px; height:100px; float:right; } #header-r #header-rt { width:520px; height:57px; background:url(images/parts/header_bg01.gif) no-repeat; text-indent:-700em; } #header-r #counter { width:110px; padding:20px 0 0 10px; float:left; } #header-r #header-rt01 { width:400px; height:57px; background:url(images/parts/header_bg01.gif) no-repeat right; text-indent:-700em; float:left; } #header-r p { margin:0; padding:0; } #header-r ul { height:43px; margin:0; padding:0; } #header-r li { height:43px; text-indent:-700em; float:left; list-style:none; } #header-r li a { height:43px; display:block; } #header-b { width:740px; height:10px; clear:both; } /* ---------------- */ #header-btn01 a:link, #header-btn01 a:visited, #header-btn01 a:active { width:70px; background:url(images/parts/header_btn01b.gif) no-repeat; } #header-btn01 a:hover { width:70px; background:url(images/parts/header_btn01a.gif) no-repeat; } #header-btn02 a:link, #header-btn02 a:visited, #header-btn02 a:active { width:97px; background:url(images/parts/header_btn02b.gif) no-repeat; } #header-btn02 a:hover { width:97px; background:url(images/parts/header_btn02a.gif) no-repeat; } #header-btn03 a:link, #header-btn03 a:visited, #header-btn03 a:active { width:102px; background:url(images/parts/header_btn03b.gif) no-repeat; } #header-btn03 a:hover { width:102px; background:url(images/parts/header_btn03a.gif) no-repeat; } #header-btn04 a:link, #header-btn04 a:visited, #header-btn04 a:active { width:73px; background:url(images/parts/header_btn04b.gif) no-repeat; } #header-btn04 a:hover { width:73px; background:url(images/parts/header_btn04a.gif) no-repeat; } #header-btn05 a:link, #header-btn05 a:visited, #header-btn05 a:active { width:97px; background:url(images/parts/header_btn05b.gif) no-repeat; } #header-btn05 a:hover { width:97px; background:url(images/parts/header_btn05a.gif) no-repeat; } #header-btn06 a:link, #header-btn06 a:visited, #header-btn06 a:active { width:84px; background:url(images/parts/header_btn06b.gif) no-repeat; } #header-btn06 a:hover { width:84px; background:url(images/parts/header_btn06a.gif) no-repeat; } /* 各カテゴリ別ヘッダーボタン */ .index #header-btn01 a:link, .index #header-btn01 a:visited, .index #header-btn01 a:active, .index #header-btn01 a:hover { width:70px; background:url(images/parts/header_btn01a.gif) no-repeat; } .manual #header-btn02 a:link, .manual #header-btn02 a:visited, .manual #header-btn02 a:active, .manual #header-btn02 a:hover { width:97px; background:url(images/parts/header_btn02a.gif) no-repeat; } .faq #header-btn03 a:link, .faq #header-btn03 a:visited, .faq #header-btn03 a:active, .faq #header-btn03 a:hover { width:102px; background:url(images/parts/header_btn03a.gif) no-repeat; } .assess #header-btn04 a:link, .assess #header-btn04 a:visited, .assess #header-btn04 a:active, .assess #header-btn04 a:hover { width:73px; background:url(images/parts/header_btn04a.gif) no-repeat; } #inquiry #header-btn05 a:link, #inquiry #header-btn05 a:visited, #inquiry #header-btn05 a:active, #inquiry #header-btn05 a:hover { width:97px; background:url(images/parts/header_btn05a.gif) no-repeat; } #corpo #header-btn06 a:link, #corpo #header-btn06 a:visited, #corpo #header-btn06 a:active, #corpo #header-btn06 a:hover { width:84px; background:url(images/parts/header_btn06a.gif) no-repeat; } { width:84px; background:url(images/parts/header_btn06a.gif) no-repeat; } /* トップページメイン部 */ #top-main { width:700px; height:240px; background:url(images/parts/top_main01.gif) no-repeat; margin:0 32px 10px 32px; text-indent:-700em; } /* ナビボタン */ #top-Nav { width:700px; margin:0 32px; text-indent:-700em; } #top-Nav ul { margin:0; padding:0; } #top-Nav li { margin-bottom:10px; list-style:none; float:left; } #top-Nav li a { width:230px; height:100px; display:block; } /* ---------------- */ #right-Nav { width:230px; margin:0 0 10px 0; text-indent:-700em; } #right-Nav ul { margin:0; padding:0; } #right-Nav li { margin:0 0 5px 0; list-style:none; } #right-Nav li a { width:230px; height:100px; display:block; } /* ---------------- */ #Nav01 { background:#AAA; margin-right:5px; } #Nav02 { background:#AAA; margin-right:5px; } #Nav03 { background:#AAA; } /* ---------------- */ #Nav01 a:link, #Nav01 a:visited, #Nav01 a:active { background:url(images/parts/nav_btn01a.gif) no-repeat; } #Nav01 a:hover { background:url(images/parts/nav_btn01b.gif) no-repeat; } /* ---------------- */ #Nav02 a:link, #Nav02 a:visited, #Nav02 a:active { background:url(images/parts/nav_btn02a.gif) no-repeat; } #Nav02 a:hover { background:url(images/parts/nav_btn02b.gif) no-repeat; } /* ---------------- */ #Nav03 a:link, #Nav03 a:visited, #Nav03 a:active { background:url(images/parts/nav_btn03a.gif) no-repeat; } #Nav03 a:hover { background:url(images/parts/nav_btn03b.gif) no-repeat; } .manual #Nav01 a:link, .manual #Nav01 a:visited, .manual #Nav01 a:active, .manual #Nav01 a:hover { background:url(images/parts/nav_btn01b.gif) no-repeat; } /* ---------------- */ .faq #Nav02 a:link, .faq #Nav02 a:visited, .faq #Nav02 a:active, .faq #Nav02 a:hover { background:url(images/parts/nav_btn02b.gif) no-repeat; } /* ---------------- */ .assess #Nav03 a:link, .assess #Nav03 a:visited, .assess #Nav03 a:active, .assess #Nav03 a:hover { background:url(images/parts/nav_btn03b.gif) no-repeat; } /* 共通メイン部 */ #main { width:700px; margin:0 32px; clear:both; } #main-l { width:465px; margin:0 5px 0 0; float:left; } #main-r { width:230px; float:left; } #main-b { width:700px; height:10px; clear:both; } /* [左] 共通ボックス01 */ .commonBox-l01 { width:465px; background:url(images/parts/bg_w465_body01.gif) bottom; margin-bottom:10px; } .commonBox-l01 .title { height:35px; background:#C6BBA7 url(images/parts/bg_w465_title01.gif) no-repeat; padding:0; } .commonBox-l01 .title h2, .commonBox-l01 .title h3 { padding:10px 0 0 24px; font-size:16px; line-height:16px; color:#FFF; } .commonBox-l01 .title .title-l { width:365px; float:left; } .commonBox-l01 .title .title-r { width:100px; float:left; } .commonBox-l01 .contents { margin:15px; font-size:12px; } .commonBox-l01 .contents h4 { font-size:14px; } .commonBox-l01 .contents p { line-height:1.5em; letter-spacing:0.1em; } .commonBox-l01 .end { height:10px; background:url(images/parts/bg_w465_end01.gif) no-repeat bottom; clear:both; } .btn-list { width:90px; height:35px; background:url(images/parts/btn_list.gif) no-repeat; display:block; text-indent:-700em; } /* [左] 共通ボックス02 */ .commonBox-l02 { width:465px; background:url(images/parts/bg_w465_body01.gif) bottom; margin-bottom:10px; } .commonBox-l02 .title { height:85px; background:#C6BBA7 url(images/parts/bg_w465_title02.gif) no-repeat; margin:0; padding:0; } .commonBox-l02 .title h2 { padding:42px 0 0 50px; font-size:16px; line-height:16px; color:#FFF; } .commonBox-l02 .contents { margin:15px; font-size:12px; } .commonBox-l02 .end { height:10px; background:url(images/parts/bg_w465_end01.gif) no-repeat bottom; clear:both; } /* [左] エントリー */ .content-nav { width:700px; margin:2px 32px 8px 32px; } .entry-date { border-top:1px solid #CCC; margin:2em 0 0 0; padding:1em 0 0 0; } .entry-list ul { margin:0; padding:0; } .entry-list li { height:14px; margin:3px 0; list-style:none; clear:both; } .txt-box01 { width:425px; margin:0 5px 20px 5px; } .txt-box01 .s-title { background:url(images/parts/bg_title_sub01.gif) no-repeat left bottom; margin:0 0 15px 0; padding:8px 0 7px 15px; } .txt-box01 .s-title h3 { padding:0; font-size:14px; color:#854; } .txt-box01 .s-contents p { font-size:12px; line-height:1.5em; letter-spacing:0.1em; } .form-box01 { width:425px; background:#EEEEDF; margin:0 5px 25px 5px; } .form-box01 .s-title { background:#40AFED; margin:0 0 10px 0; padding:10px 0 8px 10px; } .form-box01 .s-title h4 { padding:0; font-size:14px; color:#FFF; } .form-box01 .s-contents { padding:5px 10px 10px 10px; } .form-box01 .parts01 { margin:0 5px 10px 0; float:left; } .form-box01 .parts02 { margin:0 0 10px 0; clear:both; } .form-box02 { border:1px solid #CCC; margin:0 5px 25px 5px; } .form-box02 .s-title { background:#40AFED; margin:0; padding:10px 0 8px 10px; } .form-box02 .s-title h4 { padding:0; font-size:14px; color:#FFF; } .form-box02 .s-contents { padding:5px 10px 10px 10px; } .form-box02 th { width:150px; font-size:12px; } .form-box02 td { font-size:12px; } .faq-box01 { } .faq-box01 dl { } .faq-box01 dt { background:url(../images/parts/ico_faq01.gif) no-repeat; margin:0; padding:6px 0 15px 38px; font-size:14px; font-weight:bold; } .faq-box01 dd { background:url(../images/parts/ico_faq02.gif) no-repeat; border-bottom:1px dotted #AAAAAA; margin:0 0 15px 0; padding:5px 0 15px 38px; font-size:12px; line-height:1.5em; } .nagare-box01 { border-bottom:1px dotted #CCC; margin:0 0 15px 0; } .nagare-box01 .left { width:110px; float:left; } .nagare-box01 .right { width:315px; float:left; } .nagare-box01 .right h4 { margin:10px 0 0 0; font-size:14px; } .nagare-box01 .right p { margin:0.5em 0; font-size:12px; } .nagare-box01 .under { width:425px; clear:both; } .comment-box01 { border-bottom:1px solid #CCC; margin-bottom:1em; padding:0.5em; } /* [右] 共通ボックス */ .commonBox-r01 { width:230px; background:url(images/parts/bg_w230_body01.gif) bottom; margin-bottom:10px; } .commonBox-r01 .title { height:35px; background:#C6BBA7 url(images/parts/bg_w230_title01.gif) no-repeat; } .commonBox-r01 .title h3 { padding:10px 0 0 24px; font-size:16px; color:#FFF; line-height:16px; } .commonBox-r01 .contents { margin:10px 15px 5px 15px; font-size:12px; line-height:1.3em; } .commonBox-r01 .contents p { margin:0 0 0.5em 0; line-height:1.5em; } .commonBox-r01 .end { height:10px; background:url(images/parts/bg_w230_end01.gif) no-repeat bottom; clear:both; } /* [ステッカー] 公安委員会許可 */ #sticker-kyoka { width:200px; height:40px; background:url(images/parts/sticker_kyoka.gif) no-repeat; margin:0 0 10px 0; text-indent:-700em; } /* [ステッカー] 電話番号 */ #sticker-tel { width:262px; height:45px; background:url(images/parts/sticker-tel.gif) no-repeat; margin:0 0 10px 0; text-indent:-700em; } /* [ステッカー] RSSフィード */ #sticker-feeds { } /* [共通] テーブルデザイン01 */ .table01 { width:100%; border-collapse:separate; border-spacing:1px; margin:0 0 10px 0; } .table01 th { background:#EEE; border-right:4px solid #FFF; padding:5px 0.4em 4px 0.4em; font-size12px; font-weight:normal; text-align:left; color:#222F3F; } .table01 td { background:#FFF; border-bottom:1px dotted #CCC; font-size12px; padding:5px 0.4em 4px 0.4em; } /* [共通] dlリストデザイン01 */ .dl01 { width:100%; } .dl01 dt { margin:0; font-weight: bold; } .dl01 dd { margin:0 0 1em 0; padding:0 0 0 1em; line-height:1.5em; } /* [共通] ulリストデザイン01 */ .ul01 { } .ul01 li { margin:0; font-weight:bold; font-size:14px; line-height:1.5em; } /* [共通] olリストデザイン01 */ .ol01 { } .ol01 li { margin:0 0 0.5em 0; font-size:12px; line-height:1.5em; } /* [共通] ピックアップボックス01 */ .pickup01 { background:#FEFFC6; border:1px solid #FF8F00; margin:10px; padding:0 15px; } /* [共通] リンクボックス01 */ .links01 p { background:url(images/parts/ico_arrow02.gif) no-repeat; margin:0; padding:0 0 0 20px; } /* [共通] リンクボックス02 */ .links02 dl { margin:0; padding:0; } .links02 dt { background:url(../images/parts/ico_arrow02.gif) no-repeat top left; margin:0; padding:0 0 0 20px; font-size:14px; } .links02 dd { margin:0; padding:0 0 14px 20px; font-size:12px; } /* [共通] リンクバナー */ .banner-box01 { width:100%; background:#FFD; border:1px solid #6C3; margin:0 0 15px 0; } .banner-box01 div { padding:10px; } .banner-box01 .add { background:#FFF; border:1px solid #CCC; margin:5px 0 0 0; padding:10px; } /* フッター */ #footer { width:700px; border-top:2px solid #DAD3C6; margin:0 32px; padding:18px 0 0 0; font-size:12px; text-align:center; } #bottom { background:#40AFED url(images/parts/bottom_bg01.gif) no-repeat top; padding:30px 0 20px 0; text-align:center; } /*ポップアップ*/ .popup01 a{ position:relative; } .popup01 a span{ width:300px; background:#FFF; border:2px solid #999; padding:5px; color:#333; visibility:hidden; position:absolute; top:-200px; left:-110px; } .popup01 a:hover, .popup01 a:hover span{ visibility:visible; text-decoration:none; } /* 最初はみせておく場合 */ div.faq-box01 dd.show { display:block; } /* 最初はかくしておく場合 */ div.faq-box01 dd.hidden { display:none; }