@charset "Shift_JIS";

/* ============== */
/* タイプセレクタ */
/* ============== */

body{
background-color: #ffffff; /* 背景の色：白 */
font-family: sans-serif;
color: #282828; /* フォントの色：黒に近いグレー */
} 

h1, h2, h3 { margin-top: 0; margin-bottom: 0 ;} /* 上下外側の余白を0にする（余白を取りたい場合は個別に設定） */

/*-- ページのタイトル --*/
h1 {
width: 100%; /* ボックスの幅 */
height: 50px; /* ボックスの高さ */
margin-top: 5px; /* 上外側の余白 */
border-width: 3px; /* 境界線の幅（上下左右） */
border-color: #336699; /* 境界線の色：深い青紫系 */
border-style: solid; /* 境界線のスタイル：1本線 */
background-color: #cce6ff;  /* 背景色：薄いブルー */
color: #000080; /* フォント色：濃紺 */
font-size: 16pt; /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
line-height: 50px; /* 行の高さ */
text-align: center; /* テキストの水平位置：中央 */
}
/*★ボックスの高さ＝行の高さにすること（垂直位置を中央にするため）*/

/*-- 大見出し --*/
h2 {
width: 730px; /* ボックスの幅 */
height: 35px; /* ボックスの高さ */
padding: 0 2px 0 15px; /* 内側の余白（上右下左） */
background: #cce6ff;  /* 背景色：薄いブルー */
color: #000080; /* フォント色：濃紺 */
font-size: 14pt; /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
line-height: 35px; /* 行の高さ */
text-align: left; /* テキストの水平位置：左 */
}

/*-- 各データのタイトル --*/
h3 {
font-size: 12pt; /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: left; /* テキストの水平位置：左 */
vertical-align: middle; /* テキストの垂直位置：左 */
}

/* =============================================== */
/* IDセレクタ（一つのファイルで一度だけ使用できる）*/
/* =============================================== */

#outer {
width: 750px; /* ボックスの幅 */
text-align: center; /* テキストの水平位置：中央 */
}

#pagenavi {
margin-bottom: 5px;
font-size: 10pt; /* フォントサイズ */
text-align: left; /* テキストの水平位置：左 */
}

#subtitle {
margin-top: 10px;  /* 上外側の余白 */
color: #009999; /* フォントの色：青緑 */
font-size: 12pt; /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
}

#main {
width: 98%; /* ボックスの幅 */
margin: 0 auto; /* 外側の余白（上下、左右） */
text-align: center; /* テキストの水平位置：中央 */
}

#copyright {
margin-top: -10px;  /* 下外側の余白（line1の余白を調節するため） */
font-size: 10pt; /* フォントサイズ */
}

/* ==================================================== */
/* クラスセレクタ（一つのファイルで何度でも使用できる） */
/* ==================================================== */

.h2sub {
width: 730px; /* ボックスの幅 */
padding: 2px 2px 2px 15px; /* 内側の余白（上右下左） */
background-color: #f0f8ff;  /* 背景色：アリスブルー */
color: #ff6600;  /* フォントの色：オレンジ色 */
font-size: 10pt; /* フォントサイズ */
text-align: left; /* テキストの水平位置：左 */
}

.midashi {
color: #000080; /* フォント色：濃紺 */
font-size: 12pt; /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: left; /* テキストの水平位置：左 */
}

.midashi2 {
line-height: 48px;
font-size: 12pt; /* フォントサイズ */
font-weight: bold; /* フォント太さ：強調 */
text-align: left; /* テキストの水平位置：左 */
vertical-align: bottom; /* テキストの垂直位置：下 */
}

.normal {
font-size:10pt; /* フォントサイズ */
font-weight:normal; /* フォント太さ：標準 */
}

.line1 {
height: 6px;  /* 要素の高さ（＝背景画像の高さ） */
margin-bottom: 20px;  /* 下外側の余白 */
background-image : url(../../figs/bd15035a.gif);  /* 背景画像：水平線 */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: center;  /* 背景画像の位置 */
}

.line2 {
height: 22px;  /* 要素の高さ（＝背景画像の高さ） */
margin: 10px 10px 20px;  /* 外側の余白：上、左右、下 */
background-image : url(../../figs/b020lin.gif);  /* 背景画像：水平線 */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: center;  /* 背景画像の位置 */
}

/* ============ */
/* 表(テーブル) */
/* ============ */

/* 共通テーブル */

table.kyotsu {
width: 710px;  /* 表の幅 */
margin-left: 20px;  /* 左外側の余白 */
border-collapse: collapse;  /* 隣接するセルの境界線を重ねて表示 */
border: 0; /* 境界線の太さ */
}


/*-----------------------------------------------------*/
/* 毒性重み付け排出量の経年データ */
/*-----------------------------------------------------*/

/* 大気 */

td.taikid1 {
width: 20px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #ff9933;  /* 背景色：濃いオレンジ */
}

td.taikid2 {
width: 690px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #ffc286;  /* 背景色：オレンジ */
}

td.taikid3-1 {
width: 20px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
background-color: #ffc286;  /* 背景色：オレンジ */
}

td.taikid3-2 {
width: 690px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
padding-left: 50px;  /* 背景画像の横幅＋α（画像と文字が重ならないようにするため）*/
background-color: #ffd1a4;  /* 背景色：薄いオレンジ */
background-image: url(../../figs/graph08_tsumiage1.gif);  /* 背景画像：積み上げ棒グラフ */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: left center;  /* 背景画像の位置（水平 垂直）*/
}

/*-----------------------------------------------------*/
/* 水域 */

td.suiikid1 {
width: 20px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #66ffff;  /* 背景色：濃い水色 */
}

td.suiikid2 {
width: 690px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #bbffff;  /* 背景色：水色 */
}

td.suiikid3-1 {
width: 20px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
background-color: #bbffff;  /* 背景色：水色 */
}

td.suiikid3-2 {
width: 690px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
padding-left: 50px;  /* 背景画像の横幅＋α（画像と文字が重ならないようにするため）*/
background-color: #d9ffff;  /* 背景色：薄い水色 */
background-image: url(../../figs/graph08_tsumiage1.gif);  /* 背景画像：積み上げ棒グラフ */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: left center;  /* 背景画像の位置（水平 垂直）*/
}

/*-----------------------------------------------------*/
/* 農薬 */

td.noyakud1 {
width: 20px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #66ff66;  /* 背景色：蛍光緑 */
}

td.noyakud2 {
width: 690px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #bfffbf;  /* 背景色：薄い緑 */
}

td.noyakud3-1 {
width: 20px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
background-color: #bfffbf;  /* 背景色：薄い緑 */
}

td.noyakud3-2 {
width: 690px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
padding-left: 50px;  /* 背景画像の横幅＋α（画像と文字が重ならないようにするため）*/
background-color: #d7ffd7;  /* 背景色：とても薄い緑 */
background-image: url(../../figs/graph08_tsumiage1.gif);  /* 背景画像：積み上げ棒グラフ */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: left center;  /* 背景画像の位置（水平 垂直）*/
}


/*-----------------------------------------------------*/
/* 排出量の経年データ */
/*-----------------------------------------------------*/

/* 大気 */

td.taiki1 {
width: 20px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #ff9933;  /* 背景色：濃いオレンジ */
}

td.taiki2 {
width: 690px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #ffc286;  /* 背景色：オレンジ */
}

td.taiki3-1 {
width: 20px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
background-color: #ffd1a4;  /* 背景色：薄いオレンジ */
}

td.taiki3-2 {
width: 690px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
padding-left: 50px;  /* 背景画像の横幅＋α（画像と文字が重ならないようにするため）*/
background-color: #ffd1a4;  /* 背景色：薄いオレンジ */
background-image: url(../../figs/graph06_bou1.gif);  /* 背景画像：棒グラフ */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: left center;  /* 背景画像の位置（水平 垂直）*/
}

/*-----------------------------------------------------*/
/* 水域 */

td.suiiki1 {
width: 20px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #66ffff;  /* 背景色：濃い水色 */
}

td.suiiki2 {
width: 690px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #bbffff;  /* 背景色：水色 */
}

td.suiiki3-1 {
width: 20px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
background-color: #d9ffff;  /* 背景色：薄い水色 */
}

td.suiiki3-2 {
width: 690px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
padding-left: 50px;  /* 背景画像の横幅＋α（画像と文字が重ならないようにするため）*/
background-color: #d9ffff;  /* 背景色：薄い水色 */
background-image: url(../../figs/graph06_bou1.gif);  /* 背景画像：棒グラフ */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: left center;  /* 背景画像の位置（水平 垂直）*/
}

/*-----------------------------------------------------*/
/* 農薬 */

td.noyaku1 {
width: 20px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #66ff66;  /* 背景色：蛍光緑 */
}

td.noyaku2 {
width: 690px;  /* セルの幅 */
height: 25px;  /* セルの高さ */
background-color: #bfffbf;  /* 背景色：薄い緑 */
}

td.noyaku3-1 {
width: 20px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
background-color: #d7ffd7;  /* 背景色：とても薄い緑 */
}

td.noyaku3-2 {
width: 690px;  /* セルの幅 */
height: 45px;  /* セルの高さ */
padding-left: 50px;  /* 背景画像の横幅＋α（画像と文字が重ならないようにするため）*/
background-color: #d7ffd7;  /* 背景色：とても薄い緑 */
background-image: url(../../figs/graph06_bou1.gif);  /* 背景画像：棒グラフ */
background-repeat: no-repeat;  /* 背景画像を繰り返さない（一つだけ表示） */
background-position: left center;  /* 背景画像の位置（水平 垂直）*/
}