* {
    margin:0;
    padding:0;
}

body {
    color:#000000;
    background-color: #e5faf0;
    font:normal normal normal 100%/1.2 "Hiragiono Kaku Gothic Pro W6", "Osaka", meiryo, 'ＭＳ Ｐゴシック', serif;   
	font-family: 'ヒラギノ角ゴ Pro W3', Osaka, meiryo, 'ＭＳ Ｐゴシック', serif;
/* "DFPGyoSho-Lt",  */
    margin:0 0px;
}


h1 {
    text-align: center;
    /* float: center;   error?? */
    height: 60px;
}

dt { 
   margin-left: 4px;
}

dd { 
    margin-left: 2em;
}

a:link {
    color: #282982;  /* #0066CC */
    background-color: transparent;
    text-decoration: none; /* underline */
}

a:visited {
    color:#0066ff;  /*#840084 */
    background-color:transparent;
    text-decoration: none; /*underline; */
}

a:hover, a:active {
    color: white;
    background-color: #282982;
    text-decoration: none;
}

div#titlearea {
    background-color: #76b5c4; /* 73bec2 original bg #73bec2;;  trieed#73cac2 */
    height: 80px;
/*
    position: absolute;
    top 0px;
    left 40px;
    background-color: #76b5c4;
    height: 67px;
    width: 640px;
*/
}

div#toc {
    top: auto;
    /*   right: auto; */
    right: 15px;   /* MSIE 6 winではfixedかrightが効かない */
    left: auto; /* 600px;  *//* auto; */  
    bottom: auto;
    width: 150px;

    position: absolute;
    /* background-color: #d0ffff;  */
    line-height: 140%;
/*    font-weight: bold; */
    font: "ヒラギノ角ゴPro", "Osaka", meiryo, 'ＭＳ Ｐゴシック', serif, sans-serif;

}


div#toc ul {
    text-align: center;
    list-style-type: none;
    list-style-position:inside;
    list-style-image:none;
    margin-right:8px;
    margin-left:2px;
}

div#toc ul li {
    margin-top: 10px;
    margin-bottom: 7px;
    margin-left: 5px;
    border: 1px solid #53bec2;
    border-left-width: 10px;
    border-top-width: 0;

   /* margin-right: 0px; */
    background-color: white; /* #aef0f0 ; #d0e8ff  #d0ffff transparent; */


}

div#toc ul.english {
    margin-top:5px;
    margin-bottom:30px;
  border-left-color: #ff6600;
  /*  background-color: pink; *//*#5ef0f0 ;  #aef0f0 d0dfff transparent; */
}


div#toc ul li.english {
    margin-top:5px;
    margin-bottom:7px;
    border-left-color: #ff6600;
    background-color: pink; /*#5ef0f0 ;  #aef0f0 d0dfff transparent; */
}

div#toc a {
		display: block; /* 文字だけでなく，背景の四角を反転 */
}

div#toc a: hover, a: active {
 		color: #223344;
    background-color: pink; /* transparent; */
    text-decoration: none;
}


/***************/

div#content {
    margin-top: 0px;
    margin-left: 0px; /* 160px;  */
    background-color: #e5faf0; /* 薄い水色。コンテンツ全体の背景 */
	/*   line-height: 150%; */
	/*    font-weight: bold; */
    font: "ヒラギノ角ゴPro", "Osaka", meiryo, 'ＭＳ Ｐゴシック', sans-serif;

}



.link-label {
	position: absolute;
	z-index: 10;
	border: 0px solid #53bec2;
	text-align: left;
	background-color: transparent;
	font-size: large;
	color: black;
	width: 294px;
	height: 24px;
}

.top-message {
  position: absolute;
  z-index: 10;
  border: 0px solid #53bec2;
  text-align: left; background-color: transparent;
  color: black;
  font-size: x-small;
  top: 10px;
  left: 280px;
  margin-right: 30px;
}

#books-links {
/*  border-top: 1px solid blue;
  border-color: blue;
*/
  margin: 0px;
  padding: 5px 5px 5px 10px;
  font-size: small;
  position: relative;
  top: -4px;
  background-color: #BEEEF2; /*  薄い水色だが，背景よりは少し濃い */
}

#books-links p {
  margin: 5px 0px 5px 0px;
}

#books-links ul {
  margin: 0px 0px 0px 40px;
  list-style-type: none;
  list-style-position:inside;

}

#books-links ul li {
  margin: 2px;
}


.banner {
	position: absolute;
	zindex: 20;
	font-size: 10pt;
	margin-top:  5px;
	margin-bottom:10px;
	background-color: #FFC;
	text-align: left;
	padding: 8px 5px 8px 20px;
	width: 380px;
	height: auto;
	border: 0px solid #FFA500; /*53bec2; */
/*	border-left-color: #F00; */
	border-width: 0 1px 1px 15px;
	/*	border-left-width: 15px; */
}