/*このファイルではテキストの大きさや色などを変更する事が出来ます。 ***[基本要素]*** ***色の設定は#の後の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:#fff; /*全体の背景の設定*/ } /******************************************/ a:link , a:visited , a:hover , a:active{/*リンクフォントの設定*/ color: #88f; /*リンクの色*/ text-decoration: underline; /*リンク下線の設定。underlineで下線有り。noneで下線無し。*/ } /******************************************/ #baseBlock1{/*コンテンツ全体の設定*/ font-family:Verdana, "Tahoma,Arial,sans-serif,MS Pゴシック",MS UI Gothic, Osaka;/*フォントの設定*/ color:#888; /*文字色の設定*/ border-right:1px solid #999; /*右枠線の設定*/ border-left:1px solid #999; /*左枠線の設定*/ border-bottom:1px solid #999; /*下枠線の設定*/ margin-left:auto; /*センタリングのための左の余白*/ margin-right:auto; /*センタリングのための右の余白*/ width:750px; /*コンテンツ全体の幅*/ text-align:left; /*IEセンタリングバグ回避用。*/ background:url(0002.jpg) repeat-y center top;/*コンテンツ背景関係*/ font-size: 0.82em; /*文字サイズ。 Internet Explorerの文字のサイズ−中、Firefoxの文字サイズ−標準サイズに合わせてあります。*/ } /******************************************/ #title{/*タイトル部分*/ width:750px; /*タイトル部分の幅*/ height:150px; /*タイトル部分の高さ*/ background:url(0001.jpg); /*タイトル部分の背景設定*/ border-bottom:1px solid #999; /*タイトル下枠部分線の設定*/ } /******************************************/ h1{/*タイトル部分のフォント、文字位置の設定*/ font-size:1.8em; /*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/ color:#aaa; /*タイトル文字の色*/ padding-top:100px; /*文字上側の余白*/ padding-left:30px; /*文字左側の余白*/ margin:0px; /*Firefoxでの余分な余白を削除*/ } /******************************************/ #main{/*メインコンテンツ部分の設定。メニューと反対側の部分になります*/ width:500; /*メインコンテンツの幅*/ float:left; /*メインコンテンツ位置設定*/ padding-right:10px; /*文字右側の余白*/ padding-top:30px; /*文字上部の余白*/ padding-bottom:30px; /*フッターとの間隔*/ background:url() left repeat-y;/*背景設定*/ } /******************************************/ #maintext{/*IEとfirefoxのズレ対策用*/ padding-left:40px; /*文字左側の余白*/ } /******************************************/ #menu{/*メニュー部分の設定*/ width:230px; /*メニューの幅*/ float:right; /*メニュー位置設定*/ font-size:0.9em; /*メニューの文字サイズ*/ background:url(); /*メニュー部分の背景の設定*/ text-align:center; } /******************************************/ #menutext{/*IEとfirefoxのズレ対策用*/ padding-right:20px; /*メニューと枠との間隔の設定*/} /******************************************/ #menu a{/*メニューリンクテキスト部分の設定*/ color:#99f; /*テキストの色*/ } /******************************************/ .m-title{/*メニュータイトルの設定*/ height:20px; /*高さ*/ font-size:1.2em; /*テキストサイズ*/ border:1px solid #aaa; /*枠線の設定*/ color:#aaa; /*テキスト色*/ margin:10px; /*全体的な余白*/ background:url(); /*メニュータイトル部分背景*/ } /******************************************/ #footer a{ /*ページ下部のリンクテキストのフォント設定*/ color:#777; /*テキスト色*/ text-decoration:none; /*下線の設定*/ } /******************************************/ #footer{/*ページ下部の設定*/ clear:both; /*floatによるメインコンテンツとメニュー分割の終了*/ wigth:750px; /*ページ下部の幅*/ text-align:center; /*フッター文字を中心に配置*/ color:#777; /*テキスト色*/ font-size:0.8em; /*テキストの大きさ*/ border-top:solid 1px #999; /*メインコンテンツとの境界線*/ background:fff; /*背景の設定*/ } /******************************************/ 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; /* トラック部分 */ } /******************************************/ table.center{ margin-left : auto ; margin-right : auto ; } table, th, td { border: 1px ; font-size: 90%; } th, td { padding: 10px; } TH { border-style: solid; /* 枠の種類 */ border-color: #f3f3f3 #cccccc #cccccc #f3f3f3; /* 枠の色 */ border-width: 1px; /* 枠の幅 */ } TD { border-style: solid; /* 枠の種類 */ border-color: #f3f3f3 #cccccc #cccccc #f3f3f3; /* 枠の色 */ border-width: 1px; /* 枠の幅 */ } a:hover { background-color: #f8f4ea; position : relative; right :3px; bottom:3px; } table { line-height: 150% ; font-size: 100% ; }