/*ページのレイアウト用css*/ body{ background-image:url(img/st4.png); /*壁色と壁紙設定*/ background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/ font:"メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #333333; margin:0px; padding:0px; } /*文字の設定*/ h1{ font-size:70%; letter-spacing: 2px; padding-left:10px; margin: 0px; } h2{ font-size:120%; border: solid 2px #cccccc; color:#ffffff; background-image:url(img/menu.png); line-height: 35px; padding-left:10px; margin-top: 10px; margin-bottom: 1px; } p{ font-size:90%;/*全体の文字サイズ*/ line-height:150%;/*全体で使う、文字と文字の行間*/ } p img{ float:left; margin-left:5px; /*写真の左にスペースを空ける*/ margin-right:15px; /:写真と文字の間隔*/ } a{ text-decoration:none; } a:hover { color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/ text-decoration: none; } h1 a{ color:#FFFFFF; font-weight:normal; } #contents{ width:852px; margin:0 auto; background-image:url(img/main.gif);/*コンテンツ内の背景(サイズをぴったりにすること)*/ background-repeat:repeat-y; /*縦に繰り返し*/ position:relative; font-size:80%; } /*ヘッダー部分の設定*/ #header{ background-image:url(img/st4.png); /*ヘーダー*/ background-position:top right; background-repeat:repeat; height:145px; /*ヘーダーの高さ*/ } #header p { font-size: 25px; color:#ffffff; padding-top: 5px; padding-left: 10px; } /*上部メニューボタンの設定*/ #navbar{ width: 100%; height:45px; position:absolute; top:100px; } #navbar ul{ margin:0; padding:0; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:45px; letter-spacing:2px; } #navbar li{ background-image:url(img/nav3.gif); /*上部メニューのボタンの背景*/ float:left; width:142px; /*メニューボタンの幅*/ text-align:center; padding:0; } #navbar ul a:hover{ background-image:url(img/nav2.gif); /*メニューボタンにカーソルが来た時に背景画像をこれにする*/ width:142px; /*メニューボタンの幅*/ } #navbar a{ color:#ffffff;/*メニューボタンの文字の色*/ display:block; } #navbar a:hover{ color:#8E0036; /*メニューの文字がカーソルが来た時、この色に変わる*/ } /*メイン部分の設定*/ #main{ width:630px; margin-top:15px; margin-left:15px; } /*サイドメニューの設定*/ #side{ width:205px;/*サイドの幅(変更するときはコンテンツ背景も変更すること)*/ position:absolute; top:440px;/*上からの位置*/ left:640px; } #side ul{ font-size:100%; line-height:220%; /*サイドの文字と文字の行間設定*/ margin:0px; padding-left:15px; } #side ul a:hover { color: #ff0000; /*サイドのカーソルオーバー時の文字色*/ } #side ul{ list-style-type:none; padding-left:2px; } #side li{ padding-left:5px; /*文字の左端からの位置*/ } #side li a{ color:#333333;/*サイドの文字色*/ border-bottom:solid 1px #666666;/*文字の下に線を入れる設定*/ width:190px; display:block; } #side .ad_list li{ background-image:none; padding-left:0; } /*下部のフッター部分の設定*/ address{ font-size:80%; font-style:normal; text-align:center; padding-top:5px; } address{ background-color:#666666; color:#ffffff; width:852px; padding-bottom:10px; border:none; } address a{ color:#ff9999; } inserted by FC2 system