/* 
   $Id: sand.css,v 1.3 2002/10/12 04:23:32 anego Exp $ 
   Copyright (c) 2002 Momonga Project. All Rights Reserved. 
*/

body {
 background-color: #f5f5f5;
 color: #454545;
 margin: 0%;
 background-image: url(../img/trans_mo_bg.png);
}

img.momo {
 float:left;
}

img.banner {
 float: right;
 border: none;
}
img.valid {
 border: none;
 float: right;
 margin-left: 5px;
} 

a:link {
 background-color: transparent; 
 color: #b84a16;
 text-decoration: none; 
}

a:visited {
 background-color: transparent; 
 color: #275607;
 text-decoration: none; 
}

a:hover {
 background-color: transparent;
 color: #50b44c;
}
div.main { 
 background: #f5f5f5;
 color: #745247;
 }
div.top {
 background-color: #383838;
 color: #f5f5f5;
 height: 17.5em;
 background-image: url(../img/image.cgi);
 background-position: 50% 55%;
 background-repeat: no-repeat;
}

h1.logo{ 
 margin-top: -4em;
 padding-bottom: 5px;
 font-size:250%;
 text-align: center;
 height: 10.5em;
}

br.title { line-height: 255px; }

div.navi {
 text-align: right;
 height: 30px;
 padding: 1px 0px 0px 5px;
 font-size: small;
 margin-right: 10px;
}

span.navi {
 padding: 3px;
 margin-right: 2px;
 background-color: #f5f5f5;
 color: #454545;
}
li {
 list-style-type: square;
}

div.contents { 
 clear: both;
/* add for multi column */
 float: left;
 width: 29%;
 margin-left: 1%;
}

h2 { 
 clear: both;
 text-align: right;
 padding: 5px 0.5em 5px 0px;
 border: thin solid #745247;
 margin-top: 20px;
 background-color: #efefef;
 color: #4a4a4a;
}

input{
 background-color: #454545;
 color: white;
}

input.set{
 background-color:#ed7332;
 color: white;
}

div.contents dt { 
 font-weight: bold;
 border: 1px solid #745247;
 text-align: right;
 padding: 3px 0.5em 3px 0px;
 background-color: #efefef;
 color: #383838;
}

dl.search dt { 
 clear: left;
 font-weight: bold;
 border: 1px solid #745247;
 text-align: right;
 padding: 3px 0.5em 3px 0px
}

dl.search dd { 
 margin: -0.5em 0em 2px 0em;
 text-align: center;
 }

div.contents dd { 
 padding: 2px 2px 0px 0px;
 background-color: transparent;
 color: #745247;
}

div.contents ul{ 
 background-color: #f5f5f5;
 color: #454545;
 margin: 1em 0px 0px -2em;;
 }

div.contents li {
 margin: 2px 0px 2px -2em;
}

div.info { 
/* add for multi column */
 float: right;
 margin-right: 1%;
 width: 67%;
}

div.info ul {
 margin: 0em;
 padding: 0.5em 0em 1em 1em;
 line-height: 1.5;
 background-color: #f5f5f5;
 color: #454545;
}

div.info li {
 margin: 0.5em 1em 0.5em 1em;
 padding: 0px 0px 2px 0px;
/* list-style-position: inside;*/
 border-bottom: thin dotted #745247;
}

div.info pre {
 margin: 0em 1em 0em 3em;
 padding: 0em;
 background: transparent;
 color: #307008; /*#469913;*/
 line-height: 1.3;
 overflow: hidden;
 width: 90%;
}

div.info p {
 line-height: 1.1;
 margin-left: 1em;
 font-weight: bold;
}

div.info dl{
 padding: 0px 5% 0px 5%;
 border: 1px solid #daccc4;
}

div.info dt{ 
 background-color: transparent;
 color: #745247;
 font-weight: bold;
 font-size: 110%;
 padding: 5px 0px 2px 1em;
}

hr{ display: none; }

div.under { 
 clear: both;
 padding: 10px 5px;
 background-color: #383838;
 color: #f5f5f5;
}

address { 
 text-align: right;
 font-size: small;
}

div.under a:link {
 background-color: transparent; 
 color: #efefef;
 text-decoration: none; 
}

div.under a:visited {
 background-color: transparent; 
 color: #efefef;
 text-decoration: none; 
}

div.under a:hover {
 background-color: transparent;
 color: #50b44c;
}