@charset "Shift_JIS";


/* ==========================================================
●東京湾WEB-GIS用CSS　もくじ●
　１）基本設定
　２）背景指定用bodyのid
　３）リンク設定
　４）文字設定
　５）タイトルなど
　６）各ページのボタンの背景等
　７）table関連
　８）地図検索
　９）操作ガイド検索
　10）実データのダウンロード
============================================================= */

/* ==========================================================
１）基本設定 
============================================================= */
body{
margin: 0px;
padding: 0px;
background: #ffffff url(../img/bg.gif) repeat;
color: #33333;
font-size: 10px;
line-height:1.2;
 }

form{
margin: 0px;
}




/* ==========================================================
２）背景指定用bodyのid
============================================================= */
/* WEB-GISトップ用（Top.asp） */
#dbtop{
background: #ffffff;
}

/* 使用許諾用（Kyodaku.asp） */
#kyodaku{
background: #ffffff
}

/* header.html用 */
#header{
margin-left: 3px;
}

/* left.html用 */
#left{
margin-left: 3px;
}

/* item.html用 */
#item{
margin-top: 3px;
margin-left: 3px;
background: #ffffff;
}

/* 背景模様を入れたくないページはこのidをbodyタグに利用 */
#bgoff{
background: #ffffff;
}

/* WEb-GIS内のページでフレーム内におさめたいページ用の背景 */
#db{
background: #ffffff;
/*background: #ebebeb url(../img/bg.gif) repeat-y;*/
}
/* ↑サイト本体がフレームを使用している場合に利用 */



/* ==========================================================
３）リンク設定
============================================================= */
a[id*="meta"]:link{
color: #0000ff;
text-decoration: none;
}

a[id*="meta"]:visited{
color: #660099;
text-decoration: none;
}

a[id*="meta"]:hover{
color: #ff0000;
text-decoration: underline;
}

a[id*="meta"]:active{
color: #0000ff;
text-decoration: underline;
}




/* ==========================================================
４）文字設定
============================================================= */
th,td,form,select,option,input,textarea{
font-size: 10px;
line-height:1.2;
font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;
color: #333333;
}

.text12{
font-size: 12px;
line-height: 1.3;
font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;
color: #333333;
}




/* ==========================================================
５）タイトルなど
============================================================= */ 

/* タイトル（別ウィンドウ）：調査分類・項目選択や収録時期で使用 */
/*（2-1-4.htmlやitem-detail.htmlで使用）*/
.title1{
background: #B5DAFE;
color: #000066;
font-size: 14px;
line-height: 1.3;
font-weight: bold;
text-align: center;
}

/* タイトル（別ウィンドウ）：調査分類・項目選択で使用（「水質」や「気象」等） */
/*（suishitu.htmlやkisho.htmlで使用）*/
.title2{
border: 1px solid #999999;
background: #B6E8F0;
color: #333333;
font-size: 12px;
line-height: 1.3;
font-weight: bold;
text-align: center;
}

/* タイトル：検索結果（魚介類など） */
/*（result-top-gyokai.htmlで使用）*/
td.title3{
padding: 3px;
border: 1px solid #999999;
color: #333333;
background: #DBF9E6;
font-size: 12px;
line-height: 1.2;
font-weight: bold;
text-align: center;
}

/* 小見出し：使用許諾で使用 */
/*（Kyodaku.aspで使用）*/
.catch1{
color: #3366cc;
font-weight: bold;
}




/* ==========================================================
６）各ページのボタンの背景等
============================================================= */ 
/* 地図検索画面：ボタン背景関連 ---------------------------- */
/* 場所指定、港・航路指定、背景図　の部分背景（control.html）*/
.bg1{
background: #ffffff url(img/base1_bg.jpg) repeat-y;
color: #333333;
}

/* 中心点座標、場所指定方法、地図操作　の部分背景（control.html）*/
.bg2{
background: #ffffff url(img/base2_bg.jpg) repeat-y;
color: #333333;
}

/* 場所条件のクリア、検索実行　の部分背景（control.html）*/
.bg3{
background: #DEF0FD;
color: #333333;
}

/* 地図の矢印ボタン部分の背景（map.html） */
.mapbg{
background: #ffffff;
}


/* トップページ：ボタン背景関連 ---------------------------- */
/* 地図検索、操作ガイド検索、実データのダウンロード　の背景（Top.asp） */
.bg4{
background: #DFF0F7;
color: #333333;
}

/* 使い方　の背景（Top.asp） */
.bg5{
background: #f0f0f0;
color: #333333;
}


/* タイトルの背景（別ウィンドウ）：調査分類・項目選択や収録時期で使用 */
/*（2-1-4.htmlやitem-detail.htmlで使用）*/
.bg6{
background: #B5DAFE;
}




/* ==========================================================
７）table関連
============================================================= */ 
.box1{
border: 1px solid #999999;
background: #ffffff;
color: #333333;
text-align: center;
}

.box2{
background: #ffffff;
color: #333333;
}

.box3{
border: 1px solid #999999;
/*background: #eff7fb;*/
background: #F5FBFE;
color: #333333;
text-align: center;
}

/* 収録時期のテーブルで使用（別ウィンドウ／2-1-4.html） */
.box4{
border: 1px solid #999999;
}

.box4 th{
padding: 4px;
color: #333333;
background: #e6e6e6;
border: 1px solid #cccccc;
}

.box4 td{
padding: 4px;
color: #333333;
background: #ffffff;
border: 1px solid #cccccc;
text-align: center;
}
/* ↑tb1からbox4へ名称変更。2007〜 */


/* ↓実データダウンロードで使用 */
.box5{
border: 1px solid #000000;
}

.box5 th{
padding: 4px;
color: #000000;
background: #ffffff;

}

.box5 td{
padding: 4px;
color: #000000;
background: #ffffff;
text-align: center;
font-size: 12px;
}





/* ==========================================================
８）地図検索
============================================================= */ 
/* 検索結果画面：上部フレームのテーブル */
/* テーブル幅変更の際は.result1のwidthの値を変更 */
.result1{
width: 900px;
border-collapse: collapse;
border: 1px solid #999999;
}

.result1 th{
padding: 2px;
color: #333333;
background: #e6e6e6;
border: 1px solid #999999;
}

.result1 td{
padding: 2px;
color: #333333;
background: #ffffff;
border: 1px solid #999999;
}


/* 検索結果画面：下部フレームのテーブル */
/* テーブル幅変更の際は.result2のwidthの値を変更 */
.result2{
margin-left: 25px;
width: 900px;
border-collapse: collapse;
border: 1px solid #999999;
}

.result2 th{
padding: 2px;
color: #333333;
background: #e6e6e6;
border: 1px solid #999999;
}

.result2 td{
padding: 2px;
color: #333333;
background: #ffffff;
border: 1px solid #999999;
text-align: center;
}


/* 検索結果画面：魚介類などで下フレームの項目が多く横に長くなる場合 */
/* テーブルの幅を変えるときは.result3のwidthの値を変える */
.result3{
width: 950px;
border-collapse: collapse;
border: 1px solid #999999;
}

.result3 th{
padding: 2px;
color: #333333;
background: #e6e6e6;
border: 1px solid #999999;
}

.result3 td{
padding: 2px;
color: #333333;
background: #ffffff;
border: 1px solid #999999;
text-align: center;
}


/* 検索結果画面：現在選択されている分類 */
/*（result-top.html、result-top2.html、result-top-org.htmlで使用）*/
td.selectedItem{
font-weight: bold;
color: #000000;
background: #A0E6FF;
}


/* 検索結果画面：上部フレームの生物データセルに着色 */
/*（result-top3.htmlで使用）*/
td.creature{
background: #DFFBF3;
}


/* 検索結果画面：「前のページへ」「次のページへ」ボタンのtable */
.pageBtn{
margin: 5px 0 5px 765px;
}

/* 検索結果画面：「地点一覧に戻る」「前のページへ」「次のページへ」ボタンのtable */
.pageBtn2{
margin: 5px 0 5px 680px;
}
/* ↑もし上記２スタイルの画面幅が変わったら ===============
　.pageBtn→765pxの部分（左マージン）
　.pageBtn2→680pxの部分（左マージン）を調整する
=========================================================== */




/* ==========================================================
９）操作ガイド検索
============================================================= */ 
/* 各ステップの見出し文字 */
.step{
color: #000066;
font-size: 13px;
line-height: 1.3;
}

/* ステップ１の「検索条件４つ」のテーブル */
.stepBox{
border-collapse: collapse;
border: 1px solid #6699cc;
}

.stepBox th{
padding: 4px;
color: #ffffff;
background: #6699cc;
font-size: 12px;
line-height: 1.3;
font-weight: bold
}

.stepBox td{
padding: 4px;
color: #333333;
background: #ffffff;
font-size: 12px;
line-height: 1.3;
text-align: center;
}

/* 検索条件の４項目のリスト表示 */
table.stepBox ol{
list-style-position: inside;
text-align: left;
}




/* ================================================
10）実データのダウンロード
=================================================== */
/* マークを矢印画像に変えたリスト */
.arrow{
margin: 10px auto;
width: 350px;
list-style: none;
}

.arrow li{
padding: 4px 0px 4px 12px;
background: url(img/arrow.gif) no-repeat 0px 50%;
border-bottom: 1px dotted #999999;
text-align: left;
}


/* 各主体名称：機関別のメタデータページで使用（download2.html） */
.title4{
marign: 0 auto;
padding: 4px 0;
width: 580px;
border: 1px solid #999999;
background: #B6E8F0;
color: #333333;
font-size: 13px;
line-height: 1.2;
font-weight: bold;
text-align: center;
}


/* 実データダウンロード関連table（download2.html,download3.html） */
.metaDL{
margin: 10px auto;
border-spacing: 1px;
border: 1px solid #999999;
}

.metaDL th{
padding: 4px;
border: 1px solid #cccccc;
background: #BBDDF7;
text-align: center;
}

.metaDL td{
padding: 4px;
border: 1px solid #cccccc;
background: #ffffff;
text-align: center;
}




/* ================================================
※使用中止したもの（後で削除予定）
=================================================== */
/* フッター 
.footer{
color: #666666;
font-size: xx-small;
line-height: 1.4;
text-align: center;
}
*/

/*
th{
color: #333333;
background: #e6e6e6;
}
*/

/* 表組の際のtd内の文字
.text1{
color: #333333;
background: #ffffff;
font-size: 10px;
line-height: 1.2;
}

.text2{
color: #333333;
background: #ffffff;
font-size: 10px;
line-height: 1.2;
text-align: center;
}
 */