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

html{
     height:100%;
}

body{
     background-color:darkseagreen;
     color:#505050;
     height:100%;
     line-height:1.4;
}

#container{
          margin : 5px auto;
          width:100%;
          position:relative;
          height:100%;
          min-height:100%;
}
#header{
        padding: 20px;
}
#contents{
          float:left;
          width:70%;
          padding-bottom:30px;
          min-height:80%;
}

* html #contents{
          height:100%;
}

#etc{
     float:right;
     width:29%;
     font-size: 12px;
     padding-bottom:30px;
}
#footer{
        clear:both;
        width:100%;
        background-color: #FFFF99;
        font-size: 75%;
        bottom:0;
        padding: 20px;
        text-align: center;
}

* html #footer{
    position:absolute;
}


h1 {
          font-size: 137%;
}

h2 {
          font-size: 106%;
          background-color: #FFFF99;
          padding: 10px;
          margin: 5px;
}

h3 {
          font-size: 93%;
          background-color: #FFFF99;
          padding: 10px;
          margin: 5px;

}

p {
          font-size: 95%;
          color:#000000;
          margin:15px;
          margin-bottom:45px;
}

ul { 
          padding : 10px 5px 10px 30px; 
          color:#505050;
}

li {
          margin-left:1em;
          line-height:25px;
          font-size:16px;
          color:#505050;
}

a.date{
          color:#505050;
}

a.date:hover {
          color:#FFFF99;
}

a {
          text-decoration: none;
          color:#000000
}

a:hover { /*マウスをのせたとき*/
          color:#a2a2a2
}

a.other:hover { /*マウスをのせたときピンク*/
          color:#cc0099  ;
}

a.other {
          color:#505050;
}

a.other2:hover {
                 color:#ffffff
}



a img { /*リンク画像の囲み線を取る*/
          border: none;
}


.category {
          font-size: 14px;
          background-color: #FFFF99;
          padding: 5px;
          margin: 5px;
}

.aa {
          font-size: 106%;
          margin: 5px;
}

div.date {
          font-size:17px;
          font-weight:bold;
          padding-top:10px;
}



div.menu * { margin:0; padding:0; }
div.menu {
	background-color:#9999FF; /* バーに背景色 */
}
div.menu ul {
	width:100%; /* ボタンの数の幅を確保 */
	height:18px; /* バーの高さを確保 */
	margin-left:9px; /* 左余白 */
	border-left:1px solid #ffffff; /* 左しきり棒 */
        padding:5px;
        margin-bottom:5px;
}
div.menu li {
	width:130px;
	float:left; /* liを左寄せ */
	list-style-type:none;
}
div.menu a {
	border-top:1px solid #9999FF;
	border-bottom:1px solid #9999FF;
	border-right:1px solid #ffffff; /* しきり棒 */
	display:block;
	width:129px;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	font-size:93%;
	font-weight:bold;
	color:#ffffff;
	background-color:#9999FF;
        white-space: nowrap; /* 自動改行無し */

}
div.menu a:hover {
	color:#99CCFF;
	background-color:#9999ff;
}