body { font-size: 0.9em;
       background-color: #FFFACD; 
       color: #777777; 
       line-height: 150%; 
}

h1 { font-size: 2.0em;
     color: #FFFFFF;  
     font-family: fantasy; 
     text-shadow:2px 2px 0 #999999;
} 

#header {
          background: url(./img/zinbei.jpg) 0 0 no-repeat; 
          padding: 15px 0 0 35px; 
          height: 85px; 
}

#wrap {
       width: 1000px; 
       margin: 0px  auto;
       padding: 0px auto;
       border: 1px #c0c0c0 solid;
}

#left_bar {
      width: 550px; 
      float: left;
      margin-left: 50px;
}

/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background-color: #f9f9f9; /* ナビゲーションの背景色 */
border-top: 1px #cccccc solid; /* 上境界線 */
border-bottom: 1px #cccccc solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1 {
width: 9em;
}
div.nav ul.nl li.item2 {
width: 8em;
}
div.nav ul.nl li.item3 {
width: 6em;
}
div.nav ul.nl li.item4 {
width: 6em;
}
div.nav ul.nl li.item5 {
width: 10em;
}
div.nav ul.nl li.item6 {
width: 6em;
}
div.nav ul.nl li.item7 {
width: 5em;
}
div.nav ul.nl li.item8 {
width: 18em;
}
div.nav ul.nl li.item9 {
width: 4em;
}
/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 2px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

#right_bar {
      width: 220px; 
      float: left;
      margin-top: 30px;
      margin-left: 30px;
}



a:link { color: #009900; }
a:visited { color: #006600; }
a:hover { color: #003300; }
a:active { color: #003300; }

ul{ 
   margin-bottom: 30px; 
}

#copy{
      background-color: #669966; 
      clear: both;
      text-align: center; 
      color: #FFFFFF;
}

/* --- 見出しエリア --- */
div.heading {
width: 570px; /* 見出しエリアの幅 */
margin-bottom: 1em;
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 20px 10px 5px; /* 見出しのパディング（上、左右、下） */
border-bottom: 2px #9acd32 solid; /* 見出しの下境界線 */
line-height: 100%;
}


/* --- ボックス右側 --- */
div.section_right {
margin: 10px;
width: 300px; /* ボックスの幅 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- ボックス右側内の段落 --- */
div.section_right p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}