@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #333333;
  }
#wrapper {
  width: 777px;
  }

/* ページ本体
---------------------------------------------------- */
#pagebody_500 {
  clear: both;
  position: relative;
  width: 777px;			/* ■IE用バグ対策 */
  height: 500px;　　　　/* naviの高さに合わせてある */
  padding-top: 12px;
}

/* テキストサイズ
---------------------------------------------------- */
.font10  {
font-size: 10px;
}
.font11  {
font-size: 11px;
}
.font12  {
font-size: 12px;
}
.font14  {
font-size: 14px;
}
.font20  {
font-size: 20px;
color: #FF0000;
font-weight: bold;
}
.font25  {
font-size: 25px;
color: #0099FF;
font-weight: bold;
}
.font28  {
font-size: 28px;
color: #0099FF;
font-weight: bold;
}
.style1 {
font-size: 12px;
color: #666666;
font-weight: bold;
}
.style2 {
font-size: 12px;
color: #666666;
font-weight: bold;
line-height:1.3em;
}


/* フッタ
---------------------------------------------------- */
#footer {
  width: 777px;
  font-size: 12px;
  color: #ffffff;
  background-color:#0099FF
}
/* wrapper設定（7種類のアイコンがあるので、使い分ける）

川の状況
緑地・農地・公園
雨水に関連する施設
生き物
湧き水
イベント・企画
魅力的な資源
問題や課題の情報
意見・提案
その他
食に関する情報
いい川ワークショップ

---------------------------------------------------- */
#wrapper_01{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/kawa.jpg) no-repeat;
}
#wrapper_02{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/ryokuchi.jpg) no-repeat;
}
#wrapper_03{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/usui.jpg) no-repeat;
}
#wrapper_04{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/ikimono.jpg) no-repeat;
}
#wrapper_05{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/yusui.jpg) no-repeat;
}
#wrapper_06{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/event.jpg) no-repeat;
}
#wrapper_07{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/miryoku.jpg) no-repeat;
}
#wrapper_08{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/mondai.jpg) no-repeat;
}
#wrapper_09{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/coment.jpg) no-repeat;
}
#wrapper_10{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/sonota.jpg) no-repeat;
}
#wrapper_11{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/shoku.jpg) no-repeat;
}
#wrapper_12{
  margin-top: 5px;
  margin-left: 10px;
  width: 270px;
  height: 38px;
  background: url(../image/iikawa.jpg) no-repeat;
}
/* ヘッダ設定（共通）
---------------------------------------------------- */
#smallheader{
  margin-top: 20px;
  width: 250px;
  height: 2px;
  background: url(../image/small_bar.gif) no-repeat;
}
/* フッタ設定（共通）
---------------------------------------------------- */
#smallfooter{
  margin-top: 1px;
  width: 250px;
  height: 2px;
  background: url(../image/small_bar.gif) no-repeat;
}

.s1{
	color:#FFFFFF;
	}