@charset "UTF-8";

/*
 *	Style Sheet for JSSEAS WEB site
 *	基本のスタイルシート
 */

@import "reset.css"; /* ブラウザ既定スタイルのリセット（別ファイル）*/

html {
	background: #fbfbfc url("../image/stripe.gif");
	overflow-y: scroll;
}

body {
	text-align: center;
}

div#container {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", geneva, arial, helvetica, sans-serif;
	margin: auto;
	margin-bottom: 1em;
	width: 48em;
	color: #000000;
	position: relative;
	text-align: left;
}

div#main {
	width: 36em;
	float: right;
	padding-bottom: 1em;
}

div#side {
	width: 12em;
	float: left;
	padding-bottom: 1em;
}

/* -------------------------------------------------------------------------- */
/* 左サイドの階層メニュー */

ul#sidemenu {
	font-size: 75%;
	line-height: 1;
	margin: 0;
	margin-top: 1em;
	padding: 0;
	width: 14.5em;
	border-top: 4px #0e00b0 solid;
	border-bottom: 3px #0e00b0 solid;
	border-right: 1px solid #0e00b0;
	overflow: hidden;
	position: relative;
}
ul#sidemenu a:link {color: #000000; text-decoration: none; }
ul#sidemenu a:visited {color: #000000; text-decoration: none; }
ul#sidemenu a:hover {color: #0e00b0; text-decoration: none; }

ul#sidemenu li {
	list-style-type: none;
	list-style-image: none;
	background-color: #fdfdfd;
	margin: 0;
	padding: 0;
	border: none;
	border-left: 1px solid #0e00b0;
	border-bottom: 1px solid #0e00b0;
	line-height: 2.2em;
}

ul#sidemenu li a {
	display: block;
	text-align: left;
	height: 2.2em;
	padding-left: 0.5em;
	position: relative;
}

ul#sidemenu li ul {
	margin: 0;
	width: 13.4em;
	position: relative;
	left: 1em;
}

ul#sidemenu li ul li {
	border: none;
	border-top: 1px solid #0e00b0;
	line-height: 2em;
}

ul#sidemenu li ul li a {
	height: 2em;
}

ul#sidemenu li ul li ul {
	width: 12.4em;
}

ul#sidemenu a.here  {
	background-color: #d7d7f7;
}

/* -------------------------------------------------------------------------- */
/* 全文検索フォーム */

div#search {
	font-size: 75%;
	width: 14em;
	margin-top: 3em;
	text-align: center;
	padding: 0.5em 0;
	border: solid 1px #0e00b0;
}
div#search input#isearch {
	width: 9em;
}

/* -------------------------------------------------------------------------- */
/* ヘッダとフッタ */

div#header {
	height: 70px;	/* ロゴ画像の高さに合わせる */
	margin: 0;
	overflow: hidden;
	text-align: left;
	border-bottom: 2px #0e00b0 solid;
	margin-bottom: 0.5em;
	line-height: 30px;
}

div#header span{	/* h1 の文字の上に画像を重ねる */
	display: block;
	height: 70px;
	width: 768px;
	position: absolute; top: 0; left: 0;
	background: url("../image/logonew.gif") no-repeat;
}


/* 上部のパンくずリスト */
div#topicpath {
	font-size: 75%; text-align: right;
}

/* ページフッタ（横線とパンくずリスト） */
div#footer {
	clear: both;
	font-size: 75%; text-align: right;
	padding-top: 4px;
	border-top: 2px #0e00b0 solid;
	position: relative;
}

div#footer div {		/* ページが長い場合に，先頭に戻るリンク */
	width: 10em;
	float: left;
	text-align: left;
}

/* トップページ下部のバナー */
div#footer_top {
	clear: both;
	font-size: 75%; text-align: left;
	padding-top: 1em;
	border-top: solid 2px #0e00b0;
}
div#footer_top a {
	display:block;
	width:200px; height: 40px;
	margin-right: 1em;
	float: left;
}

img#sitelogo {
	vertical-align:top;
}

/* -------------------------------------------------------------------------- */
/* 基本のスタイル */

h1 { font-size: 140%; font-weight: bold;
	color: #0e00b0; letter-spacing: -0.05em;
}

h2 { font-size: 150%; font-weight: bold; margin: 1em 0 2em 0; }

h3 { font-size: 125%; font-weight: bold; margin: 2em 0 1em 0; }

h4 { font-size: 110%; font-weight: bold; margin: 1em 0 0.5em 0; }

p { line-height: 1.5; margin: 0.75em 0; }

small { font-size: 85% }

em { font-weight: bold; }

strong { font-style: normal; font-weight: bold; color: red; }

cite { font-style: italic; } /* 洋書の書名をイタリックにするのに使う */

h2 cite,
h3 cite,
caption cite { font-weight: bold; font-style :italic; }

img { vertical-align: middle; }

blockquote { margin-left: 40px; margin-right: 40px; line-height: 125% }

.small { font-size: 85% }

.note { font-size: 85%; text-align: right; }


.leftjustify { text-align: left; }

.rightjustify { text-align: right; }

.centering { text-align: center; }

.indent1 { margin-left: 2em; }

.indent2 { margin-left: 4em; }

ul { margin-top: 0.75em; }
ul li, ol ul li {
	list-style: square url("../image/list.gif") outside;
	line-height: 1.5;
	padding-left: 0.1em;
	margin-left: 2em;
	margin-bottom: 0.75em;
}

ol {
	margin-top: 0.75em; list-style: decimal;
}
ol li {
	list-style: decimal outside;
	line-height: 1.5;
	padding-left: 0.1em;
	margin-left: 2em;
	margin-bottom: 0.75em;
}

dt {
	line-height: 1.5; font-weight: bold; margin-top: 0.75em;
}
dd {
	line-height: 1.5; margin-left: 1em; margin-bottom: 0.75em;
}

/* ブラウザごとの違いが大きいので，なるべく使わないようにする */
hr {
	height: 2px;
	border: none;
	text-align: left;
	margin-left: 0px;
	color: #0e00b0;
	background-color: #0e00b0;	/* background-color を指定しないと，何故か Opera では表示されない */
}

/* とか言いながらこれは何？(^^;) */
hr.short { width: 75%; }
hr.half { width: 50%; }



/* -------------------------------------------------------------------------- */
/* トップページ用

/* 言語切り替えリンク */
div#Xlang {
	font-size: 85%;
	font-weight: bold;
	width: 5em; height: 1.5em;
	background-color: #fdfdfd;
	border: 1px solid #0e00b0;
	text-align: center;
	line-height: 1.5em;
	margin-right: 0;
	margin-left: auto;
}
div#Xlang a {
	display: block;
}
div#Xlang a:link { color: #000000; text-decoration: none; }
div#Xlang a:visited { color: #000000; text-decoration: none; }
div#Xlang a:hover { color: #0e00b0; text-decoration: none; }

/* 英語版トップの言語／フォントに関する注記 */
#langnote {
	font-size: 70%;
	line-height: 1;
	margin-bottom: 2em;
}

/* 事務局などの表示（文字小さめに＆二段組み）（board.html で使用） */
div#secretariat {
	font-size: 95%;
	float: left;
	width: 17em;
	padding-bottom: 0.5em;
}

div#manager {
	font-size: 95%;
	float: right;
	margin-left: 1em;
	width: 17em;
	padding-bottom: 0.5em;
}

div#sec_addr, div#mng_addr{
	font-size: 95%;
	margin-top: 0.75em;
}

div#validIcon {
	margin-top: 3em;
	text-align: left;
}
div#validIcon img {
	width: 88px;
	float: left;
	margin: 0;
	padding: 0;
}

div#announce {
	border: 1px #0e00b0 solid;
	background: #bbdbf9 url("../image/seamap_tp.gif") no-repeat center;
	padding: 1em;
	text-align: left;
}

div#announce p#president {
	text-align: right;
}

/* -------------------------------------------------------------------------- */
/* トップページのメインスペース（写真とか？） */

div#topcontents {
/*	height: 28em; */
	text-align: center;
	margin: 2em 0;
}

div#topcontents iframe {
	width: 36em;
	height: 27em;
}

div#topcontents img {
	margin: 0.25em;
	border: 2px solid white;
	border-bottom-color: #ccc;
	border-right-color: #ccc;

}

/* -------------------------------------------------------------------------- */
/* プリントアウト用の書式設定 */
/* ここは基本だけ，規程集については別に指定する */

@media print {
	body, div#container {
		font-size: 11pt;
		background: none;
		margin: 0;
	}
	h1 { font-size: 160%; font-weight: bold; }
	div#header { height: auto; border: none; }
	div#header a { display: none; }
	div#header h1 span { display: inline; }
	div#main { width: 44em; float: none; margin: 0; }
	div#topicpath { display: none; }
	div#side { display: none; }
	div#footer { display: none; }

	a { color: #000000; font-style: normal; text-decoration: none; }

}

/* -- END of jsseas.css -- */