body {
text-align:center;
margin:20px;
background-color:#87cefa;
}

#container {
width:770px;

text-align:left;
background-color:#ffffff; /* エントリ部分の背景を白に */
border:solid 1px #c0c0c0;

}

#header {
padding:10px 0 0 0;
margin-bottom:0px;
background-color:#3366ff;
background-image:url(http://www.bfcap.co.jp/website/upline.bmp);　/* 画像の設定 */
background-repeat:no-repeat;
text-align:center;
}


}


#content {

float:right;
width:550px;
margin:10px 0;
background-color:#ffffff;
}

#sidebar {
float:left;
width:200px;
margin:10px 5px;
background-color:#ffffff;
border:solid 1px #696969;

}

#footer {
clear:both;
width:770px;

background-color:#3366ff;/* フッタ部分の色をヘッダの画像と似た色に */
color:#ffffff; /* フッタ部分の文字色を白に */
text-align:center;
}

#footer p {
color:#ffffff; /* フッタ部分の文字色を白に */
}

/*文字スタイル */

#header h1 {
font-size:15px;
color:#ffffff;
padding:0 10px;
}

#header p {
font-size:12px;
color:#ffffff;
padding:3px 10px;
background-color:#ffffff;


}

#content h2 {
<div style="font-family:sans-serif">
font-size:16px;
border-left:solid 10px #00cccc;
border-bottom:solid 1px #00cccc;
background-color:#0066cc;
padding:4px 5px;
margin:10px 10px;
color:#ffffff;

}

#content p {
font-size:12px;
margin:10px 10px;
line-height:18px;

}


#sidebar form {
padding: 0 10px;
}

#sidebarh3 {
font-size:16px;
border-left:solid 10px #33ccff;
border-bottom:solid 1px #33ccff;
background-color:#ff6633;
padding:3px 5px;
margin:10px 10px;
color:#ccffff;

}

#sidebar h4 {
font-size:9px;
color:#696969;
}


#sidebar ul{
margin:0 10px;
padding:0;
}

#sidebar li{
margin-left:18px;
font-size:12px;
line-height:15px;
padding:5px 0;
}

#footer p {
font-size:12px;
color:#ffffff;
}

#footer a {
color:#ffffff;
}
#footer a:hover {
color:#990000;
}