/*  rm site style construction .css file first constructed at July 1st.  */
/*  updated at September 18th.  */
/*  re-updated at December 20th.  */
/*  tranceformatted at May 17th.  */
/*  ver.2 updated at October 7th.  */
/*  ver.3 updated at October 29th.  */
/*  copyright(c) R.Minatsuki 2001  */
/*  this construction file is only for IE 5.0 or later.  */


/*
 *----------------------
 *   base style
 *----------------------
 */

body  {
	color				: #000099;
	background-color		: #ffffff;
	font-size			: x-small;
	font-family			: "CopperPlate", "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	line-height			: 120%;
	scrollbar-3dlight-color		: #000000;
	scrollbar-arrow-color		: #000000;
	scrollbar-base-color		: #ccccff;
	scrollbar-darkshadow-color	: #6666ff;
	scrollbar-face-color		: #ccccff;
	scrollbar-highlight-color	: #ccccff;
	scrollbar-shadow-color		: #000000;
}

div  {
	font-size			: x-small;
	font-family			: "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	padding				: 5px;
	border				: none;
/*	border				: dotted 1px marine; */
}


table  {
	color				: #000099;
	margin-top			: 3px;
	margin-left			: 0px;
	margin-right			: 0px;
	margin-bottom			: 3px;
	caption-side			: bottom;
	border				: none;
/*  border: dotted 1px marine; */
}

tr  {
	vertical-align			: top;
	margin-top			: 0px;
	margin-left			: 0px;
	margin-right			: 0px;
	margin-bottom			: 0px;
	border				: none;
}

td  {
	vertical-align			: top;
	border				: none;
	line-height			: 115%;
	font-size			: x-small;
	font-family			: "CopperPlate", "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	line-height			: 120%;
}

td#r {  text-align			: right; }
td#c {  text-align			: center; }
td#l {  text-align			: left; }

/* border: dotted 1px slateblue; */
/* border: none; */


iframe  {
	width				: 100%;
	marginwidth			: 2px;
	marginheight			: 2px;
	scrolling			: auto;
	frameborder			: 0;
	align				: top;
}


font.xxl  {  font-size: xx-large }
font.xl  {  font-size: x-large }
font.l  {  font-size: large  }
font.m  {  font-size: medium  }
font.s  {  font-size: small  }
font.xs  {  font-size: x-small  }
font.xxs  {  font-size: xx-small  }

/*  font colour   cf. ( colorscale - image )  */
/*  all colour is in web safe chart.          */
font#purered  {  color: #ff0000  }       /* pure red           - pure red */
font#bloodymary  {  color: #990033  }    /* deep red           - cocktail bloodymary */
font#rougered  {  color: #cc3366  }      /* medium red         - lipcream red */
font#peachred  {  color: #ff9999  }      /* light red          - ripened peach */
font#deepsea  {  color: #3366cc  }       /* grayish blue       - deepsea blue */
font#midnightblue  {  color: #000066  }  /* deep blue          - midnight sky */
font#isotonic  {  color: #3333ff  }      /* medium blue        - isotonic blue */
font#fineday  {  color: #99ccff  }       /* light blue         - fine morning */
font#stardust  {  color: #336666  }      /* blueish green      - stardust night */
font#junglebook  {  color: #006633  }    /* deep green         - life in jungle */
font#lastleaf  {  color: #00cc00  }      /* medium green       - the last leaf */
font#cabbage  {  color: #00ff99  }       /* light green        - cabbage leaf */
font#foxyellow  {  color:#ffcc00  }      /* golden yellow      - fox hide */
font#mikan  {  color: #ff9900  }         /* deep yellow        - mikan orange */
font#bananah  {  color: #ffff00  }       /* medium yellow      - ripened bananah */
font#ginkgonut  {  color: #ffff99  }     /* pale yellow        - ginkgo nut */
font#psychedelico  {  color: #ff0099  }  /* crazy pink         - cruel sunlight */
font#youngberry  {  color: #cc0066  }    /* deep pink          - unripe strawberry */
font#shockingpink  {  color: #ff99cc  }  /* middle pink        - true pink */
font#lippink  {  color: #ffcccc  }       /* light pink         - unpainted lip pink */
font#darkstalker  {  color:#000000  }    /* black              - vampire night */
font#pastmemory  {  color:#333333  }     /* deep gray          - past memories */
font#coara  {  color:#666666  }          /* medium gray        - coara hide */
font#poisonbite  {  color:#999999  }     /* light gray         - garter bite */
font#wmm  {  color: #33237e  }           /* wmm purple         - site colour */
font#cateye  {  color: #660099  }        /* deep purple        - percian cat's eye */
font#blueberry  {  color: #9900cc  }     /* medium purple      - blueberry fruits */
font#irisflower  {  color: #cc99ff  }    /* light purple       - flower of iris */
font#snowwhite  {  color:#ffffff  }      /* white              - pure snow */


a  {  text-decoration: none  }
a:link  {  color: #3333ff  }
a:vlink  {  color: #3333ff  }
a:visited  {  color: #006633  }
a:active  {  color: #3366ff  }
a:hover {  background-color: #ccccff  }
a.ul  {  text-decoration: underline  }
a.none  {  text-decoration: none }

/*  link colour   cf. ( colourscale - image )  */
a#freshtomato  {  color: #ff0033  }      /* natural red     - fresh tomato */
a#virgincheek  {  color: #ffcccc  }      /* light pink      - virgin's cheek */
a#mossgreen  {  color: #009933  }        /* heavy green     - green moss */
a#eldergrass  {  color: #99ff33  }       /* middle green    - field's grass green */
a#hawkwind  {  color: #3366ff  }         /* middle blue     - wind blue */
a#soda  {  color: #669999  }             /* soda water      - demunish blue */
a#shadowsleep  {  color: #999999  }      /* middle gray     - sleep in shadow */
a#chaostide  {  color: #666666  }        /* dark gray       - tide from chaos */
a#chinaeyes  {  color:# 000000  }        /* real black      - black eyes */


hr  {
  height: 1px;
}

hr.p100x1  {
  size: 1px;
  width: 100%;
}
hr.p100x1d  {
  border: dashed;
  size: 1px;
  width: 100%;
}
hr.p100x2  {
  size: 2px;
  width: 100%;
}
hr.p90x1d  {
  border: dashed;
  size: 1px;
  width: 90%;
}
hr.p90x1  {
  size: 1px;
  width: 90%;
}
hr.p90x2  {
  size: 2px;
  width: 90%;
}
hr.p50x1  {
  size: 1px;
  width: 50%;
}
hr.p80x1d  {
  border: dashed;
  size: 1px;
  width: 80%;
}
hr#moonnight  {  color: #0033cc;  }        /* light bluegreen      - night behind moonlight */
hr#auroragreen  {  color: #336666;  }      /* bluegreen            - aurora night */
hr#flashgreen  {  color: #669999;  }       /* light green          - greenish flash */
hr#sandgray  {  color:#999999;  }          /* sand gray            - light gray */

img  {
  border-style: solid;
  border-width: 0px;
}


/*
 *----------------------
 *   classificated
 *----------------------
 */
body.main {
	text-align			: center;
}
body.main0 {
	text-align			: center;
	padding				: 10px;
}
body.link {
	width				: 205px;
	text-align			: center;
	margin				: 0px;
}



table.main {
	width				: 100%;
	height				: 100%;
	vertical-align			: top;
	align				: middle;
	padding				: 2px;
	margin-top			: 0px;
	margin-left			: 0px;
	margin-right			: 0px;
	margin-bottom			: 0px;
	border				: solid 2px #999999;
}

table.title {
	padding				: 0px;
	margin-top			: 0px;
	margin-left			: 0px;
	margin-right			: 0px;
	margin-bottom			: 0px;
}
td.title {
	width				: 200px;
	height				: 44px;
}

table.side {
	width				: 205px;
	padding				: 0px;
	margin-top			: 0px;
	margin-left			: 0px;
	margin-right			: 0px;
	margin-bottom			: 0px;
	border				: none;
}

td.side {
	width				: 205px;
	padding				: 5px;
	border-top			: solid 1px #999999;
	border-left			: none;
	border-right			: none;
	border-bottom			: none;
}

form.side {
	text-align			: center;
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px #999999;
}




table.cal {
	width				: 210px;
	height				: 70px;
}
tr.cal {
	height				: 10px;
}
td.cal9 {
	width				: 14px;
	height				: 10px;
	border				: none;
	text-align			: center;
}
td.cal0 {
	width				: 26px;
	height				: 10px;
	border				: none;
	text-align			: center;
}
td.cal1 {
	width				: 26px;
	height				: 10px;
	border-top			: solid 1px #cccccc;
	border-left			: solid 1px #cccccc;
	border-right			: solid 1px #999999;
	border-bottom			: solid 1px #999999;
	text-align			: center;
}
td.cal2 {
	width				: 26px;
	height				: 10px;
	border-top			: solid 1px #cccccc;
	border-left			: solid 1px #cccccc;
	border-right			: solid 1px #999999;
	border-bottom			: solid 1px #999999;
	text-align			: center;
	background-color		: #ccffcc;
}







table.variant {
	width				: 205px;
/*	border				: solid 1px marine;  */
	border				: none;
}

tr.variant {
	height				: 21px;
	vertical-align			: middle;
}
td.v_name {
	width				: 90px;
	height				: 21px;
	vertical-align			: middle;
	text-align			: center;
	font				: "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	font-size			: xx-small;
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px marine;
}

td.v_icon {
	width				: 115px;
	height				: 21px;
	vertical-align			: middle;
	text-align			: center;
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px marine;
}

td.variant2 {
	width				: 200px;
	vertical-align			: top;
	padding				: 5px;
	margin				: 5px;
	border				: solid 1px #cccccc;
}

table.variantlink {
	width				: 205px;
/*	border				: solid 1px marine;  */
	border				: dotted 1px #999999;
}

td.space {
	width				: 25px;
	border				: none;
}






table.sidebar {
	width				: 205px;
	border				: dotted 1px #999999;
	margin-left			: 3px;
	margin-right			: 2px;
}
tr.sidebar {
	height				: 21px;
}
td.sidebar {
	width				: 205px;
	height				: 21px;
	vertical-align			: middle;
	text-align			: center;
	font				: "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	font-size			: xx-small;
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px marine;
}





div.playrec {
	padding				: 15px;
}

div.playrec_new {
	width				: 100%;
	border				: dotted 1px #999999;
}

div.playlog {
	width				: 100%;
	background-color		: #ececec;
	border				: dotted 1px #999999;
}




td.rlaftb_tt {
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px #666666;
	background-color		: #ffeeee;
}
td#t1 {	width				: 25%; }
td#t2 {	width				: 35%; }
td#t3 {	width				: 40%; }
td#t4 {	width				: 15%; }
td.rlaftb_m {
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px #cccccc;
	background-color		: #dddddd;
}
td.rlaftb {
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 1px #cccccc;
	background-color		: #ffffff;
}







div.diary {
	padding				: 15px;
}

div.diary_txt {
	width				: 100%;
	border				: dotted 1px #999999;
}

div#january {  background-color 	: #ffecec; }
div#february {  background-color 	: #ececff; }
div#march {  background-color 		: #ffffec; }
div#april {  background-color 		: #ffecec; }
div#may {  background-color 		: #ecffec; }
div#june {  background-color 		: #ececff; }
div#july {  background-color 		: #ffecff; }
div#december {  background-color	: #ececff; }



tr.maintitle {
	height				: 100px;
}

td.maintitle {
	text-align			: right;
	line-height			: 100%;
	border-top			: none;
	border-left			: none;
	border-right			: none;
	border-bottom			: solid 2px #ccccff;
}

div.maintitle {
	line-height			: 85%;
}





table.latest {
	width				: 205px;
	border				: dotted 1px #999999;
	margin-left			: 3px;
	margin-right			: 2px;
}
tr.latest {
	height				: 21px;
}
td.latest {
	width				: 205px;
	vertical-align			: middle;
	text-align			: left;
	font				: "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	font-size			: x-small;
	padding-top			: 3px;
	padding-left			: 5px;
	padding-right			: 5px;
	padding-bottom			: 3px;
	border				: none;
}


table.latestall {
	width				: 185px;
	border				: dotted 1px #999999;
	margin-left			: 3px;
	margin-right			: 2px;
}
tr.latestall {
	height				: 21px;
}
td.latestall {
	width				: 185px;
	vertical-align			: middle;
	text-align			: left;
	font				: "Verdana", "Courier New", "Courier", "ＭＳ　ゴシック", "sans serif";
	font-size			: x-small;
	padding-top			: 3px;
	padding-left			: 5px;
	padding-right			: 5px;
	padding-bottom			: 3px;
	border				: none;
}