body{
 text-align:center;
 scrollbar-shadow-color:#808080;
 scrollbar-highlight-color:#C0C0C0;
 scrollbar-face-color:#FFFFFF;
 scrollbar-arrow-color:pink;
 scrollbar-darkshadow-color:#808080;
 scrollbar-3dlight-color:pink;
 line-height:140%;
 font-size:x-small;
 background-image: url("img/l-14.gif");
 background-color:pink;
}

a:link{ color: #cc0000; text-decoration:none;}

a:visited { color: firebrick; text-decoration:none; }

a:active {color: firebrick; text-decoration:underline; }

a:hover{ color: blue; text-decoration:underline;}

.container{
 width: 750px;
 height: 430px;
 border:5px double pink;
 margin: 0 auto;
 text-align: left;
 border-style:dotted;
 background-color:white;
}

#header{
 font-size:xx-small;
 width: 730px;
 height: 15px;
 font-size: 8pt;
 /*relativeは用意したＢｏＸからの距離。この場合、5pxよ*/

 position:relative;
 left: 5px;
 background:white;
 line-height:115%;
 margin: 3px;
}

#tc{
margin-left:10px;
margin-right:10px;
width: 720px;
height: 55px;
background-color: pink;
border-top:black 1px solid;
border-bottom:black 1px solid;
}

#coment{
float: right;
width: 350px;
height:45px;
background-color: pink;
border-top:white 5px dotted;
border-bottom:white 5px dotted;

}

#title{
width: 350px;
height:45px;
background-color: pink;
margin-left: 5px;
margin-right: 5px;
border-top:white 5px dotted;
border-bottom:white 5px dotted;

}

#slidebar{
margin-top:8px;
float: right;
width: 120px;
height:370px;
background-color: white;
background-image: url("img/k-8l-6.gif");
border: skyblue 1px dotted;


}

#bar{
margin-left: 5px;
margin-right: 5px;
width: 730px;
height: 40px;
border-bottom:gray 3px double;

}

#content{
margin-left: 10px;
margin-right: 10px;
width: 720px;
height:390px;
background-color: white;

}

#main{
margin-left: 2px;
margin-right: 2px;
width: 590px;
height:390px;
background-color: white;
}

#material{
float: right;
margin-top:8px;
margin-right:3px;
width: 440px;
height:330px;
background-color: white;
background-image: url("img/l-24.gif");
border: silver 1px dotted;

}

#mainbar{
margin-top:8px;
padding-top:5px;
padding-left:2px;
width: 130px;
height:350px;
background-color: white;
background-image: url("img/l-24.gif");
border: silver 1px dotted;
text-align:left;
}

#material1{
padding-top:3px;
padding-left:3px;
margin:6px;
width: 428px;
height:100px;
background-color: white;
border: skyblue 1px dotted;
background-image: url("img/crown1.gif");
 background-position:right;
background-repeat:repeat-y;
text-align:center;

}

#material2{
 padding-top:3px;
 padding-left:3px;
 margin:6px;
 width: 428px;
 height:100px;
 border: skyblue 1px dotted;
 background-color: white;
 background-image: url("img/l-14.gif");
 text-align:center;
}

#material3{
 padding-top:3px;
 padding-left:3px;
 margin:6px;
 width: 428px;
 height:100px;
 background-color: white;
 border: skyblue 1px dotted;
 background-image: url("img/rjackbear.gif");
 background-position:bottom;
background-repeat:repeat-x;
text-align:center;
}