@charset "shift_jis"; body { font-family: "メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 75%; /*全般の文字サイズ*/ line-height: 2; /*全般の行間*/ color: #666666; /*背景色*/ margin: 0px; padding: 0px; text-align: center; background-color: #000000; background-image: url(images/IMG_0234.gif); /*壁紙設定。不要ならここと上の行を削除する。*/ } h1,h2,h3,p,ul,li,dl,dt,dd{ margin: 0px; padding: 0px; } ul{ list-style-type: none; } img { border: none; } .look { background: #f5f5f5; } .color1 { color: #F82720; } /*全体的なリンク設定 ---------------------------------------------------------------------------*/ a { color: #333333; /*リンク部分の文字色*/ } a:hover { color: #F82720; /*リンク部分のカーソルオーバー時の文字色*/ } /*コンテナー(特に変更の必要なし) ---------------------------------------------------------------------------*/ #container { width: 819px; margin-right: auto; margin-left: auto; text-align: left; margin-top: 30px; /*HPの上部に少し余白を作る設定。上に詰めたいならこの1行を外す。*/ background-color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; } /*ヘッダー ---------------------------------------------------------------------------*/ #header { height: 199px; width: 799px; position: relative; margin-bottom: 1px; margin-right: auto; margin-left: auto; } #header h1 { font-size: 10px; /*h1タグの文字サイズ*/ color: #FFFFFF; /*h1タグの文字色*/ font-weight: normal; /*太さを通常に戻す。太字がいいならこの1行を外す。*/ width: 789px; line-height: 1.4; position: absolute; left: 5px; top: 5px; text-align: right; /*右寄せする指定。左よせがいいならこの1行を外す。*/ } /*メインメニュー ---------------------------------------------------------------------------*/ ul#topmenu { margin-left: 10px; } ul#topmenu li { float: left; } ul#topmenu img { vertical-align: bottom; } /*コンテンツ ---------------------------------------------------------------------------*/ #contents { clear: left; width: 800px; margin-right: auto; margin-left: auto; padding-top: 10px; } /*サイドコンテンツ ---------------------------------------------------------------------------*/ #side { float: left; /*サイドコンテンツを左側に配置する設定*/ width: 210px; /*サイドコンテンツの幅*/ padding-bottom: 100px; } #side h3 { font-size: 100%; line-height: 60px; background: url(images/midashi_bg1.gif) repeat-x; /*h3タグの背景画像設定*/ color: #FFFFFF; /*h3タグの文字色*/ height: 70px; text-align: center; /*h3見出しのテキストを中央よせにする設定。左よせがいいなら1行削除する。*/ overflow: hidden; } #side p { padding-top: 0.5em; padding-bottom: 1em; } /*サイドメニュー ---------------------------------------------------------------------------*/ ul.sidemenu a { color: #666666; /*文字色*/ text-decoration: none; text-align: center; /*テキストを中央よせにする設定。左よせがいいなら1行削除する。*/ border-bottom: 1px solid #aeaeae; /*各メニュー下に1pxの直線を引く設定*/ display: block; width: 210px; padding-top: 0.5em; padding-bottom: 0.5em; } ul.sidemenu a:hover { background: #f7f7f7; /*カーソルオーバー時の背景色*/ color: #000000; /*カーソルオーバー時の文字色*/ } /*メインコンテンツ ---------------------------------------------------------------------------*/ #main { float: right; /*メインコンテンツを右側に配置する設定*/ width: 570px; /*メインコンテンツの幅*/ padding-bottom: 100px; } #main h2 { font-size: 100%; background: url(images/h2_bg.gif) no-repeat; /*h2タグの背景画像設定*/ color: #FFFFFF; /*h2タグの文字色*/ line-height: 40px; height: 40px; overflow: hidden; padding-left: 10px; padding-right: 50px; } #main p { padding: 0.5em 10px 1em; } /*商品ボックス設定 ---------------------------------------------------------------------------*/ .shoppingbox { /*1個あたりのボックス設定*/ width: 570px; overflow: hidden; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #CCCCCC; /*1個のボックスの下部に入る境界線*/ } .shoppingbox .img { /*画像部分の設定*/ float: left; /*画像ボックスを左よせする*/ font-size: 140%; /*文字の大きさ設定*/ font-weight: bold; /*文字を太くする。通常がいいならこの1行を外す。*/ color: #FF0000; /*文字色。*/ text-align: center; /*センタリング設定*/ width: 150px; /*実際に配置する画像の幅をここに設定する。*/ } .shoppingbox h3 { /*右側のh3タグの設定*/ font-size: 100%; margin-left: 160px; /*左に配置する画像幅より大きな数字で調整して下さい。*/ color: #2D49D8; /*文字色*/ } .shoppingbox p { /*説明文の設定*/ margin-left: 160px; /*左に配置する画像幅より大きな数字で調整して下さい。*/ padding: 0px !important; } .shoppingbox a { /*ボックス内のリンク色設定*/ color: #F82720; } .shoppingbox a:hover { /*ボックス内のリンクのカーソルオーバー時の文字色設定*/ color: #333333; } /*フッター ---------------------------------------------------------------------------*/ #footer { clear: both; width: 100%; line-height: 1.4; text-align: center; background-color: #000000; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; } #footer a { color: #FFFFFF; } /*メインコンテンツ内の「What's New」部分 ---------------------------------------------------------------------------*/ #main dl.new { width: 550px; /*What's Newボックスの幅*/ height: 100px; /*What's Newボックスの高さ*/ overflow: auto; padding: 10px; } #main dl.new dt { font-weight: bold; /*日付の色を太字にする*/ } #main dl.new dd { border-bottom: 1px solid #cfcfcf; /*説明文の下に1pxの点線(dotted)を#cfcfcfの色で入れる。*/ } inserted by FC2 system