@charset "utf-8";

/* -----------------------------------------------------------

Header CSS Ver. 1.0
ファイル名：header.css
作成日：2010年3月23日
作者:Maya Uegaki
説明:ヘッダ領域のスタイルを設定しています
サイト名：NPO法人スクラップブッキング協会Webサイト
URL:http://www.scrapbooking-association.com/

----------------------------------------------------------- */


/* Logo */
div#logo, h1#logo {
  width: 210px;
  height: 100px;
  margin: 10px 103px 50px 17px;
  float: left;
}

/* Header Common Links */
ul#header_common_links {
  width: 288px;
  height: 40px;
  margin-top: 10px;
  margin-right: 56px;
  float: right;
}

ul#header_common_links li {
  float: left;
}

/* Header Banner */
div#header_banner {
  width: 470px;/* original  468 */
  height: 61px;/* original  60 */
  margin-top: 15px;
  float: left;
}

/* Header Join */
div#header_join {
  width: 128px;
  height: 60px;
  margin-top: 15px;
  margin-right: 10px;
  float: right;
}

/* Global Nav */
ul#global_nav {
  width: 910px;
  height: 39px;
  margin: 0;
  padding: 3px 20px 21px 20px;
  clear: both;
}

ul#global_nav li {
  height: 39px;
  padding-right: 3px;
  float: left;
}

ul#global_nav li#nav_about {
  padding-right: 0;
}

ul#global_nav li#nav_about:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul#global_nav li#nav_about {
  width: 128px;
  display: inline-block;
}