body{
	color:#333366;
	background-color : white;
	background-image : url(http://dir.chasso.com/bana/logobk01.gif);
	background-repeat : repeat-x;
	margin-left:4%;
	margin-right:4%;
	padding:31px 0px 0px 0px;
	font-size:x-small;
}
h1{
	margin:0px;
	font-size:125%;
	background-color:#5083b0;
	padding:0.1em 0.2em 0.1em 0.2em;
	color:#cccccc;
}

h2{margin:0px;font-size:115%;}

p{margin:0px}

table{font-size:100%;}

hr{margin:0px;color:#5083b0;}

a:link{ text-decoration:underline; color:#330099; }
a:visited{ text-decoration:underline; color:#330066; }
a:active{ text-decoration:underline; color:#FF9900; }
a:hover{ text-decoration:underline; color:#FF9900; }

.menu-bar{
	margin:0px 0px 0px 0px;
	text-align:right;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	padding:0px;
}

.navi-bar{
	margin:0px 0px 0px 0px;
	text-align:left;
	border-style:solid;
	border-width:0px 0px 0px 0px;
	padding:0.1em 0.2em 0.2em 0.2em;
}

#mid{ font-size : 100%; }
#small{ font-size : 100%; }
#kanri{ color:#ff9999; } /* 管理人コメントの色 */
#log{ width:630; border-style:solid; border-color:#9999CC; }
#log-0{ background-color:#5083b0; } /* ランキング順位 */
#log-1{ background-color:#5083b0; } /* タイトル */
#log-2{ background-color:#FFCCFF; } /* カテゴリ */
#log-3{ background-color:#FFFFFF; } /* 紹介文 */
#log-4{ background-color:#FFFFFF; } /* 管理人コメント */
#title-bar{ background-color : #ffc993;  font-size : 11pt; 
  padding-left : 2px;
} /* タイトルバー */

.mid-bar{ background-color : #5083b0; } /* 中段バー */

.log-x{
  border-width : 1px 2px 2px 1px;
  border-style : solid;
  border-color : #5083b0;
  padding:2px;
}
.log-x1{
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-bottom-width : 0px;
  border-bottom-style : solid;
  border-bottom-color : #5083b0;
  font-size : 115%;
  font-weight : bold;
}
.log-x2{
  padding-top : 2px;
  padding-left : 9px;
  padding-right : 2px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 85%;
  color:#999999;
}
.log-x2 a:link{ text-decoration:none; color:#999999; }
.log-x2 a:visited{ text-decoration:none; color:#999999; }
.log-x2 a:active{ text-decoration:none; color:#FF9900; }
.log-x2 a:hover{ text-decoration:none; color:#FF9900; }

.log-x3{
  padding-top : 2px;
  padding-left : 9px;
  padding-right : 2px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  border-top-width : 0px;
  border-top-style : solid;
  border-top-color : #5083b0;
  font-size : 85%;
  color:#999999;
}
.log-x3 a:link{ text-decoration:none; color:#999999; }
.log-x3 a:visited{ text-decoration:none; color:#999999; }
.log-x3 a:active{ text-decoration:none; color:#FF9900; }
.log-x3 a:hover{ text-decoration:none; color:#FF9900; }

.log-x4{
  padding-top : 2px;
  padding-left : 9px;
  padding-right : 2px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}
.log-x5{
  padding-top : 2px;
  padding-left : 9px;
  padding-right : 2px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  font-size : 80%;
}
.log-x5 a:link{ text-decoration:none; color:#999999; }
.log-x5 a:visited{ text-decoration:none; color:#999999; }
.log-x5 a:active{ text-decoration:none; color:#999999; }
.log-x5 a:hover{ text-decoration:none; color:#999999; }
}
.search-x{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

.logo{
  position : absolute;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  
  
  top : 0px;
  left : 0px;
  
}