@charset   "Shift_JIS";

/*----------------------------------------------------
	ブラウザスタイルの初期化 ※変更不可
----------------------------------------------------*/

*
	{
	margin : 0 ; 
	padding : 0 ; 
	text-align : justify ; 
	text-justify : distribute ; 
	font-size : 1em ; 
	list-style-position : inside ; /* listマーカー調整 */
		}

/*----------------------------------------------------
	基本構成 ※変更不可
----------------------------------------------------*/

body
	{
	min-width : 900px ; /* 背景が途切れる */
	width : auto ; /* 背景が途切れる */
	text-align : center ; 
	background-color : #FFFFFF ; 
	}

/*----------------------------------------------------
	IE改行不具合修正 ※変更不可
----------------------------------------------------*/

br
	{
	letter-spacing : normal ; 
	}

/*----------------------------------------------------
	LIST-DL DT DD 基本設定 ※変更不可
----------------------------------------------------*/

#main dl
	{
	padding : 0 0 10px 0 ; 
	}

#main dl dt
	{
	clear : left ; 
	float : left ; 
	padding : 0 0 0.5em 0 ; 
	}

#main dl dd
	{
	padding : 0 0 0.5em 0 ; 
	}

/*----------------------------------------------------
	UL-LI 基本設定 ※変更不可
----------------------------------------------------*/

#main ul
	{
	padding : 0 0 10px 0 ; 
	}

#main ul li
	{
	padding : 0 0 0.5em 0 ; 
	}

/*----------------------------------------------------
	OL-LI 基本設定 ※変更不可
----------------------------------------------------*/

#main ol
	{
	padding : 0 0 10px 0 ; 
	}

#main ol li
	{
	padding : 0 0 1em 0 ; 
	}


#main ol li ul
	{
	padding : 0.5em 0 0 30px ; 
	}

#main ol li ul li
	{
	padding : 0 ; 
	}

/*----------------------------------------------------
	Pタグ調整
----------------------------------------------------*/

#top_main p,
#main p
	{
	padding : 0 0 0.5em 0 ; 
	line-height : 1.4 ; 
	letter-spacing : 0.1em ; 
	}

#main p.p_indent
	{
	text-indent : 1.0em ; 
	}

#top_main p.right,
#main p.right
	{
	text-align : right ; 
	}

#main p.small
	{
	font-size : 0.8em ; 
	padding : 20px 0 0 0 ; 
	width : 100% ; 
	}

#main p.small a
	{
	text-decoration : none ; 
	}

/*--------------- トップページコメント枠 */

.top 
	{
	border : double 10px #0a51a1 ; 
	padding : 10px 10px 0 10px; 
	margin : 10px 0 0 0 ; 
	}

/*----------------------------------------------------
	リンク色
----------------------------------------------------*/

a:link /* 未訪問 */
	{
	color : #0A51A1 ; 
	}

a:visited /* 訪問済 */
	{
	color : #0A51A1 ; 
	}

a:hover /* マウスが重なった時*/
	{
	color : #F04A00 ; 
	}

a:focus /* 戻った時IE以外 */
	{
	color : #0000ff ; 
	}

a:active /* クリックした時・戻った時IE */
	{
	color : #0000ff ; 
	}

/*----------------------------------------------------
	画像
----------------------------------------------------*/

img
	{
	border : 0 ; 
	}

img.right
	{
	float : right ; 
	margin : 0 0 5px 10px ; 
	}

img.left
	{
	float : left ; 
	margin : 0 10px 5px 0 ; 
	}

img.bottom_10px
	{
	margin : 0 0 10px 0 ; 
	}

/*--------------- 写真を左右に並べて表示 */

#main span.image2
	{
	width : 580px ; 
	margin : 0 0 10px 0 ; 
	display : table ; /* 1枚表示時回り込み回避 */
	}

span.image2 img.left
	{
	float : left ; 
	margin : 0 10px 0 0 ; 
	}

/*--------------- トップページDVD表示 */

#top_main span.left
	{
	float : left ; 
	width : 360px ; 
	margin : 0 10px 10px 0 ; 
	}

img.center
	{
	display : block ; 
	margin : 0 auto ; 
	text-align : center ; 
	padding : 0 0 5px 0 ; 
	}

/*--------------- 画像置換え　※変更不可 Googleスパム対策 */

.img_display
	{
	position : relative ;  
	z-index : -1 ; /* a 要素の下に潜り込ませる */
	}

/*----------------------------------------------------
	見出し デザイン
----------------------------------------------------*/

#main h1
	{
	clear : both ; 
	font-size : 1.3em ; 
	font-weight : bold ; 
	color : #0A51A1 ; 
	padding : 8px 0 50px 0 ; 
	margin : 0 0 10px 0 ; 
	border-top : 2px #0A51A1 solid ; 
	background : url(img/css/bg_h1.gif) repeat-x 0 bottom ; 
	}

#main h2
	{
	clear : both ; 
	font-size : 1.3em ; 
	font-weight : bold ; 
	color : #0A51A1 ; 
	padding : 9px 0 0 0 ; 
	margin : 20px 0 10px 0 ; 
	background : #FFFFFF ; 
	border-bottom : 2px #0A51A1 solid ; 
	}

/*--------------- 見出し2文字サイズ縮小 */

.h2_small
	{
	font-size : 0.7em ; 
	font-weight : normal ; 
	color : #000000 ; 
	}

#sitemap_area h2,
#top_main h2
	{
	clear : both ; 
	font-size : 1.3em ; 
	font-weight : bold ; 
	padding : 4px 0 8px 10px ; 
	margin : 20px 0 10px 0 ; 
	color : #FFFFFF ; 
	background : #0A51A1 url(img/css/bg_h2_top.gif) repeat-x right bottom ; 
	}

#side h2,
#top_side h2
	{
	background : #0A51A1 ; 
	background : #0A51A1 url(img/css/bg_h2.gif) repeat-x 0 bottom ; 
	clear : both ; 
	font-size : 1em ; 
	padding : 6px 0 10px 10px ; 
	color : #FFFFFF ; 
	}

#main h3
	{
	clear : both ; 
	font-size : 1.1em ; 
	font-weight : normal ; 
	padding : 3px 0 0px 0 ; 
	margin : 10px 0 10px 10px ; 
	border-bottom : 1px #0A51A1 solid ; 
	}

#main h4
	{
	clear : both ; 
	font-weight : normal ; 
	margin : 10px 0 10px 20px ; 
	border-bottom : 1px #0A51A1 solid ; 
	}

#main h5
	{
	clear : both ; 
	font-weight : normal ; 
	margin : 10px 0 10px 30px ; 
	border-bottom : 1px #0A51A1 solid ; 
	}

#main h6
	{
	clear : both ; 
	font-weight : normal ; 
	margin : 10px 0 10px 40px ; 
	border-bottom : 1px #0A51A1 solid ; 
	}

/*----------------------------------------------------
	ヘッダ エリア
----------------------------------------------------*/

#header_area
	{
	width : 900px ; 
	margin : 0 auto ; 
	text-align : left ; 
	}

/*--------------- サイトクレジット */

#site_credit
	{
	width : 100% ; 
	font-size : 0.8em ; 
	color : #666666 ; 
	padding-top : 5px ; 
	}

/*--------------- ヘッダ List */

#header_list ul
	{
	margin : 10px 0 0 0 ; 
	text-align : right ; 
	}

#header_list ul li
	{
	display : inline ; 
	}

#header_list ul li a
	{
	padding-left : 11px ; 
	padding-right : 10px ; 
	text-decoration : none ; 
	margin-bottom : 10px ; 
	font-size : 0.8em ; 
	background : url(img/css/list_mark_b_01.gif) no-repeat left center ; 
	}

#header_list ul li a:visited
	{
	background : url(img/css/list_mark_b_01.gif) no-repeat left center ; 
	}

#header_list ul li a:hover,
#header_list ul li a.active:hover /* アクティブ時 */
	{
	background : url(img/css/list_mark_b_02.gif) no-repeat left center ; 
	color : #F04A00 ; 
	}

#header_list ul li a:focus,
#header_list ul li a:active,
#header_list ul li a.active:focus, /* アクティブ時 */
#header_list ul li a.active : active /* アクティブ時 */
	{
	background : url(img/css/list_mark_b_03.gif) no-repeat left center ; 
	color : #0000ff ; 
	}

#header_list ul li a.active
	{
	background : url(img/css/list_mark_b_04.gif) no-repeat left center ; 
	}

/*--------------- プレス */

#press
	{
	float : right ; 

	margin : 0 auto ; 
	background-color : #FFFFFF ; 
	}

#press ul
	{
	margin : 10px 0 5px 0 ; 

	background : url(img/css/press_back.gif) no-repeat left top ; 
	width : 564px ;
	height : 79px ;
	}

#press ul li
	{
	float : left ; 
	display : inline ; 
	}


#press ul li.press_j a
	{
	width : 160px ; 
	height : 65px ; 
	background : #FFFFFF url(img/css/press_j.gif) no-repeat 0 0 ; 
	display : block ; 
	text-decoration : none ; 
	margin : 7px 10px 0 225px ;
	}

#press ul li.press_j a:hover
	{
	background : #FFFFFF url(img/css/press_j.gif) no-repeat center -65px ; 
	}



#press ul li.press_e a
	{
	width : 160px ; 
	height : 65px ; 
	background : #FFFFFF url(img/css/press_e.gif) no-repeat 0 0 ; 
	display : block ; 
	text-decoration : none ; 
	margin : 7px 0 0 0 ;
	}

#press ul li.press_e a:hover
	{
	background : #FFFFFF url(img/css/press_e.gif) no-repeat center -65px ; 
	}


/*--------------- ヘッダ ロゴ */

#header_logo 
	{
	float : left ; 
	padding : 0 0 0 0 ; 
	margin : 35px 0 0 0 ; 
	}

#header_logo a
	{
	width : 302px ; 
	height : 87px ; 
	background : #FFFFFF url(img/css/logo_header.gif) no-repeat left top ; 
	display : block ; 
	text-decoration : none ; 
	}

/*----------------------------------------------------
	ナビゲーション エリア
----------------------------------------------------*/

#navigation_area
	{
	clear : both ; 
	margin : 0 auto ; 
	text-align : center ; /* IE6バグ回避 margin : auto */
	width : 900px ; 
	height : 60px ; 
	padding : 20px 0 0 0 ; 
	border-top : 2px #0A51A1 solid ; 
	position : relative ;  /* navigation_areaを使用しない場合は不要 */
	z-index : 3 ; /* navigation_areaを使用しない場合は不要 */
	}

/*--------------- ナビゲーション基本 */

#navi
	{
	width : 900px ; 
	height : 60px ; 
	margin : 0 auto ; 
	background-color : #FFFFFF ; 
	}

#navi ul
	{
	width : 900px ; 
	}

#navi ul li
	{
	float : left ; 
	display : inline ; 
	}

/*--------------- ナビゲーション_HOME */

#navi ul li.navi_home a
	{
	width : 180px ; 
	height : 60px ; 
	background : #FFFFFF url(img/css/navi_home_a.gif) no-repeat center 23px ; 
	display : block ; 
	text-decoration : none ; 
	}

#navi ul li.navi_home a:hover
	{
	background : #FFFFFF url(img/css/navi_home_b.gif) no-repeat center 23px ; 
	}

#navi ul li.navi_home a:active,
#navi ul li.navi_home a:focus
	{
	background : #FFFFFF url(img/css/navi_home_c.gif) no-repeat center 23px ; 
	}

#navi ul li.navi_home a.active
	{
	background : #FFFFFF url(img/css/navi_home_d.gif) no-repeat center 23px ; 
	}

/*--------------- ナビゲーション_海事都市尾道推進協議会 */

#navi ul li.navi1 a
	{
	width : 180px ; 
	height : 60px ; 
	background : #FFFFFF url(img/css/navi_1_a.gif) no-repeat center 10px ; 
	display : block ; 
	text-decoration : none ; 
	}

#navi ul li.navi1 a:hover
	{
	background : #FFFFFF url(img/css/navi_1_b.gif) no-repeat center 10px ; 
	}

#navi ul li.navi1 a:active,
#navi ul li.navi1 a:focus
	{
	background : #FFFFFF url(img/css/navi_1_c.gif) no-repeat center 10px ; 
	}

#navi ul li.navi1 a.active
	{
	background : #FFFFFF url(img/css/navi_1_d.gif) no-repeat center 10px ; 
	}

/*--------------- ナビゲーション_海とともに発展する尾道 */

#navi ul li.navi2 a
	{
	width : 180px ; 
	height : 60px ; 
	background : #FFFFFF url(img/css/navi_2_a.gif) no-repeat center 10px ; 
	display : block ; 
	text-decoration : none ; 
	}

#navi ul li.navi2 a:hover
	{
	background : #FFFFFF url(img/css/navi_2_b.gif) no-repeat center 10px ; 
	}

#navi ul li.navi2 a:active,
#navi ul li.navi2 a:focus
	{
	background : #FFFFFF url(img/css/navi_2_c.gif) no-repeat center 10px ; 
	}

#navi ul li.navi2 a.active
	{
	background : #FFFFFF url(img/css/navi_2_d.gif) no-repeat center 10px ; 
	}

/*--------------- ナビゲーション_海をめぐる歴史と文化 */

#navi ul li.navi3 a
	{
	width : 180px ; 
	height : 60px ; 
	background : #FFFFFF url(img/css/navi_3_a.gif) no-repeat center 10px ; 
	display : block ; 
	text-decoration : none ; 
	}

#navi ul li.navi3 a:hover
	{
	background : #FFFFFF url(img/css/navi_3_b.gif) no-repeat center 10px ; 
	}

#navi ul li.navi3 a:active,
#navi ul li.navi3 a:focus
	{
	background : #FFFFFF url(img/css/navi_3_c.gif) no-repeat center 10px ; 
	}

#navi ul li.navi3 a.active
	{
	background : #FFFFFF url(img/css/navi_3_d.gif) no-repeat center 10px ; 
	}

/*--------------- ナビゲーション_海事データ */

#navi ul li.navi4 a
	{
	width : 180px ; 
	height : 60px ; 
	background : #FFFFFF url(img/css/navi_4_a.gif) no-repeat center 23px ; 
	display : block ; 
	text-decoration : none ; 
	}

#navi ul li.navi4 a:hover
	{
	background : #FFFFFF url(img/css/navi_4_b.gif) no-repeat center 23px ; 
	}

#navi ul li.navi4 a:active,
#navi ul li.navi4 a:focus
	{
	background : #FFFFFF url(img/css/navi_4_c.gif) no-repeat center 23px ; 
	}

#navi ul li.navi4 a.active
	{
	background : #FFFFFF url(img/css/navi_4_d.gif) no-repeat center 23px ; 
	}

/*----------------------------------------------------
	コンテンツ & サイトマップ エリア
----------------------------------------------------*/

#contents_area,
#sitemap_area
	{
	clear : both ; 
	width : 900px ; 
	margin : 0 auto ; 
	text-align : left ; 
	border-top : 1px #0A51A1 solid ; 
	padding : 20px 0 0 0 ; 
	}

/*----------------------------------------------------
	サイトマップ　エリア
----------------------------------------------------*/
/*--------------- 右側 */

#sitemap_left
	{
	float : left ; 
	width : 445px ; 
	background-color : #FFFFFF ; 
	}

/*--------------- 左側 */

#sitemap_right
	{
	float : right ; 
	width : 445px ; 
	background-color : #FFFFFF ; 
	}

/*----------------------------------------------------
	メイン　エリア
----------------------------------------------------*/

#main
	{
	float : right ; 
	width : 580px ; 
	background-color : #FFFFFF ; 
	}

#top_main /* トップページ用 */
	{
	float : left ; 
	width : 580px ; 
	background-color : #FFFFFF ; 
	padding : 0 ; 
	margin : 0 ; 
 	}

/*--------------- 新着情報・トピックス */

#top_main dl.news dt
	{ 
	clear : left ; 
	float : left ; 
	margin : 0 0 0.8em ; 
	width : 9em ; 
	border-left : solid 8px #0A51A1 ; 
	padding-left : 5px ; 
	color : #000 ; 
	}

#top_main dl.news dd
	{
	margin-bottom : 0.8em ; 
	margin-left : 9em ; 
	}

/*--------------- パンくずリスト */

#main ul.pan
	{
	float : left ; 
	font-size : 0.8em ; 
	}

#main ul.pan li
	{
	display : inline ; 
	}

#main ul.pan li a
	{
	text-decoration : none ; 
	}

/*--------------- 最下部の「戻る」リンク */

#main ul.bottom-link
	{
	width : 100% ; 
	margin : 30px 0 0 0 ; 
	text-align : center ; 
	border-top : 2px #0A51A1 solid ; 
	padding : 20px 0 10px 0 ; 
	font-size : 0.8em ; 
	}

#main ul.bottom-link li
	{
	display : inline ; 
	}

#main ul.bottom-link li a
	{
	padding-left : 12px ; 
	padding-right : 10px ; 
	text-decoration : none ; 
	background : url(img/css/list_mark_b_01.gif) no-repeat left center ; 
	}

#main ul.bottom-link li a:visited
	{
	background : url(img/css/list_mark_b_01.gif) no-repeat left center ; 
	}

#main ul.bottom-link li a:hover
	{
	background : url(img/css/list_mark_b_02.gif) no-repeat left center ; 
	color : #F04A00 ; 
	}

#main ul.bottom-link li a:focus,
#main ul.bottom-link li a:active
	{
	background : url(img/css/list_mark_b_03.gif) no-repeat left center ; 
	color : #0000ff ; 
	}

/*----------------------------------------------------
	サイド　エリア
----------------------------------------------------*/

#side
	{
	float : left ; 
	width : 300px ; 
	background-color : #FFFFFF ; 
	margin : 0 auto ; 
	padding : 0 0 10px 0 ; 
	}

#top_side /* トップページ用 */
	{
	float : right ; 
	width : 300px ; 
	background-color : #FFFFFF ; 
	padding : 0 0 10px 0 ; 
	}

/*----------------------------------------------------
	サイドメニュー　エリア
----------------------------------------------------*/

.no_link
	{
	padding : 6px 0 5px 15px ; 
	text-decoration : none ; 
	border-bottom : 1px #0A51A1 solid ; 
	background : #FFFFFF url(img/css/list_mark_a_00.gif) no-repeat left 0.4em ; 
	display : block ; 
	}

.no_link_sub
	{
	padding : 6px 0 5px 20px ; 
	text-decoration : none ; 
	border-bottom : 1px #0A51A1 solid ; 
	background : #FFFFFF url(img/css/list_mark_b_00.gif) no-repeat 10px center ; 
	display : block ; 
	}

/*--------------- サイドメニュー */

ul.side_menu,
ul.side_menu ul
	{
	padding : 0 ; 
	width : 100% ; 
	}

ul.side_menu
	{
	padding-bottom : 10px ; 
	}

ul.side_menu li
	{
	list-style-type : none ; 
	display : inline ; /* 6.0 */
	}

ul.side_menu li a
	{
	padding : 6px 0 5px 15px ; 
	text-decoration : none ; 
	border-bottom : 1px #0A51A1 solid ; 
	background : #FFFFFF url(img/css/list_mark_a_01.gif) no-repeat left 0.4em ; 
	display : block ; 
	}

ul.side_menu li a:hover,
ul.side_menu li a.active:hover /* アクティブ時 */
	{
	background : #FFFFFF url(img/css/list_mark_a_02.gif) no-repeat left 0.4em ; 
	color : #F04A00 ; 
	}

ul.side_menu li a:focus,
ul.side_menu li a:active,
ul.side_menu li a.active:focus, /* アクティブ時 */
ul.side_menu li a.active : active /* アクティブ時 */
	{
	background : #FFFFFF url(img/css/list_mark_a_03.gif) no-repeat left 0.4em ; 
	color : #0000ff ; 
	}

ul.side_menu li a.active
	{
	background : #FFFFFF url(img/css/list_mark_a_04.gif) no-repeat left 0.4em ; 
	}

/*--------------- サイド「サブ」メニュー */

ul.side_menu ul li
	{
	list-style-type : none ; 
	display : inline ; /* 6.0 */
	}

ul.side_menu ul li a
	{
	padding : 6px 0 5px 20px ; 
	text-decoration : none ; 
	border-bottom : 1px #0A51A1 solid ; 
	display : block ; 
	background : #FFFFFF url(img/css/list_mark_b_01.gif) no-repeat 10px center ; 
	}

ul.side_menu ul li a:hover,
ul.side_menu ul li a.active:hover /* アクティブ時 */
	{
	background : #FFFFFF url(img/css/list_mark_b_02.gif) no-repeat 10px center ; 
	color : #F04A00 ; 
	}

ul.side_menu ul li a:focus,
ul.side_menu ul li a:active,
ul.side_menu ul li a.active:focus, /* アクティブ時 */
ul.side_menu ul li a.active : active /* アクティブ時 */
	{
	background : #FFFFFF url(img/css/list_mark_b_03.gif) no-repeat 10px center ; 
	color : #0000ff ; 
	}

ul.side_menu ul li a.active
	{
	background : #FFFFFF url(img/css/list_mark_b_04.gif) no-repeat 10px center ; 
	}

/*--------------- リンクバナー */

.link_banner
	{
	width : 300px ; 
	background : url(img/css/bg_banner.gif) repeat 0px 0px ; 
	padding : 10px 0 0 0 ; 
	text-align : center ; 
	}

.link_banner img
	{
	margin : 0 0 10px 0 ; 
	background : #FFFFFF ; 
	}

/*--------------- サイドバナー */

.side_banner
	{
	width : 300px ; 
	background : #FFFFFF ; 
	}

ul.side_banner li
	{
	display : inline ; 
	width : 300px ; 
	}

ul.side_banner li a
	{
	margin : 0 0 5px 0 ; 
	}

/*--------------- サイドバナー 因島技術センター トップページ用 */

ul.side_banner li.banner_itc a
	{
	width : 300px ; 
	height : 220px ; 
	background : url(img/css/banner_itc.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_itc a:hover,
ul.side_banner li.banner_itc a.active
	{
	background : url(img/css/banner_itc.gif) no-repeat 0px -220px ; 
	}

/*--------------- サイドバナー 因島技術センター トップページ以外 */

ul.side_banner li.banner_itc2 a
	{
	width : 300px ; 
	height : 140px ; 
	background : url(img/css/banner_itc2.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_itc2 a:hover,
ul.side_banner li.banner_itc2 a.active
	{
	background : url(img/css/banner_itc2.gif) no-repeat 0px -140px ; 
	}

/*--------------- サイドバナー 海事関連企業紹介リンク集 */

ul.side_banner li.banner_link a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_link.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_link a:hover,
ul.side_banner li.banner_link a.active
	{
	background : url(img/css/banner_link.gif) no-repeat 0px -50px ; 
	}

/*--------------- サイドバナー 進水式 */

ul.side_banner li.banner_ceremony a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_ceremony.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_ceremony a:hover,
ul.side_banner li.banner_ceremony a.active
	{
	background : url(img/css/banner_ceremony.gif) no-repeat 0px -50px ; 
	}

/*--------------- サイドバナー 海のまちづくり事業 */

ul.side_banner li.banner_sea a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_sea.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_sea a:hover,
ul.side_banner li.banner_sea a.active
	{
	background : url(img/css/banner_sea.gif) no-repeat 0px -50px ; 
	}

/*--------------- サイドバナー 新着情報・トピックス */

ul.side_banner li.banner_news a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_news.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_news a:hover,
ul.side_banner li.banner_news a.active
	{
	background : url(img/css/banner_news.gif) no-repeat 0px -50px ; 
	}

/*--------------- サイドバナー イベントカレンダー */

ul.side_banner li.banner_events a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_events.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_events a:hover,
ul.side_banner li.banner_events a.active
	{
	background : url(img/css/banner_events.gif) no-repeat 0px -50px ; 
	}

/*--------------- サイドバナー 君もマリン博士になろう */

ul.side_banner li.banner_dr_marin a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_dr_marin.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_dr_marin a:hover,
ul.side_banner li.banner_dr_marin a.active
	{
	background : url(img/css/banner_dr_marin.gif) no-repeat 0px -50px ; 
	}

/*--------------- 企業サポート情報リンク集 */

ul.side_banner li.banner_support a
	{
	width : 300px ; 
	height : 50px ; 
	background : url(img/css/banner_support.gif) no-repeat 0px 0px ; 
	display : block ; 
	text-decoration : none ; 
	}

ul.side_banner li.banner_support a:hover,
ul.side_banner li.banner_support a.active
	{
	background : url(img/css/banner_support.gif) no-repeat 0px -50px ; 
	}
/*----------------------------------------------------
	フッター エリア
----------------------------------------------------*/

#footer_area
	{
	clear : both ; 
	display : table ; /* IEバグ回避*/
	width : 900px ; 
	margin : 0 auto ; 
	text-align : center ; /* IE6バグ回避　margin : auto */
	background : #fafafa ; 
	border-top : 1px #333333 solid ; 
	color : #333333 ; 
	}

#footer_area a:link /* 未訪問 */
	{
	text-decoration : none ; 
	color : #000000 ; 
	}

#footer_area a:visited /* 訪問済 */
	{
	text-decoration : none ; 
	color : #000000 ; 
	}

#footer_area a:hover /* マウスが重なった時*/
	{
	text-decoration : none ; 
	color : #F04A00 ; 
	}

#footer_area a:focus /* 戻った時IE以外 */
	{
	text-decoration : none ; 
	color : #0000ff ; 
	}

#footer_area a:active /* クリックした時・戻った時IE */
	{
	text-decoration : none ; 
	color : #0000ff ; 
	}

/*--------------- フッター　リスト */

#footer_list
	{
	clear : both ; 
	margin : 0 auto ; 
	width : 900px ; 
	padding : 0 10px 10px 10px ; 
	}

#footer_list ul
	{
	margin : 10px 0 0 0 ; 
	font-size : 0.9em ; 
	width : 100% ; 
	}

#footer_list ul li
	{
	display : inline ; 
	}

#footer_list ul li a
	{
	padding-left : 13px ; 
	padding-right : 10px ; 
	text-decoration : none ; 
	margin-bottom : 10px ; 
	font-size : 0.8em ; 
	background : url(img/css/list_mark_b_00.gif) no-repeat left center ; 
	}

#footer_list ul li a:visited
	{
	background : url(img/css/list_mark_b_00.gif) no-repeat left center ; 
	}

#footer_list ul li a:hover,
#footer_listt ul li a.active:hover /* アクティブ時 */
	{
	background : url(img/css/list_mark_b_02.gif) no-repeat left center ; 
	}

#footer_list ul li a:focus,
#footer_list ul li a:active,
#footer_list ul li a.active:focus, /* アクティブ時 */
#footer_list ul li a.active : active /* アクティブ時 */
	{
	background : url(img/css/list_mark_b_03.gif) no-repeat left center ; 
	}

#footer_list ul li a.active
	{
	background : url(img/css/list_mark_b_04.gif) no-repeat left center ; 
	}

/*--------------- フッター アドレス */

#footer_add
	{
	clear : both ; 
	margin : 0 auto ; 
	width : 900px ; 
	border-top : 1px #333333 solid ; 
	padding : 10px ; 
	}

#footer_add h2
	{
	width : 900px ; 
	padding : 0px 0 0 0 ; 
	text-align : left ; 
	color : #0A51A1 ; 
	}

#footer_add ul
	{
	padding : 10px 0 ; 
	width : 50% ; 
	float : left ; 
	list-style-type : none ; 
	font-size : 0.9em ; 
	}

#footer_add ul li
	{
	padding : 10px 0 0 0 ; 
	}

/*--------------- フッター コピーライト */

#footer_copyright
	{
	clear : both ; 
	margin : 0 auto ; 
	width : 900px ; 
	border-top : 1px #333333 solid ; 
	padding : 10px 0 ; 
	}

#footer_copyright a
	{
	text-decoration : none ; 
	}

#footer_copyright p
	{
	font-size : 0.9em ; 
	text-align : right ; 
	}

/*----------------------------------------------------
	リンク後部マーク
----------------------------------------------------*/

/*--------------- 外部リンクマーク */

a.link_out
	{
	background : url(img/css/link_out.gif) no-repeat right 0 ; 
	padding : 0 15px 0 0 ; 
	margin-right : 3px ; 
	}

/*--------------- メールリンクマーク */

a.link_mail
	{
	background : url(img/css/link_mail.gif) no-repeat right center ; 
	padding : 0 15px 0 0 ; 
	margin-right : 3px ; 
	}

/*--------------- PDFリンクマーク */

a.link_pdf
	{
	background : url(img/css/link_pdf.gif) no-repeat right center ; 
	padding-right : 15px ; 
	margin-right : 3px ; 
	}

a.link_pdf_sidemenu
	{
	background : url(img/css/link_pdf.gif) no-repeat right center ; 
	color : #FF0000 ; 
	font-size : 3em ; 
	}

/*----------------------------------------------------
	Listマーク
----------------------------------------------------*/
/*--------------- Listマーク(全文リンク) */

#main ul.list-mark
	{
	list-style-type : none ; 
	}

#main ul.list-mark li a
	{
	padding-left : 16px ; 
	padding-bottom : 0.5em ; 
	margin-bottom : 10px ; 
	background : url(img/css/list_mark_a_01.gif) no-repeat left 0 ; 
	}

#main ul.list-mark li a:visited
	{
	background : url(img/css/list_mark_a_01.gif) no-repeat left 0 ; 
	}

#main ul.list-mark li a:hover
	{
	background : url(img/css/list_mark_a_02.gif) no-repeat left 0 ; 
	color : #F04A00 ; 
	}

#main ul.list-mark li a:focus,
#main ul.list-mark li a:active
	{
	background : url(img/css/list_mark_a_03.gif) no-repeat left 0 ; 
	color : #0000ff ; 
	}

/*--------------- Listマーク(一部リンク) */

#main ul.list-mark2
	{
	list-style-type : none ; 
	}

#main ul.list-mark2 li
	{
	padding-left : 16px ; 
	padding-bottom : 0.5em ; 
	margin-bottom : 10px ; 
	background : url(img/css/list_mark_a_01.gif) no-repeat left 0 ; 
	}

/*----------------------------------------------------
	海事関連企業紹介リンク集
----------------------------------------------------*/
ul.link
	{
	margin : 15px 0 0 0 ; 
	list-style-type : none ; 
	border-bottom : 1px #0a51a1 dashed ; 
	}

/*--------------- アドレス用 */

ul.link li.add
	{
	margin : 0 0 0 10px ; 
	font-size : 0.9em ; 
	}

/*--------------- PR文用 */

ul.link li.pr
	{
	margin : 0 0 0 10px ; 
	}

/*----------------------------------------------------
	テーブル
----------------------------------------------------*/

table caption
	{
	text-align : right ; 
	font-size : 0.8em ; 
	}

table
	{
	margin-top : 0.2em ; 
	margin-bottom : 1em ; 
	border-collapse : collapse ; 
	border : solid 1px #999999 ; 
	font-size : 100% ; 
	}

table th,
table td
	{
	border : solid 1px #999 ; 
	padding : 4px 6px ; 
	}

table th 
	{
	background : #E6E6E6 ; 
	text-align : center ; 
	white-space : nowrap ; 
	}
table td.right
	{
	text-align : right ; 
	white-space : nowrap ; 
	}

table td.td_2px
	{
	border-top : solid 2px #999 ; 
	}

table td.right_2px
	{
	border-top : solid 2px #999 ; 
	text-align : right ; 
	white-space : nowrap ; 
	}

/*----------------------------------------------------
	各見出し下データの左スペースの設定
----------------------------------------------------*/
/*　見出し2
---------------------------------------------------*/

/*--------------- DTサイズ　5文字 */

#main dl.dt_5em dt
	{
	width : 5em ; 
	text-align : justify ; /* 均等割付 */
	text-justify : distribute-all-lines ; /* 均等割付 */
	}

#main dl.dt_5em dd
	{
	margin-left : 5.5em ; 
	}

/*--------------- DTサイズ　7文字 */

#main dl.dt_7em dt
	{
	width : 7em ; 
	text-align : justify ; /* 均等割付 */
	text-justify : distribute-all-lines ; /* 均等割付 */
	}

#main dl.dt_7em dd
	{
	margin-left : 7.5em ; 
	}

/*　見出し3
---------------------------------------------------*/

#main p.h3_under
	{
	margin : 0 0 10px 10px ; 
	}

#main ol.h3_under
	{
	margin : 0 0 10px 10px ; 
	list-style-type : upper-roman ; /* 大文字のローマ数字 */
	}

#main ul.h3_under
	{
	margin : 0 0 10px 10px ; 
	}

/*--------------- DTサイズ　フリー */

#main dl.h3_under
	{
	margin-left : 10px ; 
	}

/*--------------- DTサイズ　5文字 */

#main dl.h3_under_dt_5em
	{
	margin-left : 10px ; 
	}

#main dl.h3_under_dt_5em dt
	{
	width : 5em ; 
	text-align : justify ; /* 均等割付 */
	text-justify : distribute-all-lines ; /* 均等割付 */
	}

#main dl.h3_under_dt_5em dd
	{
	margin-left : 5.5em ; 
	}

/*　見出し4
---------------------------------------------------*/

#main p.h4_under
	{
	margin : 0 0 10px 20px ; 
	}

#main ol.h4_under /* 大文字のローマ数字は使用しない */
	{
	margin : 0 0 10px 20px ; 
	}

#main ul.h4_under
	{
	margin : 0 0 10px 20px ; 
	}

/*--------------- DTサイズ　フリー */

#main dl.h4_under
	{
	margin-left : 20px ; 
	}

#main dl.h4_under dd
	{
	margin-left : 1.5em ; 
	}

/*--------------- DTサイズ　5文字 */

#main dl.h4_under_dt_5em
	{
	margin-left : 20px ; 
	}

#main dl.h4_under_dt_5em dt
	{
	width : 5em ; 
	text-align : justify ; /* 均等割付 */
	text-justify : distribute-all-lines ; /* 均等割付 */
	}

#main dl.h4_under_dt_5em dd
	{
	margin-left : 5.5em ; 
	}

/*--------------- テーブル */

#main table.h4_under
	{
	margin-left : 20px ; 
	}



/*　見出し5
---------------------------------------------------*/

#main p.h5_under
	{
	margin : 0 0 10px 30px ; 
	}

#main ol.h5_under
	{
	margin : 0 0 10px 30px ; 
	list-style-type : upper-roman ; /* 大文字のローマ数字 */
	}

#main ul.h5_under
	{
	margin : 0 0 10px 30px ; 
	}

/*--------------- DTサイズ　フリー */
#main dl.h5_under
	{
	margin-left : 30px ; 
	}

/*--------------- DTサイズ　5文字 */

#main dl.h5_under_dt_5em
	{
	margin-left : 30px ; 
	}

#main dl.h5_under_dt_5em dt
	{
	width : 5em ; 
	text-align : justify ; /* 均等割付 */
	text-justify : distribute-all-lines ; /* 均等割付 */
	}

#main dl.h5_under_dt_5em dd
	{
	margin-left : 5.5em ; 
	}

/*--------------- テーブル */

table.h5_under
	{
	margin-left : 30px ; 
	}

/*　見出し6
---------------------------------------------------*/

#main p.h6_under
	{
	margin : 0 0 10px 40px ; 
	}

#main ol.h6_under
	{
	margin : 0 0 10px 40px ; 
	list-style-type : upper-roman ; /* 大文字のローマ数字 */
	}

#main ul.h6_under
	{
	margin : 0 0 10px 40px ; 
	}

/*--------------- DTサイズ　フリー */

#main dl.h6_under
	{
	margin-left : 40px ; 
	}

/*----------------------------------------------------
	「海をめぐる歴史と文化」メニュー
----------------------------------------------------*/

.h_menu
	{
	font-size : 0.9em ; 
	color : #000000 ; 
	line-height : 1.4 ; 
	width : 100% ; 
	}


/*--------------- 新着情報　What's New　研修更新情報 スクロール表示 */

#top_main dl.infobox
	{
	height: 25em; /* 行数 */
	overflow: auto;   
	zoom: 1;   
	border: solid 1px #0A51A1;
	padding : 0.5em ; 
	}

#top_main dl.infobox dt
	{ 
	float: left;   
	clear: both;   
	width : 9em ; 
	border-left : solid 8px #0A51A1 ; 
	padding-left : 0.3em ;
	}

#top_main dl.infobox dd
	{
	padding-left : 10em ; 
	padding-bottom : 0.3em
	}

/* =========== IE用印刷設定CSS =========== */ 
@media print 	{

body 	{
_zoom : 65% ; /*WinIE only */

	}
	}