* { margin: 0px;padding: 0px;}

body { font-size: 12px;line-height: 140%}

.base { width: 750px;height: 0px;margin: 5px auto;}    

a:link {
	color: #0080ff;
	text-decoration: none;
}

a:visited {
	color: #708090;
	text-decoration: none;
}

a:hover {
	color: #dcdcdc;
	text-decoration: underline;
}

#header { margin-top: 30px;padding-bottom: 10px;}
.ind { text-align: center;padding-bottom: 10px;}

.p1, .p2 { text-align: center;width: 100%;}
.p1 { color: #0080ff;font-size: 28px;font-family: Trebuchet MS;padding: 5px 5px;}
.p2 { color: #808080;font-size: 18px;font-family:HG³ž²‘‘Ì-PRO;padding: 5px 5px;}

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8 { background-color: #ffe4b5;text-align: center;padding-top: 20px;}
.s1, .s2, .s3, .s4 { float: left;width :185px;height: 150px;}
.s5, .s6, .s7, .s8 { float: left;width: 185px;height: 150px;}

ul{
margin-left:0;
padding-left:0;
list-style-type:none;
width:750px;
}

li{
float:left;
width:107px;
}

li a{
display:block;
padding-top:2px;
padding-bottom:1px;
border-right:1px solid #cccccc;
text-align:center;
text-decoration:none;
background-color:#ffffff;
color:#333333;
width:98px;
font-size: 1em;
}

li a:hover{
background-color:#ffffff;
}