#site-box {
          width : 752px;
          border: 1px solid #FF9900;
          margin : 5px auto
;
}

#a-box {
          border-bottom: 1px solid #FF9900;
	   background-color: #ffffdd;
          padding: 10px;
}

#b-box {
          float: left;
          width: 200px;
}

#c-box {
          float: right;
          width: 550px;
          font-size: 12px;
}

#d-box {
          clear: both;
          width : 716px;
          background-color: #ffffaa;
          padding: 10px;
          text-align: center;
}

h1 {
          font-size: 22px;
          padding: 5px;
          margin: 5px;
}

h2 {
          font-size: 17px;
          padding: 5px;
          margin: 5px;
}

h3 {
          font-size: 15px;
          color:#FF9900;
          margin: 2px;
}

p {
          font-size: 18px;
          margin: 1px;
}

.category {
          font-size: 14px;
          color: #FFFFFF;
          background-color: #FF9900;
          padding: 5px;
          margin: 5px;
}
 	
#nave{
width: 180px;
margin: 0px 0px 0px 5px;
}

#nave ul {
list-style: none;
margin: 0;
padding: 3px 0px;
border-top: 1px dotted #999999;
}

#nave li {
background:#e1f1ff;
margin: 0;
padding: 5px 2px;
border-bottom: 1px dotted #999999;
}

#nave a {
border-left: 8px solid #000099;/*文字の横に付箋のようなマークを入れる*/
padding:2px 2px;
display: block;
width: 162px ;
color: #333333;
text-decoration: none;
}

#nave a:hover {
background: #cccccc;
border-left: 8px solid #FFcc33;/*カーソルオーバーでマークの色が変わる*/
color: #111111;
width: 162px ;
}