body{ margin:0px; text-align:center; background: url() #fff left top repeat-x; } a:link , a:visited , a:hover , a:active{ color: #36c; /*リンクの色*/ text-decoration: underline; /*リンク下線の設定。underlineで下線有り。noneで下線無し。*/ } #bg{/*背景の設定*/ background: url(image/1.jpg) center repeat-y; } #baseBlock1{/*コンテンツ全体の設定*/ font-family:Verdana, "Tahoma,Arial,sans-serif,MS Pゴシック",MS UI Gothic, Osaka;/*フォントの設定*/ margin-left:auto; /*センタリングのための左の余白*/ margin-right:auto; /*センタリングのための右の余白*/ border-left:1px solid #aaa; /*左枠線の設定*/ border-right:1px solid #aaa; /*右枠線の設定*/ color:#666; /*文字色の設定*/ width:650px; /*コンテンツ全体の幅*/ text-align:left; /*IEセンタリングバグ回避用。*/ font-size: 0.82em; } #title{/*タイトル部分*/ width:650px; /*タイトル部分の幅*/ height:235px; /*タイトル部分の高さ*/ background:url(image/4.gif) no-repeat; /*背景の設定*/ } h1{/*タイトル部分のフォント、文字位置の設定*/ font-size:1.3em; /*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/ color:#666; /*タイトル文字の色*/ padding-top:85px; /*文字上側の余白*/ padding-left:200px; /*文字左側の余白*/ margin:0px; /*Firefoxでの余分な余白を削除*/ } h2{/*サブタイトル部分の設定*/ color:#666; /*文字色*/ padding-left:200px; /*左に余白*/ padding-top:0px; /*上に余白*/ padding-right:30px; /*右に余白*/ font-size:1.0em; /*文字サイズ*/ margin:0px; /*余白の設定*/ font-weight:normal; /*文字の太さ*/ } #top_menu{/*上部メニューの設定*/ background:url(image/3.gif) no-repeat; /*背景の設定*/ height:124px; /*高さ*/ border-bottom:1px solid #aaa; /*下に枠線*/ } .top_menu_li{/*上部メニュー丸い部分一つ一つの設定*/ display:block; float:left; /*回り込みの設定*/ height:101px; /*高さ*/ width:100px; /*幅*/ background:url(image/3.jpg) no-repeat;/*背景の設定*/ text-align:center; /*文字位置の設定*/ padding-top:40px; /*上に余白*/ } .top_menu_li a:link , a:visited {/*上部メニューリンクの設定(通常)*/ color:#5af; /*文字色*/ text-decoration:none; /*下線の有無*/ } .top_menu_li a:hover , a:active{/*上部メニューリンクの設定(マウスオーバー時)*/ color:#35c; /*文字色*/ border-bottom:1px solid #35c; /*下線の設定*/ border-top:1px solid #35c; /*上線の設定*/ } #top_menu_padding{/*上部メニュー余白の設定*/ margin-left:330px; /*左に余白*/ } #main{/*メインコンテンツ部分の位置設定*/ width:450; /*メインコンテンツの幅*/ float:right; /*メインコンテンツ位置設定*/ padding-top:30px; /*文字上部の余白*/ padding-bottom:30px; /*フッターとの間隔*/ } #maintext{/*IEとfirefoxのズレ対策用*/ padding-left:30px; /*文字左側の余白。*/ padding-right:20px; /*右に余白*/ } h3{/*見出しの設定*/ border-bottom:1px solid #35a; /*下に枠線*/ border-left:8px solid #35a; /*右に枠線*/ padding-left:4px; /*左に余白*/ font-size:1.1em; /*文字サイズ*/ font-weight:normal; /*文字の太さ*/} #menu{/*メニュー部分の設定。*/ width:190px; /*メニューの幅*/ float:left; /*メニュー位置設定*/ font-size:0.9em; /*メニューの文字サイズ*/ padding-top:15px; /*上に余白*/ } #menutext{ padding-left:10px; } .m-title{/*メニュータイトルの設定。*/ height:25px; /*高さ*/ font-size:1.3em; /*テキストサイズ*/ border:1px solid #aaa; /*枠線の設定*/ color:#666; /*テキスト色*/ margin-top:0px; /*上部に余白*/ margin-left:3px; /*左に余白*/ margin-right:8px; /*右に余白*/ margin-bottom:3px; /*下に余白*/ } #footer a{ color:#777; text-decoration:none; } #footer{ clear:both; wigth:850px; text-align:center; color:#777; font-size:0.8em; } a img{ border-style : none; border-width : 0px; text-decoration : none; } html{ 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; }