#main {
background-image:url(image/hakodate_night.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:100% 100%;
}

.news {
width: 220px;
border-left: 1px solid #99CCCC;
border-right: 1px solid #99CCCC;
border-bottom: 1px solid #99CCCC;
scrollbar-arrow-color:#000000;
scrollbar-face-color:#add8e6;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-darkshadow-color:#FFFFFF;
}

*.float {
float: left;
margin-right: 1em;
}

*.floatclear {
clear: both;
}

.topics {
width: 476px;
border-top: 1px solid #99CC99;
border-left: 1px solid #99CC99;
border-right: 1px solid #99CC99;
border-bottom: 1px solid #99CC99;
}

.menu {
font-size: 12px;
line-height:110%;
padding: 0px 0px 0px 0px;
}

.table {
font-size: 12px;
line-height:110%;
padding: 2px 2px 2px 2px;
}

.box {
border-bottom: 1px solid #CCCCCC;
margin:10px;
}

.boxtitle {
font-size: 14px;
color:#CC0000;
padding: 5px 0px 5px 0px
}

.boxtitle2 {
font-size: 14px;
color:#339900;
padding: 5px 0px 5px 0px
}

.style1 {
font-size: 13px;
line-height:110%;
padding: 2px 0px 0px 0px;
}

.style2 {
font-size: 10px;
line-height:100%;
padding: 2px 10px 0px 10px;
}

.style3 {
font-size: 13px;
color: #666666;
font-weight:500;
line-height:110%;
padding: 2px 0px 0px 0px;
}

.style4 {color: #FFCC00}
.style5 {color: #CC0000}
.style6 {color: #339900}

.footer {
font-size: 13px;
color: #444444;
padding: 2px 0px 0px 0px;
}

a { color: #999966; text-decoration: underline; }
a:link		{ color: #003399; text-decoration: underline; }
a:visited	{ color: #003399; text-decoration: underline; }
a:active	{ color: #999999; text-decoration: none; }
a:hover		{ color: #999999; text-decoration: none; }