/*このファイルではテキストの大きさや色などを変更する事が出来ます。 ***[基本要素]*** ***色の設定は#の後の3桁の数字0からfまでで表現されます。 赤緑青の順番で、0が最も暗くfが最も明るくなります。 ***例:赤#f00 緑#0f0 青#00f 白#fff 黒#000 濃い灰色#666 薄い灰色#aaa ***font-size:で文字の大きさを変更できます。 ***color:で文字の色を変更できます。 ***background:では背景に関する設定が出来ます。 url()の括弧内に画像ファイル名を入れることで背景が表示できます。 */ /******************************************/ body{/*全体的な設定*/ margin:0px; /*全体の余白*/ text-align:center; /*センタリングIEバグ回避用*/ background:#000 url() left repeat-y; /*全体の背景の設定*/ } /******************************************/ a:link , a:visited , a:hover , a:active{/*リンクフォントの設定*/ color: #aaf; /*リンクの色*/ text-decoration: underline; /*リンク下線の設定。underlineで下線有り。noneで下線無し。*/ } /******************************************/ #bg{/*特殊な背景の設定*/ margin-left:auto; margin-right:auto; width:1052px; background:url(11.jpg) repeat-y; } /******************************************/ #baseBlock1{/*コンテンツ全体の設定*/ font-family:Verdana, "Tahoma,Arial,sans-serif,MS Pゴシック",MS UI Gothic, Osaka;/*フォントの設定*/ color:#ddd; /*文字色の設定*/ border-right:1px solid #999; /*右枠線の設定*/ border-left:1px solid #999; /*左枠線の設定*/ border-bottom:1px solid #999; /*下枠線の設定*/ margin-left:auto; /*センタリングのための左の余白*/ margin-right:auto; /*センタリングのための右の余白*/ width:850px; /*コンテンツ全体の幅*/ text-align:left; /*IEセンタリングバグ回避用。*/ background:url() left #000 repeat-y; /*コンテンツ背景関係*/ font-size: 0.82em; /*文字サイズ。 Internet Explorerの文字のサイズ−中、Firefoxの文字サイズ−標準サイズに合わせてあります。*/ } /******************************************/ #title{/*タイトル部分*/ width:850px; /*タイトル部分の幅*/ height:150px; /*タイトル部分の高さ*/ background:url(06.jpg); /*タイトル部分の背景設定*/ border-bottom:1px solid #999; /*タイトル下枠部分線の設定*/ } /******************************************/ h1{/*タイトル部分のフォント、文字位置の設定*/ font-size:1.3em; /*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/ color:#fff; /*タイトル文字の色*/ padding-top:70px; /*文字上側の余白*/ padding-left:30px; /*文字左側の余白*/ margin:0px; /*Firefoxでの余分な余白を削除*/ } /******************************************/ #main{/*メインコンテンツ部分の位置設定*/ width : 500px; /*メインコンテンツの幅*/ float:left; /*メインコンテンツ位置設定*/ padding-top:30px; /*文字上部の余白*/ padding-bottom:30px; /*フッターとの間隔*/ background:url() center top no-repeat; /*背景設定*/ } /******************************************/ #maintext{/*IEとfirefoxのズレ対策用*/ padding-left:30px; /*文字左側の余白。左右メニューとの位置のバランスをここで取っています*/ padding-top:30px; /*上側との余白*/ } /******************************************/ #menu{/*メニュー1部分の設定。初期設定では左メニュー部分となっています*/ width:200px; /*メニュー1の幅*/ float:left; /*メニュー1位置設定*/ font-size:0.9em; /*メニュー1の文字サイズ*/ background:url(); /*メニュー1部分の背景の設定*/ text-align:center; /*文字位置の設定*/ } /******************************************/ #menutext{/*IEとfirefoxのズレ対策用*/ padding-left:40px; /*メニュー1と枠との間隔の設定*/} /******************************************/ #menu a{/*メニュー1リンクテキスト部分の設定*/ color:#ccf; /*テキストの色*/ } /******************************************/ .m-title{/*メニュータイトルの設定。メニュー1とメニュー2で共有の部分となります*/ height:20px; /*高さ*/ font-size:1.2em; /*テキストサイズ*/ border:1px solid #aaa; /*枠線の設定*/ color:#aaa; /*テキスト色*/ margin:10px; /*全体的な余白*/ background:url(10.jpg); /*メニュータイトル部分背景*/ } /******************************************/ #menu2{/*2個目のメニュー部分の設定*/ width : 200px; /*2個目のメニューの幅*/ float:right; /*2個目のメニュー位置設定*/ font-size:0.9em; /*2個目のメニューの文字サイズ*/ background:url(); /*2個目のメニュー部分の背景の設定*/ text-align:center; /*文字配置位置の設定*/ } /******************************************/ #menutext2{/*IEとfirefoxのズレ対策用*/ padding-right:40px; /*2個目のメニューと枠との間隔の設定*/} /******************************************/ #menu2 a{/*2個目のメニューリンクテキスト部分の設定*/ color:#ccf; /*2個目のテキストの色*/ } /******************************************/ #footer a{ /*ページ下部のリンクテキストのフォント設定*/ color:#777; /*テキスト色*/ text-decoration:none; /*下線の設定*/ } /******************************************/ #footer{/*ページ下部の設定*/ clear:both; /*floatによるメインコンテンツとメニュー分割の終了*/ wigth:850px; /*ページ下部の幅*/ text-align:center; /*フッター文字を中心に配置*/ color:#777; /*テキスト色*/ font-size:0.8em; /*テキストの大きさ*/ border-top:solid 1px #999; /*メインコンテンツとの境界線*/ background:; /*背景の設定*/ } /******************************************/ a img{/*画像リンクの設定 余分な物を削除してあります*/ border-style : none; border-width : 0px; text-decoration : none; } /******************************************/ html{/*スクロールバーの色の設定。Internet Explorerのみ適用されます*/ scrollbar-face-color: #fff; /* バーの色 */ scrollbar-3dlight-color: #eee; /* 左上外側ライン */ scrollbar-highlight-color: #ddd; /* 左上内側ライン */ scrollbar-shadow-color: #ccc; /* 右下内側ライン */ scrollbar-darkshadow-color: #bbb; /* 右下外側ライン */ scrollbar-arrow-color: #ccc; /* 矢印 */ scrollbar-track-color: #fff; /* トラック部分 */ } /******************************************/