/* ######## サイトの外側の部分 ######### */ body { text-align: center; margin: 0; padding: 0; background: #fff url(bg.jpg) 0 0 repeat; font-size: 90%; line-height: 1.5em; } /* ######## 基本となるリンクの色 ここから ######## */ a { text-decoration: underline; } a:link,a:visited,a:active { color: #c00; } a:hover { color: #f00; background-color: #eee; text-decoration: none; } /* ######## 基本となるリンクの色 ここまで ######## */ /* ######## サイト全体に関わるデフォルト値の設定 ここから ######## */ #container { background: #fff url(cnt_bg.gif) 0 0 repeat-y; width: 730px; color: #333; text-align: left; font-family: "Osaka", Verdana, Arial, sans-serif, "MS Pゴシック" ; margin: 0 auto; padding: 0 24px; } .red { color: #ff0000; } .bgred { background-color: #ff3333; } .yellow { color: #FFCC00; } .bgyellow { background-color: #FFFF99; } .blue { color: #006699; } .bgblue { background-color: #006699; } .green { color: #66CC00; } .bggreen { background-color: #66CC00; } .cyan { color: #6699CC; } .bgbrown { background-color: #996600; } .purple { color: #663399; } .bgpink { background-color: #FF6699; } .gray { color: #999999; } .bggray { background-color: #999999; } .AmazonBook {} img.AmazonBook { margin-right: 6px; margin-bottom: 0.5em; float: left; } .AmazonBookTitle { font-weight: bold; } .AmazonBookAuthors {} .AmazonBookPrice {} h1, h2, h3, h4, h5, h6 {margin: 0px;padding: 0px;} /* ######## サイト全体に関わるデフォルト値の設定 ここまで ######## */ /* ######## サイトヘッダー(タイトル部) ここから ######## */ #head { padding-bottom: 16px; background: #eee url(head_foot_cl05.jpg) 0 bottom no-repeat; margin-bottom: 2px; } #head h1 { background: #eee url(head_bg_cl05.jpg) 0 0 repeat-y ; margin: 0; padding: 40px 17px 17px 17px; font-size: 28px; line-height: 1.2em; } #head a, #head a:visited, #head a:hover { color: #666666; text-decoration: none; background: none; } #head h2{ background: #eee url(head_dis_bg_cl05.jpg) 0 0 repeat-y ; padding: 7px 20px; margin: 0; font-size: 12px; font-weight: normal; color: #666666; line-height: 1.3em; } /* ######## サイトヘッダー(タイトル部) ここまで ######## */ /* ######## 各カラムの幅、色の設定 ここから ######## */ #main { width: 530px; float: right; margin: 10px 0 5px 0; padding: 0; overflow: hidden; } #sidebar { width: 180px; float: left; margin: 10px 0 5px 0; padding: 0; overflow: hidden; } /* ######## 各カラムの幅、色の設定 ここまで ######## */ /* ######## 左右の(サブ)メニュー ここから ######## */ #sidebar { font-size: 12px; padding: 0; margin: 0; } #sidebar h2 { font-size: 12px; font-weight: bold; color: #666666; text-align: center; line-height: 1.1em; margin: 0; padding: 7px 3px 3px 3px; } #sidebar ul , #sidebar li { margin: 0; padding: 0; list-style: none; } #sidebar li { line-height: 1.3em; background: url(line_gry.gif) bottom repeat-x; } #sidebar ul a { color: #c00; text-decoration: none; display: block; line-height: 1.3em; background: url(snavi_ar.gif) 0 6px no-repeat; padding: 5px 0 5px 18px; width: 135px; } #sidebar ul a:hover { color: #f60; background: url(snavi_ar_over.gif) 0 6px no-repeat; } #sidebar .snaviOssm, #sidebar .snaviCat, #sidebar .snaviInfo { background: #fff url(snavi_div.gif) 0 bottom no-repeat ; } #sidebar .snaviOssm h2 { background: #CCCC99 url(snavi_ossm_h_cl05.jpg) 0 0 repeat-y; color: #999966; } #sidebar .snaviCat h2 { background: #eee url(snavi_cat_h_cl05.jpg) 0 0 repeat-y; } #sidebar .snaviInfo h2 { background: #999 url(snavi_info_h.jpg) 0 0 repeat-y; color: #fff; } #sidebar .snaviOssm ul { background: url(snavi_ossm_ul_cl05.gif) 0 0 no-repeat; padding: 13px 15px 10px 15px; } #sidebar .snaviCat ul { background: url(snavi_cat_ul_cl05.gif) 0 0 no-repeat; padding: 13px 15px 10px 15px; } #sidebar .snaviInfo ul { background: url(snavi_info_ul.gif) 0 0 no-repeat; padding: 13px 15px 10px 15px; } #sidebar li.snaviNE { color: #999; line-height: 1.3em; padding: 5px 0 5px 18px; width: 135px; } #sidebar ul { margin-bottom: 10px; } .snaviRss { border: 1px solid #ccc; padding: 10px 5px; font-size: 10px; line-height: 1.3em; text-align: center; margin: 10px 0; } /* ######## 左右の(サブ)メニュー ここまで ######## */ /* ######## 全体に関するデフォルト値の設定 ここから ######## */ p#tagline { margin: 0; padding: 4px 0 2px 0; font-size: 10px; line-height: 1.2em; color: #666666; } #main { margin: 0; padding: 0; } #main p { margin-bottom: 1em; } #main h1, #main h2, #main h3, #main h4 { margin-bottom: 0.5em; } #main p.posted { color: #999; font-size: small; border-top: 1px solid #999; text-align: left; margin-bottom: 25px; padding: 3px; } .panlist { font-size: 10px; line-height: 1.2em; margin: 0 0 0 0 ; padding: 0 ; text-align: right ; } /* ######## 全体に関するデフォルト値の設定 ここまで ######## */ /* ######## サイトフッター ここから ######## */ #foot { clear: both; background: #fff url(foot_bg_cl05.jpg) 0 0 no-repeat; font-size: 10px; padding: 13px 15px 20px 10px; margin: 30px 0 0 0; text-align: right; } #foot a,#foot a:visited, #foot a:hover { color: #666666; } #foot address { font-style: normal; margin: 5px 0; padding: 0; line-height: 1em; } #foot p { margin: 5px 0; padding: 0; line-height: 1em; } /* ######## サイトフッター ここまで ######## */ /* ######## トップページで使用するもの ここから ######## */ .boxGry { background: url(top_fr_head.gif) 0 top no-repeat; padding-top: 15px; margin-bottom: 15px; } .boxGry div { background: url(top_fr_foot.gif) 0 bottom no-repeat; padding: 0 15px 15px 15px; margin-bottom: 15px; } .boxLine { padding: 15px; border: 5px solid #eee; margin-bottom: 15px; } #bodyTop #main h2 { background: url(top_ossm_h_cl05.gif) 0 0 no-repeat; font-size: 14px; padding: 8px 2px 2px 16px; margin: 0 0 10px 0; line-height: 1.2em; color: #999966; } #bodyTop #main { font-size: small; line-height: 1.5em; } #bodyTop #main .pickup { margin-left: 18px; margin-bottom: 10px; } #bodyTop #main .pickup h3 { background: url(snavi_ar.gif) 0 5px no-repeat; padding: 3px 0 3px 20px; font-size: small; margin: 0 0 0 0; } #bodyTop #main .pickup p { font-size: 90%; margin: 3px 0 15px 20px; padding: 0; } #main #update { line-height: 15px; background: #fff url(top_wn_foot_cl05.gif) left bottom no-repeat; padding-bottom: 15px; margin-bottom: 15px; } #main #update h2{ background: #fff url(top_wn_h_cl05.gif) 0 0 no-repeat; margin: 0; color: #666666; } #main #update dl { background: #fff url(top_wn_li_cl05.gif) 0 0 repeat-y; padding: 1px 20px 1px 20px; margin: 0; } #main #update dt { margin: 8px 0; font-size: 12px; background: #eee url(top_wn_ar_cl05.gif) 0 0 no-repeat; padding: 12px 0 0 20px; } #main #update dd { font-size: 12px; margin-left: 11em; margin-top: -22px; } /* ######## トップページで使用するもの ここまで ######## */ /* ######## カテゴリページで使用するもの ここから ######## */ #bodyCat #main h2, #bodyEnt #main h2 { color: #666666; background: url(cat_h2_cl05.jpg) left top no-repeat; border-bottom: 1px solid #cccccc; text-align: center; padding: 10px 0 4px 0; margin: 0 0 0 0; font-size: 120%; line-height: 1.2em; } #main h3 { color: #666666; background: url(cat_h3_cl05.gif) 0 0 no-repeat; font-size: 110%; padding: 12px 2px 2px 18px; margin: 1em 0 10px 0; line-height: 1.2em; } #bodyCat #main h3 a { color: #666666; text-decoration: none; } .catBody { margin: 10px 0 30px 10px; /* font-size: small; */ /* line-height: 1.5em; */ } #bodyCat #main .catBody h3 { position: relative; left: -10px; width: 510px; } p.catDis { margin: 0.5em 0; border: 3px solid #eee; padding: 10px; font-size: 14px; line-height: 1.3em; } .extended { font-size: small; text-align: right; } .extended a{ background: #fff url(icn_ar01.gif) 0 1px no-repeat; padding-left: 20px; } /* ######## カテゴリページで使用するもの ここまで ######## */ /* ######## 個別エントリーページの設定 ここから ######## */ #bodyEnt #main .catTitle { color: #fff; background: #cccccc; font-size: 10px; line-height: 1.2em; padding: 3px 5px; font-weight: normal; } #bodyEnt #main strong.catTitle a, #bodyEnt #main strong.catTitle a:hover { color: #fff; text-decoration: none; background: none; margin: 0; padding: 0; } .pagetop { text-align: right; margin: 2em 0 1em 0 ; } .pagetop a, .pagetop a:visited, .pagetop a:hover { text-decoration: underline; background: #fff url(icn_pagetop.gif) right top no-repeat; padding: 3px 23px 3px 3px; color: #999; font-size: 10px; } .pagetop a:hover { color: #333; } .entrymenu { text-align: center; font-size: 10px; padding: 5px; background-color: #eee; line-height: 1.5em; margin-bottom: 1.5em; } .entrymenu a, .entrymenu a:visited, .entrymenu a:hover{ text-decoration: underline; color: #999; } .entrymenu a:hover { color: #333; } /* コメント・トラックバック */ #bodyEnt #main #com h3, #bodyEnt #main #tr h3 { } #com form p { font-size: 12px; color: #999; } .comTable { font-size: 12px; } .comWaku , .trWaku { border: 1px dotted #ccc; margin: 1em 0 ; padding: 0 15px; } .comFoot, .trFoot { margin: 0; text-align: right; font-size: 10px; background-color: #eee; padding: 3px; line-height: 1.3em; } #tr { } #trUrl { background-color: #eee; border: 1px solid #ccc; } /* ######## 個別エントリーページの設定 ここまで ######## */ /* ######## 他 ######## */ /* リンク集 */ ul.catList { margin-left: 20px; padding: 0; } ul.catList li { background: url(icn_ar01.gif) no-repeat left center; list-style: none; line-height: 1.5em; padding-left: 20px; margin: 5px 0; } #bodyCat #main div.siteList h3 { background: #fff url(icn_ar01.gif) no-repeat 0 3px; font-size: 14px; line-height: 1.3em; padding: 0 0 5px 20px; margin: 5px 0 0 0 ; left: 0px; width: 465px; border-bottom: 1px dotted #ccc; } #bodyCat #main div.siteList h3 a { color: #c00; } #bodyCat #main div.siteList h3 a:hover { color: #f00; background-color: #eee; } #bodyCat #main div.siteList .catBody { margin: 25px 20px 30px 20px; font-size: 12px; line-height: 1.5em; } #bodyCat #main div.siteList p { margin: 5px 0; } .elink { text-align: right; }