/*メモ帳での編集に合わせて余白などを設定してあります。ほかのツールでも支障ありませんが、メモ帳が一番綺麗に見えます。*/ /******************************************/ body{/*全体的な設定*/ margin:0px; /*全体の余白*/ text-align:center; /*センタリングIEバグ回避用*/ background: url(p2.gif) center top #fff; /*全体の背景の設定*/ } /******************************************/ a:link , a:visited , a:hover , a:active{/*リンクフォントの設定*/ color: #36c; /*リンクの色*/ text-decoration: underline; /*リンク下線の設定。underlineで下線有り。noneで下線無し。*/ } /******************************************/ #bg{/*背景の設定*/ background: url() center repeat-y; /*背景の設定*/ } /******************************************/ #baseBlock1{/*コンテンツ全体の設定*/ font-family:Verdana, "Tahoma,Arial,sans-serif,MS Pゴシック",MS UI Gothic, Osaka;/*フォントの設定*/ margin-left:auto; /*センタリングのための左の余白*/ margin-right:auto; /*センタリングのための右の余白*/ color:#666; /*文字色の設定*/ width:650px; /*コンテンツ全体の幅*/ text-align:left; /*IEセンタリングバグ回避用。*/ font-size: 0.82em; /*文字サイズ。 文字サイズはInternet Explorerの文字のサイズ−中、Firefoxの文字サイズ−標準サイズに合わせてあります。*/ } /******************************************/ #title{/*タイトル部分*/ width:650px; /*タイトル部分の幅*/ height:297px; /*タイトル部分の高さ*/ background:url(01.gif) center center no-repeat; /*背景の設定*/ } /******************************************/ h1{/*タイトル部分のフォント、文字位置の設定*/ font-size:0.8em; /*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/ color:#c0c0c0; /*タイトル文字の色*/ padding-top:30px; /*文字上側の余白*/ padding-left:360px; /*文字左側の余白*/ padding-right:0px; /*右に余白*/ text-align:center; /*文字位置*/ margin:0px; /*Firefoxでの余分な余白を削除*/ } /******************************************/ h2{/*サブタイトル部分の設定*/ color:#ff1493; /*文字色*/ padding-left:60px; /*左に余白*/ padding-top:45px; /*上に余白*/ padding-right:60px; /*右に余白*/ text-align:center; /*文字位置*/ font-size:2.5em; /*文字サイズ*/ margin:0px; /*余白の設定*/ font-weight:normal; /*文字の太さ*/ } /******************************************/ #basebg-t{/*角丸背景上部*/ background:url(2.gif) no-repeat; /*背景の設定*/ height:112px; /*高さ*/} /******************************************/ #basebg-m{/*角丸背景中部*/ background:url(3.gif) repeat-y; /*背景の設定*/ } /******************************************/ #basebg-b{/*角丸背景下部*/ background:url(4.gif) no-repeat; /*背景の設定*/ height:112px; /*高さ*/ } /******************************************/ #main{/*メインコンテンツ部分の位置設定*/ width:450; /*メインコンテンツの幅*/ float:right; /*メインコンテンツ位置設定*/ padding-top:30px; /*文字上部の余白*/ padding-bottom:30px; /*フッターとの間隔*/ } /******************************************/ #maintext{/*IEとfirefoxのズレ対策用*/ font-size: 1.2em; /*文字サイズ。 padding-left:30px; /*文字左側の余白。*/ padding-right:20px; /*右に余白*/ } /******************************************/ h3{/*見出しの設定*/ color:#FF0000; /*テキスト色*/ background:url(5.gif) bottom repeat-x; /*背景の設定*/ border-left:8px solid #35a; /*右に枠線*/ padding-left:4px; /*左に余白*/ font-size:1.5em; /*文字サイズ*/ font-weight:normal; /*文字の太さ*/} /******************************************/ #menu{/*メニュー部分の設定。*/ width:180px; /*メニューの幅*/ float:left; /*メニュー位置設定*/ font-size:0.9em; /*メニューの文字サイズ*/ text-align:center; /*文字位置の設定left もしくは center もしくは right*/ padding-top:30px; /*上に余白*/ } /******************************************/ #menutext{/*IEとfirefoxのズレ対策用*/ padding-left:10px; /*左の余白設定*/ } /******************************************/ .m-title{/*メニュータイトルの設定。*/ height:20px; /*高さ*/ width:150px; /*幅*/ font-size:1.2em; /*テキストサイズ*/ background:url(6.gif); /*背景の設定*/ color:#000; /*テキスト色*/ margin-top:0px; /*上部に余白*/ margin-left:10px; /*左に余白*/ margin-right:22px; /*右に余白*/ margin-bottom:5px; /*下に余白*/ } /******************************************/ #footer a{ /*ページ下部のリンクテキストのフォント設定*/ color:#777; /*テキスト色*/ text-decoration:none; /*下線の設定*/ } /******************************************/ #footer{/*ページ下部の設定*/ clear:both; /*floatによるメインコンテンツとメニュー分割の終了*/ wigth:850px; /*ページ下部の幅*/ text-align:center; /*フッター文字を中心に配置*/ color:#777; /*テキスト色*/ font-size:0.8em; /*テキストの大きさ*/ padding-bottom:30px; } /******************************************/ 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; /* トラック部分 */ } /******************************************/ .red { color: #ff0000; } .blue { color: #0000ff; } .green { color: #009900; } .orange { color: #ff9900; } .pink { color: #ff66cc; } .b { font-weight: bold; } .line { background: #ffff66; } .big { font-size: 20px; } /* 文字装飾 */ .bbb /* 最大・太字 */ { color: #000; font-size: 1.4em; font-family: "HGP創英角ゴシックUB"; font-weight: normal; padding: 0; } .bb /* 大・太字 */ { color: #000; font-size: 1.2em; font-family: "HGP創英角ゴシックUB"; font-weight: normal; } .bbbr /* 最大・太字・赤 */ { color: #dc0000; font-size: 1.4em; font-family: "HGP創英角ゴシックUB"; font-weight: normal; } .bbr /* 大・太字・赤 */ { color: #dc0000; font-size: 1.2em; font-family: "HGP創英角ゴシックUB"; font-weight: normal; } .br { color: #dc0000; font-weight: bold; } /* 赤・太字 */ .u { border-bottom: 1px solid ; } /* アンダーライン */ .kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ .s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ a img {border:0;} strong,em {font-weight:normal;} em {font-style:normal;}