とき追加する ---*/ #home #bg { background-image: url(../img/bg-home.jpg); } /*-- 全体を囲んでいます --*/ #wrapper { width: 900px; margin: 0 auto; padding: 0 10px; background-image: url(../img/bg-wrap.jpg); background-repeat: no-repeat; background-position: 0 90px; } #home #wrapper { background-image: url(../img/bg-wrap-home.jpg); } /*-- ヘッダー部分 --*/ #header { position: relative; width: 100%; height: 260px; background-image: url(../img/bg-header.jpg); background-repeat: no-repeat; background-position: 0 100%; } #home #header { height: 390px; background-image: url(../img/bg-header-home.jpg); } /*-- コンテンツ部分 --*/ #contents { width: 670px; float: left; margin-bottom: 50px; background: url(../img/bg-contents.gif) no-repeat 0 0; } #contents p { *line-height: 1.6em; } /*-- サイドバー部分 --*/ #sidebar { width: 200px; float: right; margin-bottom: 50px; padding-top: 30px; } /*-- 画像 --*/ p#pagetop { text-align: right; clear: both; height: 20px; line-height: 20px; margin: 0; padding-right: 230px; } /*-- フッター部分 --*/ #footer { padding: 1em 0 1.5em; background-color: #06c; } /* ------------------------------------------------------------- [2] ヘッダーブロック内に関する指定 */ /* 見出し */ h1 { font-size: 100%; font-weight: normal; text-align: right; position: absolute; top: 30px; left: 0; } h2 { font-size: 140%; position: absolute; top: 210px; left:30px; } /* サイトタイトル */ .logo { font-size: 160%; font-weight: bold; position: absolute; top: 50px; left: 0; } .logo a, .logo a:hover { text-decoration: none; } /* 概要 */ .description { line-height: 1.5em; position: absolute; top: 240px; left: 35px; } #home .description { top: 240px; } /* グローバルナビゲーション */ .globalnavi { list-style-type: none; width: 900px; height: 40px; margin: 0; overflow: hidden; position: absolute; top: 100px; left: 0; } .globalnavi li { text-align: center; width: 180px; height: 40px; line-height: 40px; margin: 0; float: left; } .globalnavi a { text-decoration: none; display: block; width: 100%; background: url(../img/bg-gnav.jpg) no-repeat 0 0; } .globalnavi a:hover { text-decoration: none; background: url(../img/bg-gnav.jpg) no-repeat -180px 0; } /* ------------------------------------------------------------- [3] コンテンツブロック内に関する指定 */ /* パン屑リスト */ p.topicpath { height: 40px; line-height: 40px; margin: 0; } /* 見出し */ h3,h4,h5,h6 { font-size: 110%; } h3 { height: 30px; line-height: 30px; margin-bottom: 0.5em; padding-left: 30px; background: url(../img/bg-h3.gif) no-repeat 0 0; color: #06c; } h4,h5,h6 { height: 30px; line-height: 30px; margin: 2em 0 0.5em; padding-left: 30px; background: url(../img/bg-h.gif) no-repeat 0 0; } /* ------------------------------------------------------------- [4] サイドバーブロック内に関する指定 */ div.category { text-align: center; height: 40px; line-height: 40px; background: url(../img/bg-h3.gif) no-repeat 100% 0; cursor:pointer; *cursor:pointer; *height: 60px; *line-height: 60px; *font-size:20px; *text-align:center; *color: #ffffff; *background-color: #ff66aa; *border-left : 1px solid #880000; *border-right : 1px solid #880000; *border-bottom :1px solid #880000; } /* サブメニュー */ .localnavi { /* 190px */ list-style-type: none; margin: 0px; padding: 9px 4px; border: 1px solid #ccc; background-color: #eee; } .localnavi li { margin: 0; padding: 0; } ul.localmenu { list-style: none; margin: 0; padding: 0 0 2px 0; } ul.localmenu a { /* 170px + 20px = 190px */ text-decoration: none; display: block; height: 30px; line-height: 30px; width: 170px; padding-left:20px; border-top: 1px solid #ccc; background-color: #ffffff; } ul.localmenu a:hover { /* 165 + 15 + 5 + 5 = 190px */ color: #0000ff; background-color: #ddddee; width: 165px; padding-left:15px; border-left : 5px solid #4444aa; border-right: 5px solid #4444aa; } /* お知らせ */ .sideinfo { /* 190px */ list-style-type: none; margin-bottom: 20px; padding: 9px 4px; background-color: #eee; border: 1px solid #ccc; } .sideinfo dt { text-align: center; height: 30px; line-height: 30px; margin: 0; background: url(../img/bg-h3.gif) no-repeat 100% 0; } .sideinfo dd { font-size: 95%; padding: 15px 10px; background-color: #fff; } /* ------------------------------------------------------------- [5] フッターブロック内に関する指定 */ /* ナビゲーション */ .footernavi { height: 1.5em; list-style-type: none; width: 90%; margin: 0 auto 2em; } .footernavi li { display: inline; line-height: 1.5em; margin: 0; padding: 0 1em; border-left: 1px solid #9cf; } .footernavi a { text-decoration: none; color: #fff; } .footernavi a:hover { text-decoration: none; color: #3ff; } /* コピーライト */ #footer p { text-align: center; width: 900px; margin: 0 auto 1em; } /* アドレス */ address { text-align: right; font-style: normal; line-height: 1.5em; width: 80%; margin: 0 auto; } address span { display: block; } /* ------------------------------------------------------------- [6] CSSデザインサンプルリンク指定 */ #footer #cds { text-align: right; font-size: 80%; font-family: Geneva, Arial, Helvetica, sans-serif; line-height: 1; width: 80%; margin: 0 auto; padding-top: 1em; } #cds,#cds a,#cds a:hover { text-decoration: none; color: #69f; *color: #ffffff; } /* ------------------------------------------------------------- [7] トップページ用指定 */ .headline { margin: 0; } .top-btn { list-style-type: none; width: 100%; margin: 5px 0px 20px; overflow: hidden; } .top-btn li { width: 200px; float: left; padding: 10px; background-color: #eee; } .btn01 { margin-right: 5px;} .btn02 { margin-right: 5px;} .top-btn span { text-align: center; display: block; width: 200px; height: 30px; line-height: 30px; background: url(../img/bg-h3.gif) no-repeat 100% 0; } .top-btn img { display: block; width: 200px; height: 120px; } .top-btn p { font-size: 95%; height: 10em; overflow: hidden; margin: 0 0 1.2em; padding: 0.5em; background-color: #fff; } .top-btn a { text-decoration: none; font-size: 95%; display: block; text-align: right; } .top-btn a:hover { text-decoration: none; } .information { list-style-type: none; margin: 0; padding: 10px; background-color: #eee; } .information span { padding-right: 1em; } .information li { line-height: 1.2em; margin-bottom: 1px; padding: 0.3em 1em; background-color: #fff; } .information a, .information a:hover { text-decoration: none; } .entry { line-height: 1.5em; width: 100%; height: auto; overflow: hidden; margin-bottom: 60px; } .entry h3 { margin-bottom: 1em; } .entry .entryday { line-height: 30px; margin: 0; border-top: 3px solid #06c; }