@charset "euc-jp"; 

/* CSS Document */

/*　共通CSS */
html{
/*センタリング*/
	height:100%;
	margin-bottom:1px;
}
* {	margin: 0;	padding: 0;}
body {
	line-height: 140%;
	color: #333333;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 80%;
/*
	background-color: #24408F;
*/
}

/* 共通テキストリンク設定 */
a { color: #005AA9; text-decoration:underline;}
a:link { color: #005AA9; text-decoration:underline;}
a:visited { color: #005AA9; text-decoration:underline;}
a:hover { color: #29AAE2; text-decoration:underline;}

	
img {	border: none;}

/* float解除 */
.clear {	clear:both;}

/* センター寄せ */
#wrapper {
	width: 750px;
	margin: 0px auto;
}

/* コンテナ */
#container {
	position: relative;
	width: 730px;
	/* _width: 750px; */
	top: 0px;
	left: 0px;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
	background-color:#FFFFFF;
}


/* ヘッダー */

#header {
	width: 730px;
	margin-bottom: 10px;
}


/* フッター */

#footer {
	clear: both;
	width: 730px;
	margin-top: 20px;
}

#main {
	width: 730px;
}


/* CSS Document */

/* ヘッダー内ASS */


/* データサイトロゴ 日本語 */
h1#header_logo {
	float: left;
	width: 385px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 20px;
	text-indent: -9999px;
	background-image:url(/cruisedata/results/img/logo.gif);
}

h1#header_logo a{
	display: block;
	overflow: hidden;
	width: 385px;
	height: 45px;
}

/* データサイトロゴ 英語ページ*/
h1#header_logo_en {
	float: left;
	width: 420px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	line-height: 20px;
	text-indent: -9999px;
	background-image:url(/cruisedata/results/img/logo_en.gif);
}

h1#header_logo_en a{
	display: block;
	overflow: hidden;
	width: 420px;
	height: 45px;
}

/* English */
ul#english {
	float: right;
	width: 77px;
	height: 18px;
	right: 5px;
	list-style-type: none;
}

ul#english li {
	float: left;
	width: 77px;
	height: 18px;
	font-size: 10px;
	line-height: 10px;
}

ul#english li a {
	display: block;
	text-indent: -9999em;
	width: 77px;
	height: 18px;
	background: url(/cruisedata/results/img/english.gif) no-repeat 0px 0px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}

ul#english li a:hover {
	background: url(/cruisedata/results/img/english_on.gif) no-repeat 0px 0px;
}

/* Japanese */
ul#japanese {
	float: right;
	width: 77px;
	height: 18px;
	right: 5px;
	list-style-type: none;
}

ul#japanese li {
	float: left;
	width: 77px;
	height: 18px;
	font-size: 10px;
	line-height: 10px;
}

ul#japanese li a {
	display: block;
	text-indent: -9999em;
	width: 77px;
	height: 18px;
	background: url(/cruisedata/results/img/jp.gif) no-repeat 0px 0px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}

ul#japanese li a:hover {
/*	background: url(/cruisedata/results/img/jp_on.gif) no-repeat 0px 0px;*/
	background: url(/cruisedata/results/img/jp_on.gif) no-repeat 0px 0px;

}

/* JAMSTECトップ、データポリシー */
ul#jam_navi {
	float: right;
	list-style-type: none;
	padding: 4px 0px 4px 30px;
	background: url(/cruisedata/results/img/jam_navi_bg.gif) no-repeat -70px 0px;
	font-size:90%;
}

ul#jam_navi li {
	display: inline;
	padding: 4px 10px;
}

ul#jam_navi li.sep {
	border-left: 1px solid #000;
}



/* 必ずお読み下さい ユーザー登録 オフラインデータとサンプルの利用申請 */
ul#user_navi {
	float:left;
	background-color:#333333;
	list-style-type:none;
	margin-bottom:5px;
	width:730px;
/*
	font-size:90%;
*/
}

ul#user_navi li {
	display: inline;
}

ul#user_navi li a {
	color:#FFFFFF;
	padding:4px 10px;
	text-decoration:none;
	float:left;
	border-right: 1px solid #888;
}


ul#user_navi li a:hover {
	background-color:#7F7F7F;
}



/* パンくずリスト */
#pankuzu {
	clear: both;
	font-size: 90%;
	padding-left: 5px;
}






/* フッター内CSS */

/* サイトポリシー 個人情報保護について */

ul#policy {
	float: right;
	list-style-type: none;
	margin: 3px 0px 3px 20px;
	font-size: 90%;
}

ul#policy li {
	display: inline;
	padding: 3px 10px;
}

ul#policy li.sep {
	border-left: 1px solid #999;
}

#footer hr {
	border-top: 1px solid #999999;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
}

#footer_sep {
	clear: both;
	border-top: 1px solid #999999;
	margin-bottom: 5px;
}


#footer h3 {
	float: right;
	margin-right: 5px;
}

#copy {
	font-size: 90%;
	line-height: 100%;
	color: #999999;
	margin-left: 5px;
}


img.mdl{
	vertical-align:middle;
}