@charset "EUC-JP"; /* ----------------------------------------------------------------------------------- 全体の設定 ----------------------------------------------------------------------------------- */ /* 初期化 ---------------------------------------------------------------- */ * { margin : 0; padding : 0; } * html div.section h2 { height : 0px; } * html div#siteinfo-legal { height : 0px; } /* bodyの設定 ---------------------------------------------------------------- */ body { background : #cccccc url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribon_bg_b.gif) top left repeat; text-align : center; line-height : 200%; letter-spacing : 2px; color : #666666; font-size : xx-small !important;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small !important; } html>body { font-size : x-small !important; } br { letter-spacing : normal; } textarea { background-color : #e6e6e6; border : solid 1px #ffffff; width : 90%; } input { background-color : #e6e6e6; border : solid 1px #ffffff; color : #666666; } blockquote { width : 80%; margin : 0px 0px 0px 10px; padding : 10px; background-color : #e6e6e6; } /* リンクの設定 ---------------------------------------------------------------- */ a { text-decoration : none; } a:link { color : #66cccc !important; } a:visited { color : #999999 !important; } a:hover { color : #ccccff !important; } a:active { color : #ccccff !important; } /* リンク画像の枠の設定 ---------------------------------------------------------------- */ a img {border : solid 0px #666666; } /* 絵文字 ---------------------------------------------------------------- */ .emoji{ vertical-align : middle; } /* ----------------------------------------------------------------------------------- レイアウト ----------------------------------------------------------------------------------- */ div#container { background : transparent url() top left repeat; margin : 0px auto; width : 818px; /* 旧IE用(+ボーダー幅+左右パディングの幅) */ voice-family : "\"}\""; voice-family : inherit; width : 818px; text-align : left; } html>body div#container { width : 818px ; } /* タイトルブロック ---------------------------------------------------------------- */ div#branding { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/branding_3.gif) bottom left no-repeat; width : 818px; /* 旧IE用(+ボーダー幅+左右パディングの幅) */ voice-family : "\"}\""; voice-family : inherit; width : 788px; margin : 0px 0px 20px 0px; padding : 50px 15px 10px 15px; } /* 中カラム ---------------------------------------------------------------- */ div#primary-column { float : right; width : 441px; /* 旧IE用(+ボーダー幅+左右パディングの幅) */ voice-family : "\"}\""; voice-family : inherit; width : 441px; padding : 0px 20px 0px 21px; } html>body div#primary-column { width : 441px !important; } /* 左カラム ---------------------------------------------------------------- */ div.secondary-column { float : left; width : 168px; /* 旧IE用(+ボーダー幅+左右パディングの幅) */ voice-family : "\"}\""; voice-family : inherit; width : 168px; } html>body div.secondary-column { width : 168px; } div#wrap { float : left; width : 650px; } /* 右カラム ---------------------------------------------------------------- */ div.third-column { float : right; width : 168px; /* 旧IE用(+ボーダー幅+左右パディングの幅) */ voice-family : "\"}\""; voice-family : inherit; width : 168px; } html>body div.third-column { width : 168px; } /* 著作表示ブロック ---------------------------------------------------------------- */ div#siteinfo-legal { clear : both; } /* -----------------------------------------------------------------------------------   タイトル・サイトの説明の設定 ----------------------------------------------------------------------------------- */ /* タイトル ---------------------------------------------------------------- */ div#branding h1 { font-family : georgia,verdana,osaka,sans-serif; font-size : x-small; /* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : small; font-weight : bold; } html>body div#branding h1 { font-size : small !important; } div#branding h1 a:link { color : #66cc99 !important; } div#branding h1 a:visited { color : #66cc99 !important; } div#branding h1 a:hover { color : #ccccff !important; } div#branding h1 a:active { color : #66cc99 !important; } /* サイトの説明 ---------------------------------------------------------------- */ div#branding p { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_bran.gif) center left no-repeat; padding : 0px 0px 0px 35px; } /* ----------------------------------------------------------------------------------- primary-columnの設定 ----------------------------------------------------------------------------------- */ /* 記事部分 ---------------------------------------------------------------- */ div.section { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_entry_top.gif) top left no-repeat; margin : 0px 0px 25px 0px; } /* 記事日付・カテゴリー */ div.section div.entry_header { padding : 0px 20px 10px 15px; text-align : right; } /* 記事タイトル */ h2.topentry_title { background : #ffffff url(http://blog-imgs-21.fc2.com/y/x/z/yxz/line.gif) bottom left no-repeat; padding : 0px 15px 5px 15px; color : #66cc99; font-size : xx-small; /* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } html>body h2.topentry_title { font-size : x-small !important; } h2.topentry_title a { text-decoration : none; } h2.topentry_title a:link { color : #66cc99 !important; } h2.topentry_title a:visited { color : #66cc99 !important; } h2.topentry_title a:hover { color : #999999 !important; } h2.topentry_title a:active { color : #66cc99 !important; } /* 記事本文 */ div.topentry_body { background-color : #ffffff; padding : 10px 15px 0px 15px; } div.topentry_body img { border : solid 0px #666666; } /* 追記部分 */ p.more_link { padding : 10px 0px; text-align : center; color : #ff9966 !important; font-weight : bold; } p.more_link a { font-weight : bold; color : #ff9966 !important; } p.more_link a:link {color : #ff9966 !important; } p.more_link a:visited {color : #ff9966 !important; } p.more_link a:hover {color : #ccccff !important; } p.more_link a:active {color : #ff9966 !important; } /* 記事フッター */ div.fc2_footer { background-color : #ffffff; padding : 15px 0px 5px 0px; } div.entry-footer { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_entry_bottom.gif) bottom left no-repeat; padding : 0px 0px 10px 0px; } div.theme { background-color : #ffffff; padding : 0px 15px; line-height : 130%; } div.ct { background-color : #ffffff; padding : 0px 15px; text-align : right; } /* 段落 */ div.section p { margin : 0px; background-color : #ffffff; } /* コメント部分の設定 ---------------------------------------------------------------- */ /* コメント */ h2#comment { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/line.gif) bottom left no-repeat; padding : 10px 15px 5px 15px; color: #66cc99; font-weight : bold; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } /* コメントのタイトル */ h3.comment_title { background-color : #ffffff; padding : 5px 15px 0px 15px; color : #ff9966; font-weight : bold; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } /* コメント本文 */ div.comment_body { background-color : #ffffff; padding : 0px 15px; } /* コメントフッター */ div.comment-footer { background-color : #ffffff; padding : 3px 15px; text-align : right; } /* コメントフォーム */ h2.comment-form { background : #ffffff url(http://blog-imgs-21.fc2.com/y/x/z/yxz/line.gif) bottom left no-repeat; padding : 30px 15px 5px 15px; color : #666666; font-weight : bold; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } div.comment-form { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_entry_bottom.gif) bottom left no-repeat; padding : 0px 0px 10px 0px; } div.comment-form form { background-color : #ffffff; border : solid 1px #ffffff; padding : 0px 15px; } /* コメントフォームのボタン */ p.form-btn { margin-top : 20px; } /* 管理者だけにコメント */ input#himitu { margin-right : 0.5em; } /* トラックバック部分の設定 ---------------------------------------------------------------- */ /* トラックバック */ h2#trackback { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/line.gif) bottom left no-repeat; padding : 10px 15px 5px 15px; color : #66cc99; font-weight : bold; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } /* トラックバックのタイトル */ h3.tb_title { background-color : #ffffff; padding : 5px 15px 0px 15px; color : #ff9966; font-weight: bold; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } /* トラックバック先の概要 */ div.tb_excerpt { background-color : #ffffff; padding : 0 15px; } /* トラックバックフッター */ div.trackback-footer { background-color : #ffffff; padding : 3px 15px; text-align : right; } /* URIエリア */ div.url_area { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_entry_bottom.gif) bottom left no-repeat; padding : 0px 0px 5px 0px; } /* トラックバックURI */ div.trackback_uri { background-color : #ffffff; padding : 10px 15px; } /* ページ移動用ナビゲーション ---------------------------------------------------------------- */ p.prev-next-navi { margin-bottom : 10px; text-align : center; } /* ----------------------------------------------------------------------------------- secondary-column / third-column の設定 ----------------------------------------------------------------------------------- */ div.secondary-column { background : transparent url() top left no-repeat; line-height : 150%; letter-spacing : 1px; } div.third-column { background : transparent url() top left no-repeat; line-height : 150%; letter-spacing : 1px; } div.plug { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_plug_bottom_3.gif) bottom left no-repeat; margin : 0px 0px 10px 0px; padding : 0px 0px 5px 0px; } /* プラグインの見出 */ div.secondary-column h2 { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_plug_top_3.gif) top left no-repeat; text-align : center; padding : 10px 10px 0px 10px; color: #66cc99; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; font-weight : bold; } html>div.secondary-column h2 { font-size : x-small; } div.third-column h2 { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon_plug_top_3.gif) top left no-repeat; text-align : center; padding : 10px 10px 0px 10px; color: #66cc99; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; font-weight : bold; } html>div.third-column h2 { font-size : x-small; } /* 位置調整 */ div.plugin_content { background : #ffffff url(http://blog-imgs-21.fc2.com/y/x/z/yxz/line_s.gif) top left no-repeat; padding : 10px; } div.plugin_content p{ } /* プラグインのリスト表示設定 */ div.plugin_content ul { list-style-type : none; } div.plugin_content li { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribbon01.gif) center left no-repeat; padding : 0px 0px 0px 15px; } /* プラグインの説明 */ p.description2 { margin : 10px 0px 0px 0px; } /* ----------------------------------------------------------------------------------- プラグイン用のカレンダー設定 ----------------------------------------------------------------------------------- */ table.calender { width : 100%; font-size : xx-small;/* 旧IE用 */ voice-family : "\"}\""; voice-family : inherit; font-size : x-small; } html>table.calender { font-size : x-small; } /* カレンダー見出 */ table.calender caption { margin-bottom : 10px; font-size : small; } /* カレンダーのセル見出 */ table.calender th { padding : 0.1em; text-align : center; font-weight: bold; } table.calender th#sun { color : #ff6666; } table.calender th#sat { color : #66cccc; } /* カレンダーのセル部分(日付表示部分) */ table.calender td { padding : 0.1em; text-align : center; } /* カレンダーのリンク */ table.calender td a { background : #ffffff url(http://blog-imgs-21.fc2.com/y/x/z/yxz/ribon_pcbg.gif) center center no-repeat; font-weight : bold; display : block; } /* ----------------------------------------------------------------------------------- フッター部分の設定 ----------------------------------------------------------------------------------- */ div#siteinfo-legal { background : transparent url(http://blog-imgs-21.fc2.com/y/x/z/yxz/branding_3.gif) top left no-repeat; padding : 10px 15px 10px 15px; text-align : center; } div#siteinfo-legal p { line-height: 150%; } /* ----------------------------------------------------------------------------------- コード ----------------------------------------------------------------------------------- */ div.section pre { background-color : #ffffcc; margin : 1em auto; padding : 0.5em; font-family : sans-serif; overflow : auto; width : 80%; /* 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; /* 等幅フォントを指定 */}