body {
  margin: 0;
  background-color: #396cd9;
  font-size: 0.9em;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #333;
  text-align: center;
  line-height: 1.5;
}
img {
  border-style: none;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
a {
  color: #039;
}
a:hover {
  color: #f00;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 10px;
}
dl dl {
  margin-top: 0;
  margin-bottom: 0;
}
dl dl dd {
  margin-bottom: 0;
}
dl ul {
  margin-top: 0;
  margin-bottom: 0;
}
a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/* 共通
----------------------------------------- */
.txt_center {
  text-align: center;
}
.txt_right {
  text-align: right;
}

.txt_bold {
  font-weight: bold;
}

.mt1em {
  margin-top: 1em !important;
}

.mb20 {
  margin-bottom: 20px;
}

.font_s {
  font-size: 80%;
}
.normal {
  font-weight: normal;
}

/* 回り込み解除 */
.ClearFix {
  min-height: 1px;
}
.ClearFix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .ClearFix {
  height: 1px;
  /*\*/ /*/
    height:auto;
    overflow:hidden;
    /**/
}
.clear {
  clear: both;
}

/* 全体レイアウト
----------------------------------------- */
#container {
  background-color: #fff;
  text-align: left;
  width: 940px;
  margin: 0 auto;
  padding: 0 5px;
}

/* 非表示 */
#header h1 {
  display: none;
}

/* ヘッダテキストメニュー部
----------------------------------------- */
#txthead {
  color: #fff;
  background-color: #396cd9;
  font-size: 80%;
  padding: 2px 10px;
}
#txthead ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
#txthead ul li {
  float: left;
  display: block;
  white-space: nowrap;
}

#txthead li.eng {
  padding-left: 20px;
}
#txthead a {
  color: #fff;
  text-decoration: none;
}
#txthead a:hover {
  color: #f60;
}
#headleft {
  float: left;
}
#headright {
  float: right;
}

/* ヘッダイメージ部 */
#header {
  width: 940px;
  position: relative;
  margin-bottom: 2px;
  /*下層用*/
  height: 100px;
  background: url(../images/kaso-header.jpg) no-repeat;
}
/* 日本海洋データセンターロゴ等 */
ul#textLogo {
  position: absolute;
  list-style: none;
  margin-top: 0;
  /*下層用*/
  left: 50px;
  top: 10px;
}
#textLogo li {
  float: left;
  margin-left: 5px;
}
#textLogo li span {
  display: none;
}
#textLogo li.JODClogo {
  width: 63px;
  height: 41px;
  background: url(../images/logo_JODC.gif) no-repeat;
}
#textLogo li.JODCtext {
  width: 304px;
  height: 41px;
  background: url(../images/textJODC.gif) no-repeat;
}

/* タブボタン：メインリンク項目
----------------------------------------- */
#mainlink {
  width: 100%;
  font-size: 90%;
  table-layout: fixed;
  position: absolute;
  bottom: 0;
}
#mainlink td {
  text-align: center;
  background: url(../images/tab.gif);
}
#mainlink a {
  text-decoration: none;
  display: block;
  height: 35px;
  padding-top: 6px;
  height: 29px;
  color: #fff;
  font-weight: bold;
}
#mainlink a:hover {
  background: url(../images/tab_on.gif);
}
#mainlink a.on {
  background: url(../images/tab_on.gif);
}

#mainlink .goTop {
  width: 8em;
}

/*
#mainlink .goTop {トップ botann 
	padding-left:12px; padding-right:12px;
}
*/

/* ぱんくずメニュー
----------------------------------------- */
#breadcrum {
  font-size: 80%;
  padding: 3px;
}

/* 本文記事
----------------------------------------- */
#mainContents {
  width: 940px;
  background-color: #fff;
  min-height: 1px; /* for ClearFix */
}
#mainContents #leftmenu {
  float: left;
  width: 170px;
  background-color: #f5f5f5;
}
#mainContents:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* 2カラムの場合 */
.twoColumn #mainleft {
  float: left;
  width: 705px;
}
.twoColumn #mainright {
  float: right;
  width: 227px;
}
/* 1カラムの場合 */
/* .oneColumn #mainleft {
} */

/* サブメニュー部品
----------------------------------------- */

/* 背景色 */
.subMenu li {
  background: url(../images/linkBar1.gif); /* グレー */
}
.col_gray2 li {
  background: url(../images/linkBar2.gif); /* 濃いグレー */
}
.col_beige li {
  background: url(../images/linkBar3.gif); /* ベージュ */
}
.col_green li {
  background: url(../images/linkBar4.gif); /* 緑 */
}
.col_blue li {
  background: url(../images/linkBar5.gif); /* 青 */
}
.col_pink li {
  background: url(../images/linkBar6.gif); /* ピンク */
}
.col_orange li {
  background: url(../images/linkBar7.gif); /* オレンジ */
}

.subMenuHeightL .subMenu li {
  min-height: 65px;
}

.subMenu a {
  text-decoration: none;
}
ul.subMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 5px solid #b7b7b7;
  margin-bottom: 10px;
}
.subMenu li a.come {
  background: url(../images/icon01.gif) no-repeat 5px 1.2em;
  padding: 13px 0 13px 20px;
  display: block;
}
.subMenu li a.nocome {
  background: url(../images/icon01.gif) no-repeat 5px 50%;
  padding: 13px 0 13px 20px;
  display: block;
}
.subMenu li {
  border: 1px solid #b4b4b4;
  margin: 5px 0;
  line-height: 1.1;
}
.subMenu .comment {
  font-size: 11px;
  color: #333;
}
/*--画像画像設定--*/
.subMenu .icon a,
.subMenu .icon .comment {
  padding-right: 63px;
}
.subMenu .icon span {
  min-height: 42px;
}
.subMenu li.icon a {
  padding-top: 8px; /* padding-top:5px; */
}
.subMenu #marin span {
  background: url(../images/icon_topics.jpg) right 50% no-repeat;
  font-size: 90%;
}
.subMenu #sodan span {
  background: url(../images/icon_sodan.jpg) right 50% no-repeat;
}
.subMenu #kaiyo span {
  background: url(../images/icon_kaiyo.jpg) right 50% no-repeat;
  font-size: 85%;
}
.subMenu .klink a {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* 下層用ページメインイメージ部
----------------------------------------- */
#subheader {
  position: relative;
  margin-bottom: 2px;
  width: 940px;
  height: 60px;
}

#function {
  position: absolute;
  width: 250px;
  left: 660px;
  top: 5px;
}
#txtsize {
  font-size: 14px;
  font-weight: bold;
  padding-top: 1px;
  padding-bottom: 5px;
  color: #000;
}
#txtsize a {
  color: #000;
  text-decoration: none;
  border: 1px solid #999;
  padding: 0 4px 1px;
  background-color: #eeeeee;
  margin-left: 4px;
}

#txtsize a:hover {
  color: #f60;
}

/* トップ専用ぱんくず
----------------------------------------- */
#topbread {
  font-size: 80%;
  padding: 3px;
}

/* ページトップへ戻る
----------------------------------------- */
#gotopArea {
  margin-left: -25px;
}
#gotopBox {
  width: 240px;
  float: right;
  background-color: #ffffff;
}
#gotop {
  font-size: 80%;
  float: right;
  margin-top: 5px;
  padding: 5px;
  border-style: solid;
  border-color: #396cd9;
  border-width: 1px 1px 0 1px;
  background-color: #e8f0f7;
}

/* フッタ
----------------------------------------- */
#footer {
  font-size: 80%;
  border-top: 1px solid #396cd9;
  text-align: left;
}
#footinf {
  background-color: #e8f0f7;
  padding: 6px;
}
#footinf .info {
  font-size: 95%;
  color: #666;
  margin-bottom: 10px;
  float: left;
}
#footinf .inquiry {
  text-align: right;
}
#footinf .address {
  margin-left: 2em;
}

#copy {
  font-size: 80%;
  color: #fff;
  background-color: #396cd9;
  text-align: center;
  padding: 2px;
}