@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------*/
/* （３）ナビゲーション                          */
/*-----------------------------------------------*/
#navigation {
	width:170px;               /* メニューの幅 */
	height:auto;
	font-size:small;
	color: #333333;
  float:left;
  /* padding-left:10px; */
  /* border-bottom:1px solid #666666; */
  /* background-color:#000066; */
  background-color:#2747AA;
  margin:0 0 0 0;   /* 上 右 下 左 */
	padding:0 0 0 0;   /* 上 右 下 左 */
}
#navigation ul {
  margin:4px 0 0 0;   /* 上 右 下 左 */
	padding:0 0 0 0;   /* 上 右 下 左 */
}
#navigation li {
  margin:4px 0 0 0;   /* 上 右 下 左 */
	padding:4px 0 0 0;   /* 上 右 下 左 */
  /* float:left; */
  /* display:inline; */
  background-repeat:no-repeat;
  background-position:left;
}
#navigation ul, #navigation li {
	list-style:none;
  /* border-right:1px solid #666666; */
}
#navigation a, #navigation a:link #navigation a:visited {
	text-decoration:none;
	text-align:center;
	color:#666666;
	display:block; /* ブロック状態で表示 */
	width:170px;
	height:38px;
	vertical-align: middle;  /* 効かない・・・ */
	/* padding: 0.5em 0.4em;  */  
}

#navigation a:hover {
  color:#cc0000;
  /* background-color:#cc0000; */
}
#navigation .current_page {
  /* background-color:#FFFFFF; */
  background-image:url(images/menu_on.gif);
}
#navigation .other_page {
/*  background-color:#333333; */
background-image:url(images/menu_off.gif);

}
#navigation .single_line {
  padding-top:14px; 
}
#under_navi img {  /* 森のイメージ */
  vertical-align:bottom;

}

/*-----------------------------------------------*/
/* （４）コンテンツ                              */
/*-----------------------------------------------*/
#contents {
  /* background-color:#663300; */
}

#contents_main_header {
  float:left;
  background-image:url(images/top_image.jpg);
  background-repeat:no-repeat;
  background-position:left;
  width:630px;
  height:210px;
}

#contents_main {
  float:left;
  /* background-color:#6600CC; */
}
/* ======================== */
#contents_left {
  float:left;
  /* margin-left:10px; */
  margin-left:10px;
	padding: 0;  /* clear:both; */
  /* background-color:#FF0000; */
  width:300px;
}
#contents_left_header {
  /* background-color:#003DC7; */
  color:#FFFFFF;
  font-size:1.2em;
  text-align:center;
  padding-top:0;
  padding-bottom:10px;
	width:100%;              /* 無いと、割れる */
}
#contents_left_header p {
  padding-top:10px;
}


#contents_right {
  float:left;
  /* margin-left:10px; */
  margin-left:10px;
	padding: 0;  /* clear:both; */
  /* background-color:#FF0000; */
  width:300px;
}
#contents_right_header {
  background-color:#007EC7;
  color:#FFFFFF;
  font-size:1.2em;
  text-align:center;
  padding-top:0;
  padding-bottom:10px;
	width:100%;              /* 無いと、割れる */
}
#contents_right_header p {
  padding-top:10px;
}

/* ======================== */
#contents_menu {
  width:100%;
  height:270px;
  float:left;
  overflow:auto;
}
#contents_menu ul {
  list-style:none;
	padding-left:0.5em;
}

#contents_menu li {
  border-bottom:dotted 1px #666666;
  font-size:0.8em;
  color:#666666;
  padding-right:8px;
  padding-top:2px;
  padding-bottom:2px;
  line-height:1.2em;
}

#contents_menu .date {
  color:#FF0000;
}