@charset "Shift_JIS";

@import "measure.css";

/* -------------------------------------------
 * Style Sheet for BERRY the dog sight
 * Last modified 2003/12/30 by cozy.kitahara
 * ------------------------------------------*/
@media screen,tv,projection {
/* ====== body_element ====== */
body {
  margin: 0px;
  padding: 0px;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 100%;
  background-image: url("../img/wallbody.gif");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;

}
/* ====== top-area ====== */
div#toparea {
  margin: 0px;
  padding: 0px;
  height: 81px;
  color: #333333;
  background-color: #FFFFFF;
}
div#toparea h1 {
  margin: 0px;
  padding: 0px;
  font-size: 250%;
  background-image: url("../img/berryrun.gif");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-attachment: scroll;
  font-family: Tahoma,Verdana,Myriad Web,Syntax,sans-serif;
}
/* ====== navigation-area ====== */
div#navi {
  margin: 0px;
  padding: 0px;
  border-width: 3px 0px 6px 0px;
  border-style: outset;
  border-color: #DDDDDD;
}
div#navi p {
  margin: 0px;
  padding: 3px 0px;
  font-size: 80%;
  text-align: center;
  color: #FFFFFF;
  background-color: transparent;
  font-family: "MS UI Gothic","‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;
}
div#navi a:link {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: underline;
}
div#navi a:visited {
  color: #DDDDDD;
  background-color: transparent;
  text-decoration: underline;
}
div#navi a:hover, div#navi a:active {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
}
div#navi-bottom {
  margin: 0px;
  padding: 0px;
}
div#navi-bottom p {
  margin: 0px;
  padding: 3px 0px;
  font-size: 80%;
  text-align: center;
}
/* ====== title-area ====== */
div#title {
  margin: 0px;
  padding: 0px;
  height: 20px;
  color: #000000;
  background-color: transparent;
  background-image: url("../img/contents.gif");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}
div#title p {
  display: none;
}
/* ====== innerContents-area ====== */
div#contents {
  margin-top: 0px;
  margin-right: 45%;
  margin-left: 15px;
  margin-bottom: 3em;
  padding: 0px 0px 30px 0px;
  background-image: url("../img/wallcontents.gif");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-attachment: scroll;
  border-top: 5px outset #DDDDDD;
  border-bottom: 2px dotted #DDDDDD;
}
div#contents p {
  margin: 8px 10px 10px 10px;
  padding: 2px 0px 0px 5px;
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  line-height: 110%;
  background-image: url("../img/wall-contents.gif");
  font-family: "Courier New",Courier,sans-serif;
}
div#contents ul {
  margin: 0px 0px 0px 30px;
  padding: 0px;
  line-height: 140%;
  list-style-image: url("../img/conpt.gif");
  font-weight: normal;
}
div#contents .regist {
  margin: 20px 0px 0px 10px;
  font-size: 80%;
  line-height: 160%;
  list-style-image: url("../img/conpt.gif");
  font-weight: normal;
}
/* ====== body-area ====== */
div#bodyarea {
  margin: 0px;
  padding: 0px;
  background-image: url("../img/walldiv.gif");
  background-repeat: repeat-y;
}
div#bodyarea h2 {
  margin: 5% 15% 2% 15%;
  padding: 5px 10px 5px 0px;
  color: #000000;
  background-color: transparent;
  font-size: 130%;
  font-weight: bold;
  line-height: 140%;
  border-style: solid;
  border-width: 0px 12px 1px 0px;
  text-align: right;
}
div#bodyarea h3 {
  margin: 2% 15% 5% 15%;
  color: #000000;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  line-height: 120%;
}
div#bodyarea h3.info {
  margin: 3% 15% 1% 15% !important;
  padding: 3px 5px 1px 10px;
  color: #DC143C !important;
  background-color: transparent;
  border: 1px solid #DC143C;
}
div#bodyarea p.body {
  margin: 0% 15% 0% 22%;
  padding: 0px;
  line-height: 160%;
  text-indent: 1em;
}
div#bodyarea p.exp {
  margin: 0% 15% 0% 22%;
  color: #000000;
  background-color: transparent;
  line-height: 110%;
  text-indent: 0em;
  text-align: right;
}
div#bodyarea p.date {
  margin: 1% 15% 0% 22%;
  padding: 0px 0px 2px 5px;
  text-indent: 0em;
  color: #000000;
  background-color: transparent;
  font-family: "Times New Roman",Times,serif;
  border-style: solid;
  border-color: #669999;
  border-width: 0px 0px 0px 2px;
}
div#bodyarea p.record {
  margin: 0% 15% 0% 22%;
  padding: 2px 0px 2px 40px;
  text-indent: 0em;
  color: #000000;
  background-color: transparent;
  line-height: 120%;
  border-style: solid;
  border-color: #669999;
  border-width: 0px 0px 1px 2px;
}
div#bodyarea p.gotop {
  margin: 0% 7% 0% 8%;
  padding: 5% 0%;
  text-align: right;
  font-size: 90%;
  font-weight: bold;
  color: #666666;
  background-color: transparent;
  border-bottom: 2px dotted #666666;
  font-family: "Times New Roman",Times,serif;
}
div#bodyarea p.center {
  margin: 10px;
  padding: 0px;
  text-align: center;
}
div#bodyarea p.botimage {
  margin: 10px;
  padding: 0px;
  text-align: center;
}
div#bodyarea p.banner-area {
  margin: 1% 39%;
  padding: 0px 0px 10px 0px;
  text-align: center;
  color: #FFFFFF;
  background-color: #DC143C;
  background-image: url("../img/wall-bannerarea.gif");
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
}
div#bodyarea p.map {
  margin: -5% 15% 0% 0%;
  padding: 0px;
  text-align: right;
}
div#bodyarea p.guide {
  margin: 0% 15% 0% 22%;
  padding: 5px 0px 5px 10px;
  font-size: 90%;
  line-height: 120%;
  border-color: #556B2F;
  border-style: solid;
  border-width: 0px 0px 0px 6px;
}
div#bodyarea .parkspec {
  margin-top: 1%;
  margin-right: 15%;
  padding-top: 3%;
  text-align: right;
  line-height: 130%;
}
div#bodyarea .parkspec h4 {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  font-size: 110%;
  font-weight: bold;
}
div#bodyarea .parkspec h5 {
  margin: 10px 0px 2px 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: bold;
}
div#bodyarea .parkspec p.url-adr {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-family: "Times New Roman",Times,serif;
}
div#bodyarea p.dogspec {
  margin: 2% 0%;
  font-family: "Times New Roman",Times,serif;
  text-align: center;
}
div#bodyarea p.ldate {
  margin: 4% 15% 0% 22%;
  padding: 0px;
  color: #000000;
  background-color: transparent;
  border-style: dotted;
  border-color: #666666;
  border-width: 0px 0px 2px 0px;
}
div#bodyarea p.lrecord {
  margin: 1% 15% 0% 22%;
  padding: 0% 0% 1% 6%;
  text-indent: 0em;
  line-height: 130%;
}
div#bodyarea p.dogphoto {
  margin-top: 1%;
  margin-right: 15%;
  margin-bottom: 1%;
  margin-left: 28%;
  padding: 0px;
  text-align: center;
}
div#bodyarea p.send {
  margin: 1% 15% 0% 15%;
  padding: 3px;
  color: #DDDDDD;
  background-color: #006699;
  line-height: 110%;
  text-indent: 0em;
  text-align: right;
}
div#bodyarea p.gotodb {
  margin: 1% 15% 0% 15%;
  padding: 3px;
  border-style: solid;
  border-width: 1px 0px;
  border-color: #666666;
  color: #000000;
  background-color: #F5F5F5;
  line-height: 110%;
  text-indent: 0em;
  text-align: center;
}
div#bodyarea p.submit-area {
  margin: 0% 15%;
  padding: 0px;
  text-align: right;
}
div#bodyarea ul {
  margin: 0% 15% 0% 25%;
  padding: 0px;
  line-height: 160%;
}
div#bodyarea dl {
  margin: 2% 15% 0% 22%;
  padding: 0px;
  line-height: 160%;
}
div#bodyarea dl ul{
  margin-left: 40px;
  padding: 0px;
  line-height: 160%;
}
div#bodyarea dl p {
  margin-left: 40px;
  padding: 0px;
  line-height: 160%;
}
/* ====== log-area ====== */
div#log {
  margin: 0px;
  padding: 0px;
}
div#log p {
  margin: 0px;
  padding: 0px;
}
/* ====== footer-area ====== */
div#footer {
  margin: 0px;
  padding: 0px;
  border-width: 3px 0px 6px 0px;
  border-style: inset;
  border-color: #DDDDDD;
}
div#footer address {
  margin: 0px;
  padding: 3px 0px;
  font-style: normal;
  font-size: 80%;
  text-align: center;
  font-family: "Times New Roman",Times,serif;
}
div#footer address a:link {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: underline;
}
div#footer address a:visited {
  color: #DDDDDD;
  background-color: transparent;
  text-decoration: underline;
}
div#footer address a:hover, div#footer address a:active {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
}
/* ====== common_style ====== */
a:link {
  color: #0000CD;
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: #5F9EA0;
  background-color: transparent;
  text-decoration: underline;
}
a:hover, a:active {
  color: #0000FF;
  background-color: #E6E6FA;
  text-decoration: none;
}
kbd {
  font-family: "Times New Roman",Times,serif;
}
hr.none, hr.hide {
  display: none;
}
img {
  border-width: 0px;
}
img.ileft {
  float: left;
  margin-right: 10px;
}
acronym {
  font-style: normal;
  font-weight: normal;
  border-bottom: dotted 1px #5F9EA0;
  font-family: "Times New Roman",Times,serif;
}
strong {
  font-weight: bold;
}
.spec {
  font-family: "Times New Roman",Times,serif;
}
.bsubmit {
  color: #FFFFFF;
  background-color: #666666;
}
span.specj {
  font-size: 80%;
}
.right {
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.center {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.en {
  font-family: "Times New Roman",Times,serif;
}
.note {
  margin-top: 1%;
  margin-right: 15%;
  text-align: right;
  font-family: "Times New Roman",Times,serif;
}
.sitename {
  font-weight: bold;
  font-family: "Times New Roman",Times,serif;
}
.h1position {
  vertical-align: text-bottom;
}
/* ====== page_style ====== */
.info {
  color: #FFFFFF;
  background-color: #DC143C;
}
.border-info {
  border-color: #DC143C;
}
.column {
  color: #FFFFFF;
  background-color: #483D8B;
}
.border-column {
  border-color: #483D8B;
}
.park {
  color: #FFFFFF;
  background-color: #556B2F;
}
.border-park {
  border-color: #556B2F;
}
.dsite {
  color: #FFFFFF;
  background-color: #8B008B;
}
.border-dsite {
  border-color: #8B008B;
}
.library {
  color: #FFFFFF;
  background-color: #D2691E;
}
.border-library {
  border-color: #D2691E;
}
.diary {
  color: #FFFFFF;
  background-color: #663300;
}
.border-diary {
  border-color: #663300;
}
.board {
  color: #FFFFFF;
  background-color: #666666;
}
.border-board {
  border-color: #666666;
}
.gold {
  border-color: #DAA520;
}
.silver {
  border-color: #C0C0C0;
}
.db {
  color: #FFFFFF;
  background-color: #006699;
}
.border-db {
  border-color: #006699;
}
}
@media screen {
a.contents {
  cursor: s-resize;
}
a.pageup {
  cursor: n-resize;
}
.bsubmit {
  cursor: pointer;
}
acronym {
  cursor:help;
}
}