@charset "UTF-8"; body { margin: 0; padding: 0; color: #202020; background-color: #ffffe0; font-family: 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,'MS Pゴシック',MS PGothic,sans-serif; } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; line-height: 1.3; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } a:link {color: #3333cc; text-decoration: none;} a:active {color: #3333cc; text-decoration: none;} a:visited {color: #3333cc; text-decoration: none;} a:hover {color: #0000CD; text-decoration: underline; background-color: #fefefe;} /*** header ***/ #header { width: 100%; height: 117px; background-color: #363636; background-image: url('http://livedoor.2.blogimg.jp/bipblog/imgs/9/2/92fb3d4d.png'); background-repeat:repeat-x; border-bottom: 3px solid #666666; color:#000000; } #header_inside { margin: auto; width: 1000px; overflow: hidden; } #header_inside h1 { width: 194px; height: 117px; float: left; margin:0 0 0 10px; } #header_nav { width: 796px; height: 117px; float: right; position: relative; } #header_nav a:link {color: #f1f1f1; text-decoration: none;} #header_nav a:active {color: #f1f1f1; text-decoration: none;} #header_nav a:visited {color: #f1f1f1; text-decoration: none;} #header_nav a:hover {color: #f1f1f1; text-decoration: underline; font-weight: bold; background: none;} #header_nav_inside { position: absolute; bottom: 1em; right: 0px; text-align: right; font-size: 9pt; color: #ffffff; margin:0 10px 0 0; } /*** header ***/ /* main */ #main { margin: 5px auto 0; width: 987px; overflow: hidden; } #main_header { margin:0 auto; } #main_center { width: 728px; float: left; } #main_center_p { width: 983px; } #main_left { width: 253px; margin-left:3px; margin-right:3px; float: right; font-size: 9pt; } .main_center_block { margin: 0 auto 5px; background-color: #ffffef; border: 1px solid #cacaca; -moz-box-shadow:1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000; box-shadow:1px 1px 3px #000000; } .main_center_block_nonborder { margin: 0 auto 5px; background-color: #ffffef; -moz-box-shadow:1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000; box-shadow:1px 1px 3px #000000; } .main_center_title { margin: 8px; padding: 5px; padding-bottom: 8px; font-family: 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,'MS Pゴシック',MS PGothic,sans-serif; border-bottom: 1px dotted #cccccc; } h2 { padding: 3px; color: #333333; font-size: 16pt; text-decoration:underline; font-weight: bold; } h2 a:link { color: #333333; } h2 a:active { color: #333333; } h2 a:visited { color: #333333; } h2 a:hover { color: #333333; } h2 img { vertical-align: bottom; } #entry { color: #333333; } .main_center_title_nav { padding-top: 5px; text-align: right; font-size: 9pt; } .main_center_title_nav img { vertical-align: bottom; } .main_center_body { padding: 5px; border: 1px solid #f1f1f1; } #entry.main_center_body{ padding: 5px 15px; } .main_center_body_text { overflow: hidden; } .main_center_body_nav { padding: 10px; padding-bottom: 0; font-size: 9pt; text-align: right; } .main_center_body_nav img { vertical-align: bottom; } .article_more { margin: 5px 30px; padding: 8px; border: 1px solid #cccccc; background-color: #ffffe0; } /* Recommend */ .recommend-wrapper { background-color: #ffffef; margin-top: 10px; } /* left */ .main_left_block { margin: 0 auto 5px; border: 1px solid #e1e1e1; background-color: #ffffe8; -moz-box-shadow:1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000; box-shadow:1px 1px 3px #000000; } .main_left_title { margin: 7px; padding: 5px; border-bottom: 1px dotted #cccccc; } .main_left_title h2 { font-size: 9pt; } .main_left_title_nav { text-align: right; } .main_left_body { padding: 5px; } .main_left_body_text { overflow: hidden; } .main_left_body_nav { text-align: right; } /* main */ /* entry */ #ent img { border: 1px solid #cccccc; } .ent_body_p img { border: 1px solid #cccccc; } .ent_body_p a:link {color: #3333cc; text-decoration: none; background-color: #ddeeff;} .ent_body_p a:active {color: #3333cc; text-decoration: none; background-color: #ddeeff;} .ent_body_p a:visited {color: #3333cc; text-decoration: none; background-color: #ddeeff;} .ent_body_p a:hover {color: #0000CD; text-decoration: underline; background-color: #fefefe;} blockquote { margin:2px; padding:5px; margin-bottom: 1em; background:#eef8ff; /* 背景 */ border:#aaccee 1px solid; /* 枠線 */ } .column { margin:2px; padding:5px; margin-bottom: 1em; background:#eef8ff; /* 背景 */ border:#aaccee 1px solid; /* 枠線 */ } .ent_sub_block { margin: 20px; } .ent_sub_block_title { padding: 5px 0 0 0; font-size: 9pt; font-weight: bold; color: #999999; } .ent_sub_block_body { margin-top: 10px; } #entry dt { font-weight: bold; border-bottom: solid 1px #cccccc; color: #999999; margin-top: 1em; } #entry dd { border: solid 1px #cccccc; padding: 1em; margin-left: 0em; margin-top: 0.5em; } .ent_block { margin-bottom: 250px; } .ent_title { font-size: x-large; padding: 5px; margin-bottom: 15px; border-bottom: 1px dotted #cccccc; } /* entry */ /********************************************* ▼ コメント ▼ */ ul.comment-info li.comment-author{ color:#008000; font-size:15px; } ul.comment-info li.comment-date{ font-size:15px!important; } ul.comment-info li.comment-body{ font-size:20px; } .comment_outline { margin: 0px; text-align: left; } .comment_title { margin: 0; padding: 3px 20px; font-size: 10pt; color: #555555; font-weight: normal; text-align: left; } .comment_body { margin: 5px 20px 20px 40px; font-size: 12pt; color: #000000; text-align: left; font-weight: normal; } .comment_body_text{ font-weight: normal; } .comment_body_nav { position: relative; margin: 8px; margin-right: auto; padding: 5px; width: 80px; text-align: center; background-color: #e6e6e6; border: 1px solid #e6e6e6; //z-index: 50; } .custom-com { margin:2px; padding:12px; width: 800px; display:none; position:absolute; top: 18px; left: 35px; background-color:#f8f8f8; color:#333333; border-top: 1px solid #d4d4d4; border-left: 1px solid #d4d4d4; border-right: 2px solid #aaaaaa; border-bottom: 2px solid #aaaaaa; text-align: left; z-index: 60; } .comment_navi { margin: 0px; color: #555555; text-align: right; font-weight: normal; } /********************************************* さんかく コメント さんかく */ /********************************************* ▼ サイトマップ ▼ */ #sitemap { margin-top: 5px; /* 上の余白 */ text-align: left; } #sitemap ul.sitemap_list { margin-left: 30px; /* 各記事リストの左余白 */ } .display_no { display: none; } .pgtop { /* カテゴリ一覧へ戻る */ text-align: right; /* 右寄せ */ } /********************************************* さんかく サイトマップ さんかく */ /* footer */ #footer_outline { width: 100%; background-color: #676767; border-top: 3px solid #666666; font-size: 8pt; text-align: center; padding: 45px 0; } #footer_outline a:link { color: #372c24; } #footer_outline a:active { color: #372c24; } #footer_outline a:visited { color: #372c24; } #footer_outline a:hover { color: #372c24; } /* footer */ /* footer */ #footer { width: 1000px; margin: 0 auto; padding: 0; } /* footer */ /* RSS */ .rss_headline_block_outline { width: 706px; height: 250px; overflow: scroll; overflow-x: hidden; background-color: #ffffef; } .rss_headline_block { padding: 5px; width: 330px; float: left; background-color: #ffffef; } /* RSS */ /* ----------------------------------------------- */ /* BlogRoll css 2 */ /* ----------------------------------------------- */ .blogroll-channel, .blogroll-channel * { width: auto; height: auto; margin: 0; padding: 0; border: none; text-align: left; font-size: 13px; } .blogroll-channel { margin-bottom: 0px; padding: 0px; } .blogroll-channel .blogroll-list-wrap { margin-bottom: 10px; } .blogroll-channel .blogroll-list { list-style-type: none; line-height: 1.35em; border-bottom:1px dashed gray; } .blogroll-channel .blogroll-list img { vertical-align: middle; } .blogroll-channel img.blogroll-icon, .blogroll-channel img.blogroll-favicon { margin: 0 5px 0 0; } .blogroll-channel img.blogroll-favicon { width: 16px; height: 16px; } .blogroll-channel a.blogroll-link { color:#003B91; } .blogroll-channel .blogroll-new-entry { margin-left: 5px; color: red; font-size:7px; } .blogroll-channel .blogroll-clip, .blogroll-channel .blogroll-hatebu { margin: 0 0 0 5px; } .blogroll-channel .blogroll-link-time { margin: 0 0 0 3px; color: #666; font-size: 10px; } .blogroll-channel .blogroll-ad-img { } .blogroll-channel .blogroll-ad-text { display: block; /* margin-top: 5px;*/ color: #666; font-size: 11px; } #blogroll-98518 a.blogroll-link{ font-size:15px; line-height:1.3em; font-weight:500; letter-spacing:-1px; } #blogroll-98517 a.blogroll-link{ font-size:15px; line-height:1.3em; font-weight:500; letter-spacing:-1px; } #blogroll-98520 a.blogroll-link{ font-size:15px; font-weight:700; line-height:1em; } /* #blogroll-98520 li.blogroll-list{ height:30px; position:relative; bottom:-2px; } */ #blogroll-98519 a.blogroll-link{ font-size:15px; font-weight:700; line-height:1em; } /* #blogroll-98519 li.blogroll-list{ height:30px; position:relative; bottom:-2px; } */ /*End of BlogRoll css 2*/ /*clearfix*/ .clearfix:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; } /*clearfix*/ /* amazlet */ .amazlet-name { font-size: 12pt; font-weight: bold; } .amazlet-info { font-size: 9pt; } .amazlet-info img { border: none !important; } .amazlet-box { margin-left: 30px; } .amakuri-default { margin-left: 30px; } /* amazlet */ /* amachazl */ .amachazl-name { font-size: 12pt; font-weight: bold; } .amachazl-info { font-size: 9pt; } .amachazl-info img { border: none !important; } .amachazl-box { margin-left: 30px; } /* amachazl */ /* rakuten(RWS-Tools) */ .rakubox { margin-left: 30px; } .rakubox .rws-tool { font-size:12pt; } .rakubox img { border: none !important; } /* rakuten(RWS-Tools) */ #prev_next_nav { width:100%; height:7em; margin:0; padding:0; } #prev_next_nav> div{ width:44%; margin:auto; padding:2%; padding-bottom:1%; border:1px solid gray; background-color: #ffffe0; } div#prev_next_nav_left { float:left; -moz-box-shadow:1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000; box-shadow:1px 1px 3px #000000; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; } div#prev_next_nav_right { margin-left:50%; -moz-box-shadow:1px 1px 3px #000000; -webkit-box-shadow:1px 1px 3px #000000; box-shadow:1px 1px 3px #000000; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; } #prev_next_nav_left_left{ float:left; position:relative; font-size:80; font-weight:bold; font-family: 'Times New Roman','Times',serif; font-style:italic; margin-left:0.7em; } #prev_next_nav_right_right{ float:right; position:relative; font-size:80; font-weight:bold; font-family: 'Times New Roman','Times',serif; font-style:italic;" margin-right:0.7em; } #entry_bottom_navi { width:720px; height:60px; background:url("http://bipblog.com/img/20100909googlehat.png") 0 0 no-repeat; } #entry_bottom_navi li { display:inline; } #entry_bottom_navi a { display:inline; width:240px; height: 60px; overflow:hidden; text-indent:-9999em; float: left; background:url("http://bipblog.com/img/20100909googlehat.png") no-repeat; } #ebn1 a { background-position: 0 0; } #ebn2 a { background-position: -240px 0; } #ebn3 a { background-position: -480px 0; } #ebn1 a:hover { background-position: 0 -60px; } #ebn2 a:hover { background-position: -240px -60px; } #ebn3 a:hover { background-position: -480px -60px; } *html #quick_navi { display:none; } /*** 尼ランキング ***/ /* 個別商品 td */ #kobetsupage_azlink .azlink-widget-item { overflow: hidden; text-align: center; vertical-align: top; width: 194px; } #kobetsupage_azlink .azlink-widget-item img { border: 1px solid #cccccc; margin-bottom: 5px; } #mainpage_azlink .azlink-widget-item { overflow: hidden; text-align: center; vertical-align: top; width: 240px; } #mainpage_azlink .azlink-widget-item img { border: 1px solid #cccccc; margin-bottom: 5px; } #mainpage_azlink2 .azlink-widget-item { overflow: hidden; text-align: center; vertical-align: top; width: 240px; } #mainpage_azlink2 .azlink-widget-item img { border: 1px solid #cccccc; margin-bottom: 5px; } /*** 尼ランキング ***/ /*** 人気記事(画像付き) ***/ div.popularArticlesWithImage ul{ margin:0; padding:0; list-style-type:none; } li.popularArticleWithImage{ margin:0; padding:0; } li.popularArticleWithImage div.noimage{ width:100%; height:100%; background-color:black !important; } div.main_center_block div.popularArticlesWithImage li{ margin-bottom:5px; } /*html側のwidth/heightを変更した場合,noimage時の画像を差し替える*/ div#main_header li.popularArticleWithImage div.noimage{ background-image:url("http://livedoor.blogimg.jp/bipblog/imgs/f/2/f2ef7b67.png") !important; background-repeat:no-repeat !important; } div.main_center_block li.popularArticleWithImage div.noimage{ background-image:url("http://livedoor.blogimg.jp/bipblog/imgs/6/7/6746af3f.png") !important; background-repeat:no-repeat !important; } div.main_left_block li.popularArticleWithImage div.noimage{ background-image:url("http://livedoor.blogimg.jp/bipblog/imgs/4/e/4e9cedb9.jpg") !important; background-repeat:no-repeat !important; } /*** 人気記事(画像付き) ***/ /*** 小物 ***/ .link_underline a { color: #3333cc; text-decoration: underline; } .kyakuchu { font-size: 8pt; color: #ff0000; } /* 脚注 */ .strong { font-weight: bold; } /* 太字 */ .meiryo { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } /* メイリオ */ #bip_hotentry a { font-size: 14pt; font-weight: bold; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; color: #3333ff; } #bip_hotentry a:visited { color: #8888ff; } /*** 小物 ***/ /********************************************* ▼ レスデザイン ▼ */ .ent_res { /* res outline */ margin: 0; margin-top: 15px; margin-bottom: 55px; padding: 0; } /********************* header */ .ent_header { /* res header */ font-weight: normal; font-size: 9pt; color: #333333; margin: 10px 0; position: relative; valign: top; } .ent_name { /* name */ color: #008000; font-family:Verdana,Chicago; font-weight: bold; } .ent_num { color: #333333; font-weight: bold; font-size: 12pt; } .ent_data { color: #333333; } .ent_id { color: #333333; } /********************* header */ /********************* body */ .ent_body { /* res body */ margin: 0; padding-left: 15px; } .ent_ichi { /* res body of 1 */ margin: 0; padding-left: 15px; font-weight: bold; color: #0033ff !important; font-size: large; } p.ent_body_p { /* res 1 line */ margin-bottom: 1em; } .anka { /* アンカー */ color: #0000ff; text-decoration: underline; background-color: #ffffef; } .img_url { /*イメージのURL*/ color: black; font-size: small; font-weight: normal; } /* Video Dynamic Loading Project */ span.video_box{ display:block; width:328px;/*埋め込みプレイヤーが幅320pxである前提*/ margin:2px; padding:5px; background:#f0f0ff; border:#aaccee 1px solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } span.video_box:before{ content:url("http://livedoor.blogimg.jp/bipblog/imgs/7/f/7f7bd166.png"); width:40px;/*画像サイズ決め打ち*/ margin:auto 6px auto 0; float:left; } span.video_url{ display:block; color:blue; text-decoration:underline; width:278px; float:left; } span.video_player{ display:block; background-color:#f0f0ff; margin:4px; float:left; } span.video_thumbnail{ display:none; } span.video_box:after{/*clearfix*/ content: "."; display: block; clear: both; height: 0; visibility: hidden; } /********************* body */ /********************* body kyocho */ .aa{ /* ascii art */ font-size: 16px !important; line-height: 18px !important; font-weight: normal !important; font-family: 'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック' !important; } .id { /* ID 赤 */ color: #ff0000; text-decoration: underline; background-color: #ffdddd; } .id2 { /* ID 青 */ color: #0000ff; text-decoration: underline; background-color: #ddddff; } .ent_rel { margin:2px; margin-bottom: 1em; font-size: 100%; padding:5px; background:#FFDAB9; border:#aaccee 1px solid; font-weight: bold; } /* colors */ .pink { color: #ff00ff !important; } .blue { color: #3333ff !important; } .purple { color: #8a2be2 !important; } .green { color: #008080 !important; } .orange { color: #ff6743 !important; } .red { color: #ff0000 !important; } .hidden { color: #ffffef !important; } .normal { color: #202020 !important; } /*20110711 Add sub colors(Lime,Unko).*/ .lime{ color: #32CD32 !important;/*LimeGreen*/ } .unko{ color: #8B4513 !important;/*SaddleBrown*/ } /* colors */ /* kyocho */ .ent_kyocho, .ent_kyocho_large, .ent_kyocho_xlarge, .ent_kyocho_xxlarge, .ent_kyocho_xxxlarge { font-weight: bold; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif; line-height: 125%; } .ent_kyocho { font-size: large; } .ent_kyocho_large,.ichi_large { font-size: x-large; } .ent_kyocho_xlarge,.ichi_xlarge { font-size: 32pt; } .ent_kyocho_xxlarge,.ichi_xxlarge { font-size: 48pt; } .ent_kyocho_xxxlarge,.ichi_xxxlarge { font-size: 64pt; } .ent_kyocho_small,.ichi_small { font-size: 9pt; } .ent_kyocho_xsmall,.ichi_xsmall { font-size: 8pt; } .ent_kyocho_xxsmall,.ichi_xxsmall { font-size: 7pt; } .author_comment { font-size: 9pt; text-align: center;} .source { font-size: 8pt; font-weight: bold; color: #999999; text-align: right; margin-top: -45px; } .pr_source { font-size: 8pt; color: #888888;} .center { text-align: center; } .ent_ichi a, .ent_kyocho a, .ent_kyocho_large a, .ent_kyocho_xlarge a, .ent_kyocho_xxlarge a, .ent_kyocho_xxxlarge a { text-decoration: none; } /* kyocho */ /*other decoration*/ .naname{font-style:italic;} /*other decoration*/ /********************* body */ /********************* old */ .ent-d { /* レスヘッダ */ font-weight: normal; font-size: 9pt; color: #333333; margin: 0; line-height: 400%; position: relative; valign: top; } .ent-name { /* 名前 */ color: #008000; font-family:Verdana,Chicago; font-weight: bold; } .ent_dm { /* ヘッダ無し(>>1返答) */ margin-left: 40px; font-weight: bold; color: #0033ff; position: relative; display: block; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } .ent_dnm { /* ヘッダ無し(>>1返答 マージン無し) */ margin-left: 0; font-weight: bold; color: #0033ff; position: relative; display: block; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } .ent_1 { /*>>1のレス内容 */ font-weight: bold; color: #0033ff; font-size: large; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } .ent_1_large { /*>>1のレス内容 大 */ font-weight: bold; color: #0033ff; font-size: 22pt; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; } .non_underline a { /* リンク下線無し */ text-decoration: none; font-weight: bold; } .ent_ex { /* 記事中説明文 */ width: 600px; margin: auto; padding: 8px; border: 1px dotted #cccccc; background-color: #eeeeee; text-align: center; } .ent_top_img img { border: 1px solid #cccccc; } .ent_top_img { text-align: center; } /* 記事始めの画像 */ .marker { background-color: #ffddff; } /* マーカー */ .mincho { font-family: "MS 明朝",serif;} /* under af */ .ent_af_outline { overflow: hidden; } .ent_af_outline a { text-decoration: none; } .ent_af_image { float: left; } .ent_af_ex { float: left; padding: 0 10px; font-weight: bold; } /* under af */ /********************* old */ /********************************************* さんかく 記事中設定 さんかく */ /********************************************* ▼ comment form ▼ */ .comment_area dt { font-weight: bold; border: solid 0px #cccccc; color: #666666; margin: 5px 10px; float: left; clear: both; width: 60px; } .comment_area dd { border: solid 0px #cccccc; padding: 0; margin: 10px; } .comment_area input.submit { color: #292929; background-color: #cdcdcd; width: 250px; height: 40px; font-weight: bold; border: 2px solid #cdcdcd; } .comment_area_popup { display: none; top: 12px; margin:2px; padding:12px; width: 700px; background-color:#f1f1f1; color:#333333; border: 1px solid #fefefe; text-align: left; z-index: 60; } /********************************************* さんかく comment form さんかく */ /********************************************* ▼ 記事紹介 ▼ */ .ent_pickup{ font-weight: bold; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; margin: 0px; position: relative; } .ent_pickup a{ text-decoration: none; } .ent_pickup_name{ font-weight: normal; } .ent_pickup_com{ font-size: 9pt; font-weight: normal; } /********************************************* さんかく 記事紹介 さんかく */ /********************************************* ▼ プラグイン1 新着スレ ▼ */ .shinchaku_sure ul { border-bottom: 0px solid #cccccc; } .shinchaku_sure li { border: 0px solid #cccccc; border-bottom: 1px solid #d0d0b0; list-style: none; line-height: 120%; margin: 0; padding: 2px 0px; overflow: hidden; font-size: 8pt; } .plugin_ex { /* サイドプラグインの説明 */ margin: auto; padding: 5px; color: #333333; font-size: 8pt; text-align: left; } /********************************************* さんかく プラグイン1 新着スレ さんかく */ /* Information ================================================== livedoor Blog CSS Name : canvas_sky_3c Update : 2010年08月05日 ================================================== */ /* =============================================== */ /** 01. Customize - 色と文字サイズの設定 */ /* ----------------------------------------------- */ ul.index-navigator li.paging-number span, ul.index-navigator li.paging-number a:hover, div.article-date-outer span.article-month { color: #ffffff; } ul.article-info, ul.article-post, ul.article-info li a, ul.article-post li a, td table.caltblday, ul.ping-info li.ping-date, ul.comment-info li.comment-date, a.adld, p.adsbybecome a { color: #adadad; } /* =============================================== */ /** 02. Common - 共通 */ /* ----------------------------------------------- */ * { word-break: break-all; } /* =============================================== */ /** 03. Layout - レイアウトの設定 */ /* ----------------------------------------------- */ /* =============================================== */ /** 04. Title - ブログタイトルの設定 */ /* ----------------------------------------------- */ /* =============================================== */ /** 05. SubTitle - アーカイブタイトルの設定 */ /* ----------------------------------------------- */ div.archives-title-outer { margin-bottom: 10px; padding: 10px; } div.archives-title-outer-2 {} div.archives-title-outer-3 {} /* =============================================== */ /** 06. Pager - ページャーの設定 */ /* ----------------------------------------------- */ div.pager {} div.pager-inner { padding: 0 0 5px; margin: 0 0 10px; text-align: left; } div.index-navigator-outer , div.archives-pager-outer , div.article-pager-outer {} /* ----------------------------------------------- */ /** IndexNavigator トップページ */ ul.index-navigator { padding: 5px 0 0; margin: 0; font-size: 90%; } ul.index-navigator li a, ul.index-navigator li span { padding: 4px 5px; display: inline-block; text-decoration: none; } ul.index-navigator li.paging-number span, ul.index-navigator li.paging-number a { padding: 4px 9px; border-width: 1px; border-style: solid; } ul.index-navigator li.paging-number ol.paging-number li.current { margin: 0 1px; } ul.index-navigator li.paging-prev a { margin-right: 10px; } ul.index-navigator li.paging-last a { margin-left: 10px; } /* ----------------------------------------------- */ /** ArchivesPager カテゴリ別、月別 */ ul.archives-pager { padding: 5px 0 0; list-style-type: none; font-size: 90%; } ul.archives-pager li { padding: 2px 5px; } ul.archives-pager li a { padding: 0 5px; } ul.archives-pager li.both { border-left: 1px solid #575e69; } /* ----------------------------------------------- */ /** ArticlePager 記事ページ */ div.article-pager-top div.article-pager-outer { padding: 0 0 10px; border-width: 0 0 1px 0; border-style: none none dotted none; } div.article-pager-bottom div.article-pager-outer { padding: 10px 0 0; border-width: 0px 0 0 0; border-style: dotted none none none; } ul.article-pager { font-size: 90%; } ul.article-pager li { float: left; width: 49%; line-height: 1.25; } ul.article-pager { overflow: hidden; } ul.article-pager li { padding-top: 1px; padding-bottom: 100px; margin-bottom: -99px; } ul.article-pager li a { display: block; padding: 8px; margin: 0 10px; } ul.article-pager li.prev { text-align: right; } ul.article-pager li.next { text-align: left; } ul.article-pager li.both {} /* =============================================== */ /** 07. Main - 記事の設定 */ /* ----------------------------------------------- */ div.article-outer { margin-bottom: 20px; text-align: left; } div.article-outer-2 {} div.article-outer-3 {} /* ----------------------------------------------- */ /** Message Board - インフォメーション */ div.message-board-outer { margin-bottom: 10px; } div.message-board { padding: 10px; line-height: 1.4; text-align: left; font-size: 90%; border-width: 3px; border-style: solid; } /* ----------------------------------------------- */ /** 記事ヘッダー */ div.article-header { position: relative; min-height: 55px; padding: 0 10px; } * html div.article-header { height: 55px; zoom: 1; } /*** 日付 */ div.article-date-outer { width: 55px; height: 55px; overflow: hidden; position: absolute; left: 10px; top: 0; border-width: 1px; border-style: solid; } div.article-date-outer span.article-month { display: block; line-height: 15px; white-space: nowrap; font-size: 10px; } div.article-date-outer span.article-date { display: block; line-height: 40px; font-weight: bold; font-size: 26px } /*** カテゴリ */ div.article-category-outer { background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/category.gif) no-repeat left top; padding-left: 20px; margin-left: 65px; } div.article-category-outer dl.article-category { margin: 0; padding: 0; line-height: 1.25; } div.article-category-outer dl.article-category dt , div.article-category-outer dl.article-category dd { display: inline; margin: 0; padding: 0; margin-right: 5px; font-size: 83%; } div.article-category-outer dl.article-category dt { position: absolute; display: block; width: 0; height: 0; text-indent: -9999px; } /*** 記事タイトル */ div.article-title-outer { margin-left: 65px; } h2.article-title { margin: 0; padding: 7px 0 5px; font-size: 111%; font-weight: bold; } /* ----------------------------------------------- */ /** 記事本文 */ div.article-body { padding: 15px 20px 5px; line-height: 1.7; font-size: 90%; } div.article-body-inner { width: 100%; } /*** 続きを読む */ div.article-body span.article-continue { display: block; margin-top: 1em; } div.article-body div.article-body-more , div.article-body div.article-body-private { clear: both; margin-top: 1em; } div.article-body-inner h3 { font-size: 111%; font-weight: bold; border-width: 0 0 1px 5px; border-style: none none solid solid; padding-left: 10px; line-height: 1.3; } div.article-body-inner h4 { font-size: 100%; font-weight: bold; line-height: 1.3; } /*** blockquote & pre */ div.article-body blockquote , div.article-body pre { padding: 15px 20px; margin: 5px 0; font-size: 100%; } /*** img */ div.article-body img.pict { margin: 0 5px 5px 0; } /*** 共通テーマ */ dl.common-theme { margin: 0 0 15px; } /*** 記事タグ */ dl.article-tags { margin: 15px 0 0; background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/tag.gif) no-repeat left top; line-height: 20px; padding-left: 20px; } /*** プライベートモード */ div.private-mode-announcement { margin-top: 15px; line-height: 1.35; border-width: 1px; border-style: solid; } /* ----------------------------------------------- */ /** 記事フッター */ div.article-footer { padding: 10px; margin: 5px 10px; border-width: 1px; border-style: solid none none; } ul.article-info { list-style: none; margin: 0; padding: 0 0 5px 10px; text-align: right; } ul.article-info li { display: inline-block; margin-left: 5px; min-height: 16px; line-height: 16px; font-size: 70%; } * html ul.article-info li { display: inline; height: 16px; zoom: 1; } *+html ul.article-info li { display: inline; zoom: 1; } ul.article-info li.article-author { background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/posted.gif) no-repeat left top; padding-left: 20px; } ul.article-info li.article-comment-count { background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/comment.gif) no-repeat left top; padding-left: 20px; } ul.article-info li.article-trackback-count { background: url(http://parts.blog.livedoor.jp/img/usr/canvas/common/trackback.gif) no-repeat left top; padding-left: 20px; } ul.article-info li span.article-time { margin-left: 3px; } ul.article-info li span.nickname { font-weight: normal; } ul.article-post { padding: 0; text-align: right; } ul.article-post li { min-height: 16px; font-size: 70%; } ul.article-post li img { vertical-align: middle; } /* =============================================== */ /** 08. Option - トラックバック&コメントエリア */ /* ----------------------------------------------- */ div#article-options { padding: 10px 10px; } div.article-option { padding: 15px 0; } div.article-option h3 { margin: 0 0 10px; padding: 0; font-size: 90%; } /*** 指定しやすいようstyleReset */ h4.ping-title , ul.ping-info , ul.ping-info li , ul.comment-info , ul.comment-info li { padding: 0; margin: 0; } ul.ping-info li , ul.comment-info li { list-style-type: none; } /* ----------------------------------------------- */ /** トラックバックURL */ div#trackback-form ul { margin: 0 30px; padding: 0; } div#trackback-form ul li { list-style-type: none; float: left; margin: 0; padding: 0; } div#trackback-form ul li.trackback-form-url { width: 100%; margin-right: -90px; } div#trackback-form ul li.trackback-form-url span input { width: 100%; } div#trackback-form ul li.trackback-form-url span { display: block; padding-right: 100px; } div#trackback-form ul li.trackback-form-submit { width: 80px; } div#trackback-form ul li.trackback-form-submit input {} /* ----------------------------------------------- */ /** トラックバック一覧 */ li.trackback-set { padding: 0 50px 10px; font-size: 83%; } h4.ping-title { font-size: 100%; font-weight: normal; padding-bottom: 5px; } ul.ping-info { margin-left: 10px; } ul.ping-info li.ping-blog-name { display: inline; font-size: 90%; } ul.ping-info li.ping-blog-name span { margin: 0 10px; } ul.ping-info li.ping-date { display: inline; margin-left: 10px; font-size: 83%; } ul.ping-info li.ping-excerpt { display: block; margin-top: 5px; line-height: 1.4; } ul.ping-info li.ping-excerpt img.trackback-rating {} /* ----------------------------------------------- */ /** コメント一覧 */ li.comment-set { padding: 0 50px 10px; font-size: 83%; } ul.comment-info li.comment-author { display: inline; } ul.comment-info li.comment-date { display: inline; margin-left: 10px; font-size: 83%; } ul.comment-info li { display: inline; } ul.comment-info li.comment-body { display: block; margin-top: 5px; margin-left: 10px; line-height: 1.4; } ul.comment-info li.comment-body img.trackback-rating {} /* ----------------------------------------------- */ /** コメントフォーム */ div#comment-form-body { padding: 15px 50px; } div#comment-form-body table { border: 0; width: 100%; line-height: 25px; font-size: 83%; } div#comment-form-body table th { width: 3em; padding-right: 5px; text-align: right; font-weight: normal; } input#author { width: 65%; } input#email { width: 65%; } input#url { width: 97%; } input#bake { margin: 0 0 0 5px; } textarea#text { width: 97%; height: 250px; } input.button { margin-top: 10px; width: 80px; } div#comment-form-body table tr.input-etc td { padding-top: 6px; } label.input-rating { margin-left: 20px; } label.input-rating select { margin-left: 3px; } label.input-rating-face { margin-left: 5px; } label.input-rating-star {} /*** コメント認証 */ div.comment-auth-announcement { margin: 10px 50px; font-size: 83%; border-width: 1px; border-style: solid; } div.comment-auth-announcement p a { margin: 0 3px; } /* ----------------------------------------------- */ /** 関連記事 */ div.related-articles { padding: 15px 0 0; } div.related-articles h3 { margin: 0 0 10px; padding: 0; font-weight: normal; display: none; } div.related-articles h3 span { font-weight: weight; } div.related-articles ul{ list-style: none; margin: 0; padding: 0; line-height: 1.5; } div.related-articles ul li{ line-height: 1.5; } /* =============================================== */ /** 09. Sub & Extra - プラグインエリア */ /* ----------------------------------------------- */ div.sidetitlebody {} div.sidetitle { margin: 7px; padding: 5px; border-bottom: 1px dotted #999999; font-weight: bold; } div.sidetop , div.sidebottom { display: none; } div.sidebody { list-style: none; margin: 0; overflow: hidden; font-size: 12pt; } /* ----------------------------------------------- */ div.caltop , div.calbottom { display: none; } div.calbody { margin-bottom: 20px; } table.caltbl { width: 180px; margin: 0 auto; border: 0; } div.calbody table.calendartable {} td.caltblwkbg {} td.calendarwd {} td table.caltblwk td { height: 20px; font-size: 83%; } td table.caltblwk td.weekday {} td table.caltblwk td.sat {} td table.caltblwk td.sun {} td table.caltblwk td span.calendarweek {} td.caltbldaybg {} td table.caltblday { margin: 0 auto; width: 180px; font-size: 83%; } td table.caltblday td.caloff {} td table.caltblday td.calendard {} td table.caltblday td.calon {} td table.caltblday td.calon a {} td table.caltblday td.calendardbg {} td table.caltblday td span.calendar {} /* ----------------------------------------------- */ /** プロフィール(プラグイン) */ .nickname { font-weight: bold; margin: 10px 0; } .message { text-align: left; line-height: 125%; } /* ----------------------------------------------- */ /** LDServices */ ul#ld-services { padding-top: 20px; } /* =============================================== */ /** 11. Others - ADエリア etc. */ /* ----------------------------------------------- */ /** ADエリア */ div#ad { margin: 25px auto 0; text-align: center; } div#ad iframe { margin: 10px auto; } div.gAdsense { padding: 10px 0; } body.ad { background: transparent; text-align: left; } a.adtitle { font-weight: bold; } a.adtitle span { font-size: 90%; } a.addescription {} a.addescription span { font-size: 83%; } a.adurl { text-decoration: none; } a.adurl span { font-size: 70%; } a.adld { text-decoration: underline; } /* ----------------------------------------------- */ /** clearfix */ div#container, div#content, div.blog-title-outer, h2.archives-title, div.article-body, div.article-footer, h2.article-title, div.pager, ul, div.index-navigator-outer, div#comment-form-body, div.message-board { zoom: 1; } div#container:after, div#content:after, ul.article-navigator:after, ul.archives-navigator:after, div.article-body:after, div.article-body div.article-body-more:after, div#trackback-form ul:after, div.message-board:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #ayaponrss3 { font-size: 9pt; line-height: 1.5; } #ayaponrss3 a { color: #3333cc; } /** ---------- Google AdSense ---------- **/ .google-user-ad { margin:10px; } .ad-center { text-align:center; } .ad-type-side { margin:0 auto; } .ad-type-head { margin:0; padding:0; } .ad-type-bnr { background-color:#F1F1F1; border:1px solid #ABABAB; margin:0 auto 5px; padding:10px; } .ad-outer { text-align:left; margin:0 auto; padding:0; } /* ads by */ .ad-by { margin-bottom:4px; font-size:11px; } .ad-by a, .ad-by a:hover { color:#000000 !important; } /* link */ .ad-box a{ text-decoration:none; padding:4px 10px; display:block; line-height:1.5; } .ad-box a:hover{ text-decoration:none; padding:3px 9px; background:#DDEEFF; border:1px solid #DDEEFF; -moz-border-radius:5px; -webkit-border-radius:5px; } * html .ad-outer .ad-box a{ height:1%; } *+html .ad-outer .ad-box a{ height:1%; } /* title */ .ad-box a span.ad-title { font-size:15px; color:#0044CC; font-weight:bold; text-decoration:underline; } .ad-box a:hover span.ad-title { text-decoration:none; } /* url */ .ad-box a span.ad-url, .ad-box a:hover span.ad-url { font-size:12px; color:#008000; margin-left:10px; } /* description */ .ad-box a span.ad-description, .ad-box a:hover span.ad-description { font-size:13px; color:#000000; display:block; } /* link */ .ad-box-ncb { text-align:left; padding:4px 10px; display:block; line-height:1.5; } .ad-box-ncb:hover { padding:3px 9px; background:#DDEEFF; border:1px solid #DDEEFF; -moz-border-radius:5px; -webkit-border-radius:5px; } /* title */ .ad-box-ncb span.ad-title a { font-size:15px; color:#0044CC !important; font-weight:bold; text-decoration:underline; } .ad-box-ncb span.ad-title a:hover { text-decoration:none; } /* url */ .ad-box-ncb span.ad-url a { font-size:12px; color:#008000 !important; margin-left:10px; } .ad-box-ncb span.ad-url a:hover { text-decoration:underline; } /* description */ .ad-box-ncb span.ad-description, .ad-box-ncb span.ad-description { font-size:13px; color:#000000 !important; display:block; }

AltStyle によって変換されたページ (->オリジナル) /