/* 基本レイアウト */ html { margin: 0; padding: 0; } form { margin: 0; padding: 0; } a { text-decoration: underline; } a img { border: 0; } /* 見出し */ h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W7"; } /* リンク色(ページ全体) */ a { color: #0000ff; text-decoration: underline; } a:hover { color: #ff9900; } #header a { color: #333; text-decoration: none; } #header a:hover { color: #333; } /* ページレイアウト */ body { width: 790px; text-align: center; margin: 0 auto; padding: 0; font-size: 13.5px; color: #333; background: #669900; line-height: 1.5; font-family: "MS Pゴシック"; position: relative; } /* ヘッダー(レイアウト) */ #header { position: relative; margin: 0 auto; padding: 0 5px; width: 780px; _width: 790px; height: 70px; text-align: left; background: url(img/head.gif) ; } /* ヘッダー(サイトタイトル) */ #header h1 { margin: 0; font-size: 24px; font-weight: normal; line-height: 1.25; position:absolute; top: 20px; left: 65px; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W7"; color: #666; } #banner { position: relative; margin: 0 auto; padding: 0 5px; width: 780px; height: 210px; background: url(img/bbg.gif) ; } #banner h2 { color: #fff; border-bottom: 1px solid #fff; margin-bottom: 10px; position:absolute; top: 25px; left: 160px; } #banner div { width: 780px; height: 200px; background: url(img/banner.gif) ; } #banner p { position:absolute; top: 65px; left: 160px; margin: 0 ; padding: 0; width: 600px; font-size: 16px; line-height: 1.25; font-weight: normal; font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W7"; color: #fff; text-align: left; letter-spacing: 0; background: none ; } /* メインコンテンツ全体 基本レイアウト*/ #container { position: relative; width: 780px; _width: 790px; margin: 0 auto; padding: 0 5px; text-align: center; background: url(img/bbg.gif) repeat-y ; } #container:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /* メインコンテンツ基本レイアウト(記事部分) */ #main { display: inline; /* ie win bugfix */ position: relative; float: right; min-height: 1px; text-align: left; width: 550px; margin: 0 10px 0 0; padding: 0; } /* メインコンテンツ基本レイアウト(サイドメニュー) */ #side { display: inline; /* ie win bugfix */ position: relative; float: left; min-height: 1px; text-align: left; width: 200px; padding: 0; margin: 10px 0 0 10px; background: url(img/2.jpg) no-repeat left ; } /* 記事部分見出し */ .header { /* ie win (5, 5.5, 6) bugfix */ width: auto; _width: 100%; margin: 10px 0; line-height: 40px; padding: 0 5px 0 20px; font-size: 1.4em; font-weight: normal; font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ8","ヒラギノ角ゴ Pro W7"; text-align: left; clear: both; background: url(img/h.gif) no-repeat; } .index #main .header { /* ie win (5, 5.5, 6) bugfix */ margin: 0; line-height: 40px; padding: 0 5px 0 20px; font-size: 1.4em; font-weight: normal; font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ8","ヒラギノ角ゴ Pro W7"; text-align: left; clear: both; background: url(img/h.gif) no-repeat; color: #666; } .header2 { /* ie win (5, 5.5, 6) bugfix */ width: auto; _width: 100%; margin: 15px 0 5px; line-height: 1.25; padding: 5px 5px 5px 25px; font-size: 1.2em; font-weight: normal; font-family: "HGP創英角ゴシックUB","ヒラギノ角ゴ8","ヒラギノ角ゴ Pro W7"; text-align: left; clear: both; border-bottom: 1px dotted #dcdcdc; background: url(img/check.gif) no-repeat left; } .header a, .header2 a { text-decoration: none; } #main p { margin: 15px 0; padding: 0; } .entry { line-height: 1.5; margin: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dcdcdc; } .content { line-height: 1.5; margin: 5px 0; padding: 0 0 5px 5px; border-bottom: 1px dotted #dcdcdc; font-size: 0.9em; } p.more { text-align: right; } /* フッター */ #footer { position: relative; margin: 0 auto; padding: 0 5px; width: 780px; _width: 790px; height: 130px; text-align: center; font-size: 0.9em; clear: both; background: url(img/footer.gif) bottom no-repeat; } #footer p { margin: 0; padding: 0; } .copy { margin: 0; padding: 30px 0 0; color: #666; font-size: 0.9em; } .f-navi { text-align: center; padding: 10px; } /* サイドメニュー内部 */ #side ul { margin: 0 0 10px; padding: 0; list-style: none; } #side li { width: 200px; display: block; line-height: 20px; margin: 0; padding: 0; letter-spacing: 0; text-decoration: none; color: #666; border-bottom: 1px solid #ccc; } #side li a { width: auto; _width: 100%; font-size: 0.9em; padding: 8px 3px 8px 10px; color: #666; display: block; line-height: 1.5; margin: 2px 0 1px; text-decoration: none; border-left: 5px solid #ccc; background: url(img/li.gif) ; } #side li a:hover { color: #cc0000; border-left: 5px solid #ff9900; background: url(img/lih.gif) ; } #side .sidetitle { width: auto; height: 38px; margin: 5px 0 0; padding: 0 0 0 10px; text-align: left; font-size: 1em; line-height: 36px; display: block; background: url(img/st.gif) no-repeat; } .box { position: relative; width: auto; _width: 100%; line-height: 1.5; margin: 15px 10px; padding: 0; font-size: 0.9em; border: 1px solid #dcdcdc; background: url(img/boxbg.gif) #f8f8f8; } #main .box p { border-bottom: 1px solid #ccc; margin: 0; padding: 3px 0 3px 5px; background: #fff; } .box ul { margin: 10px 0 10px 25px; padding: 0; line-height: 1.5; } .click a { position:absolute; bottom: 5px; right: 5px; min-height: 30px; _height: 30px; margin: 0; padding: 0 25px 0 0; background: url(img/go.gif) no-repeat right top; } .click a:hover { background: url(img/goh.gif) no-repeat right top; } .gotop { height: 18px; text-align: right; margin: 15px; padding: 0 20px 0 0; background: url(img/gotop.gif) no-repeat right; clear: both; } .adr { margin: 0; padding: 0; width: 500px; min-height: 500px; } #side p { margin: 10px 0; padding: 0; } .center { text-align: center; } .b { font-family: "HGP創英角ゴシックUB", "ヒラギノ角ゴ Pro W7"; font-weight: normal; font-size: 1.2em; } .widget { margin: 0; padding: 10px 0; } .widget-center { margin: 0; padding: 10px 0; text-align: center; } .img { margin: 0 10px 10px; float: left; } .imgr { margin: 0 10px 10px; float: right; } .imgt { margin: 5px 5px 10px 10px; float: left; } .line { border-top: 1px dashed #ccc; clear: both; margin: 0 5px; font-size: 5px;} img { border: none; } table { font-size: 0.8em; margin: 0; background: #ccc; } td { background: #fff;} form { width: auto; _width: 100%; margin: 10px 0 ; padding: 10px; font-size: 0.9em; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: url(img/boxbg.gif) #f9f9f9; clear: both; text-align: center; }