﻿*{
font-family: Verdana;
margin: 0;
}

html{
scrollbar-base-color: #fff;
scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #06c;
scrollbar-3dlight-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: #fff;
}

body{
font: 12px Verdana;
text-align: center;
background: #bbb url('bg3.gif') repeat;
}
body::-webkit-scrollbar{
width:10px;
background:#bbb url('bg3.gif');
}
body::-webkit-scrollbar:horizontal{height:5px; }
body::-webkit-scrollbar-button{ display:none }
body::-webkit-scrollbar-piece{ background:#fff; }
body::-webkit-scrollbar-piece:start{ background:#fff; }
body::-webkit-scrollbar-thumb{ background:#06c; }
body::-webkit-scrollbar-corner{ background: #06c;}

/* a */
a{ text-decoration: none; }
a:link,a:visited,a:active{ color: #f06; }
a:hover{ color: #fc0; }

/* img */
img{ border: none;}
img.sen{
margin-bottom: 3px;
border: 1px solid #003;
background-color: #fff;
}
img.sennew{
margin-bottom: 3px;
border: 1px solid #c03;
background-color: #fff;
}
img.link{ margin: 2px 1px; }

/* h */
h1{
color: #06c;
font: bold xx-large 'Arial Black';
letter-spacing: 0.5em;
margin-left: 0;
}
h2{
color: #f06;
font: small Verdana;
margin: 5px 0;
padding: 0 5px;
height: 20px;
width: 50%;
background: #fff url('bg3.gif') repeat;
}
h3{
font-size: large;
color: #000;
text-align: center;
margin-top: 30px;
}
h4{
color: #c03;
font: bold x-small sans-serif;
margin: 5px;
}

/* hr */
hr{
border:dashed #333;
border-width:2px 0 0 0;
height:1px;
width: 100%;
margin:15px 0px;
}
.border{ 
font: small-caps xx-small sans-serif;
text-align: right;
margin-bottom: 5px;
border-bottom: 1px solid #fc0;
width: 100%; }
	
/* p */
p{
font-size: small;
color: #000;
text-align: left;
margin: 10px 10px 10px 20px;
}
p.hide{display:none;}

/* font */
.small{ font-size: x-small;}
.red{ color: #c03;}

/* box */
.box{
color: #06c;
font: x-small Verdana;
margin: 5px;
padding: 5px;
height: 50px;
width: 250px;
background-image: url('bg3.gif');
overflow-y: scroll;
}
.box::-webkit-scrollbar{
width:5px;
background:#fff url('bg3.gif');
}
.box::-webkit-scrollbar:horizontal{ height:5px; }
.box::-webkit-scrollbar-button{ display:none }
.box::-webkit-scrollbar-piece{ background:#fff; }
.box::-webkit-scrollbar-piece:start{ background:#fff; }
.box::-webkit-scrollbar-thumb{ background:#06c; }
.box::-webkit-scrollbar-corner{ background:#06c; }

/* main */
#main{
margin: 0 auto;
padding: 5px 0;
width: 850px;
background-color: #fff;
}

/* top */
#top{
margin: 0 auto;
height: 300px;
width: 800px;
background: url('top.png') no-repeat center center;
}

/* menu */
#menu{
color: #000000;
font: small-caps 12px sans-serif;
text-align: center;
margin: 5px auto;
height: 31px;
width: 700px;
}
#menu ul{
margin-left: auto;
list-style: none;
float: right
}
#menu li{
margin-top: 0;
float: left;
display: inline;
}
#menu a{
color: #06c;
font: small Verdana;
padding-top: 8px;
padding-bottom: 5px;
float: left;
height: 23px;
width: 82px;
background: url('bg3.gif');
}
#menu a:hover{ color: #fc0; }
#menu a.active{	color: #f06; }

/* body */
.body{
font-size: 12px;
color: #333;
text-align: left;
margin: 5px auto;
padding: 10px 20px;
clear: both;
width: 750px;
}
.body p{
font: small osaka,Suns-Serif;
margin:8px 5px;
}

/* pict */
#img{
width:160px;
font-size: 12px;
color: #333;
text-align: left;
padding: 5px;
background: #bbb url('bg3.gif');
 }
#img h2{
color: #f06;
font: small Verdana;
margin: 5px;
padding-top: 5px;
padding-left: 5px;
height: 20px;
width: 100%;
background: #fff url('bg3.gif') repeat;
}
