@charset "utf-8";

#wrapper {
  margin: 0 auto;
  width: 960px;
}

/* --- ヘッダー --- */
header {
  color: #fff;
  padding: 0;
  -moz-border-radius: 0 0  5px 5px;
  -webkit-border-radius: 0 0  5px 5px;
  border-radius: 0 0  5px 5px;
}

header h1{
  font-size: 1em;
  color: #808080;
}

#E-page {
float: right;
width: 120px;
height: 18px;
text-align: center;
background-image: url(../images/language-button.png);
}

#E-page a{
color: #fff;
}

/* --- 上部ナビゲーション --- */
nav {
  margin: 20px 0 20px 0;
  background: #87cefa;
  padding: 10px;
  font-weight: bold;
  border: solid 1px #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: both;
}

ul {
  margin: 0;
  padding: 0;
  overflow: hidden;	/* モダンブラウザ向け */
  zoom: 1; /* IE向け */
}

nav li {
  margin: 0 15px;
  list-style: none;
  float: left;
}

nav li a {
  color: #fff;
}

#main {
  margin: 0 auto;
  width: 960px;
    height: 550px;
}

#main:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

h1 {
  margin-bottom: 5px;
  font-size: 10px;
    color:#000000;
  text-shadow: #d3d3d3 2px 2px 2px;
    margin-top:20px;
}

h2 {
  width: 400px; /*ロゴ横幅*/
  height: 35px; /*ロゴ高さ*/
  text-indent: -9999px;
  background: url(../images/maintitle.gif) no-repeat;
}

h2 a {
  display: block;
  height: 35px; /*ロゴリンク高さ*/
}

h3 {
  font-size: 16px;
    margin-bottom:10px;
}

section {
  margin-top: 20px;
  margin-left: 30px;
}

section:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* --- 新着情報エリア --- */
div.update {
width: 450px; /* 新着情報エリアの幅 */
font-size: 100%;
margin: 30px;
float: left;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
height: 130px; /* 新着リストの高さ */
overflow: auto;
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 10px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 10px 3px 6px 7em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
}
div.update a {
text-decoration: underline;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- バナー --- */
#topbanner {
  float: right;
  margin-top: 30px;
  margin-right: 30px;
}

#topbanner img {
  margin-left: 15px;
}

#topbanner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* --- フッター --- */
footer {
  position: relative;
  clear: left;
  margin: 30px 0 30px 0;
  padding: 10px;
border-top: 1px #c0c0c0 solid;
}

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

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

/* --- ページトップへ --- */
#pagetop {
  display: inline-block;
  position: absolute;
  top: -33px; /*数値は画像の高さ＋1px*/
  right: 10px;
}

#address {
  text-align: center;
}

#copyright {
  text-align: center;
  margin-top:10px;
}