/************************************* *** FWOOD流 テーマ型物販サイト1カラムCSS *** *************************************/ body { margin:0px; padding:5px; text-align:center; font-family:Verdana; background: #fefcf7 url(バックグラウンドイメージの絶対パスのURL) repeat-x; background-attachment: fixed; } /************************************* ***body直下に配置するカテゴリリンク *** *************************************/ #blink{ width:100%; font-size:10px; font-weight:bold; color:#a8a8a8; padding:2px; } #blink a{ text-decoration: none; color:#a8a8a8; } /************************************* ***TOPページ限定のカテゴリメニューの要素 *** *************************************/ .cmenu { color:#333333; font-size:16px; margin-top:33px; margin-left:5px; font-weight:normal; margin-bottom:15px; padding:15px 10px 5px 10px; text-align:left; color:#000; line-height:145%; } /************************************* ***TOP限定カテゴリ要素 *** *************************************/ .cat { background-color:#ffffcc; line-height:18px; padding:5px 5px 10px 10px; margin-bottom:5px; border:2px dotted #cc0000; font-size:16px; text-align:left; margin-bottom:10px; font-family:Verdana; } .cat a{ font-size:16px; font-weight:nomal; } /************************************* ***ブログの全体の要素 *** *************************************/ #container{ margin:0px auto; width:800px; background-color:#fff; color:#000; font-size:12px; text-align:center; border:1px solid #000000; } a{ font-weight:bold; color:#0000ff; text-decoration:underline; } /************************************* ***マウスオーバー時のリンクの背景色要素 *** *************************************/ a:hover{ color:#fff; text-decoration: none; background-color:#ff8000; } /************************************* ***おいに入りに追加の「幅」要素 *** *************************************/ .okiniiri{ width:150px; } /************************************* ***見出しタグ要素 *** *************************************/ h1 { margin:0px; font-weight:nomal; font-size:10px; color:#fff; } h1 a{ text-decoration: none; color:#a8a8a8; } h2 { font-size:18px; margin:0px; padding: 5px 0px 5px 10px; font-weight:bold; color:#cc0000; border-left: 5px solid #cc0000; border-bottom: 1px solid #cc0000; background: #ffffcc; text-align:left; background-repeat:repeat-x; background-position:bottom; } h3 { font-size:12px; padding: 0px 0px 0px 5px; font-weight:bold; text-align:left; background-color:#9c9c9c; background-position:bottom; color:#fff; } h4 { font-size:12px; padding: 0px 0px 0px 5px; font-weight:bold; text-align:left; background-color:#9c9c9c; background-position:bottom; color:#fff; } h5 { font-size:12px; padding: 0px 0px 0px 5px; font-weight:bold; text-align:left; background-color:#9c9c9c; background-position:bottom; color:#fff; } /************************************* ***商品記事部分 *** *************************************/ .ktex { font-family:"Tahoma", "Verdana", "Arial", sans-serif; padding:10px; font-size:16px; line-height: 170%; } /************************************* ***ヘッダー画像の要素 *** *************************************/ #banner{ background-image:url(ヘッダー画像757×130の絶対パスURL); background-repeat:no-repeat; background-position:19px 20px; margin:0px 0px 0px 0px; padding:150px 150px 0px 55px; text-align:left; height:50px; } /************************************* ***ブログ説明文の要素 *** *************************************/ .des a{ text-decoration: none; color:#a8a8a8; } #content { margin:0px 0px 0px 0px; float:left; width:795px; } /************************************* ***カテゴリページ・記事ページトピックパス要素 *** *************************************/ .navi{ text-align:center; } .navi a{ text-decoration: none; color:#a8a8a8; } /************************************* ***ブログ本文の全体の要素 *** *************************************/ .blog { background-color:#ffffff; margin-left:5px; padding:0px 0px 0px 0px; text-align:left; } .blogbody { margin-top:33px; font-weight:normal; margin-bottom:0px; padding:5px 5px; } /************************************* ***記事ページ本文の全体の要素 *** *************************************/ .blog2 { background-color:#faf8f4; margin-left:5px; padding:0px 0px 0px 0px; text-align:left; width:775px; } .blogbody2 { margin-top:33px; font-weight:normal; margin-bottom:0px; padding:5px 5px; border:2px solid #79a8dc; width:775px; } /************************************* ***ブロックを右や左へ寄せる要素 (お気に入り・リンクボックス該当) *** *************************************/ .imgr{ float: right; margin: 0px 0px 0px 0; color:#000; } .imgl{ float: left; margin: 5px 5px 5px 0; } /************************************* ***ダブルキャビネット(商品説明)要素 *** *************************************/ div.cabinet { width:100%; margin: 0%; padding: 0%; } div.doubleboxl { float: left; width: 40%; margin: 0px; padding: 1%; border: 1px dotted #C00000; background-color : #feff99; } div.doubleboxr { float: left; width: 53%; margin: 0px; padding: 1%; border: 1px dotted #C00000; background-color : #feff99; } div.dummy { clear: left; } /************************************* ***本文の要素ブロック要素 *** *************************************/ .text{ color:#333333; padding:10px 5px 0px 5px; margin-top:0px; line-height:165%; } .text a{ text-decoration: underline; color:#0000ff; border:none; font-weight:nomal; } /************************************* ***記事ページの左下のカテゴリの要素 *** *************************************/ .posted{ color:#a8a8a8; text-align: right; margin-bottom:5px; padding:10px 0px 5px 0px; font-size:10px; } .posted a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } /************************************* ***デフォルト(削除不可) *** *************************************/ .powered { padding:20px 0px 30px 0px; text-align:center; } .powered table{ margin:0px auto; text-align:center; } /************************************* ***記事すぐしたのコピーボックスなどが入るブロック要素 *** *************************************/ #copybox { margin:5px 5px 5px 5px; padding:5px; text-align:left; width:775px; } #copybox a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } /************************************* ***フッターの装飾 *** *************************************/ #footer{ margin-top:10px; clear:left; margin:5px; background-image:url(); background-repeat:repeat-x; background-position:bottom; } /************************************* ***記事下のメニュー要素 *** *************************************/ .footerbody { margin-left:0px; margin-top:5px; font-weight:normal; text-align:left; padding:5px 10px 5px 10px; border:2px dotted #9c9c9c; color:#000; } .footerbody a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } /************************************* ***COPYRIGHT部分 *** *************************************/ .copy{ text-align:center; color:#a8a8a8; } .copy a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } /************************************* ***装飾(ブロックロート&テキストエリア) *** *************************************/ blockquote{ background-color:#feff99; border:1px dotted #c00000; padding:15px 15px 15px 15px; margin:5px; } textarea{ margin-bottom:5px; } /************************************* ***文字を太文字に変更するCSS *** *************************************/ .b{ font-weight:bold; } /************************************* ***背景を蛍光黄色と太文字に変更するCSS *** *************************************/ .y{ font-weight:bold; background-color : yellow } /************************************* ***赤に文字色を変更するCSS *** *************************************/ .r{ color:red; } /************************************* ***論理強調タグのCSS *** *************************************/ em { font-weight: normal; font-style: normal; text-decoration: none } strong { font-weight: normal; font-style: normal; text-decoration: none } /************************************* *** FWOOD流 テーマ型物販サイト1カラムCSS *** created By FWOOD(えふうっど) *************************************/