*{
  box-sizing : border-box;
  -moz-box-sizing : border-box;
}
BODY{
  color : #696969;
  font-family : Verdana;
  font-size : x-small;
  SCROLLBAR-FACE-COLOR: #ffffff; 
  SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
  SCROLLBAR-SHADOW-COLOR: #d3d3d3; 
  SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
  SCROLLBAR-ARROW-COLOR: #d3d3d3; 
  SCROLLBAR-TRACK-COLOR: #ffffff; 
  SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
TD{
  font-size : x-small;
}
A{
  color : #19448e;
  text-decoration : none;
}

/* エントランス*/
#entrance{
  background : url("./img/top.jpg");
  background-attachment: fixed;
  background-position: 100% 0%;
  background-repeat: no-repeat;
  margin-left : 20px;
  margin-top : 30px;
}
#entrance H1{
  font-size : 20px;
  line-height: 12px;
}
#entrance P{
  font-size : xx-small;
  line-height: 17px;
}
#entrance A{
  color : #1e50a2;
  padding-left: 10px;
  font-weight: bold; 
}
#entrance A:HOVER{
  color : #e83929;
}

/* 黒いところの「紅楼花園」文字 */
#title{
  color : #999999;
  font-size : 20px;
  font-weight: bold; 
  position : absolute;
  right : 6;
  top : 6;
}
#title A{
  color : #c9171e;
  text-decoration : none;
}
#subtitle{
  color : #556b2f;
  font-size : 11px;
  font-family : "Impact";
  position : absolute;
  right : 99px;
  top : 0;
}
#pinyin{
  color : #f08080;
  font-size : 11px;
  font-family : "Impact";
  position : absolute;
  right : 99px;
  bottom : 2;
}

/* お品書き */
#menu{
  background-color : #f8f4e6;
  SCROLLBAR-FACE-COLOR: #f8f4e6; 
  SCROLLBAR-HIGHLIGHT-COLOR: #f8f4e6; 
  SCROLLBAR-SHADOW-COLOR: #d3d3d3; 
  SCROLLBAR-3DLIGHT-COLOR: #f8f4e6; 
  SCROLLBAR-ARROW-COLOR: #d3d3d3; 
  SCROLLBAR-TRACK-COLOR: #f8f4e6; 
  SCROLLBAR-DARKSHADOW-COLOR: #f8f4e6;
}
#menu TD{
  border : 1px solid;
  border-color: #99ab4e #c7dc68 #c7dc68 #99ab4e;
  width : 50px;
  height : 50px;
}
#menu TR{
  border : 1px solid;
  border-color: #99ab4e #c7dc68 #c7dc68 #99ab4e;
  width : 50px;
  height : 50px;
}
#menu A{
  display : block;
  color : #1e50a2;
  width : 100%;
  height : 100%;
  text-decoration : none;
}
#menu A:HOVER{
  color : #e83929;
  background : #e8d3d1;
}
.r{
  text-align : right;
}
.newest{
  text-align : right;
  font-size : xx-small;
  margin-top : 80%;
}
#menu P{
  background : #fbfaf5;
  color : #999999;
  text-align : left;
  overflow-y: scroll;
  height : 35px;
  margin-top : 0;
  SCROLLBAR-FACE-COLOR: #fbfaf5; 
  SCROLLBAR-HIGHLIGHT-COLOR: #fbfaf5; 
  SCROLLBAR-SHADOW-COLOR: #d3d3d3; 
  SCROLLBAR-3DLIGHT-COLOR: #d3d3d3; 
  SCROLLBAR-ARROW-COLOR: #d3d3d3; 
  SCROLLBAR-TRACK-COLOR: #fbfaf5; 
  SCROLLBAR-DARKSHADOW-COLOR: #fbfaf5;
}

/* 各コンテンツ用 */
#page{
  margin : 0 0 0 30px;
  background : url("./img/top.jpg");
  background-attachment: fixed;
  background-position: 100% 0%;
  background-repeat: no-repeat;
}
#page H1{
  color : #696969;
  font-size : 20px;
  font-family : "Courier New", Courier, mono;
  letter-spacing : 0.2em;
  padding : 20px 0 0 0;
}
#page H5{
  background : #eebbcb;
  color : #474a4b;
  width : 500px;
  font-family : "Courier New", Courier, mono;
  letter-spacing : 0.1em;
  padding-left : 10px;
}
#page H6{
  width : 500px;
  letter-spacing : 0.1em;
  text-align : right;
}
#page HR{
  height : 1px;
  border : dotted #f6bfbc noshade;
}
.back{
  font-size : 20px;
  font-family : "Courier New", Courier, mono;
  letter-spacing : 0.2em;
  padding : 300px 0 10px 0;
  font-weight: bold; 
}

/* ご案内ページ */
.info{
  font-size : xx-small;
  width : 500px;
  height : 260px;
}
.news{
  float : left;
  font-size : xx-small;
  width : 177px;
  height : 300px;
  padding-right: 30px;
}
.map{
  font-size : xx-small;
  width : 320px;
  height : 300px;
}

/* 駄文もくじ */
.tables{
  font-size : xx-small;
  padding-bottom : 20px;
}
.tablesdl{
  font-size : xx-small;
  width : 460px;
  padding-left : 40px;
}
.tablesdt{
  font-size : x-small;
  border-bottom : 1px dotted #f6bfbc noshade;
  padding : 0 0 8 5px;
}
.tablesdd{
  margin : 0px;
  padding : 8 20 20 20px;
}
.tablesdt2{
  font-size : x-small;
  border-bottom : 1px dotted #f6bfbc noshade;
  padding : 8 0 8 5px;
}

/* 作品 */
#works{
  margin : 0 0 0 30px;
  background : url("./img/works.jpg");
  background-attachment: fixed;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
#works H1{
  color : #696969;
  font-size : 20px;
  letter-spacing : 0.2em;
  padding-top : 20px;
}
#works H2{
  color : #dcdcdc;
  font-size : small;
  font-family : "Century Gothic";
  letter-spacing : 0.1em;
  padding-bottom : 40px;
}
#works H3{
  text-align : right;
  font-size : xx-small;
}
.words{
  color : #999999;
  line-height : 2;
  width : 400px;
  margin-left : 80px;
  margin-bottom : 100px;
}
#works P{
  font-size : xx-small;
}

/* メール */
.mail{
  float : left;
  font-size : xx-small;
  width : 280px;
  height : 420px;
  padding-right: 30px;
}

/* リンク */
.link{
  font-size : xx-small;
  width : 500px;
}
.bookmark{
  background-color : #fbfaf5;
  overflow-y: scroll;
  font-size : xx-small;
  width : 230px;
  height : 225px;
  padding : 5px;
  margin-top : 10px;
  SCROLLBAR-FACE-COLOR: #fbfaf5; 
  SCROLLBAR-HIGHLIGHT-COLOR: #fbfaf5; 
  SCROLLBAR-SHADOW-COLOR: #d3d3d3; 
  SCROLLBAR-3DLIGHT-COLOR: #d3d3d3; 
  SCROLLBAR-ARROW-COLOR: #d3d3d3; 
  SCROLLBAR-TRACK-COLOR: #fbfaf5; 
  SCROLLBAR-DARKSHADOW-COLOR: #fbfaf5;
}
.kakoi1{
  float : left;
  width : 230px;
  font-size : xx-small;
  padding-right : 20px;
}
.kakoi2{
  font-size : xx-small;
  width : 230px;
}