/* Skin Name: Leaves Skin - Fc2 Style Author: vicuna.jp Special Thanks: uta Licence: MIT Licence */ /*====================================== 0-1.★設定1 記事投稿方法の選択 タグを使ってエントリーを 投稿する方は以下の指定を消してください。 =======================================*/ /* ここから */ div.textBody {padding: 0.5em 30px!important;} div.textBody h2,div.textBody h3,div.textBody h4, div.textBody h5,div.textBody h6,div.textBody p, div.textBody ul,div.textBody ol,div.textBody dl, div.textBody blockquote,div.textBody pre,div.textBody table, div.textBody {margin-left: 0;margin-right: 0;} /*ここまで*/ /*====================================== 0-2.★設定2 固定幅・可変幅の変更 =======================================*/ div#header, div#content, div#footer { width: 100%; /* 固定幅に変更可能 例: (800px) */ } /*====================================== 0-3.★設定3 文字サイズの変更 初期は100%の大きさです。 大きくしたい場合は107% 小さくしたい場合は85% =======================================*/ /* 記事本文部分の文字サイズ */ div.textBody { font-size: 100%; } /* サイドバー(メニュー)部分の文字サイズ */ div#utilities { font-size: 100%; } /******************************************************** * * Title: Elements * Description: * デフォルトスタイルのリセットとベーススタイルの定義 * * 1-1.Yahoo UI Library Fonts CSS * 1-2.Settings * 1-3.Universal selector * 1-4.Structure Module * 1-5.Text Module * 1-6.Hypertext Module * 1-7.List Module * 1-8.Edit Module * 1-9.Forms Module * 1-10.Tables Module * 1-11.Image Module * 1-12.Object Module * *********************************************************/ /*====================================== 1-1.Yahoo UI Library Fonts CSS *Copyright (c) 2006, Yahoo! Inc. All rights reserved. *http://developer.yahoo.com/yui/license.txt =======================================*/ /* 編集不可 */ body {font-size: 13px;*font-size: small;*font: x-small;} table {font-size: inherit;font: 100%;} select,input,textarea {font-size: 99%;} /*====================================== 1-2. Font size setting =======================================*/ p, pre, cite, blockquote { font-size: 100%; } li,dt,dd { font-size: 100%; } /*====================================== 1-3.Universal selector =======================================*/ * { line-height: 1.5; font-style: normal; } /*====================================== 1-4.Structure Module =======================================*/ body { padding-bottom: 1em; color: #666; /* 文字色 */ padding-right: 12px; _padding-right: 0; /* for IE */ background-color: #eee; /* 背景色 */ font-family: Arial, Helvetica, sans-serif;/* 基本文字種類 */ } /*====================================== 1-5.Text Module =======================================*/ p, pre, blockquote, address, cite { margin: 0.5em 30px 1em; /* 3つの値は[上], [左右], [下]を指す*/ } h1, h2, h3, h4, h5, h6 { margin: 0.8em 30px 0.5em; } h1 { margin: 0 0 0.5em 0; padding: 0.8em 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #666; background-color: #f5f5f5; font-size: 152%; font-weight: normal; } h2 { padding-left: 10px; padding-bottom: 0; border-left: 5px solid #ddd; border-bottom: 1px solid #ccc; font-size: 114%; font-weight: normal; color: #6c9600; } h3 { padding-left: 15px; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_icon01.gif); background-repeat: no-repeat; background-position: 0 0.3em; font-weight: normal; font-size: 112%; color: #000; } h4 { font-size: 100%; } h5 { font-size: 100%; } h6 { font-size: 100%; } p { line-height: 1.8; } br { letter-spacing: 0; } pre { padding: 0.5em 0 0.5em 20px; width: 95%; max-width: 85%; overflow: scroll; color: #666; background-color: #eee; font-family: "Osaka−等幅", monospace; } pre * { color: #444; } pre[title]:before { margin: -0.5em -20px 1em; padding: 0.2em 20px; display: block; content: attr(title); color: #fff; background-color: #bbb; font-size: 85%; } blockquote { margin-left: 40px; padding: 0.6em 20px; border: 3px solid #eee; color: #666; background-color: #f5f5f5; } blockquote * { margin: 0!important; border: none!important; color: #666; } blockquote[title]:before { margin-bottom: 0.6em; display: block; content: "引用: "attr(title); color: #000; } blockquote[cite]:after { padding: 0.8em 20px; display: block; content: "引用元: "attr(cite); color: #333; text-align: right; } cite { display: block; color: #333; text-align: right; } em { font-weight: bold; } strong { color: #ff4500; } code { font-family: "Osaka−等幅", monospace; } abbr, acronym { border-bottom: 1px dotted #aaa; cursor: help; } kbd { border: 1px solid #ccc; padding: 0 0.3em; background-color: #f5f5f5; font-family: "Osaka−等幅", monospace; text-transform: uppercase; } /*====================================== 1-6.Hypertext Module =======================================*/ a:link { color: #aebd2c; } a:visited { color: #b8860b; } a:hover { color: #6c9600; } /*-------------------------------------- サイドバー内のリンク色 ---------------------------------------*/ div#utilities a:link { color: #8bb72c; } div#utilities a:visited { color: #aaa; } div#utilities a:hover { color: #6c9600; } /*====================================== 1-7.List Module =======================================*/ ul, ol, dl { margin: 1em 30px; } ul, ol, dl { padding: 1px 0; list-style-position: inside; } ul { list-style-type: circle; } li, dt, dd { margin: 0.4em 10px; } dt { margin-top: 0.6em; } dd { color: #666; margin-left: 20px; margin-bottom: 0.6em; } li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd { font-size: 100%; } li ul, li ol, li dl, li p, dd ul, dd ol, dd dl, dd p { margin: 0.5em 10px; } /*====================================== 1-8.Edit Module =======================================*/ del { color: #ccc; text-decoration: line-through; } del[datetime]::before { content: " ( "attr(datetime)"\00524a\009664) "; } ins { border-bottom: 1px dotted #ccc; text-decoration: none; } ins[datetime]::before { content: " ( "attr(datetime)"\004fee\006b63) "; } /*====================================== 1-9.Forms Module =======================================*/ form { margin: 1em 30px; padding: 1px 0; } form dl, form p { margin: 0.5em 20px; } fieldset { padding: 0; border: 1px solid #ddd; } legend { margin: 0 1em; padding: 0 10px; } input, textarea { margin: 0.5em 10px; padding: 1px 0.2em; border: 1px solid #ddd; font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif; background-color: #f5f5f5; } input:hover, textarea:hover { border: 1px solid #aaa; } input:focus, textarea:focus { border: 1px solid #000; } textarea { padding: 0.4em 8px; } input.inputField { } input.submit { border-color: #fff; color: #fff; background-color: #6c9600; font-size: 85%; font-weight: bold; text-transform: uppercase; } input.submit:hover { background-color: #999; } input.radio { background-color: transparent; background-image: none; border: none; } /*====================================== 1-10.Tables Module =======================================*/ table { margin: 1em 30px; border: 1px solid #ccc; background-color: #f5f5f5; } th, td { padding: 0 10px; border-collapse: separate; border-spacing: 1px; } th { border-right: 1px solid #ccc; color: #fff; background-color: #aaa; } td { border-right: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff; } /*====================================== 1-11.Image Module =======================================*/ img { vertical-align: bottom; } /*====================================== 1-12.Object Module =======================================*/ object, embed { margin: 1em 30px; } /******************************************************** * * Title: Class * Description: * 汎用クラス * * *********************************************************/ /*-------------------------------------- .admin ---------------------------------------*/ .admin a { padding: 0 10px 0 25px; text-decoration: none; color: #f65472; background: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_icon_edit.gif) 5px 3px no-repeat; } .admin a:hover { color: #953844; } /*-------------------------------------- .pager* (ページ分割) ---------------------------------------*/ /* ul.pager (Newer|Older) -----------------------------*/ ul.pager { text-align: center; } ul.pager li { display: inline; } ul.pager li.newer:before { content: "<< "; } ul.pager li.older:after { content: " >>"; } /* p.pagerNum (1|2|3|4) -----------------------------*/ p.pagerNum { text-align: center; } p.pagerNum a { text-decoration: none; border-bottom: none; } p.pagerNum strong { } /*-------------------------------------- .count ---------------------------------------*/ .count { color: #aaa; } /*-------------------------------------- .feed ---------------------------------------*/ div#utilities li.atom, li.rss { } div#utilities li.atom a, div#utilities li.rss a { padding-left: 20px; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_icon_feed.gif); background-repeat: no-repeat; background-position: 0 0.1em; } div#utilities li.atom a:hover, div#utilities li.rss a:hover { background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_icon_feed.gif); } /*-------------------------------------- dl.data ---------------------------------------*/ dl.data { padding: 0; border-right: 1px solid #eee; } dl.data dt { margin: 0; padding: 0.1em 0 0.1em 1em; border-top: 1px solid #eee; width: 10em; float: left; color: #333; } dl.data dd { margin: 0 0 0 10em; padding: 0.1em 1em; border-left: 1px solid #eee; border-top: 1px solid #eee; color: #999; } /*-------------------------------------- float ---------------------------------------*/ .img_L { margin-right: 1em!important; margin-top: 1em!important; float: left; } .img_R { margin-left: 1em!important; margin-top: 1em!important; float: right; } .clear { display: block; clear: both; } /*-------------------------------------- clearFix改 ---------------------------------------*/ ul#globalNavi, div#utilities, .textBody, ul.flip { _height: 1px; min-height: 1px; } ul#globalNavi:after, div#utilities:after, .textBody:after, ul.flip:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /* for MacIE5 \*//*/ ul#globalNavi, div#utilities, .textBody, ul.flip { height: auto; overflow: hidden; } /* end */ /******************************************************** * * Title: Context * Description: * 文脈によって変わるスタイル * * *********************************************************/ /*====================================== 3-1.div#header =======================================*/ div#header { padding: 1px 0 20px; border-left: 6px solid #e3e3e3; border-right: 6px solid #e3e3e3; background-color: #fff; border-bottom: 1px solid #eee; } /*-------------------------------------- 3-1-1. サイトタイトル ---------------------------------------*/ div#header p.siteName { margin: 20px 30px 0; line-height: 1; font-size: 129%; font-weight: normal; } div#header p.siteName a { color: #869e0d; text-decoration: none; } div#header p.siteName a:hover { color: #a7bf2e; } /*-------------------------------------- 3-1-2. 概要 ---------------------------------------*/ div#header p.description { margin: 0 30px; color: #bbb; font-size: 92%; } /*====================================== 3-2.div#content =======================================*/ div#content { padding: 1px 0; position: relative; padding-bottom: 1px; border-left: 6px solid #e3e3e3; border-right: 6px solid #e3e3e3; background-color: #fff; } div#content p.return { clear: both; text-align: right; } body.mainIndex h1 { display: none; /*body.mainIndexのh1は非表示 */ } p.archives { padding-left: 18px; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_icon02.gif); background-repeat: no-repeat; background-position: 0 0.4em; } /*====================================== 3-3. div#main =======================================*/ div#main { padding: 1px 0; } /*-------------------------------------- 3-3-1. トピックパス ---------------------------------------*/ p.topicPath { margin: 0 30px 0.7em; padding-top: 0.6em; /* ie6 */ line-height: 1; font-size: 100%; } p.topicPath span.current { padding: 0 0.5em; border: 1px solid #d9e857; color: #6c9600; background-color: #f5f5f5; } /*-------------------------------------- 3-3-2. 上部 記事ナビ (Newer | Older) ---------------------------------------*/ ul#flip1 { margin: 0; } ul#flip1 li { margin: 0; display: inline; font-size: 100%; text-transform: lowercase; } ul#flip1 li a { padding: 0 0.5em; display: block; float: left; width: 3em; color: #fff; background-color: #6c9600; text-decoration: none; text-align: center; } ul#flip1 li.older a { border-left: 1px solid #fff; background-color: #aebd2c; } ul#flip1 li a:hover { background-color: #aaa; } /*-------------------------------------- 3-3-3. div.entry ---------------------------------------*/ div.entry { margin: 0 0 1em 0; padding: 1px 0; } /* 3-3-3-1. 記事見出し -----------------------------*/ div.entry h2 { margin-bottom: 0; border-bottom: none; } div.entry h2 a { border-bottom: 1px solid #ddd; text-decoration: none; color: #000; } div.entry h2 a:visited { color: #000; } div.entry h2 a:hover { color: #6c9600; } /* 3-3-3-2. 日付・カテゴリ -----------------------------*/ div.entry ul.info { margin-top: 0; padding-left: 10px; border-left: 5px solid #f5f5f5; } div.entry ul.info li { margin: 0.1em 5px 0.1em 0; display: inline; font-size: 85%; color: #999; } div.entry ul.info li a:link, div.entry ul.info li a:visited { color: #999; } div.entry ul.info li a:hover { color: #6c9600; } /* 3-3-3-3. 本文 -----------------------------*/ div.entry div.textBody { margin: 0.8em 0; padding: 1px 0; letter-spacing: 1px; } div.entry div.textBody h2 { margin-top: 2em; } div.entry div.textBody dl, div.entry div.textBody ul, div.entry div.textBody ol { border-left: 5px solid #f5f5f5; border-bottom: 1px solid #fff; } /* 本文内のリンクされた画像 */ div.textBody a img { border: 3px solid #ccc; } div.textBody a:hover img { border: 3px solid #6c9600; } /* 3-3-3-4. Continue Reading (続きを読む) -----------------------------*/ p.continue { margin-bottom: 0; } p.continue a { padding-left: 15px; color: #aebd2c; background-color: #fff; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_arrow01.gif); background-repeat: no-repeat; background-position: 0 0.35em; text-decoration: underline; } p.continue a:hover { color: #6c9600; } /* 3-3-3-5. リアクションリンク -----------------------------*/ div.entry ul.reaction { margin-top: 0; } div.entry ul.reaction li { margin: 0 10px 0 0; display: inline; font-size: 85%; text-transform: uppercase; } div.entry ul.reaction li a { padding-left: 18px; background-repeat: no-repeat; background-position: 0 0.1em; text-decoration: none; color: #aebd2c; } div.entry ul.reaction li a:hover { color: #333; } div.entry ul.reaction li.comment a { background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_pen.png); } div.entry ul.reaction li.trackback a { background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_globe.png); } /* 3-3-3-6. 下部 記事ナビ (Newer | Older) -----------------------------*/ #flip2 { padding: 0.3em 0; border: 1px solid #f2ebc1; } #flip2 li { color: #000; } #flip2 li a { } /* 3-3-3-7. Comment Log -----------------------------*/ div#comments { padding: 1px 0; } div#comments h2 { padding-left: 28px; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_pen.png); background-repeat: no-repeat; background-position: 8px 0.3em; } div#comments dl.log { } div#comments dl.log dt { margin: 0; } div#comments dl.log dt span.name { margin-right: 0.5em; color: #333; } div#comments dl.log dt span.date { color: #aaa; font-size: 92%; } div#comments dl.log dd { margin: 0 0 0.8em 0; border-bottom: 1px solid #eee; } div#comments dl.log dd p { margin: 0.5em 0 1em 0; } /* 3-3-3-8. Comment Post form -----------------------------*/ form.post { } form.post fieldset { background-color: #fff; } form.post dl { } form.post dl dt { margin: 0; } form.post dl dd { margin-left: 0; margint-bottom: 0; } form.post dl input { margin: 0; } form.post textArea { margin: 0; } form.post div.action { margin: 0 20px 1em; } form.post div.action input.submit { margin: 0.4em 0; } /* 3-3-3-9. Trackback Log -----------------------------*/ div#trackback { margin-top: 3em; } div#trackback h2 { padding-left: 28px; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_globe.png); background-repeat: no-repeat; background-position: 8px 0.3em; } div#trackback dl.log { border-left: 5px solid #aebd2c; } div#trackback dl.log dt { } div#trackback dl.log dd { margin: 0; padding: 0.4em 10px; padding-bottom: 1em; border-bottom: 1px solid #eee; } /* 3-3-3-10. Trackback Info -----------------------------*/ div#trackback dl.info { border-left: 5px solid #aaa; border-bottom: 1px solid #eee; background-color: #f5f5f5; } div#trackback dl.info .URL { padding: 0.2em 1em; color: #6c9600; background-color: #fff; } /*====================================== 3-4. div#utilities =======================================*/ div#utilities { padding: 1px 0; } div#utilities dl dt { margin: 0; padding: 0.3em 10px; color: #333; background-color: #fff; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_slash.png); text-transform: uppercase; font-size: 77%; } div#utilities dl dd { margin: 0; padding: 0.2em 0 0.5em; } div#utilities dl dd ul { margin: 0; list-style-position: outside; } div#utilities dl dd ul li { margin: 0.5em 10px; list-style-type: none; color: #999; } div#utilities dl dd ul li a { padding-left: 15px; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_arrow02-2.gif); background-repeat: no-repeat; background-position: 0 0.2em; text-decoration: none; } div#utilities dl dd ul li a:hover { background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/leaves_arrow02.gif); } /* サブカテゴリ */ div#utilities dl dd ul li ul { margin: 0.3em 0; border-left: 4px solid #f5f5f5; border-bottom: 1px solid #fff; } div#utilities dl dd ul li li { margin: 0.3em 0 0 10px; } /*-------------------------------------- 3-4-1. dl.others ---------------------------------------*/ /* 3-4-1-1. Search ---------------------------------------*/ div#utilities dl dd form { margin: 0; border: none; } div#utilities dl dd form fieldset { border: none; } div#utilities dl dd form legend { display: none; } div#utilities dl dd form input { margin-left: 0; } div#utilities dl dd form input.inputField { } /*-------------------------------------- 3-5. div#utilities dl dd内出現予測要素への処理 ---------------------------------------*/ /* 3-5-1. dd内 段落 -----------------------------*/ div#utilities dl dd p { margin: 0.2em 5px; line-height: 1.4; color: #999; } /* 3-5-2. dd内 リスト -----------------------------*/ div#utilities dl dd dl dt { margin: 0.3em 0; padding: 0.2em 0; border-bottom: 1px solid #eee; background-image: none; background-color: transparent; font-size: 10px; } div#utilities dl dd dl dt a { text-decoration: none; } div#utilities dl dd dl dd { margin: 0.1em 0; font-size: 10px; } /* 3-5-3. dd内 テーブル -----------------------------*/ div#utilities dl dd table { margin: 0.4em 0; width: 100%; _width: 95%; /* for IE */ } div#utilities dl dd table caption { color: #6c9600; _padding-bottom: 0.4em; } div#utilities dl dd table th, div#utilities dl dd table td { padding: 1px 10px; } /*====================================== 3-5.div#footer =======================================*/ div#footer { padding: 1px 0; } div#footer ul.support { margin: 0.6em 0; text-align: right; } div#footer ul.support li { margin: 0 0 0 6px; display: inline; font-size: 85%; color: #aaa; } div#footer ul.support li a { color: #bbb; text-decoration: none; } div#footer li.template a { } div#footer li.template a[title]:after { content: " "attr(title); } div#footer address { margin: 0.8em 0; text-align: right; color: #999; } /******************************************************** * * Title: Layout * Description: * common.cssからレイアウトに関するスタイルを抜き出したモジュール * [←★→]マークのついた指定を全て反転させることでカラムの左右入れ替えが可能 * * 4-1.containers * 4-2.[Sngle column] * 4-2-1.div#utilities * 4-3.[Double column] * 3-3-1.div#main * 3-3-2.div#utilities * ********************************************************/ /*====================================== 4-1.Containers Layout =======================================*/ body { margin: 0 20px; /* 左右余白 */ text-align: center; /* for IE6 中央寄せ */ } div#header, div#content, div#footer { margin: 0 auto; /* 中央寄せ */ width: 100%; /* 固定幅に変更可能 例: (800px | 60em) */ min-width: 40em; /* 可変時の幅の最小値 */ max-width: 70em; /* 可変時の幅の最大値 */ text-align: left; } /*====================================== 4-2. [Sngle column] bodyにclass="single"がついた時のレイアウト =======================================*/ body.single ul#flip1 { position: absolute; right: 0; top: 0; } body.single div#main p.topicPath { margin-right: 7em; } /*-------------------------------------- 4-2-1. div#utilities ---------------------------------------*/ body.single div#utilities { margin-top: 1em; } body.single div#utilities dl.navi { margin-top: 0; display: inline; /* for WinIE */ float: left; width: 320px; } body.single div#utilities dl.others { margin-top: 0; margin-left: 360px; padding-left: 10px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; } /*====================================== 4-3. [Double column] body.double bodyにclass="double"がついた時のレイアウト [←★→]マークのついた指定を反転させることでカラムの位置入れ替えが可能 =======================================*/ /*-------------------------------------- 4-3-1. div#main ---------------------------------------*/ body.double div#main { float: left; /* [←★→] */ width: 70%; border-right: 1px solid #eee; /* [←★→] */ margin-right: -1px; /* [←★→] */ border-bottom: 1px solid #eee; } /*-------------------------------------- 4-3-2. div#utilities ---------------------------------------*/ body.double div#utilities { padding-top: 0; float: right; /* [←★→] */ clear: right; /* [←★→] */ width: 30%; } body.double div#utilities dl { margin: 3px 5px 0.2em; } /******************************************************** * * Calendar Style Module * * Description: * カレンダー追加スタイルモジュール * * ********************************************************/ /*====================================== Calendar Style Module =======================================*/ /*-------------------------------------- 1.Structure ---------------------------------------*/ div#utilities dl dd table.calendar { font-size: 85%; border-width: 1px 0 0 1px; border-color: #eee; } /*-------------------------------------- 2.前後の月へのリンク ---------------------------------------*/ div#utilities dl dd table.calendar caption a { padding: 0 5px; border: none; height: 1px; color: #6c9600; background-color: #f5f5f5; font-weight: bold; text-decoration: none; } div#utilities dl dd table.calendar caption a:hover { color: #fff; background-color: #aebd2c; } /*-------------------------------------- 3.セル ---------------------------------------*/ div#utilities dl dd table.calendar th, div#utilities dl dd table.calendar td { padding: 0; text-align: center; } div#utilities dl dd table.calendar th { color: #fff; background-color: #ddd; border-right: 1px solid #ccc; } /*-------------------------------------- 4.土日 ---------------------------------------*/ div#utilities dl dd table.calendar th.sun { background-color: #ccc; } div#utilities dl dd table.calendar th.sat { background-color: #ccc; } /*-------------------------------------- 5.セル内のリンク ---------------------------------------*/ div#utilities dl dd table.calendar td a { padding: 0.3em 0; display: block; position: relative; line-height: 1; text-decoration: none; } div#utilities dl dd table.calendar td a:link { color: #90c900; background-color: #f5f5f5; } div#utilities dl dd table.calendar td a:visited { color: #90c900; background-color: #f5f5f5; } div#utilities dl dd table.calendar td a:hover { color: #333; background-color: #eee; } /******************************************************** * * Global Navigation Module * * Description: * グローバルナビゲーション追加スタイルモジュール * ********************************************************/ /*-------------------------------------- 1.Structure ---------------------------------------*/ ul#globalNavi { margin: 20px 0 -20px; /* 出現時にheaderの下の余白を詰める */ padding: 0; border-top: 1px solid #eee; background-color: #fff; } ul#globalNavi li { margin: 0; padding: 0; float: left; width: 120px; list-style-type: none; } /*-------------------------------------- 2.ボタン通常時 ---------------------------------------*/ ul#globalNavi li a { padding: 0.7em 10px; /* ボタンの厚みはここで調整 */ border: none; border-right: 1px solid #ddd; display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ line-height: 1; font-size: 92%; color: #333; text-align: center; text-decoration: none; background-color: #fff; } /*-------------------------------------- 3.ボタン反応時 ---------------------------------------*/ ul#globalNavi li a:hover { color: #6c9600; background-color: #f5f5f5; } /* プロフィール */ div#utilities dd .profImg { text-align: center; } /******************************************************** * * FC2特殊 * * Description: * FC2専用のスタイル * ********************************************************/ /* プロフィール */ div#utilities dd .profImg { text-align: center; }