/* 文字色の基本設定 ----------------------------------------------------------*/ /* 基本色 */ body { color:#333333; } /* サイトタイトル---(バックの画像によって、見やすい色に調整してください) */ #banner #site-title span { color:#8700FF; } /* リンクA---(まだ訪れていないページ) */ a{ color:#0000ff; } /* リンクB---(訪れたページ) */ a:visited{ color:#191970; } /* リンクC---(文字の上にマウスカーソルがあるとき) */ a:hover{ color:#ff4500; } /* リンクD---(文字をクリックした時) */ a:active{ color:#B3BECC; } /* 見出し */ h1,h2,h3,h4,h5,h6{ color:#333333; } /* 太字---(投稿時に【 B 】のボタンで囲った箇所) */ strong{ color:#333333; } /* イタリック---(投稿時に【 I 】のボタンで囲った箇所) */ em{ color:#333333; } /* アンダーライン---(投稿時に【 U 】のボタンで囲った箇所) */ u{ color:#333333; } /* 引用---(投稿時に【“】のボタンで囲った箇所) */ blockquote{ color:#333333; } /* ------------------------------------------------------- 以上で基本設定は終了です。ここから下のカスタマイズは、 スタイルシートに慣れている方以外は、 触られない事をおすすめします。 ----------------------------------------------------------*/ /* body ----------------------------------------------------------*/ *{margin:0; padding:0;} body{ font-family:sans-serif; font-size:0.8em; color:#333333; text-align:center; background:#DCDCDC url(image/body-back01.gif) repeat-x; } h1,h2,h3,h4,h5,h6{ font-size:1em; } #container{ text-align:left; margin:0 auto; border-top:0px solid #333333; border-right:1px solid #333333; border-bottom:0px solid #333333; border-left:1px solid #333333; width:800px; background:#FFFFFF url(image/back-container.png) repeat-y; } /* header ----------------------------------------------------------*/ #header{background-color:#FFFFFF; } #bread{ font-size:0.9em; color:#EEEEEE; text-align:right; padding:5px 15px; background-color:#191970; } /*** *html #bread{ width:800px; } ***/ #bread a{ color:#EEEEEE;} #bread span{font-weight:bold; margin-right:5px;} #banner #site-title{} #banner #site-title span{ font-size:0.9em; font-weight:bold; padding:10px; display:block; } #banner #site-title span a{ text-decoration:none; } #intro{ line-height:200%; } /* center ----------------------------------------------------------*/ #center{ } *html #center{ margin-top:-5px; height:1%; width:800px; background:#FFFFFF /*** url(image/back-container.png) repeat-y; ***/ } /* content ----------------------------------------------------------*/ #content{ float:left; width:532px; display:inline; } #content-long{ width:800px; } #content .sec, #content-long .sec{ margin:15px; clear:both;} #content .central, #content-long .central{ text-align:center;} #page-title{ font-size:1.5em; margin:15px 15px; padding:15px; border-left:10px solid #191970; } #page-index{ font-size:0.9em; margin:15px 15px 30px 15px; } #page-index ul{ padding:10px 5px 10px 0px; } #page-index li{ margin-bottom:5px; padding:8px; border-bottom-width:1px; border-bottom-color:#999999; border-bottom-style:dotted; list-style-position:inside; } #page-index li a{ text-decoration:none; } #content #information{ margin:20px 0px; border:0; table-layout:fixed; } #content #information img{ border:0; } #content #information td.item{ padding:3px 3px 2em 3px; font-size:0.9em; line-height:150%; } #main{ margin-right:15px; margin-bottom:15px; margin-left:15px; } #main ul.category li{line-height:150%; margin:0px 0px 0.5em 5px;list-style-type:none;} #main ul.category li a.category-link{ font-size:1.3em; font-weight:bold; text-decoration:none; margin-bottom:5px; padding:5px 0px 0px 20px; border-bottom-width:1px; border-bottom-style:dotted; background:url(image/icon-arrow01.png) no-repeat 5px 8px; display:block; } #main ul.category li ul li.entry-link{ font-size:0.9em; line-height:1.0em; margin-right:0.5em; /*** display:inline; ***/ } #main ul.category li ul li.entry-link a{ color:#333333;font-weight:normal; text-decoration:none; } #main ul.category li hr{ color:#E5E5E5; margin:1em 0px 2em; border:0 none #E5E5E5; height:1px; width:100%; background-color:#E5E5E5; } #main .entries{ border:dotted 2px #c0c0c0; margin-bottom:20px; padding:10px; } #main h2.entry-title{ font-size:1.3em; padding-bottom:2px; border-bottom:1px solid #8700FF; } #main h2.entry-title a{ color:#333333; text-decoration:none; } #main .entry-title a{ color:#000099; font-weight:bold; text-decoration:none; padding:0px 0px 3px 0px; } #main .entry-body{ margin-top:5px; padding-top:1em; border-top:solid 2px #6666ff; display:block; } #main .entry-body, #main .entry-more { font-size:0.9em; line-height:150%; } /*** #main .entry-body p, #main .entry-more p{ font-size:0.8em; line-height:150%; margin-top:10px; margin-bottom:1em; } ***/ /*** #main .entry-body ul,#main .entry-more ul{ margin-left:2em; } ***/ #main #icon { margin:10px 0px; table-layout:fixed; } #main #number { margin:10px 0px; table-layout:fixed; width:100%; border:dotted 1px #b0c4de; } #main #websafe { margin:10px 0px; table-layout:fixed; width:100%; } #main #icon th, #main #icon td, #main #number th, #main #number td, #main #websafe th, #main #websafe td { padding:5px 0px; text-align:center; } #main #websafe td.rgb { background-color:#000000; font-weight:bold; } #main #websafe td.rgb0369cf { background-color:#c0c0c0; color:#ffffff; } #main #websafe td.white { color:#ffffff; } #main #number td.line { width:1px; background-color:#b0c4de; } #main #number td.henkan { width:15px; } #main p.arrow001 { background-image:url(image/general/arrow/001/arrow001_red.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px;; } #main p.arrow007 { background-image:url(image/general/arrow/007/arrow007_black.gif); background-repeat:no-repeat; background-position:left center; padding-left:18px;; } #main p.arrow008 { background-image:url(image/general/arrow/008/arrow008_green.gif); background-repeat:no-repeat; background-position:left center; padding-left:18px;; } #main p.circle001 { background-image:url(image/general/circle/001/circle001_orange.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px; } #main p.circle002 { background-image:url(image/general/circle/002/circle002_blue.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px; } #main p.circle003 { background-image:url(image/general/circle/003/circle003_pink.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; } #main p.detail img { border:none; margin-right:6px; vertical-align:middle; } #main p.detail a { border-bottom:2px dotted #0066ff; padding-bottom:2px; text-decoration:none; color:#0066ff; } #main p.detail a:hover { border-bottom:2px dotted #ff0000; padding-bottom:2px; color:#ff0000; } #main p.bit001 { background-image:url(image/general/bit/001/bit001_sky.gif); background-repeat:no-repeat; background-position:left center; padding-left:15px; } #main p.bit002 { background-image:url(image/general/bit/002/bit002_red.gif); background-repeat:no-repeat; background-position:left center; padding-left:10px; } #main .ranking { margin:25px 0px 0px 0px; font-size:0.9em; } #main .ranking img { vertical-align:middle; } #main .ranking a { text-decoration:none; } #main .submenu{ margin:25px 0px 5px 0px; padding-top:3px; border-top:1px dotted #c0c0c0; font-size:0.9em; text-align:right; } #main .submenu a{ text-decoration:none; } #content ul#navi{ margin:10px 15px 15px; padding:10px; background-color:#EBEBEB; } #content ul#navi li.entry-link { background:url(image/icon-arrow01.png) 0px 2px no-repeat; list-style:none; padding:0px 0px 5px 10px; margin-right:5px; } #content ul#navi li.entry-link span.entry-desc{ margin:5px 0px 0px 5em; padding:5px; border:1px solid #555555; background-color:#F5F5F5; display:block; } #content ul#navi li ul{ line-height:150%; margin:5px 0px 0px 5em;padding:5px; border:1px solid #555555; background-color:#F5F5F5; } #content ul#navi li ul li{ display:inline;} #content ul#navi li ul li a{ margin:0px 1em 0px 0px;} #main .site-map ul { line-height:150%; margin-left:2em; } #main .site-map ul li{ margin-top:1em; } #main .site-map ul ul li{ margin-top:0em; } #comments { margin:40px 15px 40px 15px; } #comments h2.comment-title { margin-bottom:15px; font-size:1.2em; padding-bottom:2px; border-bottom:1px solid #8700FF; } #comments .comment-data { margin-top:40px; } #comments .comment-body { margin-top:20px; font-size:0.9em; line-height:150%; } #comments .comment-author { font-size:0.9em; text-align:right; padding-top:3px; border-top:1px dotted #808080; } #comments .comment-author a { text-decoration:none; } #comments .comment-lost { font-size:0.9em; } #comments .comment-error { margin:20px 0px; padding:10px; font-size:0.9em; color:#ff0000; border:1px solid #ff0000; } /*** MAC用文字化け対策 ***/ textarea,select,input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif"; } /* menu ----------------------------------------------------------*/ #menu{ float:right; width:256px; /*** background-image:url(image/back-line001.gif); background-repeat:repeat-y; ***/ /*** background-color:#E2E2E2; ***/ border-left:solid 1px #191970; border-bottom:solid 1px #191970; display:inline; } #menu .sec{ margin:0; padding:0; } /*** #menu .sec h2{ font-size:1em; color:#FFFFFF; padding:5px 15px; background-color:#8700FF; } ***/ #menu .central{ text-align:center;} #categories{font-size:1.2em; } #categories div{ padding:10px; } #categories ul{ font-size:0.9em; color:#555555; list-style-type:none; margin:0px; } #categories ul ul{ font-size:1em; margin-left:10px; } #categories li{ padding-bottom:5px; } #categories li li{ background-image:url(http://ilovegoods.net/image/branch01.gif); background-repeat:no-repeat; padding-left:25px } #categories li li.lilast{ background-image:url(http://ilovegoods.net/image/branch01_last.gif); } #search form{ margin:15px; } #adsense .central { margin:15px 0px; text-align:center; } #rakuten .central { margin:15px 0px; text-align:center; } #info ul { margin:15px; } #info ul li{background:url(http://ilovegoods.net/image/icon-arrow01_red.gif) no-repeat; list-style:none; padding:0px 0px 10px 15px;} /* footer ----------------------------------------------------------*/ #footer{ font-size:0.9em; text-align:center; clear:both; width:800px; background-color:#191970; } #footer a{ color:#ffffff;} #footer a:hover{ color:#ff4500 } #footer #under-menu{ } #footer #under-menu ul{ color:#00137F; text-align:center;line-height:130%; padding:10px; } #footer #under-menu ul li{ margin:5px 0.7em; list-style-type:none; display:inline; } #footer #powered{ color:#ffffff; padding:15px; /*** background-color:#8700FF; background-image:url(image/back-box01.png); background-repeat:repeat-x; ***/ } #footer #powered a{ text-decoration:none; color:#EEEEEE; } #footer #powered a.top-link{ text-decoration:underline; }