<div id="headerMenu"><!--

--><ul class="menu"><!--

--><li><a href="http://ameblo.jp/antenna-ame" target="_blank">What's new</a></li><!--

--><li><a href="http://ameblo.jp/antenna-ame/theme-10082661105.html" target="_blank">about me</a></li><!--

--><li><a href="http://ecru2.jimdo.com/menu/" target="_blank">Menu</a></li><!--

--><li><a href="https://www.facebook.com/xxshixx.giveme" target="_blank">facebook</a></li><!--

--><li><a href="https://ssl.form-mailer.jp/fms/b9491c24309465" target="_blank">contact form</a></li><!--

--></ul><!--

--></div>


/* ヘッダー下にグローバルナビ(グローバルメニュー)を設置する */

/*▼▼▼ 変更しない ▼▼▼*/

.skinContentsArea{

  position:relative;

}

#headerMenu{

  position:absolute;

  margin:0;

  padding:0;

}

#headerMenu ul.menu{

  margin:0;

  padding:0;

  list-style: none;

}

#headerMenu ul.menu li{

  display:inline;

}

#headerMenu ul.menu li a{

  display:block;

  float:left;

  margin:0;

  padding:0;

  white-space:nowrap;

  overflow:hidden;

  text-align:center;

}

/*▲▲▲ 変更しない ▲▲▲*/

/*▼▼▼ サイズ・位置など ▼▼▼*/

.skinContentsArea{

  padding-top:40px;   /* ボタン設置用スペース */

}

#headerMenu{

  top:-10px;            /* 上下位置調整 */

  left:0px;           /* 左右位置調整 */

  width:100%;        /* メニュー全体の幅 */

  background-color:#70adbd;

}

#headerMenu ul.menu li a{

  width:196px;        /* ボタンの幅 */

  line-height:50px;   /* ボタンの高さ */

  font-size:20px;     /* ボタンの文字サイズ */

}

/*▲▲▲ サイズ・位置など ▲▲▲*/

/*▼▼▼ ボタンの色・文字装飾・背景など ▼▼▼*/

#headerMenu ul.menu li a{ /* 通常時 */

  color:#778899;             /* 文字色() */

  font-weight:light;        /* 太字() */

  text-decoration:none;      /* 下線(なし) */

  background-color:#ffffff;  /* 背景色() */

  background-image:url();    /* 背景画像 */

  background-repeat:repeat;  /* 背景画像繰り返し */

}

#headerMenu ul.menu li a:hover{ /* カーソルが乗った時 */

  color:#70adbd;             /* 文字色(グレー) */

  font-weight:light;        /* 太字(なし) */

  text-decoration:none; /* 下線(なし) */

  background-color:#ffffff;  /* 背景色(エクル) */

  background-image:url();    /* 背景画像 */

  background-repeat:repeat;  /* 背景画像繰り返し */

}

/*▲▲▲ ボタンの色・背景など ▲▲▲*/


/* サイドバータイトル */

.skinMenuTitle{

font-size:14px;

font-weight: bold;

color: #fff;

}

 


囲み枠

<div style="background:#bfffdf; padding:10px; border:2px dotted #00bf00;">・1行目<br>・2行目<br>・3行目<br>・4行目<br>・5行目</div><br>

見出し

<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">見出し</div>