/* 全体構造
---------------------------------------------------- */
body {
  margin:0;
  padding:0;
  text-align:center;
  background-image:url(../images/body-back.jpg);
  background-repeat:repeat-x;
}

div#wrapper {
  width:800px;
  text-align:left;
  margin:0 auto;  
}

/* header
---------------------------------------------------- */
div#header {
  height:100px;
  background-image:url(../images/header-back-none.jpg);
  background-repeat:no-repeat;
}

div#logo {
  width:300px;
  height:100px;
  margin:0;
  padding:0;
  background-image:url(../images/logo.gif);
  background-repeat:no-repeat;
  background-position:left;
  text-indent:-9999px;
}

div#logo p {
  margin:0;
  padding:0;
} 

div#logo a {
  display:block;
  width:300px;
  height:60px;
  margin:20px 0;
  padding:0;
  border:0;
  text-decoration:none;
}

/* top
---------------------------------------------------- */
div#top {
  width:570px;
  margin: 0;
  padding:15px 15px 20px 15px;
  float:left;
  background-image:url(../images/top-back-none.jpg);
  background-repeat:no-repeat;
  background-position:top;  
}

h1,h2,h3,h4 {
  margin:10px 5px;
  padding-left:10px;
  border-left-style:solid;
  border-left-color:#000000;
  border-left-width:15px;
  font-size:120%;    
}

.meimei b {
  color:#ff0000;
}

img {
  border-style:none;
}

table {
  border-style:none;
}

div#top a:link,a:visited,a:active {
  color:#bb0088;
  text-decoration:none;
}

div#top a:hover {
  color:#666666;
  text-decoration:underline;
}

/* リスト */
dl { 
  padding: 2px 0px;
  margin-left: 25px;
}

dl dt {
  font-weight: bold;
  color: #000000;
}

dl dd {
  margin: 0px 2px 0px 5px;
  padding: 8px 8px 6px 5px;
  border: 3px #cc0000 double;
  border-width: 0px 0px 0px 3px;
}

/* menu
---------------------------------------------------- */
div#menu {
  width:200px;
  height:795px;
  float:left;
  background-image:url(../images/menu-back-none.jpg);
  background-repeat:no-repeat;
  background-position:top;   
}

/* navi */
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu li {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0px;
  height: 45px;
  text-indent: -9999px;
}

#menu li#outline  { left: 0px; width: 200px; }
#menu li#photo    { left: 0px; width: 200px; }
#menu li#history  { left: 0px; width: 200px; }
#menu li#qa       { left: 0px; width: 200px; }
#menu li#doc      { left: 0px; width: 200px; }
#menu li#breed    { left: 0px; width: 200px; }
#menu li#honkai   { left: 0px; width: 200px; }


#menu li a {
  text-decoration: none;
  display: block;
  height: 45px;
}

#menu li#outline a:hover {
  background: url(../images/menu-opn.jpg) 0 0;
}
#menu li#photo a:hover {
  background: url(../images/menu-opn.jpg) 0 -45px;
}
#menu li#history a:hover {
  background: url(../images/menu-opn.jpg) 0 -90px;
}
#menu li#qa a:hover {
  background: url(../images/menu-opn.jpg) 0 -135px;
}
#menu li#doc a:hover {
  background: url(../images/menu-opn.jpg) 0 -180px;
}
#menu li#breed a:hover {
  background: url(../images/menu-opn.jpg) 0 -225px;
}
#menu li#honkai a:hover {
  background: url(../images/menu-opn.jpg) 0 -270px;
}


/* footer
---------------------------------------------------- */
div#footer {
  height:100px;
  clear:both;
  background-color:#ffffff;
  border-top: 1px solid #cbcbcb;
}

div#footer p {
  font-size:80%;
  color: #666666;
}