#body {
    color:#000000;
    background-color:#ffffff;
 }
 
 body,td,th {
    letter-spacing : 3px;
    line-height : 20px;
    font-size: 80%;
    }
 textarea{ font-size:100%; }
    
a {
    color:#5A513E;
    text-decoration:none;
 }
 a:visited { color: #a06060 ;}
 a:hover{ color:#f5f5d6; }
 
.index a {
    color:#000000;
    text-decoration:none;
 }
 
.index a:visited { color: #808080;}
.index a:hover { color: #cccccc;}

.design a,.design a:visited { color:#ffffff; }
 
img{ border:none; }

/* index */
.index {
	margin:0;padding: 0;
    scrollbar-face-color:#e7e1cf;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#ffffff;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-arrow-color:#fc745b;
    scrollbar-track-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    background-image : url(img/gazou.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
 }

.index .main {
	margin-left:100px;
	width:70%;height:100%;
	background-image:url(img/background.gif);
	float:left;
	border-left:1px dotted #000000;border-right:1px dotted #000000;
}

.design {
 background-color:#ee9a00;
 padding:2px;
 color: #ffffff;
}

.index .honbun {
	padding-left:10px;
}

p.title {
 text-align: right;
 font-size: 200%;
 font-family: Batang,century,serif,cursive;
}

.rireki {
    width:300px;height:4em;
    border:0;
    overflow:auto;
    padding:2px;
    }
  
.index dt {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	background-image: url(img/menu.gif);
	padding-left: 1em; width: 350px;
	margin-bottom: 3px;padding-top: 0.2em;
	}

.example table {
     width: 600;
     border: 0px #000000 solid;
     }

.example td {
     border: 1px #000000 dotted;
     padding: 5 5;
     text-align: center;
    }   

#footer{
	bottom:0;
	height:3em;
	position:absolute;
	width:100%;
        text-align: center;
       }