/************************************* *** FWOOD流 右サイドバー2カラム+1カラムCSS *** *************************************/ /************************************* *** 元のブロガーCSS *** *************************************/ /* .pkg class wraps enclosing block element around inner floated elements */ .pkg:after{ content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /************************************* *** HTML CSS *** *************************************/ html{ margin: 0; /* setting border: 0 hoses ie6 win window inner well border */ padding: 0; } /************************************* *** ブログ全体(背景画像) *** *************************************/ body{ text-align: center; margin: 0; padding: 0; background:#FCFEFA url(http://www.foryou1.net/blacksilver1.jpg) repeat-x; font-family:Verdana; font-size:14px; } body.lay{ margin-top:35px; } /************************************* ***body直後に置くメニューなど *** *************************************/ #label1{ width:100%; font-size:10px; font-weight:bold; color:#a8a8a8; padding:2px; } #label1 a{ text-decoration: none; color:#a8a8a8; } /************************************* *** ブログ大外枠(ヘッダー画像) *** *************************************/ #container{ width:780px; text-align: left; position: relative; border: 2px solid #000000; background:#FFFFFF url(http://www.foryou1.net/pat5.gif) no-repeat top center; margin: 0 auto; margin-top:5px; padding-bottom:0px; } #container-inner { position: static; width: auto; } /************************************* *** ブログヘッダー直下スペーサー *** *************************************/ #banner { position: relative; } #banner-inner{ margin:0 20px; position: static; padding-top:100px; } /************************************* ***ヘッダー画像下サイトタイトルと説明文 *** *************************************/ #banner-header a{ color:#0000DE; font-size:12px; font-weight:bold; font-family:Verdana; text-decoration:underline; padding-top:45px; padding-left:5px; float:left; } #des{ color:#000; font-size:12px; font-weight:nomal; font-family:Verdana; padding-top:45px; padding-left:5px; float:left; } /************************************* *** ブログメイン *** *************************************/ #pagebody{ background-color:#FFFFFF; padding-top:20px; position: relative; width: 100%; } #pagebody-inner { position: static; width: 100%; } #pagebody-inner .pkg{ padding:0 10px 0 10px; } a{ color:#0000DE; text-decoration:underline; } a:hover{ color:#663399; text-decoration:underline; } /************************************* ***メインページのみのwelcomeボード要素 *** *************************************/ .lay #wel{ font-family:"Tahoma", "Verdana", "Arial", sans-serif; padding:0px; font-size:14px; line-height: 200%; color:#000000; width:100%; } /************************************* *** 記事内の文字大きさなど(記事ページ) *** *************************************/ .ktex { font-family:"Tahoma", "Verdana", "Arial", sans-serif; padding:10px; font-size:14px; line-height: 200%; color:#000000; } .ktex a{ font-weight:bold; text-decoration: underline; color:#0000DE; } /************************************* ***ダブルキャビネット(商品説明)要素 *** *************************************/ div.cabinet { width:100%; margin: 0%; padding: 0%; } div.doubleboxl { float: left; width: 40%; margin: 0px; padding: 1%; border: 2px dashed #79A8DC; background-color : #FFFFCC; } div.doubleboxr { float: left; width: 54%; margin: 0px; padding: 1%; border: 2px dashed #79A8DC; background-color : #FFFFCC; } div.dummy { clear: left; } span.none{ display: none; } /************************************* *** リスト設定@ *** *************************************/ ul{ margin-left: 0; margin-top: 10px; margin-bottom: 10px; padding-left: 0; list-style: none; } ul li{ padding-left: 13px; background-image: url(http://www.foryou1.net/list_orange2.gif) ; background-repeat: no-repeat; background-position: 0 2px; } /************************************* ***文字装飾CSS *** *************************************/ em { font-weight: normal; font-style: normal; text-decoration: none } strong { font-weight: normal; font-style: normal; text-decoration: none } /************************************* ***文字装飾CSS *** *************************************/ .r{ color:red; } /************************************* ***背景を蛍光黄色と太文字に変更するCSS *** *************************************/ .y{ font-weight:bold; background-color : yellow; } /************************************* ***太文字に変更するCSS *** *************************************/ .b{ font-weight:bold; } /************************************* *** blockquote,textarea,その他設定 *** *************************************/ blockquote{ background-color:#ffffcc; border:1px solid #ff0000; padding:15px 15px 15px 15px; margin:5px; } textarea{ margin-bottom:5px; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } p, ol, pre{ margin-top: 10px; margin-bottom: 10px; } /************************************* *** 見出し設定 *** *************************************/ h1{ margin:0; padding:0; font-weight:normal; font-size:10px; color:#000000; } h1 a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } h2{ margin:2px; padding:0px 0px 0px 20px; font-size:16px; font-weight:bold; text-align:left; background:#FFF8EC url(http://www.foryou1.net/h2-pink1.gif) no-repeat; background-position:left; border-left: 3px solid #FF9300; border-bottom: 1px solid #FF9300; color:#000000; } h3{ margin:0; padding:0px 0px 0px 20px; font-size:12px; font-weight:bold; text-align:left; background:#FFF8EC url() no-repeat; background-position:left; border-left: 3px solid #FF9300; border-bottom: 1px solid #FF9300; color:#000000; } h4{ margin:0; padding:0px 0px 0px 20px; font-size:12px; font-weight:bold; text-align:left; background:#FFF8EC url(http://www.foryou1.net/h2-pink1.gif) no-repeat; background-position:left; border-left: 3px solid #FF9300; border-bottom: 1px solid #FF9300; color:#000000; } h5{ margin:0; padding:0px 0px 0px 20px; font-size:12px; font-weight:bold; text-align:left; background:#FFF8EC url(http://www.foryou1.net/h2-pink1.gif) no-repeat; background-position:left; border-left: 3px solid #FF9300; border-bottom: 1px solid #FF9300; color:#000000; } h6{ margin:0; padding:0px 0px 0px 20px; font-size:12px; font-weight:bold; text-align:left; background:#FFF8EC url(http://www.foryou1.net/h2-pink1.gif) no-repeat; background-position:left; border-left: 3px solid #FF9300; border-bottom: 1px solid #FF9300; color:#000000; } /************************************* *** イメージタグの枠 *** *************************************/ img{ border:0; } /************************************* *** 記事内コンテンツ設定 *** *************************************/ .entry{ color:#4f4f4f; position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; } .entry a{ color:#0000DE; text-decoration:underline; } .entry a:hover{ color:#663399; text-decoration:underline; } /************************************* *** ブロガーラベル設定 *** *************************************/ .blogger-labels a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } /************************************* *** サイドタイトル設定 *** *************************************/ .sidetitle{ margin:0; padding:0px 0px 0px 20px; font-size:11px; font-weight:bold; text-align:left; background:#FFF8EC url(http://www.foryou1.net/h2-pink1.gif) no-repeat; background-position:left; border-left: 3px solid #FF9300; border-bottom: 1px solid #FF9300; color:#000000; } /************************************* *** カラム設定 *** *************************************/ .content-nav{ margin: 10px; text-align: center; } .content-nav a{ color:#0000DE; } .lay #beta{ width:25%; text-align:justify; display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; border-left:1px solid #bbb; } .lay #alpha{ width:70%; display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } .lay #alpha-inner{ padding:0 10px 0 10px; position: static; } .lay #alpha2{ width:100%; display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; } .lay #alpha-inner2{ padding:0 5px; position: static; } /************************************* *** フッター枠(その他商品紹介部) *** *************************************/ #footer { clear:both; margin:0px 10px 10px 10px; padding:0px 0px 0px 0px; text-align:center; } #footer a{ font-weight:bold; text-decoration: none; color:#a8a8a8; } /************************************* *** コピーライト記述 *** *************************************/ #cr { text-align:center; background-color:#9C9C9C; width:780px; } #cr a{ font-weight:bold; text-decoration: none; color:#DCDCDC; } /************************************* *** PR協力してください *** *************************************/ #bottom{ font-size:9px; font-weight:bold; color:#000000; text-decoration:none; } #bottom a{ font-size:9px; font-weight:bold; color:#a8a8a8; text-decoration:none; } /************************************* *** FWOOD流 右サイドバー2カラム+1カラムCSS *** ここが一番下です。created By FWOOD *************************************/