html, body {
      width: 100%;
      max-width: 1024px;
      margin: auto;
      padding: 0;
      border: none;
		background-image: url(../graph/texa.png);
   	font-size: 86%;
		}
p, .fl {
      font-size: 1.1em;
		}
div#acc {
      position: absolute;
      top: 0px;
      left: 65px;
      width: 140px;
      height: 31px;
	}
div#angle {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 113px;
      height: 380px;
      background-image: url(../graph/angle_2.png);
		}

.cont0 {
      position: relative;
      width: 59%;
      margin: 12% 0% 0% 16%;
      text-align: justify;
      background-color: #ffffff;
      z-index: 1000;
      border: #008bec solid 1px;
	}
.cont1 {
      position: relative;
      width: 59%;
      margin: -1% 0% 0% 19%;
      text-align: justify;
      background-color: #ffffff;
      z-index: 1100;
      border: #008bec solid 1px;
	}
.cont2 {
      position: relative;
      width: 59%;
      margin: -1% 0% 0% 12%;
      text-align: justify;
      background-color: #ffffff;
      z-index: 1200;
      border: #008bec solid 1px;
	}
p {
   margin: 4% 9% 9% 9%;
}
.cbas {
      position: relative;
      width: 100%;
      height: 52px;
      margin: 80% 0% 0% 0%;
      text-align: justify;
      z-index: 1000;
      background-image: url(../graph/bas.png);
      background-position: top right;
      background-repeat: no-repeat;
	}
div#post {
      position: absolute;
      top: 3%;
      left: 55%;
      height: 15%;
      width: 20%;
      background-image: url(../graph/pitc.png);
      background-position: top left;
      background-repeat: no-repeat;
      padding: .1%;
      text-align: center;
      z-index: 2;
	}
div#post1 {
      position: absolute;
      top: 10%;
      left: 45%;
      height: 15%;
      width: 22%;
      padding-left: 35px;
      background-image: url(../graph/pitb.png);
      background-position: top left;
      background-repeat: no-repeat;
      z-index: 2;
	}
div#post2 {
      position: absolute;
      top: 24%;
      left: 70%;
      width: 20%;
      height: 25%;
      padding-top: .3%;
      padding-right: 55px;
      text-align: right;
      background-image: url(../graph/pite.png);
      background-position: top right;
      background-repeat: no-repeat;
      z-index: 2;
	}
div#post3 {
      position: absolute;
      top: 15%;
      right: 5%;
      width: 20%;
      height: 25%;
      padding: .3% 2% 0% 3%;
      text-align: left;
      background-image: url(../graph/pitd.png);
      background-position: top right;
      background-repeat: no-repeat;
      z-index: 2;
	}
.detail {
      position: absolute;
      top: 25%;
      right: 1%;
      width: 22%;
      z-index: 10000;
		}
.hd {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 115px;
      height: 95px;
      background-image: url(../graph/hd.png);
      background-position: top left;
      background-repeat: no-repeat;
	}

.nav0, .nav0 ul {
      padding: 0% 1% 0% 0%;
      margin: 0;
      list-style: none;
      list-style-position: outside;
      width: 100%;
      z-index: 7;
		}
.nav0 a {
      display: block;
      width: 100%;
      margin-top: 1%;
      z-index: 7;
      background-image: url(../graph/menu.png);
		background-repeat: no-repeat;
		text-decoration: none;
		line-height: 1.3em;
				/*
		font-size: 80%;
				*/
		font-weight: bold;
		}
.nav0 li {
      float: left;
		text-indent: 2em;
      width: 100%;
      z-index: 7;
      padding-right: 2%;
		}
.nav1, .nav1 ul {
      margin: 0;
      list-style: none;
      width: 98%;
      z-index: 7;
		}
.nav1 a {
      display: block;
      width: 98%;
      z-index: 7;
      background-image: url(../graph/menub.png);
		background-repeat: no-repeat;
		font-weight: bold;
		}
.nav0 a:hover {
color: #ff0000;
	}
.nav1 a:hover {
color: #ff0000;
	}
.nav1 li {
      float: left;
      width: 85%;
      z-index: 7;
		margin-left: 8%;
		}
.nav1 > li {
      width: 94%;
		}
.navref, .navref ul {
      margin: 0;
      list-style: none;
      width: 100%;
      z-index: 7;

		}
.navref a {
      display: block;
      width: 100%;
      z-index: 7;
		line-height: 1.3em;
      background-image: url(../graph/menuv.png);
		background-repeat: no-repeat;
		font-weight: bold;
		}
.navref li {
      float: left;
      width: 100%;
      z-index: 7;
		}
.nav0 a:visited {
		font-weight: normal;
				}
.nav1 a:visited {
		font-weight: normal;
				}
.navref a:visited {
		font-weight: normal;
				}
.navref a:hover {
color: #ff0000;
	}
.ital0 {
		font-style: italic;
		font-weight: bold;
      background-image: url(../graph/menu.png);
		background-repeat: no-repeat;
		line-height: 1.3em;
				/*
		font-size: 90%;
				*/
		margin: .2em 0em .1em 0em;
		text-align: right;
		}
.ital1 {
		font-style: italic;
		font-weight: bold;
      background-image: url(../graph/menub.png);
		background-repeat: no-repeat;
		line-height: 1.3em;
				/*
		font-size: 90%;
				*/
		margin: .2em 0em .1em 0em;
		text-align: right;
		}
.ital2 {
		font-style: italic;
		font-weight: bold;
      background-image: url(../graph/menuv.png);
		background-repeat: no-repeat;
		line-height: 1.3em;
				/*
		font-size: 90%;
				*/
		margin: .2em 0em .1em 0em;
		text-align: right;
		}
.b0 {
		border: none;
		}
.ml {
      text-align: center;
		}
.cit {
      margin-left: 6em;
      margin-top: -1.5em;
      margin-right: 6em;
      background-color: #f1f7f9;
				/*
	   font-size: 80%;
				*/
	   font-weight: bold;
	   padding: 1em;
		}
.goo {
      margin-left: 11%;
      margin-top: 1em;
      padding: .1%;
      width: 88%;
	}
.fl li {
  list-style-image: url(../graph/fl.png);
  list-style-position:outside;
   margin: -1% 9% 0% 9%;
   font-weight: bold;
		}
.pgv {
      position: relative;
      width: 44%;
      margin: 5% 0% 0% 21%;
      text-align: center;
      background-color: #ffffff;
      z-index: 1000;
      border: #008bec solid 1px;
	}
div#ban {
      position: absolute;
      top: 1.2em;
      left: 28%;
      z-index: 10000;
		}
.sel {
		border: #0000ff solid 1px;
		background-color: #f7f7f7;
		margin-right: .5em;
		color: #0000ff;
		}