@charset "Shift_JIS";

/* ---▼▼ 全体の背景・テキスト ▼▼--- */
body {
margin: 0;
padding: 0;
background-color: #f9f9f9; /* 全体の背景色 */
color: #404040; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}

/* ---▼▼ 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #c07100; }
a:active { color: #c07100; }

/* ---▼▼ コンテナ --- */
#container {
width: 980px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
}

/* ---▼▼ ページ --- */
#page {
width: 950px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

/* ---▼▼ ヘッダー内の設定開始 ▼▼--- */
/* ---▼ ヘッダー --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0 0 10px; /* ヘッダのマージン（上、左右、下） */
padding: 30px 0 0; /* ヘッダのパディング（上、左右、下） */
}

/* ---▼ 海保ロゴ画像　（海保ロゴ、田辺保安部文字） --- */
#header h1.siteTitle{
margin: 7px 0 0px; /* ロゴ画像マージン（上、左右、下） */
}
/*▽ 海保ロゴ画像の画像 */
#header h1.siteTitle img {
margin: 0; /* サイトタイトルのマージン（上、左右、下） */
border: none;
}

/* ---▼ ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 55px; /* 上からの距離 */
right: 10px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/*▽ メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0px 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/*▽ 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}




/* ---▼ メニュー項目 --- */
/* メインメニュー */
#menu ul {
   width: 948px; /* メニューの幅（ページの幅から2px引いた値） */
   height: 35px; /* メニューの高さ（ページの最上部からの値） */
   display:block;
   list-style-type: none;
   margin: 0; /* ライブカメラの行のマージン（上右下左） */
   padding: 0;
   border: 1px solid; /* ヘッダメニューの境界線（太さ、スタイル） */
   background: #847b65 url(../image/hor_menu8_off.gif) repeat-x top; /* ヘッダメニューの背景 */
   border-color: #7d735f #cbc0a7 #cbc0a7 #7d735f; /* ヘッダメニューの境界線色（上右下左） */
}
/* サブメニュー */
#menu ul ul{
   display: none;
   position: absolute;
   margin: 0; /* 2段目以降のマージン */
   left: 0;
   width: 158px; /* 項目の幅 */
}
/* リスト */
#menu li {
   float:left;
   width: 158px; /* 項目の幅 */
   font-size: 14px; /* 見出しの文字サイズ */
   text-align: center;
   line-height: 250%;
background: #847b65 url(../image/hor_menu8_off.gif) repeat-x top; /* ヘッダメニューの背景 */
}
#menu li a {
   display: block;
   width: 158px; /* 項目の幅 */
   text-decoration: none; /* テキストの下線（なし） */
   font-weight: bold; /* 文字の太さ（太字） */
   color: #ffffff; /* 文字色 */
   border: 1px solid; /* リンクエリアの境界線（太さ、スタイル） */
   border-color: #cbc0a7 #7d735f #7d735f #cbc0a7; /* リンクエリアの境界線色（上右下左） */
}
#menu li li {
   clear: both;
   text-align: center;
   color: #ffffff; /* 文字色 */
}
#menu li:hover {
   position: relative;
   background: #7BBA10;
   color: #333;
}
#menu li:hover > ul {
   display: block
}




/* ---▼ トピックパス（パンくずリスト） --- */
#header ol.topicPath {
margin: 0;
padding: 7px 20px; /* トピックパスのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/*▽ リスト項目 */
#header ol.topicPath li {
display: inline;
}
/*▽ リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* ---▼ 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}
/* ---▲▲ ヘッダ内の設定終了 ▲▲--- */

/* ---▼▼ 参考情報、ページ説明　の設定開始 ▼▼--- */
/* ---▼ 大枠（参考情報、ページ説明　合わせた枠） --- */
#content {
float: left;
width: 950px; /* コンテンツの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
}

/* ---▼▼ 参考情報の設定開始 ▼▼--- */
/* ---▼ 参考情報（大枠部分） --- */
#nav {
float: left;
width: 298px; /* 参考情報の幅 */
}

/* ---▼ 参考情報（タイトル背景） --- */
#nav div.section {
padding: 2px; /* セクションのパディング */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
#nav div.section h2 {
padding: 6px 10px; /* タイトルのパディング（上下、左右） */
font-size: 120%; /* タイトルの文字サイズ */
line-height: 100%;
}

/* ---▼ 参考情報メニュー --- */
#nav div.subMenu {
background: #f9f9f9 url(../image/box_back_gray4.gif); /* 参考情報メニューの背景 */
}
/*▽ 参考情報（タイトル部分） */
#nav div.subMenu h2 {
margin: 0 0 10px 0; /* 見出しのマージン（上書き） */
background-color: #b3a98c; /* 見出しの背景色 */
color: #ffffff; /* 見出しの文字色 */
font-size: 23px;/* 見出しのフォントサイズ */
font-weight: bold;
}
/*▽ 参考情報メニューの配置 */
#nav div.subMenu ul.nl {
margin: 0 0 5px 25px; /* メニューエリアのマージン（上、右、下、左） */
font-size: 1.4em; /* メニューエリアのフォントサイズ */
list-style-type: none;
}
/*▽ メニュー（文字）の配置 */
#nav div.subMenu ul.nl li {
padding: 0 2px 8px 14px; /* メニュー（文字）のパディング（上右下左） */
background: url(../image/menu_triangle6.gif) no-repeat 2px 0.15em; /* 項目の背景（右三角マーカー） */
}
/*▽ リンクエリア */
#nav div.subMenu ul.nl li a {
text-decoration: none; /* テキストの下線（なし） */
}
/*▽ ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}
/* ---▲▲ 参考情報の設定終了 ▲▲--- */

/* ---▼▼ ページ説明　の設定開始 ▼▼--- */
/* ---▼ ページ説明（大枠部分） --- */
#main {
float: right;
width: 638px; /* ニュースフラッシュの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
padding: 0px 0px 0px 0px; /* 本文、写真　領域のパディング（上、右、下、左） */
}

/* ---▼ ページ説明（タイトル部分） --- */
/*▽ タイトル　エリア */
#main div.pageTitle {
padding: 9px 10px 7px 10px; /* タイトル枠内のパディング（上、右、下、左） */
margin: 0 0 10px 0; /* タイトル枠外下のマージン（上右下左） */
background: #4d4d4d url(../image/heading_back6.gif) repeat-x top; /* 見出しエリアの背景 */
}
/*▽ タイトル */
#main div.pageTitle h1 {
margin: 0;
font-size: 20px; /* 見出しの文字サイズ */
color: #f0f0f0; /* 見出しの文字色 */
line-height: 100%;
}
/*▽ 段落（ページタイトルの記事部分） */
#main p {
margin: 0 15px 10px 25px; /* 段落のマージン（上、右、下、左） */
line-height: 135%; /* 行の高さ */
}

/* ---▼ セクション（説明テキスト部分） --- */
#main div.section {
margin: 0 0 80px 0; /* 記事部分下のマージン（上右下左） */
}

/* ---▼ 標準セクション --- */
/*▽ 見出しエリア */
#main div.normal div.heading {
margin: 0 0px 15px 10px; /* 見出しタイトル枠外のマージン（上、右、下、左） */
padding: 6px 8px 8px 15px; /* 見出しタイトル枠内のパディング（上、左右、下） */
background: #f9f9f9 url(../image/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid; /* 見出し枠の境界線 */
}
/*▽ 見出し文字 */
#main div.normal div.heading h2 {
margin: 0;
font-size: 18px; /* 見出しの文字サイズ */
line-height: 100%;
}
/*▽ 段落（見出しの記事部分） */
#main div.normal p {
margin: 0 15px 10px 30px; /* 段落のマージン（上、右、下、左） */
line-height: 135%; /* 行の高さ */
}
/*▽ 箇条書きリンクメニューの配置 */
#main div.section ul.nl {
margin: 0 15px 0px 80px; /* メニューエリアのマージン（上、右、下、左） */
list-style-type: circle;
}
/*▽ 箇条書きリンクメニュー（文字）の配置 */
#main div.section ul.nl li {
padding: 0 0 10px 5px; /* メニュー（文字）のパディング（上右下左） */
}

/* ---▲▲ ページ説明の設定終了 ▲▲--- */

/* ---▼ 罫線 --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0 0 0 0;
visibility: hidden; /* 非表示 */
}
/* ---▲▲ 参考情報、ページ説明　の設定終了 ▲▲--- */

/* ---▼▼ フッタ内の設定開始 ▼▼--- */
/* ---▼ フッタ --- */
#footer {
clear: left; /* 左フロートのクリア */
width: 100%;
padding: 30px 0 15px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* ---▼ フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* ---▼ メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/*▽ 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/*▽ ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* ---▼ アドレス・コピーライト --- */
#footer address {
font-style: normal;
text-align: center;
line-height: 140%; /* 行の高さ */
}

/* ---▲▲フッタ内の設定終了 ▲▲--- */

/* ---▼▼ その他の設定開始 ▼▼--- */
/* ---▼ clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* ---▲▲ その他の設定終了 ▲▲--- */