Difference between revisions of "CSS/gifu/head"

Revision as of 06:08, 26 August 2016

@charset "Shift_JIS"; /*============================================ 全般的なスタイル ============================================*/ * { margin:0; padding:0; /*全要素のマージン・パディングをリセット*/ line-height:1.5; /*全要素の行の高さを1.5倍にする*/ color:#333333; /*文字色*/ } body { text-align:center; /*IE6以下でセンタリングするための対策*/ } div#pagebody { margin:0 auto; /*内容全体をセンタリング*/ text-align:left; /*テキストの配置を左揃えにする*/ background-repeat:repeat-x,y; /*背景画像を縦方向に繰り返す*/ background-color;#00ffff; /*内容全体の背景色*/ } /*============================================ ヘッダ ============================================*/ div#header { position: fixed; _position: absolute; height:60px; / background-repeat:repeat-x,y; background-color:white; margin:0; padding:0; width: 100%; z-index:2; } div#header ul { list-style-type:none; } div#header ul ul { visibility:hidden; } img {float:left;margin-left:200px;margin-right:11px;} li#menu001,li#menu002,li#menu003,li#menu004,li#menu005,li#menu006,li#menu007,li#menu008 { float:left;margin-left;340px; display:inline; list-style-type:none; background-repeat:no-repeat; width:130px; } div#header a { padding:20px; display:block; height:20px; text-align:center; vertical-align:middle; border-right:1px solid #cccccc; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } li#menu001 a { border-left:1px solid #cccccc; } li#menu007 a { } li a:hover{ background-color:#ccffff; } div#header ul ul a { /*============================================ ニュース（中央カラム） ============================================*/ div#news { width:1200px; margin-left:130px; padding-top:100px; background-color:white; /*opacity:0.6*/ z-index:1; } h2 { font-size:400%; margin-bottom:50px; padding-left:100px; order-bottom:solid 1px #cccccc; background-repeat:no-repeat; background-position:left center; } h3 {font-size:150%; margin-left:50px;} p {font-size:100%; margin:10px 0px 50px 50px; text-indent:10px;} hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;} /*================================= フッター（スポンサー） =================================*/ div#spo { background-color:#ccffff; height:300px; margin-bottom:0px; }