body {
  width: 780px;
  margin: 0 auto;
  font-family: "serif", georgia, verdana, sans-serif;
  color: #003;
  background: #FFF;
  }
  
h1 {
  margin: 0;
  text-align: center;
  color: #003;
  font-size: 30px;
  padding-top: 20px;
  }

h2 {
  margin: 0;
  text-align: center;
  color: #003;
  font-size: 12px;
  }
  
h3 {
  margin: 0;
  text-align: center;
  border-bottom: solid 2px #003;
  color: #003;
  font-size: 14px;
  }
  


a {
  /*** color: #003; ***/
  color: #0000cc;
  text-decoration: none;
  }
  
a:hover {
  color: #FF3000;
  text-decoration: underline;
 }
  
.menu ul {
  margin: 0;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  }
  
.menu a {
  width: 93%;
  margin: 1px;
  padding: 2px;
  display: block;
  border: solid 1px #003;
  background-color: #008888;
  color: #ffffff;
  }
  
.menu a:hover {
  background-color: #F30;
  color: #FFF;
  text-decoration: none;
  }

/* リスト全体 */
.navimenu ul
   {
    width:780px;            /* リスト全体の幅 */
    height:20px;            /* リスト全体の高さ */
    /* height:35px; */           /* リスト全体の高さ */
    list-style:none;        /* リストマークを無しにする */
    text-align:center;      /* 文字を中央 */
    font-size:110%;         /* 文字を大きく */
    font-weight:bold;       /* 文字を太く */
    line-height:220%;       /* 行の高さを調整 */
    margin-top: 2px;
	margin-left: 0px;
   }

/* 各項目 */
.navimenu li
   {
    width:111px;            /* 項目の幅 */
    height:27px;            /* 項目の高さ */
    float:left;             /* 各項目を左側から回り込み */
   }

/* リンク部分 */
.navimenu a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(./menu_btn.jpg);  /* リンク範囲の背景画像設定 */
    background-position:0px 0px; /* ★背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat; /* 背景画像繰り返し表示しない */
    color:#ffffff;            /* リンク文字色 */
   }

.navimenu a:link
   {color:#ffffff;}         /* まだ見ていないリンク色 */

.navimenu a:visited
   {color:#ffffff;}         /* 既に見たリンク色 */
 
.navimenu a:hover
   {
    background-image:url(./menu_btn_mv.jpg);     /* マウスが上に来た時の背景画像設定 */
    /*** background-position:0px -35px; ***/ /* ★背景画像を（0px -35px）に移動★ */
    color:#4a494a;          /* マウスが上に来た時の文字色 */
   }

div.submenu a{
	background-color: #cccccc;　　/*** サブメニューの色 ***/
	border-top: 1px solid #ffffff;　　/*** サブメニューの枠の色***/
	}

div.submenu {
	visibility: hidden;
	position: absolute;
	left: 0px; 
    width:150px;            /* 項目の幅 */
	}

.rightmenu a {
  color: #003;
  text-decoration: underline;
  }

.rightmenu ul {
  margin: 0;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  }

.right_ad {
  color: #003;
  text-align: center;
  }

.leftmenu {
  margin: 0;
  font-size: 12px;
  }
  
.leftmenu ul {
  margin: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0;
  list-style: none;
  }
  
.leftmenu li {
  margin-top: 5px;
  margin-bottom: 5px;
  }
  
.leftmenu a {
  color: #003;
  text-decoration: underline;
  }
  
.leftmenu a:hover {
  color: #F30;
  text-decoration: none;
  }
  
.left_ad {
  color: #004080;
  text-align: center;
  }
  
.left_ad ul{
  color: #003;
  text-align: center;
  }
 
.left_ad a {
  color: #004080;
  text-decoration: none;
  display:block;
  width:97%;
  }
  
.left_ad a:hover {
  color: #F30;
  text-decoration: underline;
  }
 
#header {
  height: 90px;
  margin-top: 25px;
  margin-bottom: 1px;
  background-color: #FFF;
  border: solid 3px #369;
  background:url(header.jpg) no-repeat top center;
  }

#navi {
  margin-bottom: 10px;
  font-size: 12px;
  /* background-color: #F0F0F0; */
  background-color: #ffffff;
  }
  

#menu1{
	position:relative;
	/**
	top:0;
	left:0;
	**/
	}

#right {
  float: right;
  width: 20%;
  margin-bottom: 25px;
  /*** padding: 5px; ***/
  background-color: #FFF;
  /*** border: solid 3px #369; ***/
  /*** font-size: 12px; ***/
  }
  
#right h3 {
	/***
	color: #003;
  	border-bottom: solid 3px #000080;
  	font-size: 12px;
	***/
    border:solid 2px #00ff00;            /* 上下左右の罫線 */
    border-left:solid 10px #00ff00;      /* 左側の罫線を太く */
    background-image:url(画像);        /* 画像の指定 */
    background-position:right;           /* 右側に設置 */
    background-repeat:repeat-y;          /* 垂直方向に繰り返し */
    background-color:#ccffff;            /* 背景色 */
    padding-top:3px;                     /* 上部から文字までの距離 */
    padding-left:1px;                    /* 左部から文字までの距離 */
  }

#right image {
  padding-top: 5px;
  }

#left {
  float: left;
  width: 20%;
  background-color: #FFF;
  /*** border: solid 3px #369; ***/
  }
  
#left h3 {
  color: #003;
  background-color: #9999cc;
  border-top: solid 2px #ddffdd;
  border-right: solid 2px #003333;
  border-left: solid 2px #ddffdd;
  border-bottom: solid 2px #003333;
  font-size: 12px;
  }

#left h4
   {
    /*** border-bottom:solid 2px #c0c0c0; ***/    /* 下側の罫線 */
    background-image:url(arrow01.gif);        /* 背景画像 */
    background-repeat:no-repeat;         /* 繰り返しなし */
    background-position:left center;     /* 配置を左、中央 */
    padding-left:20px;                   /* 左から文字までの距離 */
    padding-top:3px;                     /* 上部から文字までの距離 */
    /*** width:300px; ***/                         /* 全体の幅 */
	font-size: 12px;
   }
  
#left p {
  color: #003;
  text-align: left;
  font-size: 11px;
  }
  
#content {
  margin-left: 159px;		/** rep 20090303 **/
  margin-right:159px;		/** rep 20080303 **/
  padding: 2px;
/*
  padding-left: 8px;
  padding-right: 8px;
*/
  background-color: #FFF;
  border: solid 2px #FF9;
  font-size: 11px;
  line-height:180%;		/** add 20081007 **/
  }

#content h3 {
  width: 425px;
  margin: 1px;
  padding: 2px;
  display: block;
  border: solid 1px #003;
  background-color: #f9ff80;
  color: #003;
  text-align: left;
  }

/*** add 20081007 ***/  
#content h4
   {
    border-left:solid 10px #006666;    /* 左側の罫線 */
    border-bottom:double 3px #006666;  /* 下側の二重線 */
    padding-top:3px;                   /* 上部から文字までの距離 */
    padding-left:3px;                  /* 左部から文字までの距離 */
    width:380px;                       /* 全体の幅 */
   }

#content a{
  color: #000080;
  }
  
#content a:hover {
  color: #f03732;
  }
  
#content img {
  float: left;
  margin-right: 5px;
  margin-bottom: 3px;
  }
  
#content IFRAME {
  float: left;
  margin-right: 5px;
  margin-bottom: 3px;
  }
  
 
#footer {
  clear: both;
  margin-top: 5px;
  text-align: center;
  font-size: 11px;
  }
  
#footer-menu {
  /***
  background-color: #FFFF7E;
  ***/
  padding: 2px;
  font-size:10px;
  font-color:#ffffff;
}

#footer-menu a {
  color: #FFFFFF;
  /*** text-decoration: underline; ***/
  }

#footer-menu a:hover {
  color: #FF0300;
  /*** text-decoration: underline; ***/
  }

#footer_ad {
  clear: both;
  margin-top: 5px;
  text-align: center;
  }

