body {
font-family: ＭＳ ゴシック;
font-size: 14px;
color: #555555;
margin: 0%;
padding: 0%;
background-color: #000099;
}

<!-- デザイン用のdiv -->
div.body {
margin: 0% 5%;
padding: 2%;
height: 100%;
background-color: #FFFFFF;
}

div.logo {
background-image: url('1.jpg');
}

strong {
color: #CC0000;
font-weight: bold;
font-style: normal;
}

div.navigation {
float: left;
width: 200px;
}

div.section {
float: right;
}

/* 見出しの文字色を変えてみる */
h1 {
font-size: 20px;
color: #000099;
text-align: right;
float: right;
}

h2 {
font-size: 20px;
color: #0099FF;
}

h3 {
font-size: 20px;
color: #0099FF;
}

div {
margin-bottom: 2ex;
}

div.section1 {
border-width: 3px;
border-color: #0000FF;
border-style: double;
}

div.section2 {
border-width: 3px;
border-color: #0000FF;
border-style: double;
}

div.section3 {
padding-right: 5%;
padding-left: 5%;
border-width: 3px;
border-color: #0000FF;
border-style: double;
}