@charset "EUC-JP"; /* 全体的な設定lammban ------------------------------------------------------------ */ /* 全体的に折り返し */ * {word-break:break-all} /* 余白初期化 */ body,div,p,h1,h2,h3,h4,ul,li { margin : 0; padding : 0; } body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; color : #222; background-color :#fff ; line-height : 1.5; /* 行間 */ font-size : x-small !important; voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small !important; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>body { font-size : small !important; /* Opera用の文字サイズ */ } textarea { width : 90%;border:1px #aaa solid; } /* OPERA対策 ------------------------------------------------------------ */ input{border:1px #aaa solid;background:#fff;} /* リンクの設定 ------------------------------------------------------------ */ a {text-decoration : none; } a:link {color : #222;} a:visited {color : #222;} a:hover {color : #aaa;} a:active {color : #aaa;} /* 記事内リンクのみ、アンダーライン */ .entry-body a:link{border-bottom:solid #aaa 1px;} .entry-body a:visited{border-bottom:dotted #aaa 1px;} .entry-body a:active{border-bottom:solid #aaa 1px;} .entry-body a:hover{border-bottom:dotted #aaa 1px;} /* WEB拍手にはアンダーラインなし */ .fc2_footer a:link{border-bottom:solid #aaa 0px;} .fc2_footer a:visited{border-bottom:dotted #aaa 0px;} .fc2_footer a:active{border-bottom:solid #aaa 0px;} .fc2_footer a:hover{border-bottom:dotted #aaa 0px;} /* タグはアンダーラインなし */ a.tagword:link{border:none;} a.tagword:visited{border:none;} a.tagword:active{border:none;} a.tagword:hover{border:none;} /* リンク画像の枠を表示しない */ a img { border-style : none; /* 枠を非表示 */ border:0px; /* 枠の幅を0pxに設定 */ text-decoration : none; /* 装飾を表示しない */ } /* レイアウト用ブロックの設定 ------------------------------------------------------------ */ div#container {width:100%; width: expression( document.body.clientWidth < 800? "770px" : "100%" ); min-width:770px; position:absolute; left:0;top:0; } div#branding { height : 120px; background : url("http://blog-imgs-23.fc2.com/m/a/n/manannan/naname1600x99.jpg") top left no-repeat; width : 100%; } div.column { margin : 15px 0; /* タイトル部分と記事、記事部分とフッター部分の間隔 */ } /* 本文部分ブロック */ /* Sampleを参考に、ボックスモデルハック */ div#primary-column { border-left:1px #aaa solid ; border-right:1px #aaa solid ; text-align:left; padding : 0 20px; overflow:hidden; margin:0 230px; /* 古いIE用 */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ margin:0 230px; /* Firefox */ } html>body div#primary-column { margin:0 230px; /* Opera */ } div#secondary-column {text-align:left; border-right:1px #aaa solid ; position:absolute; left:0px; top:120px; width:204px; padding : 0 13px 0 13px; overflow:hidden; background:#fff; } div#extra-column {text-align:left; border-left:1px #aaa solid ; position:absolute; right:0px; top:120px; width:204px; overflow:hidden; padding : 0 13px 0 13px; background:#fff; } /* 著作表示ブロック */ div#siteinfo-legal {background:#fff; clear : both; /* 回り込みを解除 */ margin : 0 10px; } /* タイトル・サイトの説明部分の設定 ------------------------------------------------------------ */ /* タイトル */ div#branding h1{margin:0; padding:55px 0 0 10px;} div#branding h1 a { font-size : 22px; font-weight : bold; } /* サイトの説明 */ #int {padding : 0 10px;margin:0; font-size : x-small !important; voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small !important; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>#int { font-size : small !important; /* Opera用の文字サイズ */ } /* Primary-Columnの設定 ------------------------------------------------------------ */ p.prev-next-navi { margin-bottom : 20px; text-align : center; } div.section {margin-top : 20px; margin-bottom : 5px; /* 記事と記事の間隔 */ } /* 記事のタイトル部分 */ div.section h2 { margin-bottom : 10px; padding-left : 20px; background : url("http://blog-imgs-14.fc2.com/m/a/n/manannan/00kiji2colum.gif") #aaa left center; /* サンプル画像50x20 */ font-size : medium; /* 古いIEの文字サイズ */ border-bottom : 0px solid #aaa; voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ /* font-size : medium; CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>body div.section h2 { /*font-size : medium; Opera用の文字サイズ */ } /* 段落の設定 */ div.section p { margin : 1em 0; /* 上下1行分空ける */ } /* 記事本体部分 */ div.entry-body { padding : 0 10px; } /* 追記部分 */ p.entry-more { padding : 5px 15px 0 0; text-align : right; font-family:'Arial Black',sans-serif; } .entry-more a:link{color:#aaa;border:none;} .entry-more a:visited{color:#aaa;border:none;} .entry-more a:hover{color:#222;border:none;} /* フッター部分(コメントやトラックバックなど) */ div.section ul.entry-footer1 {font-family:'Arial Narrow',sans-serif; text-align:center; margin : 20px 10px 0px 10px; list-style-position : inside; border-top:solid 1px #aaa; } div.section ul.entry-footer2 {font-family:'Arial Narrow',sans-serif; text-align:center; margin : 1px 10px 30px 10px; list-style-position : inside; border-top:solid 1px #aaa; } div.section ul.entry-footer1 li { display : inline;color: #aaa; list-style-type : none; } div.section ul.entry-footer2 li { display : inline;color: #aaa; list-style-type : none; } .emoji{ vertical-align:middle; border:0; } /* コメント部分の設定 ------------------------------------------------------------ */ /* コメントフォーム */ div#primary-column form { padding : 0 10px; } /* 管理者だけにコメント */ input#himitu { margin-right : 0.5em; } /* コメントフォームのボタン */ p.form-btn { margin-top : 20px; } /* コメントトップ */ .largea{ font-family:'Arial Black',Arial,sans-serif;} h3#comment-top { margin : 15px 0 10px 0; padding : 0 15px; font-family:'Arial Narrow',Arial,sans-serif; font-size:25px; color:#aaa; } h3.comment-post, h3.comment-edit {font-size:16px; color:#aaa; padding : 0 15px; } /* コメントのタイトル */ h4.comment-header { margin-bottom : 10px; padding : 0 10px; font-size:small; border-bottom : 1px solid #aaa; /* 枠線 */ } /* コメント本文 */ div.comment-body { padding : 0 10px; } /* コメントフッター */ ul.comment-footer { padding : 10px 10px 15px 10px; } ul.comment-footer li { display : inline; list-style-type : none; } /* トラックバック部分の設定 ------------------------------------------------------------ */ /* トラックバックトップ */ h3#trackback-top { margin : 15px 0; font-family:'Arial Narrow',Arial,sans-serif; font-size:25px; color:#aaa; } /* トラックバックURI */ p.trackback-uri { margin-bottom : 15px; padding : 0.2em 0.5em; border : 1px solid #aaa; } /* トラックバックのタイトル */ h4.trackback-header { margin-bottom : 10px; padding : 0 10px; border-bottom : 1px solid #aaa; } /* トラックバック先の概要 */ div.trackback-excerpt { padding : 0 10px; background : transparent; } /* トラックバックフッター */ ul.trackback-footer { padding : 10px 10px 15px 10px; display : inline; list-style-type : none; } ul.trackback-footer li { display : inline; list-style-type : none; } /* Secondary-Columnの設定 ------------------------------------------------------------ */ /* アーカイブ関連の見出(CalendarとかMonthlyとかCategoriesとか) */ div#secondary-column h2 { background : url("http://blog-imgs-14.fc2.com/m/a/n/manannan/00menu.gif") center repeat #aaa; font-size : x-small; /* 古いIEの文字サイズ */ border-bottom : 0px solid #aaa; /* 下線 */ text-align : center; /* センタリング */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>div#secondary-column h2 { font-size : small; /* Opera用の文字サイズ */ } /* カレンダーの位置調整 */ div#secondary-column h2.calendar-archives { margin-bottom : 5px; } /* 月別・カテゴリ別アーカイブの位置調整 */ div#secondary-column h2.monthly-archives, div#secondary-column h2.categories-archives { margin-top : 20px; margin-bottom : 5px; } /* 検索の位置調整 */ div#secondary-column h2.search { margin-top : 20px; margin-bottom : 10px; } div#secondary-column ul { padding:0px 0px 0px 1.2em; } div#secondary-column li { color:#aaa; } /* カレンダー部分の設定 ------------------------------------------------------------ */ /* カレンダー表示用のテーブル設定 */ table.calendar { width : 100%; /* 幅 */ border-collapse : collapse; /* 値の入っていないセルも表示する */ font-size : x-small; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>table.calendar { font-size : small; /* Opera用の文字サイズ */ } /* カレンダー見出(前月・当月・次月などのリンク部分) */ .calendar caption { margin-bottom : 10px; } /* カレンダーのセル見出(曜日表示部分) */ .calendar th { padding : 0.1em; border-bottom : 1px dotted #aaa; text-align : center; } /* カレンダーのセル部分(日付表示部分) */ .calendar td { padding : 0.1em; border-bottom : 1px dotted #aaa; text-align : center; } /* カレンダーリンク部分(記事を書いた日) */ .calendar td a { display : block; background : #aaa; } /* 日曜日 */ th.sun { color : #f00; /* 日曜日を赤色表示 */ } /* 土曜日 */ th.sat { color : #00f; /* 土曜日を青色表示 */ } /* Extra-Columnの設定 ------------------------------------------------------------ */ /* アーカイブ以外の見出(リンクやプロフィールなど) */ div#extra-column h2 { /* 背景画像のサイズを指定する場合は切れないように画像の縦サイズを指定して下さい(繰り返し画像の場合は指定する必要ありません) */ /* height : 20px; */ background : url("http://blog-imgs-14.fc2.com/m/a/n/manannan/00menu.gif") center repeat #aaa; font-size : x-small; /* 古いIEの文字サイズ */ border-bottom : 0px solid #aaa; /* 下線 */ text-align : center; /* センタリング */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>div#extra-column h2 { font-size : small; /* Opera用の文字サイズ */ } /* 最近の記事の位置調整 */ div#extra-column h2.recent-entries { margin-bottom : 5px; } /* 最近のコメント・最近のトラックバック・リンクの位置調整 */ div#extra-column h2.recent-comments, div#extra-column h2.recent-trackbacks, div#extra-column h2.links { margin-top : 20px; margin-bottom : 5px; } /* プロフィールなどの位置調整 */ div#extra-column h2.appendix { margin-top : 20px; margin-bottom : 10px; } /* アーカイブ関連のリスト表示設定 */ /* リスト表示を非表示にしたい場合はlist-style-typeにnoneを設定して下さい */ /* 画像を使いたい場合はlist-style-imageを追加して下さい */ /* 例 */ /* list-style-type : none; */ /* list-style-image : url("画像のパス"); */ div#extra-column ul { padding:0px 0px 0px 1.2em; } div#extra-column li { color:#aaa; } /* 著者名・著者概要・広告の位置調整 */ p.author-name, p.author-description, p.ads { margin : 0 15px; } /* プロフィール画像 */ p.author-image img { display : block; /* ブロックレベルで表示 */ margin : 10px 15px; /* マージン */ border : 1px solid #aaa; /* 枠線 */ } /*記事&メニュータイトル部分背景白 ------------------------------------------------------------ */ .whiteback{background:#fff;} /* フッター部分の設定 ------------------------------------------------------------ */ div#siteinfo-legal p { padding : 10px 0; /* パディング */ border-top : 1px solid #aaa; /* 上線 */ text-align : center; /* センタリング */ } /* 強調の設定 ------------------------------------------------------------ */ /* 強調 */ em { font-style : italic; /* 斜体 */ } /* より強い強調 */ strong { font-weight : bold; /* 文字を太字にする */ } /* 引用の設定 ------------------------------------------------------------ */ /* 背景に画像を使用したい場合はbackground-colorをbackgroundに修正してお使い下さい */ /* 書式・例 */ /* background : url("画像のパス") 画像の表示位置 繰り返し指定; */ /* background : url("hoge.gif") top left repeat; */ blockquote { width : 300px; /* 幅 */ margin : 20px 0 20px 50px; /* マージン */ padding : 0.5em; /* パディング */ border : 1px solid #aaa; /* 枠の色と線種 */ } /* 表(全記事表示に表使用) ------------------------------------------------------------ */ table {margin:3px;line-height:1.3; border:1px solid #aaa; border-collapse: collapse; border-spacing: 0px; empty-cells:show;} td{padding:3px; border:1px solid #aaa;} /* コード ------------------------------------------------------------ */ /* 記事中にプログラムコードなどを書く時に使います */ /* プロポーショナルフォントではなく等幅フォントを指定すると良いでしょう */ div.section pre { margin : 1em auto; padding : 0.5em; border : 1px solid #633; font-family : sans-serif; overflow : auto; width : 90%; /* pre element clearing bug in WinIE */ } /* for without MacIE5 \*/ div.section pre { overflow : scroll; /* MacIE用バグ対応 */ }/* */ div.section > pre { width : auto; /* MacIE用バグ対応 */ } div.section code { font-family : monospace; /* 等幅フォントを指定 */ } /* Mac版IEの文字化け対策 ------------------------------------------------------------ */ /* マック版IEでは表示できるフォントを指定しないと文字化けを起こしますので通常は削除しないで下さい */ textarea,input,select { font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; line-height:1.4; }