@charset "EUC-JP"; /* 全体的な設定lammban ------------------------------------------------------------ */ /* contentプロパティの初期化 */ *:before, *:after { content : ""; } /* 全体的なマージン・パディング・フォントスタイル等の初期化 */ * { margin : 0; padding : 0; font-style : normal; font-weight : normal; } /* body要素以下全てに適用されます */ body { color : #405080; /* 文字の色 */ background :#000; text-align : center; /* 古いIEでセンタリングする */ line-height : 1.5; /* 行間 */ font-size : x-small !important; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small !important; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "MS Pゴシック", "MS PGothic"; } html>body { font-size : small !important; /* Opera用の文字サイズ */ } textarea { width : 90%; padding : 0.2em 0.5em; border : 1px solid #405080; color:#405080; background-color:#cfd4e6; } input,button,select { border : 1px solid #405080; color:#405080; background-color:#cfd4e6; } /* リンクの設定 ------------------------------------------------------------ */ /* リンクの設定 */ a { text-decoration : underline; } a:hover { text-decoration : none; } a img { border-style : none; /* 枠を非表示 */ border-width : 0px; /* 枠の幅を0pxに設定 */ text-decoration : none; /* 装飾を表示しない */ } /* レイアウト用ブロックの設定 ------------------------------------------------------------ */ /* 全体の大枠 */ div#container { width : 760px; /* wrapper+extra-columnの幅 */ margin-left : auto; /* 左側のマージンを自動計算 */ margin-right : auto; /* 右側のマージンを自動計算 */ background :url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_01.gif") repeat-y; text-align : left; /* 古いIE用にセンタリングした部分を元に戻す */ } /* タイトル部分 */ div#branding { width : 760px; height : 180px; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_07.jpg") top left no-repeat; padding:50px 30px 0 0; text-align:right; } div.column { margin : 15px 0; /* タイトル部分と記事、記事部分とフッター部分の間隔 */ } /* 本文部分ブロック */ div#primary-column { float : right; /* 右側に回り込む */ width : 510px; /* 古いIE用の幅(コンテンツ幅+ボーダー幅+左右パディングの幅) */ padding : 0 10px 0 0; /* パディング */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ width : 500px; /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */ } html>body div#primary-column { width : 500px; /* Opera用のコンテンツ幅 */ } /* サイトインフォ関連ブロック */ div#secondary-column { float : left; /* 左側に回り込む */ width : 230px; /* コンテンツ幅 */ margin:0 9px; } /* 著作表示ブロック */ div#siteinfo-legal { clear : both; /* 回り込みを解除 */ margin : 0; background:url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_02.gif") bottom no-repeat; } div#siteinfo-legal a:link { color : #405080 !important; } div#siteinfo-legal a:visited { color : #405080 !important; } div#siteinfo-legal a:hover { color : #c1474a !important; } div#siteinfo-legal a:active { color : #405080 !important; } /* 絵文字 */ .emoji{ vertical-align:middle; } /* タイトル・サイトの説明部分の設定 ------------------------------------------------------------ */ /* タイトル */ div#branding h1 a { padding : 50px 10px; font-size : x-large; /* 古いIEの文字サイズ */ font-weight : bold; /* 太字にする */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : xx-large; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ } html>body div#branding h1 { font-size : xx-large; /* Opera用の文字サイズ */ } div#branding h1 a:link { color : #cfd4e6 !important; text-decoration:none; } div#branding h1 a:visited { color : #cfd4e6 !important; text-decoration:none; } div#branding h1 a:hover { color : #cfd4e6 !important; text-decoration:none; } div#branding h1 a:active { color : #cfd4e6 !important; text-decoration:none; } /* サイトの説明 */ div#branding p { padding : 0 10px; font-size : small; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : medium; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ color : #cfd4e6 !important; } html>body div#branding p { font-size : medium; /* Opera用の文字サイズ */ } /* Primary-Columnの設定 ------------------------------------------------------------ */ /* ページ移動用ナビゲーション */ p.prev-next-navi { margin-bottom : 20px; text-align : center; } p.prev-next-navi a:link { color : #405080 !important; } p.prev-next-navi a:visited { color : #405080 !important; } p.prev-next-navi a:hover { color : #c1474a !important; } p.prev-next-navi a:active { color : #405080 !important; } /* 各記事毎のブロック */ div.section { margin-bottom : 25px; /* 記事と記事の間隔 */ } div.section a:link { color : #405080 !important; } div.section a:visited { color : #405080 !important; } div.section a:hover { color : #c1474a !important; } div.section a:active { color : #405080 !important; } /* 記事のタイトル部分 */ div.section h2 { margin-bottom : 9px; padding: 1px 0 0 24px; height : 24px; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_03.gif") top left no-repeat; font-size : small; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : medium; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ font-weight:bold; } html>body div.section h2 { font-size : medium; /* Opera用の文字サイズ */ } div.section h2 a:link { color : #cfd4e6 !important; text-decoration : none; font-weight:bold; } div.section h2 a:visited { color : #cfd4e6 !important; text-decoration : none; font-weight:bold; } div.section h2 a:hover { color : #c1474a !important; font-weight:bold; } div.section h2 a:active { color : #cfd4e6 !important; text-decoration : none; font-weight:bold; } /* 段落の設定 */ div.section p { margin : 1em 0; /* 上下1行分空ける */ } /* 記事本体部分 */ div.entry-body { padding : 0 10px; } /* 追記部分 */ p.entry-more { padding : 25px 15px 15px 0; text-align : right; } /* フッター部分(コメントやトラックバックなど) */ div.section ul.entry-footer { text-align : right; } div.section ul.entry-footer { padding : 20px 10px 15px 10px; list-style-position : inside; } div.section ul.entry-footer li { display : inline; list-style-type : none; } /* コメント部分の設定 ------------------------------------------------------------ */ /* コメントフォーム */ div#primary-column form { padding : 0 10px; } /* 管理者だけにコメント */ input#himitu { margin-right : 0.5em; } /* コメントフォームのボタン */ p.form-btn { margin-top : 20px; } /* コメントトップ */ h3#comment-top { margin-bottom : 9px; padding: 1px 0 0 24px; height : 24px; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_03.gif") top left no-repeat; font-size : small; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : medium; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ font-weight:bold; color:#cfd4e6; } h3.comment-post, h3.comment-edit { margin-bottom : 9px; padding: 1px 0 0 24px; height : 24px; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_03.gif") top left no-repeat; font-size : small; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : medium; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ font-weight:bold; color:#cfd4e6; } /* コメントのタイトル */ h4.comment-header { margin : 5px 10px 15px; padding : 0 5px; border-bottom : 1px solid #5c73b8; /* 枠線 */ } /* コメント本文 */ div.comment-body { padding : 0 20px; } /* コメントフッター */ ul.comment-footer { padding : 10px 10px 15px 10px; text-align : right; } ul.comment-footer li { display : inline; list-style-type : none; } /* トラックバック部分の設定 ------------------------------------------------------------ */ /* トラックバックトップ */ h3#trackback-top { margin-bottom : 9px; padding: 1px 0 0 24px; height : 24px; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_03.gif") top left no-repeat; font-size : small; /* 古いIEの文字サイズ */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : medium; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ font-weight:bold; color:#cfd4e6; } /* トラックバックURI */ p.trackback-uri { margin-bottom : 15px; padding : 0.2em 0.5em; border : 1px solid #8298d2; /* 枠の色と線種 */ background :#8298d2 url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_05.gif") top right repeat-y; } /* トラックバックのタイトル */ h4.trackback-header { margin : 5px 10px 15px; padding : 0 5px; border-bottom : 1px solid #5c73b8; /* 枠線 */ } h4.trackback-header h2 a:link,h4.trackback-header a:visited,h4.trackback-header a:active { color:#cfd4e6; text-decoration:none; } h4.trackback-header a:hover { color: #c1474a; text-decoration: none; } /* トラックバック先の概要 */ div.trackback-excerpt { padding : 0 20px; background : transparent; } /* トラックバックフッター */ ul.trackback-footer { padding : 10px 10px 15px 10px; display : inline; list-style-type : none; text-align : right; } ul.trackback-footer li { display : inline; list-style-type : none; } /* Secondary-Columnの設定 ------------------------------------------------------------ */ /* アーカイブ関連の見出(CalendarとかMonthlyとかCategoriesとか) */ div#secondary-column h3 { margin-bottom: 2px; padding: 3px 0 0 9px; height:24px; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_04.gif") top left no-repeat; font-size : small; /* 古いIEの文字サイズ */ text-align : center; /* センタリング */ voice-family : "\"}\""; /* おまじない */ voice-family : inherit; /* おまじない */ font-size : small; /* CSSを正しく解釈出来るブラウザ用の文字サイズ */ color:#cfd4e6; } div#secondary-column a:link { color : #405080 !important; } div#secondary-column a:visited { color : #405080 !important; } div#secondary-column a:hover { color : #c1474a !important; } div#secondary-column a:active { color : #405080 !important; } html>div#secondary-column h3 { font-size : small; /* Opera用の文字サイズ */ } /* カレンダーの位置調整 */ div#secondary-column h3.calendar-archives { margin-bottom : 5px; } /* 位置調整 */ p { margin : 0 5px 6px 5px; padding: 0 0 5px 3px; } /* プロフィール画像 */ p img { border : 1px solid #5c73b8; /* 枠線 */ } div#secondary-column ul { margin : 0 7px; list-style-position : inside; } div#secondary-column li { list-style-type: none; background : url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_06.gif") 0 3px no-repeat; padding-left: 13px; } /* カレンダー部分の設定 ------------------------------------------------------------ */ /* カレンダー表示用のテーブル設定 */ .calender { width :170px; font-size :11px; border-collapse :separate; margin : 5px auto 0; } .caption { margin : 10px auto 5px; padding : 0px; } th#sat { color :#3b5fcc; } th#sun { color :#b60000; } .calender a:link, .calender a:visited { text-decoration: none; } .calender a:hover { text-decoration : underline; } .calender th { width : 20px; height : 25px; font-size : 10px; text-align : center; border-bottom : 1px solid #5c73b8; } table.calender td { text-align : center; } .calender td a { display:block; } .calender td a:link, .calender td a:visited { color : #405080; text-decoration : none; border : 1px solid #5c73b8; } .calender td a:hover { text-decoration : none; border : 1px solid #cfd4e6; } /* フッター部分の設定 ------------------------------------------------------------ */ div#siteinfo-legal p { padding : 10px 0 20px; /* パディング */ text-align : center; /* センタリング */ } /* 強調の設定 ------------------------------------------------------------ */ /* 強調 */ em { font-style : italic; /* 斜体 */ } /* より強い強調 */ strong { font-weight : bold; /* 文字を太字にする */ } /* 引用の設定 ------------------------------------------------------------ */ blockquote { width : 420px; /* 幅 */ margin : 10px 0 10px 20px; /* マージン */ padding : 0.5em; /* パディング */ border : 1px solid #8298d2; /* 枠の色と線種 */ background :#8298d2 url("http://blog-imgs-21.fc2.com/h/a/z/hazz/t07_05.gif") top right repeat-y; } /* コード ------------------------------------------------------------ */ div.section pre { margin : 1em auto; padding : 0.5em; border : 1px solid #5c73b8; 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; /* 等幅フォントを指定 */ } /* PIYOの設定 ------------------------------------------------------------ */ a.nickname:link,a.nickname:visited {color:#405080;font-weight:bold;} a.nickname:hover {color:#c1474a;} div.tab{ float:left; width:100%; font-size:93%; border-bottom:1px solid #5c73b8; line-height:normal; } .b1{ background-image: none; } .b2{ background-image: none; } div.mylog { margin-left: 10px; width: 180px; padding: 5px; border: 1px solid #405080; font-size: small; text-align: left; color: #5c73b8; background-color: #cfd4e6; } div.mylog p.title { font-weight: bold; color: #405080; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #5c73b8; margin: 0px 0px 10px; padding: 0px 0px 3px; } div.mylog dl { margin: 0px; padding: 0px; } div.mylog dt.day { width: 160px; color: #3054bf; font-size: x-small; margin: 0px; padding: 0px 0px 5px; background-color: #cfd4e6; background-image: none; text-align: left; } div.mylog dd.piyolog { margin: 0px 0px 5px; color: #405080; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #5c73b8; padding: 0px 0px 10px; } div.license { font-size: x-small; text-align: right; } /* 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; }