/*-------------------------------------------------------- 1、bodyの設定 -------------------------------------------------------*/ /*--背景画像設定--*/ body{ margin: 0; background-color:#FFDDC8; } /*--文字設定--*/ body{ font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;/*認識文字*/ margin: 0;/*位置の隙間*/ font-size: 90%;/*サイズ*/ line-height: 1.4em;/*行間*/ color: #333;/*文字色*/ } /*--リンク-色-*/ a{ text-decoration: underline; }/*リンクにアンダーライン*/ a:link{ color: #0000FF; }/*未訪問リンク(青)*/ a:visited{ color: #FF0000; }/*訪問済みリンク(赤)*/ a:hover{ color: #00FF00; }/*マウスカーソル時(緑)*/ /*-------------------------------------------------------- 2、hタグの設定 --------------------------------------------------------*/ h1{ z-index: 1; position: absolute; margin: 7px 0 0 16px; font-size: 8.5pt; line-height: 18px; color: #ccc;/*タイトル文字色(灰)*/ } h2,h2.p1{ clear: both; margin: 0 0 1.0em 0; padding: 0.2em 14px; background-color: #FFE635; border: 3px solid #FF0000; font-size: 1.2em; font-weight: bold; line-height: 1.4em; color: #00F2F2; } /*-------------------------------------------------------- 3、サイト全体(container)の設定 --------------------------------------------------------*/ /*--サイト全体の配置--*/ div#container{ margin: 0 auto; text-align: left; } /*--サイト全体の横幅--*/ div#container{ width: 1000px; _width: 1002px;/*IE6用*/ } /*--▼1、ヘッダー(header)の設定▼--*/ div#header{ width: 1000px; _width: 1002px;/*IE6用*/ background: center url(../img/header/header01.gif); height: 150px;/*ロゴの高さ*/ border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: left; } /*--▼2、メイン(main)の設定▼--*/ div#main{ width: 1000px; _width: 1002px;/*IE6用*/ position: absolute; top: 152px;/*縦位置*/ overflow: hidden; background: #fff;/*内容背景色(白)*/ text-align: left; } /*--▽1・メインコンテンツ関連--*/ div#main-contents{ width: 660px; _width: 680px;/*IE6用*/ display: inline; float: left; overflow: hidden; padding: 0 10px; clear: both; overflow: auto; margin: 10px 0; padding: 0px 20px 1.4em 20px; background-color: #FFFF00;/*記事背景色(黄)*/ } /*--▽2・サイドバー関連--*/ div#sidebar{ width: 240px; display: inline; float: right; overflow: hidden; background-color: #FFEEE3; } /*--▽▽サイドコンテンツ--*/ div#sidebar .menu{ width: 218px; _width: 220px;/*IE6用*/ } /*サイドバーのタイトル帯の文字色*/ div#sidebar .title p{ margin: 0 10px; padding: 5px 0; font-weight: bold; color: #fff; background-color: #C8AF00; } /*--▽3・フッター(footer)の設定--*/ div#footer{ clear: both; width: 100%; background-color: #005900;/*フッター背景色(深緑)*/ text-align: center; } div#footer #copyright{ clear: both; width: 100%; margin-top: 1.0em; padding: 1.0em 0; background-color: #FFFF00;/*フッター背景色(黄)*/ font-size: 10pt; line-height: 14pt; color: #333; }