@charset "UTF-8";

#header{
margin-top: 25px;

}
#header2 {
	margin: 10px 0px;
	width:100%; 
	text-align:left;
	background-color:#D3F5F4; 

}

/* --- 画像を回り込ませなくなったため、h2 見出しの左マージンの指定は必要ありません --- */
#main {
　width: 800px;
 height: auto;
/* --- #main についていたパディングを0に上書き --- */
  padding: 0;

}

#left {
   margin:auto;
   padding: 10px 0px 10px 20px;
   float: left;
   width: 140px;
   text-align:left;

}


#contents_navi {
	margin: 5px ;
	padding: auto;
	list-style-type: none;

}

li {margin: 5px 0;

}


#right {
 padding: 20px 20px 20px 0px;
 width: auto;
 float: right;

}

#mainnavi {
	margin: 0 0 0 0px;
	width: 600px;
	height:65px; 
	border-bottom:1px dotted #999999;
    
}

.navilist {
	margin: 10px 5px 0px 0;
	font-size: 1.1em;
	padding-top:0px ;
	list-style-type: none;
	

}
.navi2{
	margin-top: 10px;
	width: 95px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	border-right: 1px solid #CCCCCC;
    float:left;
}

.navilist li {
	float: left;
	margin: 0;
	padding: 15px 10px 10px 0px;

	

}

.navilist li a {
	margin: 0;
	padding: 5px 5px 5px 0px;
	text-decoration: none;
	border-right: 1px solid #CCCCCC;

}

.navilist li.current a {
	color: #767350;

}

.navilist li a:hover {
	color: #333333;

}


.list {
	width: 500px;
	height: 10px;
	float: left;
	padding: 10px 20px 5px 0px;


}

.imgbox {
/* --- 下に配置するナビゲーションとの境界線をつくり引き締めるために線の太さ、線種、色を指定 --- */
  border-bottom: 3px solid #ddd;
}

#footer {
	/* --- そのままの設定だとフッタとメニューの距離が近すぎるので上マージンを指定 --- */
  margin-top: 30px;
	/* --- テキストタイプのテンプレートとは異なり、ガイドラインを画像の脇に揃えたほうが見た目が良いため、左マージンを0に指定 --- */
  padding-left: 0;
	background-color: #D3F5F4;
}
a:link , a:hover , a:visited
{ text-decoration:none; color:#999999; }




h1
{
font-size:20px;
 font-weight:bold; 
 margin-left:20px;
  color:#000000;

}