スタイルシート テキスト

/*メニューバー設置場所*/
#navi-bar {margin-top:0px;padding:0;}#navi-bar ul.menu{margin:0;padding:0;list-style: none;}#navi-bar ul.menu li{display:inline;}

#navi-bar ul.menu li a{display:block;float:left;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-align:center;}#banner{margin-bottom:0px;}

/* ▼▼▼ 位置・サイズ調整 */
#navi-bar{max-width:960px;} /* メニュー全体の幅 */
#navi-bar ul.menu li a{width:20%; /* ボタンの幅 */line-height:30px; /* ボタンの高さ */font-size:14px; /* ボタンの文字サイズ */}

/*▼▼▼ 色・文字装飾・背景など */
#navi-bar ul.menu li a{ /* 通常時 */color:#ffffff; /* 文字色(白) */font-weight:bold; /* 太字 */text-decoration:none; /* 下線(なし) */background-color:#1F5E73; /* 背景色(藍色) */background-image:url(); /* 背景画像 */background-repeat:repeat; /* 背景画像繰り返し */}
#navi-bar ul.menu li a:hover{ /* カーソルが乗った時 */color:#ffffff; /* 文字色(白) */font-weight:bold; /* 太字 */text-decoration: underline; /* 下線(あり) */background-color:#1F5E73; /* 背景色(藍色) */background-image:url(); /* 背景画像 */background-repeat:repeat; /* 背景画像繰り返し */}
#navi-bar:after{ /* 横並びの解除 */content:"";display:block;clear:both;}

.l-content {margin-top: 30px;}