@charset "UTF-8";

/* ========BASIC======== */
body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   padding-left: 1px; /* センターのずれ防止 */
   background: #ffffff url(pageback_800.png) center top repeat-y;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#top {
   width:800px;
   margin:0 auto;
   background:#fff;
}

div#header {
   width:800px;
   background:#fff;
}

div#menu {
   width:800px;
   margin-bottom:5px;
}

div#contents {
   clear:both;
   width:800px;
   background:url(images/bg_contents.gif) 0 0 repeat-y;
}

div#headImage {
   width:800px;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}



/* ========MENU CUSTOMIZE======== */
div#menu ul {
   width:800px;
   margin:0;
   padding:0px 2 1px 1px;
   background:#3366ff;
}

div#menu li {
   float:left;
   font-size:1em;
   color:#333;
   text-align:center;
   list-style-type:none;
}

div#menu li a{
   display:block;
   width:90px;
   margin-right:1px;
   padding:7px 0;
   color:#fff;
   background:url(images/bg_menu_off.gif);

}

div#menu li a:hover{
   color:#fff;
   background:url(images/bg_menu_on.gif);
}

/* 回り込み解除 */
div#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* --- 各ページのメニューの設定↓ --- */

/* --- ナビゲーションバー --- */
.nav {
width: 130px; /* ナビゲーションの幅 */

}

/* --- メニューエリア --- */
.nav .nl {
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav .nl li {
padding: 2px 0; /* 項目のパディング（上下、左右） */
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下枠線 */
font-weight:bold
}


/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 10px 8px 12px; /* リンクエリアのパディング（上右下左） */
background: #ffff99 url(ver_menu2_off.gif) no-repeat 2px; color:#0000FF; /* 左側の垂直線 */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- アクセス済みリンクの色 --- */
.nav .nl li a:visited { color:#ff0000; }

/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #ff99cc url(ver_menu2_on.gif) no-repeat 2px; color:#990000; /* ポイント時の垂直線 */
}

/* --- 各ページのメニューの設定↑ --- */