* {
  font-family: "arial", "helvetica", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "osaka", sans-serif;
  margin: 0px auto;
  padding: 0px;
}

body {
  text-align: center;
}

img {
  vertical-align: bottom;
  border: 0;
}

table {
  border-collapse: collapse;
}

a {
  color: #333333;
  text-decoration: none;
}
a:link,
a:visited {
}
a:active,
a:hover {
}


#container {
  width: 320px;
  color: #333333;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
}


#header {
  text-align: center;
}


#nav {
  background: #e1e1e1;
  padding: 4px 0px 0px;
}
.nav {
  height: 42px;
  text-align: center;
  border-bottom: solid 1px #ffffff;
}
.nav a {
  float: left;
  diplay: block;
  width: 100px;
  line-height: 42px;
  margin: 0px 0px 0px 5px;
}
.nav a img {
  border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;

  position: relative;
  behavior: url('/sp/js/PIE.htc');
}
.nav a:link,
.nav a:visited {
  border-bottom: solid 1px #ffffff;
}
.nav a:active,
.nav a:hover {
  border-bottom: solid 1px #ebebeb;
}


#subnav {
  background: #ebebeb;
  padding: 6px 5px 6px 10px;

  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);

  position: relative;
  behavior: url('/sp/js/PIE.htc');
}
#subnav h2 {
  color: #330000;
  font-size: 15px;
  font-weight: normal;
  padding: 3px 0px 0px;
  text-shadow: 1px 1px 0px #ffffff;
}
#subnav #mail {
  float: right;
  padding: 1px 10px 0px 0px;
}


#data {
  padding: 0px 0px 25px;
}


#footer {
  clear: both;
  background: #e1e1e1;
  text-align: center;
  padding: 10px 0px 0px;
}

#iconf {
  background: #ebebeb;
  padding: 10px 15px;
}

#footer #copy {
  background: #000000;
  color: #b2b2b2;
  font-size: 12px;
  padding: 0px 0px 12px;
}
#footer #copy p {
  text-align: left;
  padding: 9px 15px 6px;
}
#footer #copy small {
  color: #666666;
  font-size: 12px;
}



a.ibutton,
a.ibutton2 {
  display: block;
  background: url('../image/icon/iback.jpg') repeat-x bottom;
  width: 134px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;

  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

  position: relative;
  behavior: url('/sp/js/PIE.htc');
}
a.ibutton {
  height: 32px;
  line-height: 32px;
}
a.ibutton2 {
  height: 24px;
  line-height: 24px;
}


.icontact {
  background: url('../image/icon/contact.png') no-repeat left;
  padding: 0px 0px 0px 30px;
}
.itel {
  background: url('../image/icon/tel.png') no-repeat left;
  padding: 2px 0px 2px 22px;
}



.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}

.alpha:active,
.alpha:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.block {
  display: block;
  background-repeat: no-repeat;
  background-position: bottom;
}
.block:link,
.block:visited {
  background-position: top;
}
.block:active,
.block:hover {
  background-position: bottom;
}
.block img {
  width: 100%;
  height: 100%;
}



.hlink {
  display: block;
  background: url('../image/icon/hback.jpg') no-repeat top;
  height: 74px;
  padding: 17px 0px 0px 14px;
}
.hlink img {
  float: left;
  width: 58px;
  height: 58px;
  margin: 0px 12px 0px 0px;

  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65);

  position: relative;
  behavior: url('/sp/js/PIE.htc');
}
.hlink h1,
.hlink h2 {
  color: #666666;
  font-weight: normal;
}
.hlink h1 {
  color: #333300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
  padding: 1px 0px 2px;
}
.hlink h2 {
  font-size: 12px;
  line-height: 18px;
}
.hlink p {
  color: #f29739;
  font-size: 12px;
}




#ptitle,
.pdata,
.pdata2 {
  font-size: 14px;
  line-height: 22px;
}
#ptitle img.left,
.pdata img.left,
.pdata2 img.left {
  margin: 0px 15px 5px 0px;
}

#ptitle {
  background: url('../image/tback.jpg') repeat-x top;
  padding: 8px 10px 10px;
}
#ptitle h1,
.pdata2 h1 {
  background: url('../image/ticon.png') no-repeat top left;
  height: 40px;
  color: #333300;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 20px 0px 0px 30px;
}
#ptitle h2 {
  font-size: 14px;
  letter-spacing: 1px;
  padding: 0px 0px 10px;
}
#ptitle p {
  font-size: 12px;
  line-height: 18px;
  padding: 4px 0px 0px;
}

.pdata {
  background: url('../image/dback.jpg') repeat-x top;
  padding: 35px 10px 10px;
}
.pdata2 {
  background: url('../image/dback.jpg') repeat-x 0px 5px;
  margin: 5px 0px 0px;
  padding: 0px 10px 10px;
}

.pdata p {
  margin-top: -15px;
  padding: 0px 0px 10px;
}
.pdata table {
  Xwidth: 280px;
  width: 100%;
  margin: 5px auto 20px;
  border-top: solid 1px #e6e6e6;
}
.pdata th,
.pdata td {
  font-weight: normal;
  padding: 5px 0px;
  border-bottom: solid 1px #e6e6e6;
}
.pdata th {
  text-align: left;
}
.pdata td {
  text-align: right;
  padding-left: 0px;
  white-space: nowrap;
}
.pdata ul {
  float: right;
  width: 140px;
  margin-left: 15px;
}
.pdata ul li {
  font-size: 12px;
  line-height: 20px;
}
.pdata ol {
  margin-left: 20px;
}
.pdata span {
  color: #cc0000;
}









































.co2 {
  font-size: 75%;
  padding: 0px 1px;
}


#map {
  height: 400px;
  margin: 10px auto;

  box-shadow: 0px 2px 4px rgb(228, 226, 217);
  -moz-box-shadow: 0px 2px 4px rgba(98, 91, 55, 0.15);
  -webkit-box-shadow: 0px 2px 4px rgba(98, 91, 55, 0.15);

  position: relative;
  behavior: url('/js/PIE.htc');
}

#data .comm .access {
  padding: 5px 0px 0px;
}


.update {
  border-bottom: dotted 1px #eae7d5;
}
.update p {
  padding: 5px 0px 0px;
}
.update p img {
  display: block;
  max-width: 100%;
  max-height: 200px;
}