@UTF-8

* {
   padding: 0;
   margin: 0;
}

body {
background: #FAFAFA;
}

header {
clear: both;
text-align: center;
background: #214478;
padding: 5px 0px;
font-size: 13px;
}


#page {
margin: 0 auto;
width: 950px;
}


#section {
width: 180px;
height: 700px;
padding: 10px 0px;
float: left;
}

#katudou {
float: left;
width: 180px;
height: 150px;
border: solid 1px #6E6E6E;
margin: 10px 0px 0px 0px ;
line-height: 1.3;
}

#news {
float: left;
width: 180px;
height:150px;
border: solid 1px #6E6E6E;
margin: 10px 0px;
line-height: 1.5;
}

#news li,#katudou li,#sample li {
color: white;
background: #214478;
display: block;
}

#katudou {
float: left;
width: 180px;
height: 150px;
border: solid 1px #6E6E6E;
margin: 10px 0px 0px 0px ;
line-height: 1.3;
}


#main {
width:  750px;
height: 1000px;
float: right;
margin: 10px 0px 0px 0px;
border: solid 0px #6E6E6E;
}

#adress li,#access li {
width: 330px;
height: 20px;
background: #214478;
padding: 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}

#adress {
float: left;
width:  330px;
line-height: 1.5;
padding: 3px;
}

#access {
float: right;
width: 330px;
margin: 0px 50px 0px 0px;
line-height: 1.5;
padding: 3px;
}

footer {
clear: both;
text-align: center;
background: #214478;
padding: 5px 0px;
font-size: 13px;
}


nav a {
background: #214478;
color: white;
display: block;
width: 180px;
height: 25px;
text-align: center;
text-decoration: none;
border: 1px solid #fff;
padding: 3px 0px 0px 0px ;
}

nav li{
list-style: none;
}

nav a:hover {
color:black;
background: white;
}

li {
color: white;
}

#kataru {
float: left;
width: 180px;
height:150px;
margin: 10px 15px;
}