body{text-align:center;
     margin:0px;
     color:#665555;
     font-family:arial;}

.outline{margin:10px auto;
         width:740px;
         text-align:left;}

.navigation{border-top:1px #d9d0c7 solid;
            border-bottom:1px #d9d0c7 solid;}
ul.navi li{display:inline;}
ul{line-height:1.3em;
   margin-top:5px;
   margin-bottom:5px;
   margin-left:10px;
   padding:10px;}

.title{margin-top:20px;
       height:80px;
       background-image:url("img/title_bg.gif");
       background-repeat:no-repeat;
       background-position:center;}
h1{text-align:center;
   color:#661f1f;; padding-top: 20px}

.both{width:740px;
      margin:10px 0px;}
.left{float:left;
      width:370px;}
.right{float:left;
       width:370px;}

.box{line-height:1.3em;
     margin-left:2em;
     margin-top:10px;
     margin-bottom:10px;
     margin-right:2em;
     padding:0px 10px;
     border-top:1px #d9d0c7 solid;
     border-right:2px #d9d0c7 solid;
     border-bottom:2px #d9d0c7 solid;
     border-left:1px #d9d0c7 solid;}
.word{border-bottom:1px #d9d0c7 solid;
      margin:0px;
      padding:10px;}
.comment{font-size:80%;
         margin:0px;
         padding:10px;}

.space{height:60px;; clear: left}

.menu{margin:10px 0px;
      background-color:#f2fbf2;
      line-height:1.3em;
      font-size:90%;
      text-align:center;}

.license{line-height:1.3em;
         margin-top:5px;
         margin-bottom:5px;
         padding:10px;
         text-align:center;
         font-size:80%;
         border-top:1px #d9d0c7 solid;}

a:link{color:#0000c2;
       text-decoration:none;}
a:visited{color:#9933a3;
          text-decoration:none;}
a:hover{color:#f20000;
        text-decoration:underline;}
a:active{color:#ff9900;
         text-decoration:underline;}