/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Sea-Ice monitor
   海氷モニタ、面積値ページ共通スタイルシート

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
/* body   *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
body {
  font-family:'Lucida Grande',
   'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
   Meiryo, メイリオ, sans-serif;

  /* 背景色の指定です。ここで指定した色がヘッダおよびフッタの色となります。  */
  background-color  : #ecf8ff;
  margin            : 0px auto;
}

/* header *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
div.headercontainer {
  width   : 100%;
/*  height  : 50px;*/
  background-color  : #ffffff;
  position: relative;
  top     : 0px;
  left    : 0px;
/*
  border-bottom: 6px solid #2287C8;
*/
/*
  背景画像指定エリア：ヘッダ部分に背景を表示する場合、横幅1600～2400、縦幅50pxの画像を用意し、こちらを有効にしてください。。
  background-color   : #cfeaf8;
  background-image   : url(../images/*****);
  background-position: center top;
*/
}

div.header {
  width : 1000px;
  /*height: auto;*/
  margin: 0px auto;
}
  div.header > div#title{
  /*
    font-size  : 26pt;
    font-weight: bold;
    color      : white;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4);
    position   : absolute;
    top:0px;
  */
  	width: 100%;
	height: 60px;
	position: relative;
	left: 0px;
	top: 0px;
/*
	background-image: url("../../images/adas/header_bg2.jpg");
	background-repeat: no-repeat;
*/
	padding-top: 10px;

  }

  div#topmenu {
    float : right;
    margin: 0px 0px;
  }
    div#topmenu ul{
      list-style-type: none;
      padding        : 0px 0px;
      margin         : 0px 0px;
    }
    div#topmenu li{
      float       : left;
      text-align  : center;
      font-size   : 8pt;
      margin      : 0px 0px;
    }

/* Menu Part -------------------------------------------------------- */
div.menucontainer {
  width           : 100%;
  /* 中央部分の色指定です。 */
  background-color: #3398cd;
  position        : relative;
}

div.menu {
  width : 980px;
  height: 20px;
  margin: 0px auto;
}
  div.menu ul {
    list-style-type: none;
    padding        : 0px;
    margin         : 0px;
  }

  div.menu li {
    width         : 140px;
    height        : 18px;
    padding       : 0px;
    margin        : 0px 2px;
    text-align    : center;
    vertical-align: middle;
    font-weight   : normal;
    font-size     : 8pt;
    float         : left;
    color         : white;
    box-shadow    : 0px 1px 3px rgba(0,0,0,0.4);
  }

  div.menu a {
    width          : 140px;
    height         : 18px;
    margin         : 0px auto;
    display        : block;
    text-decoration: none;
    color          : white;
  }

  div.menu a:hover {
    color           : purple;
    background-color: white;
    margin-top      : -2px;
    box-shadow      : 0px 2px 5px rgba(255,0,0,0.8);
  }

/* Main *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
div.mbodycontainer {
  width           : 100%;
  height          : auto;
  background-color: white;
  position        : relative;
  padding         : 5px 0px;
  border-bottom   : 1px solid #3398cd;

  /* 中央部分のみの背景画像 ：背景を指定しない場合はこの部分をコメントアウトして下さい。  */
  background-image:url(../images/bg.png);
  background-position:0px 0px;
  /* -- 背景指定エリアここまで --  */
}

div.mbody {
  width   : 1000px;
  height  : auto;
  margin  : 0px auto;
  position: relative;
}

/* Footer *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
div.footercontainer {
  width     : 100%;
  height    : auto;
  border-top: 0px solid black;
  position  : relative;
}

div.footer {
  clear     : both;
  width     : 1000px;
  font-size : 8pt;
  margin    : 0px auto;
  padding   : 5px 0px 2px 0px;
  clear     : all;
  border-top: 0px solid silver;
}

  div#copy{
    color     : navy;
    text-align: left;
    margin-top: 10px;
  }

div.footer2 {
  background: -moz-linear-gradient(top, #22ffff,#2287C8);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#22ffff), to(#2287C8));/* Safari,Google Chrome用 */
  border: 1px solid #3398CD;
}

div.footer2-in {
	font-size: 8pt;
	width: 1000px;
	margin: 0 auto;
	color: #ffffff;
}