p.komoji {/*　小文字　*/
color: gray;
font-size: small;
}

b {/*　大文字　*/
color: #000000;
font-size: large;
}

a:hover {/* リンクボタン */
background-color: #FFFFFF;
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}

a img { border: none; }

hr.hr1 {/*　点線バー　*/
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #ff0000;
height: 2px;
} 

p.hako {/*　文字を入れる箱　*/
border-style: dotted;
border-width: 1px;
background-color: #ffffcc;
} 

#container { /* 全体レイアウト */
width:800px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color: #FFFFFF;
}

#top {
width:590px;
float:left;
margin-right:10px;
}

#about {
display:none;
width:590px;
float:left;
margin-right:10px;
}

#link {
display:none;
width:590px;
float:left;
margin-right:10px;
}

#yoko {
width:200px;
float:right;
}

#foot {
width:100%;
clear:both;
}


div.page {/* レイアウト用 */
background-color: #FFFFFF;
border-width: 2px;
border-style: solid;
padding: 10px;
margin: 2px;
}


body {/* ページ色*/
background-image: url(./image/moyou.png);

}