* {
margin: 0px; padding: 0px;
}
p {
line-height: 1.2em;
}
body {
text-align: center;
}
#container {
border: 1px solid rgb(107, 142, 35); width: 1000px; text-align: left; margin-right: auto; margin-left: auto; } #header {
background: rgb(107, 142, 35); padding: 10px; } #footer {
background: rgb(107, 142, 35); padding: 5px 0px; text-align: center; color: rgb(255, 255, 255); } a:link {
color: rgb(255, 250, 205);
}
a:visited {
color: rgb(255, 255, 255); text-decoration: none; } a:active {
color: rgb(255, 255, 255);
}
a:hover {
color: rgb(255, 0, 0); text-decoration: none; } .black a:link {
color: rgb(0, 0, 255);
}
.black a:visited {
color: rgb(255, 0, 0); text-decoration: none; } .black a:active {
color: rgb(0, 0, 0);
}
.black a:hover {
color: rgb(0, 0, 255); text-decoration: none; } .red a:link {
color: rgb(0, 0, 255);
}
.red a:visited {
color: rgb(255, 0, 0);
}
.red a:active {
color: rgb(255, 0, 0);
}
.red a:hover {
color: rgb(255, 0, 0); text-decoration: none; } #wrapper {
width: 790px; margin-right: 10px; float: left; } #center {
width: 580px; margin-left: 10px; float: right; } #left-sideber {
width: 200px; float: right;
}
#right-sideber {
width: 200px; float: left;
}
#footer {
width: 100%; clear: left;
}
#container1 {
width: 1000px; text-align: center; margin-right: auto; margin-left: auto; }
#wrapper1 {
width: 790px; margin-right: 10px; float: left; }
#center1 {
width: 580px; margin-left: 10px; float: right; } img.center {
width: 580px;
}
#left-sideber1 {
width: 200px; float: right;
}
img.left1 {
width: 100px;
}
#right-sideber1 {
width: 200px; float: left;
}
#middle {
width: 600px; height: 80px; text-align: center; vertical-align: middle; display: table-cell; layout-grid-line: 200px; } #img {
vertical-align: middle;
}
img.newgif {
width: 30px;
}
img.openning {
width: 190px;	margin: 5px;
}
img.rink {
width: 180px;
}
img.main {
width: 580px; }
#rolloverlist {
margin: 0px; padding: 0px; width: 200px; list-style-type: none; } #rolloverlist li {
margin: 0px; padding: 0px; list-style-type: none; } #rolloverlist a {
padding: 5px 10px; color: rgb(0, 0, 0); text-decoration: none; display: block; background-color: rgb(255, 255, 255); } #rolloverlist a:hover {
color: rgb(0, 0, 0); text-decoration: none; background-color: rgb(255, 255, 102); }
h1 {
height: 10px; text-align: center; font-size: medium; }
h2 {
padding: 2px 0px; height: 25px; text-align: center; color: rgb(255, 255, 255); }
h3 {
padding: 5px 0px 5px 10px; height: 17px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(135, 206, 250); }
h4 {
padding: 5px 10px; height: 17px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(107, 142, 35); }
h5 {
height: 17px; text-align: center; color: rgb(255, 255, 255); font-size: small; }
h6 { height: 20px; text-align: center; color: rgb(255, 255, 255); font-size: large; }


#table {
margin-top: 10px;
}
td {
padding: 0px 10px;
}
th {
padding: 0px 10px;
}
/* 更新情報欄の大きさを指定するスタイルです。heightの右にある数字を調整して下さい。いじったら、うp忘れずに！ */ #koushin {
padding: 10px 20px 10px 30px; border: 1px solid rgb(102, 102, 102); height: 500px; overflow: auto; font-size: 15px; margin-bottom: 10px; 
}