@charset "Shift_JIS";
@import "../common.css";

/*
#geoad-ph {
  position: absolute;
  border: 1px red solid;
/*
  top: 0;
* /
  right: 0;
  width: 175px;
  height: 368px;
}
*/

/* __________________________________________________________ */

html {
  background: #FFF;
}

body {
  margin: 0 177px 1.5em 0;
  background: url(title-ref-body.png) repeat-x 0 300px;
}

#site-header {
  background: #000;
}

#site-header p.lang-selector {
  margin: 0 auto;
  padding: 2px 20px 0 0;
  width: 580px;
  height: 298px;
  background: url(title.jpg) no-repeat 50% 100%;

  font: 0.8em "Verdana", sans-serif;
  color: #CCC;
  text-align: right;
}

#site-header .lang-selector a { color: #CCC; }

#main {
  position: relative;
  margin: -100px auto 0 auto;
  width: 600px;
}

#site-menu {
  position: absolute;
  z-index: 100;
  top: 100px;
  left: 0;
  padding: 10px 20px 0 0;
  width: 280px;
  background: url(title-ref-menu.jpg) no-repeat;
}
#site-menu ul {
  overflow: hidden; width: 100%; /* for IE6 */
  font-weight: 700;
  list-style-type: none;
}
#site-menu a {
  display: block;
  padding: 4px 0 4px 26%;
  width: 74%;

  color: #000;
  text-align: right;
  letter-spacing: -0.1ex;
  text-decoration: none;
}
#site-menu #about a { font-size: 3em; }
#site-menu #repertoire a { font-size: 2.4em; }
#site-menu #shishimai a { font-size: 1.8em; }
#site-menu #video a { font-size: 2em; font-family: "Trebuchet MS", sans-serif; }
#site-menu #photos a { font-size: 1.2em; }
#site-menu #from-aki a { font-size: 1em; }
#site-menu a:hover {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkits-box-sizing: border-box;
  padding-left: 0.5ex;
  width: 100%;
  background: #333;

  color: #FFF;
  text-align: center;
  letter-spacing: 0.5ex;
  text-decoration: none;
}

#intro {
  margin: 0 0 0 300px;
  padding: 0 20px 2.0em;
  width: 260px;
  background: #666 url(intro-mid.png) repeat-y;
  color: #FFF;
}
#intro > * { position: relative; } /* for Firefox 2 overflow: != 'visible' stack level bug */
#intro h1 {
  overflow: hidden;
  margin: 0 -20px -236px;
  height: 246px;
  background: url(intro-top.jpg) no-repeat;

  font-size: 0;
  line-height: 0;
  text-indent: -1000%;
}
#intro p {
  margin: 1.5em 0;
  line-height: 1.5em;
  text-indent: 1em;
}
#intro .x-aside {
  float: right;
  margin: 0 0 0 16px;
}
#intro :link { color: #CCF; }
#intro :visited { color: #C9F; }
#intro :link:active, #intro :visited:active { color: #FCC; }
#intro #last-mod p {
  color: #999;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  text-align: right;
}

#site-footer {
  position: relative;
  margin: -17px 0 0 0;
  border-top: 0;
  padding: 0;
  min-width: 600px;
  background: #EEE url(footer-side.png) repeat-x;
}
#site-footer p.copyright {
  margin: 0 auto;
  padding: 13px 0 3px;
  width: 600px;
  background: #EEE url(footer-mid.png) repeat-x 50% 0;
}