@charset 'utf-8';

/* リセット */

html,
body,
iframe,
div,
ul,
li,
img {
  padding: 0;
  margin: 0;
  background: transparent;
}

html,
body,
wrap {
  height: 100%;  /* 親要素の高さを継承するため */
  background: #cccccc;
  -webkit-text-size-adjust: 100%  /* 文字が大きくなるのを防ぐ */;
}

iframe,
img {
  border: 0;
  vertical-align: bottom;  /* 下に余白ができないようにする */
}

ul {
  list-style: none;
}

a {
  outline: none;
  text-decoration: none;
}

a:visited {
  
}

a:hover {
  
}

a:active {
  
}

a:focus {
  
}

area {
  outline: none;
}

/* レイアウト */

#wrap {
  width: 640px;
  background: #ffffdd;
  margin: 0 auto;
}

#headline {
  position: relative;
  top: -90px;
  z-index: 2;
  width: 640px;
  height: 90px;
  background: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin: 0 0 -90px 0;
}

#headline-inner {
  display: table;
  table-layout: fixed;
  width: 640px;
  height: 90px;
  font: normal normal normal 30px/1 Roboto,"Droid Sans",sans-serif;
  color: #ffffff;
}

#headline-subject {
  display: table-cell;
  max-width: 560px;
  padding: 0 30px 0 30px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#menu li {
  display: inline-block;
}

#news {
  width: 100%;
  height: 100%;
}

#gmap {
  display: block;
  width: 580px;
  height: 410px;
  margin: 0 auto;
}