@charset "shift_jis"; /*------------------------------------------------
3カラムベーシック タイプ1 茶色 著作・nbsp; 黄金のネット生活
http://ougonnetlife.com/ 著作・nbsp;は消さないようにお願いします。
それ以外のコメントは特に必要なければ消して・shy;ださい
------------------------------------------------*/
/*------------------------------------------------ ブラウザのスタイルを初期化
------------------------------------------------*/ *{ font-family:"MS PGothic",
Osaka, sans-serif; margin: 0; padding: 0; } body{ text-align: center; }
h1,h2,h4,h3,h5,h6{ font-size: 100%; color: #333333; } h1 a,h2 a,h3 a,h4 a{
text-decoration: none; } p,ul,ol{ font-size: 90%; color: #333333; line-height:
150%;/*行間の設定*/ } /*------------------------------------------------
本体の設定 ------------------------------------------------*/ #container{ width:
780px; margin: 0 auto; border-left: 1px solid #cccccc; border-right: 1px solid
#cccccc; border-bottom: 1px solid #cccccc;
background:url(parts/3columnbackbrown.gif) repeat; }
/*------------------------------------------------ トップ部分
------------------------------------------------*/ #header{ height:100px;
text-align:left; background:url(parts/pasteltop-brown.jpg)
repeat;/*--タイトルの背景画像いろいろ変えてみましょう--*/ } #header p{ padding:
0 10px; color: #996666; line-height: 15px; }
/*------------------------------------------------ トップ見出し
------------------------------------------------*/ h1{ padding-top: 5px;
font-size :36px; color: #996666; background-color: transparent; text-indent:
10px; } h1 a{ color: #996666; background-color: transparent; }
/*------------------------------------------------ ヘッダー下・リンク部分
------------------------------------------------*/ #navi-bar{ height: 25px;
text-align: left; border-top:1px solid #cc9966; border-bottom:1px solid #cc9966;
background-color:#f5f5dc; } .navi-ul{ padding-left: 10px; list-style-type:
none;/*--リストの先頭のドットを消す--*/ } .navi-ul li{ float: left; padding: 0
15px; line-height: 25px; border-right: 1px solid #cc9966; color: #666666;
background-color: toransparent; } .navi-ul li a{ text-decoration:
none;/*--リンクの下線を消す--*/ color: #666666;/*-----メニューの文字色------*/
background-color: toransparent; display: block; } .navi-ul li a:link:hover,
.navi-ul li a:visited:hover { color: #ff0066; background-color:
transparent;/*-----メニューの文字色------*/ }
/*------------------------------------------------
左サイド・中央コンテンツをまとめる
------------------------------------------------*/ #main{ width: 625px; float:
right; padding-bottom: 10px; }
/*------------------------------------------------ 中央コンテンツ部分
------------------------------------------------*/ #mainside{ width: 470px;
float: left; } #main-box{ clear: both; text-align: left; }
/*------------------------------------------------ メニュー部分の設定
------------------------------------------------*/
/*----------右サイド----------------*/ #leftside{ width: 150px; float: left;
border-right: 1px solid #cc9966;/*------メニュー部分右のボーダー--*/ }
/*----------左サイド----------------*/ #rightside{ width: 150px; float: right;
border-left: 1px solid #cc9966;/*------メニュー部分左のボーダー--*/ }
/*----------サイド内枠----------------*/ .sidebox{ clear: both; text-align:
left; } /*------------------------------------------------ 更新枠の設定
------------------------------------------------*/ .renew{ height: 70px;
overflow: auto;/*---文章が縦70px越すとスクロールパー---*/ padding:
5px;/*------文章と外枠の間隔をとる--*/ } .renew p{ line-height:
120%;/*行間の設定*/ font-size: 12px; }
/*------------------------------------------------ 本文の設定
------------------------------------------------*/ #main-box p { padding: 0
5px;/*文章と左右外枠の間隔を・nbsp;ける*/ } /* 商品枠のフォント・初期設定
------------------------------------------------*/ table, table p , table a {
font-size: 12px; text-align: left; color:#666666; background-color: transparent;
} /*------文章枠のまわりに枠線をつける------------*/ .border-all { border: 1px
solid #cc9966; } /*------文章枠の各辺に枠線をつける--------------*/ .border-rlb
{ /*border-top:1px solid #cc9966;*/ border-left: 1px solid #cc9966;
border-right: 1px solid #cc9966; border-bottom: 1px solid #cc9966; }
/*------文章枠の上下に破線をつける(参考）-------*/ .border-tb { border-top: 2px
dotted #cc9966; border-bottom: 2px dotted #cc9966; }
/*------------------------------------------------ 見出しタイプ
------------------------------------------------*/ h2, h3 { font-size :14px;
padding: 0 5px; margin-bottom: 10px;/*--見出しと文の間に10pxの間隔--*/
line-height: 25px; color: #996666; background-color: transparent; }
/*---タイプ１---*/ .entry-1{ border-bottom: 1px solid #cc9966;
background-color:#dfb887; } /*----タイプ2---*/ .entry-2{ border-bottom: 2px
solid #cc9966; } /*----タイプ3---*/ .entry-3{ border: 1px solid #cc9966;
border-left: 5px solid #996666; } /*---商品部分見出し---*/ .entry-4{ border-top:
2px solid #cc9966; border-bottom: 2px solid #cc9966; } .no-margin{
margin-bottom: 0; } /*------------------------------------------------
メニューサイド内の設定 ------------------------------------------------*/
/*---見出し・ボタン---*/ h4 { font-size: 14px; padding: 0 5px; line-height:
25px; color: #996666; border-top: 1px solid #cc9966; border-bottom: 1px solid
#cc9966; background-color:#dfb887; } h4 a{ width: auto; color: #996666;
background-color: transparent; text-decoration: none;/*--リンクの下線を消す--*/
display: block; } h4 a:link:hover, h4 a:visited:hover{ color: #ff0000;
background-color: transparent; } /*-------汎用枠-------*/ .linkbox{
border-bottom: 1px solid #cc9966; background-color: #ffffff; padding:5px; }
.linkbox p{ font-size: 12px; color: #cc9933; line-height: 120％;
background-color: transparent; }
/*------------------------------------------------ メニューの設定
------------------------------------------------*/ /* タイプ1
------------------------------------------------*/ .menu-ul{ width: auto;
list-style-type: none;/*--リストの先頭のドットを消す--*/ background-color:
#ffffff; } .menu-ul li{ text-indent : 5px; color: #cc9933; background-color:
transparent; line-height: 20px; border-bottom: 1px dotted #cc9966; } /* タイプ2
------------------------------------------------*/ .menu-ul2{ list-style-type:
square; background-color: #ffffff; } .menu-ul2 li{ margin-left: 19px;
line-height: 20px; color: #cc9933;/*-----文字色------*/ background-color:
transparent; } /*-----------------リンクの設定-------------------*/ .menu-ul li
a, .menu-ul2 li a{ height: 20px; text-decoration:
none;/*--リンクの下線を消す--*/ color: #cc9933;/*-----文字色------*/
background-color: transparent; display: block; }
/*-----メニューにマウスポインタが乗った時------*/ .menu-ul li
a:link:hover,.menu-ul li a:visited:hover, .menu-ul2 li a:link:hover,.menu-ul2 li
a:visited:hover{ color: #ff0000;/*-----メニューの文字色------*/
background-color: #ffffcc;/*--バックの色----*/ }
/*-----指定した部分の枠線を消す-----------------*/ li.noborder{ border-bottom
:none; } /*------------------------------------------------
ボトムマージンを付け、・shy;し間隔を・nbsp;ける
------------------------------------------------*/ .marg1{ margin-bottom:1px; }
.marg5{ margin-bottom:5px; } .marg10{ margin-bottom:10px; }
/*------------------------------------------------ floatのクリア
------------------------------------------------*/ .clear{ clear:both; }
/*------------------------------------------------
色の設定用 下の設定を参考に自分で 作るのもいいでしょう。
------------------------------------------------*/ .mojired{ color:#ff0000; }
.mojiblue{ color:#0000ff; } .mojiyellow{ color:#ffff00; } .mojigreen{
color:#00ff00; } .mojiwhite{ color:#ffffff; }
/*------------------------------------------------ アイコンの設定
------------------------------------------------*/ .icon1{ background:
url(parts/icon-allow-ffffff.gif) no-repeat; padding-left: 15px; } .icon2{
background: url(parts/mail.gif) no-repeat; padding-left: 23px; }
/*------------------------------------------------ 著作・nbsp;の表示
------------------------------------------------*/ #footer{ height: 70px;
border-top:3px solid #996666; /*区切り用上枠線*/ background-color:#dfb887; }
address{ padding-top: 10px; margin: 0 auto; } address p, address a { font-size:
13px; font-style: normal; color: #666666; background-color: transparent;
text-decoration: none;/*リンクの下線表示をな・shy;す*/ }