@charset "EUC-JP"; /* General ------------------------------------------------------------ */ * { margin : 0; padding : 0; } h2, h3, h4, h5, h6, div, p, blockquote, address { display : block; font-size: small; } a, addr, acronym, cite, code, dfn, em, img, kbd, object, q, ruby, samp, small, span, strong, sub, sup, var { display : inline; font-size: small; } a:link { color: #666666; } a:hover { color: #666666; } a:visited { color: #666666; } a:active { color: #666666; } *:before, *:after { content : ""; } body { margin: 20px 0px 20px 0px; color : #666666; background-color : #ffffff; text-align : center; line-height : 1.5; font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif; font-size: small; font-weight : normal; voice-family : "\"}\""; voice-family : inherit; } a img { border-width : 0; text-decoration : none; } /* Layout ------------------------------------------------------------ */ div#container { margin : 0px; /*↓この幅を指定するとブログ部分がこの幅でブラウザの中央に表示される*/ width : 740px; margin-left : auto; margin-right : auto; text-align : left; } div#top_column { background-color: #99CCFF; /*width: 740px;*/ } div#header { margin : 0 10px; padding : 0 10px; text-align: left; } div#calendar { margin : 0px; font-size: x-small; color: #FFFFFF; text-align: center; border-top: 1px dashed #FFFFFF; padding: 3px; } #right_column { background : transparent url("http://blog1.petitmall.jp/c/chanu/file/genki1.gif") right bottom no-repeat; border-right: 1px solid #99CCFF; } div#primary-column { /*きょろきょろする原因はこれ、使わない*/ /*width: 470px;*/ /*padding-top:15px; padding-right : 20px; padding-left : 20px;*/ background-color: transparent; } #left_column { line-height : 1em; background : transparent url("http://blog1.petitmall.jp/c/chanu/file/sidebar_blue2.gif") left top repeat-y; /*border-left: 1px solid #FFD700;*/ } div#secondary-column { /*きょろきょろする原因はこれ、使わない*/ /*width: 270px;*/ padding-top:15px; line-height : 1em; padding-left : 20px; padding-right : 20px; } #primary-column-scroll { /*padding-top:15px; padding-right : 50px;*/ padding-top:15px; padding-right : 20px; padding-left : 20px; /*width:440px;*/ height:550px; overflow:auto; scrollbar-track-color: #ffffff; scrollbar-3dlight-color: #999999; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #999999; scrollbar-base-color: #ffffff; } #secondary-column-scroll { /*padding-top:15px; padding-right : 20px;*/ /*width:275px;*/ /*height:550px; overflow:hidden; /*scrollbar-track-color: #ffffff; scrollbar-3dlight-color: #999999; scrollbar-arrow-color: #999999; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #999999; scrollbar-base-color: #ffffff;*/ } #bottom_column { background-color: #99CCFF; /*width: 740px;*/ font-size: xx-small; } #footer { /*width: 740px;*/ border-top: 1px dashed #999999; border-bottom: 1px dashed #999999; border-right: 1px dashed #999999; border-left: 1px dashed #999999; } /* Header ------------------------------------------------------------ */ div#header h1 { margin : 10px 0px 0px 0px; padding : 0.2em 0; } div#header h1 a { font-size: 20px; color : #FFFFFF; text-decoration : none; } div#header h1 a:hover { font-size: 20px; color : #FFFFFF; text-decoration : none; border-bottom : 1px dotted #FFFFFF; } div#header h1 a:visited { font-size: 20px; color : #FFFFFF; text-decoration : none; } div#header p { margin : 0; padding : 0.2em 0; color : #FFFFFF; font-size: x-small; } /* Calendar ------------------------------------------------------------ */ p.now-month { margin : 0em 0; font-size: x-small; } div#calendar ul { margin : 0em 0; list-style-position : inside; } div#calendar li { display : inline; list-style-type : none; } div#calendar li a { color : #FFD700; text-decoration : none; font-weight: bold; font-size: x-small; } div#calendar li a:hover { color : #FFD700; text-decoration : none; font-weight: bold; font-size: x-small; } div#calendar li a:visited { color : #FFD700; text-decoration : none; font-weight: bold; font-size: x-small; } li.prev-month-calendar { margin-right : 0.5em; } li.day { margin : 0 0.1em; } li.next-month-calendar { margin-left : 0.5em; } /* Primary-Column ------------------------------------------------------------ */ p.prev-next-navi { margin-top : 100px; margin-bottom : 10px; text-align : center; } div.section { margin-bottom : 50px; } div.section h2 { color: #FFCC00; margin-bottom : 10px; padding-left : 0px; font-size : x-small; border-bottom : 1px dashed #99CCFF; voice-family : "\"}\""; voice-family : inherit; font-size : medium; } div.section h2 a { color: #FFCC00; font-size : x-small; text-decoration : none; } div.section h2 a:hover { color: #FFCC00; font-size : x-small; text-decoration : none; } div.section h2 a:visited { color: #FFCC00; font-size : x-small; text-decoration : none; } div.entry-body { color: #999999; font-size: x-small; background : transparent; } div.entry-body a { color : #666666; font-size: x-small; text-decoration : underline; } div.entry-body a:hover { font-size: x-small; color : #666666; text-decoration : underline; } div.entry-body a:visited { font-size: x-small; color : #666666; text-decoration : underline; } /*これが使われる所を確認する*/ div.entry-body h3 { margin : 1em 0; } div.entry-body h3 span { padding-left : 5px; border-left : 5px solid #999999; border-bottom : 1px solid #999999; } /*これが使われる所を確認する*/ p.entry-more { color: #999999; padding : 15px 15px 15px 0; text-align : left; } p.entry-more a { color: #999999; } p.entry-more a:hover { color: #999999; } p.entry-more a:visited { color: #999999; } div.section p.entry-footer { margin-top : 10px; padding-top : 0em; font-size: x-small; background : transparent; list-style-position : inside; text-align : left; border-top : 1px dashed #99CCFF; } span.date { color: #999999; padding-left : 0px; font-size: x-small; } span.category { color: #999999; padding-left : 0px; font-size: x-small; } span.com, span.no-com { color: #999999; padding-left : 0px; font-size: x-small; } span.trk, span.no-trk { color: #999999; padding-left : 0px; font-size: x-small; } div.section p.entry-footer a { color : #999999; font-size: x-small; text-decoration : none; } div.section p.entry-footer a:hover { color : #999999; font-size: x-small; text-decoration : none; border-bottom : 1px dashed #999999; } div.section p.entry-footer a:visited { color : #999999; font-size: x-small; text-decoration : none; } div.section p.navigation { margin-top : 10px; text-align : left; font-size: x-small; } div.section p.navigation a { color : #999999; text-decoration : none; font-size: x-small; } div.section p.navigation a:hover { color : #999999; text-decoration : none; border-bottom : 1px dashed #999999; font-size: x-small; } div.section p.navigation a:visited { color : #999999; text-decoration : none; font-size: x-small; } p.prev-next-navi a { color : #999999; text-decoration : none; font-size: x-small; } p.prev-next-navi a:hover { color : #999999; text-decoration : none; border-bottom : 1px dashed #999999; font-size: x-small; } p.prev-next-navi a:visited { color : #999999; text-decoration : none; font-size: x-small; } /* Comment ------------------------------------------------------------ */ input#himitu { margin-right : 0.5em; } p.form-btn { margin-top : 20px; } h3#comment-top { /*color: #999999;*/ font-size: x-small; margin : 15px 0 10px 0; } h3.comment-post { /*color: #999999;*/ font-size: x-small; } h3.comment-edit { color: #999999; font-size: x-small; } dt { font-size: x-small; } span.admin_only { font-size: x-small; } h4.comment-header { color: #666666; margin-bottom : 5px; padding-left : 0px; background-color : transparent; font-size: x-small; font-weight : normal; border-bottom : 1px dashed #99CCFF; } div.comment-body { color: #999999; font-size: x-small; } div.comment-body a { color: #666666; font-size: x-small; text-decoration : underline; } div.comment-body a:hover { color: #666666; font-size: x-small; text-decoration : underline; } div.comment-body a:visited { color: #666666; font-size: x-small; text-decoration : underline; } span.author, span.uri, span.edit { color: #999999; font-size: x-small; } p.comment-footer { font-size: x-small; margin : 5px 0 15px 0; padding : 0.5em 0; border-top : 1px dashed #99CCFF; } p.comment-footer a { font-size: x-small; color : #999999; text-decoration : none; } p.comment-footer a:hover { font-size: x-small; color : #999999; text-decoration : none; border-bottom : 1px dashed #999999; } p.comment-footer a:visited { font-size: x-small; color : #999999; text-decoration : none; } /* Trackback ------------------------------------------------------------ */ h3#trackback-top { font-size: x-small; margin : 15px 0 10px 0; } p.trackback-uri { width: 300px; margin-bottom : 15px; padding : 0.2em 0.5em; background : transparent url() left center repeat; border : 1px solid #99CCFF; } h4.trackback-header { color: #666666; margin-bottom : 5px; padding-left : 0px; background : transparent url() left center no-repeat; font-size: x-small; font-weight : normal; border-bottom : 1px dashed #99CCFF; } h4.trackback-header a { color: #666666; font-size: x-small; text-decoration : none; } h4.trackback-header a:hover { color : #666666; font-size: x-small; text-decoration : none; border-bottom : 1px dashed #999999; } h4.trackback-header a:visited { color : #666666; font-size: x-small; text-decoration : none; } div.trackback-excerpt { color : #999999; font-size: x-small; padding : 0 0.5em; background : transparent; } p.trackback-footer { color : #999999; font-size: x-small; margin : 5px 0 15px 0; padding : 0.5em 0; border-top : 1px dashed #99CCFF; } span.tb_date, span.tb_blog { color: #999999; font-size: x-small; } /* Secondary-Column ------------------------------------------------------------ */ .showListItemAnchor { color : #666666; font-size : x-small; font-weight : bold; } div#secondary-column h2 { color : #555555; font-size : x-small; font-weight : bold; background-color: transparent; text-align : left; voice-family : "\"}\""; voice-family : inherit; } /* 位置調整(一番上に表示) */ div#secondary-column h2.monthly-archives { margin-bottom : 5px; } /* 位置調整(中間に表示) */ div#secondary-column h2.categories-archives, div#secondary-column h2.recent-entries, div#secondary-column h2.recent-comments, div#secondary-column h2.recent-trackbacks, div#secondary-column h2.links, div#secondary-column h2.appendix { margin-top : 10px; margin-bottom : 5px; } /* 位置調整(一番下に表示) */ div#secondary-column h2.search { margin-top : 10px; margin-bottom : 5px; } div#secondary-column ul { list-style-position : inside; margin-right : 10px; } div#secondary-column ul li { margin: 0px; } div#secondary-column ul li a { text-decoration : none; font-size : x-small; } div#secondary-column ul li a:hover { color : #555555; text-decoration : none; font-size : x-small; border-bottom: 1px dashed #666666; } div#secondary-column ul li a:visited { color : #555555; text-decoration : none; font-size : x-small; } div#secondary-column a { color : #666666; text-decoration : underline; font-size : x-small; } div#secondary-column ul a:hover { color : #666666; text-decoration : none; font-size : x-small; border-bottom: 1px dashed #666666; } div#secondary-column ul a:visited { color : #666666; text-decoration : none; font-size : x-small; } p.author-image { text-align : left; } p.author-image img { /*border : 1px solid #ffffff;*/ } .author-line { font-size: x-small; } .author-name { font-size: x-small; /*font-weight: bold;*/ } .author-description { font-size: x-small; } .ad_required { /*font-size: x-small;*/ } form.search { margin-bottom: 15px; } /* Footer ------------------------------------------------------------ */ div#footer div.ads { padding: 5px; text-align : center; font-size: xx-small; color: #999999; } div#footer div.ads a { text-decoration : none; font-size: xx-small; } div#footer div.ads a:hover { text-decoration : none; font-size: xx-small; border-bottom: 1px dashed #999999; } div#footer div.ads a:visited { text-decoration : none; font-size: xx-small; } div#footer div.ads strong { font-weight : normal; font-size: xx-small; } /* Bottom_Column ------------------------------------------------------------ */ div#bottom_column div.ads{ font-size: xx-small; padding: 5px; color: #999999; } div#bottom_column div.ads a{ text-decoration : none; font-size: xx-small; } div#bottom_column div.ads a:hover{ text-decoration : none; font-size: xx-small; border-bottom: 1px dashed #999999; } div#bottom_column div.ads a:visited{ text-decoration : none; font-size: xx-small; } .bottom_ads { font-size: xx-small; padding: 10px; color: #999999; text-decoration : none; } /* Image ------------------------------------------------------------ */ /* 枠付の画像(投稿時に自分でクラスを設定する必要があります) */ .pics { /* border : 1px solid #738eac;*/ padding : 3px; } /* 枠付の画像を左側に回り込み(投稿時に自分でクラスを設定する必要があります) */ .pics-l { float : left; margin : 0 10px 5px 0; /* border : 1px solid #738eac;*/ padding : 3px; } /* 枠付の画像を右側に回り込み(投稿時に自分でクラスを設定する必要があります) */ .pics-r { float : right; margin : 0 0 5px 10px; /* border : 1px solid #738eac;*/ padding : 3px; } .clear { clear : both; } /* Blockquote ------------------------------------------------------------ */ blockquote p { color: #9999999; font-size: x-small; width : 90%; margin : 2em 0; padding-top : 0.5em; padding-bottom : 0.5em; padding-left : 10px; background : transparent url("http://blog1.petitmall.jp/c/chanu/file/block-gr.gif") left top repeat-y; } div.section>blockquote { width : auto; } /* Code ------------------------------------------------------------ */ div.section pre { color: #9999999; font-size: x-small; margin : 1em 0; padding-left : 10px; background : transparent url("http://blog1.petitmall.jp/c/chanu/file/block-gr.gif") left top repeat-y; font-family : sans-serif; overflow : auto; /* pre element clearing bug in WinIE */ width : 90%; } /* for without MacIE5 \*/ div.section pre { overflow : scroll; }/* */ div.section>pre { width : auto; } div.section code { font-family : monospace; } /* Q & A ------------------------------------------------------------ */ div.section dl.qa dt { color: #9999999; font-size: x-small; padding-left : 10px; background : transparent url("http://blog1.petitmall.jp/c/chanu/file/block-gr.gif") left top repeat-y; font-weight : bold; font-style : italic; border-bottom : 1px solid #99CCFF; } div.section dl.qa dd { margin-left : 2em; } /* article navigation ------------------------------------------------------------ */ p.article-navi { color : #999999; font-size: x-small; } p.article-navi a { color : #999999; text-decoration : none; font-size: x-small; } p.article-navi a:hover { color : #999999; text-decoration : none; border-bottom : 1px dashed #999999; font-size: x-small; } p.article-navi a:visited { color : #999999; text-decoration : none; font-size: x-small; }