* {
 margin: 0;
 padding: 0;}
 
html, body, #wrapper  {
    height: 100%;
	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#cc0000;
	scrollbar-arrow-color:#cc0000;
	scrollbar-shadow-color: #cc0000;
}
 
body > #wrapper {
	width: 800px;
	min-height: 100%;
	background:#fff;
	margin: auto;
	overflow: hidden;
	height: auto;
}

body,

* html #wrapper {
 height: 100%;
}

body,td {font-size:11px;font-family:"Verdana","ËÎÌå";
line-height:1.5;color:#696969;}



br{letter-spacing:normal;}


img {border:0px;}



a:link {color:#990000;text-decoration:none;}
a:visited {color:#990000;text-decoration:none;}
a:active {color:FFFFFF;text-decoration:none;}
a:hover{position:relative; left:1px; top:2px; clip:rect( );}

div.td{text-align:left;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
-->







#menu {
	margin :  0px 10px 0px 10px;
	padding :  0px 20px 0px 20px;
	text-align : right;
	font-size:12px;
}




#left {
 background:#fff;
 width: 200px;
 float: left;
}
div.menu-left {
	margin :  10px 0px 0px 20px;
	padding :  0px 0px 0px 0px;
	text-align : left;
	font-size:11px;color:#990000;


}


#header_right {
 background: #fff;
 height: 186px;
 width: 600px;
 float: right;
}






/* ÉÏ-ÓÒ-ÏÂ-×ó */
#main { 
 background:#fff;
 height: 100%;
 width: 600px;
 float: right;
 overflow: hidden;
 padding-bottom: 20px;
}
div.main {
	margin :  15px 20px 10px 10px;
	padding :  10px 10px 10px 10px;
	text-align : left;

}


.box {
 	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-arrow-color:#cc0000;
	scrollbar-shadow-color: #fff;
 width:450px; 
 height:200px; 
 overflow:auto;
 border:1px #cc0000 dotted
 }

.box1 {
 	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-arrow-color:#cc0000;
	scrollbar-shadow-color: #fff;
 width:550px; 
 height:500px; 
 overflow:auto;
 border:1px #cc0000 dotted
 } 
 
 
 .box2 {
 	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-arrow-color:#cc0000;
	scrollbar-shadow-color: #fff;
 width:550px; 
 height:200px; 
 overflow:auto;
 border:1px #cc0000 dotted
 } 
 
  .box3 {
 	scrollbar-face-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-arrow-color:#cc0000;
	scrollbar-shadow-color: #fff;
 width:550px; 
 height:100px; 
 overflow:auto;
 border:1px #cc0000 dotted
 } 

li{list-style-type:none;
margin:5px 5px 0px 5px;}
li.aa{
	font-size:14px;color:#990000;
	font-weight: bold; }
li.ab{
    list-style-image:url(img/icon/marisa.gif);
	height:32px;
	font-size:11px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}
	
li.a{
    list-style-image:url(img/icon/aya.gif);
	height:32px;
	font-size:10px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}
	
li.b{
    list-style-image:url(img/icon/reimu_tama.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}


li.c{
    list-style-image:url(img/icon/marisa.gif);
	height:32px;	
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}
	
li.d{
    list-style-image:url(img/icon/sanae.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}

li.e{
    list-style-image:url(img/icon/yukari.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	

li.f{
    list-style-image:url(img/icon/remi.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	

li.f1{
    list-style-image:url(img/icon/sakuya.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	

li.g{
    list-style-image:url(img/icon/yuyuko.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	


li.h{
    list-style-image:url(img/icon/yuumu.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	


li.i{
    list-style-image:url(img/icon/alice.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	


li.j{
    list-style-image:url(img/icon/aya.gif);
	height:32px;
	font-size:14px;color:#990000;
	font-weight: bold; 
    list-style-position:inside;}	






#footer {
 height: 20px;
 background:#fff;
 width: 800px;
 margin: auto;
 position: relative;
 clear:both;
 margin-bottom: 0px;
}
div.footer {
	margin :  0px 0px 0px 0px;
	padding :  0px 20px 0px 20px;
	text-align : center;
	font-size:10px;
}