* {
margin : 0; 
padding : 0; 
font-weight : normal; 
font-style:normal;
} 
body {
font-size : 70%;
line-height: 150%;
color : #333333; 
letter-spacing : 1px;
text-align: center;
background : #ffffff url(img/wall.gif);
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
}
img {
border: 0;
}
br {
letter-spacing : normal; 
}
a{
color: #333333;
text-decoration : none;
}
a:hover{
color: #000000;
}
h1{
font-size : 200%; 
text-align: right;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
padding : 20px ; 
letter-spacing : 3px;
} 
H2 {
font-size : 150%; 
color : #72aa8d; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
margin: 10px 0 ;
  
} 
h3 {
font-size : 120%;
color : #72aa8d; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
margin-bottom: 10px ;
} 
h4{
font-size : 100%;
margin-bottom: 10px ;
}
h5{
font-size : 100%;
margin-bottom: 10px ;
}
h6 {
font-size : 100%;
margin-bottom: 10px ;
}
p {
margin-bottom: 20px ;
}
ul li{
list-style: none;}
address{
font-style:normal;
}
form{
padding : 20px 0 ;
}
textarea,input,select {
font-size : 12px; 
border : 1px solid #dddddd;
background-color : #ffffff;
margin: 2px 0;
padding : 3px;
}
#page{
margin:0 auto;
width:700px;
text-align: left;
background-color:#ffffff;
}
/* ヘッダー */
#head{
width : 700px;
height : 200px;
background : #ffffff url(img/photo.jpg) no-repeat center center;
}
#submenu{
width : 694px;
height:20px;
margin: 0px 3px 3px 3px;
background-color : #c5cfb8;
}
#submenu ul{
padding-right: 10px;
text-align: right;
}
#submenu li{
display: inline;
padding-left: 5px;
}
/* メニュー */
#left{
float : left;
width150px;
padding: 40px 20px 20px;
}
#menu {
width:150px;
}
#menu ul {
padding-bottom: 20px ;
}
#menu li {
background : #ffffff url(img/line.gif) repeat-x center bottom;
}
#menu li a{
display:block;
width:150px;
}
#menu li a:hover {
background-color: #c5cfb8;
color: #75885b;
}
.img {
padding-bottom: 10px ;
}
.img li{
display: inline;
padding-right: 2px;
}
/* Update */
.up {
overflow: auto;
width : 150px;
height : 100px;
margin: 10px 0 30px 0;
}
.up a:hover {
background-color: #c5cfb8;
color: #75885b;
}
/* メイン */
#main{
float : right;
width:460px;
padding: 40px 20px 20px;
}
#main ul {
padding: 3px 0px;
}
#main a:hover {
background-color: #c5cfb8;
color: #75885b;
}
dl.about{
padding : 10px 0 20px 0;
}
dl.about dt{
padding : 2px;
}
dl.about dd{
margin-top:-1.8em;
margin-left:120px;
}
/* リンクページ */
.link {
margin : 0 0 20px 0;
line-height: 130%;
}
dt.site01 a{
border-bottom: 1px solid #999999;
}
.link dl{
padding : 0 0 10px 0;
}
/* 31*31のバナーの場合 */
dd.site02{
height: 35px;
margin-top:-3em;
margin-left:41px;
}
/* 88*31のバナーの場合 */
dd.site03{
height: 35px;
margin-top:-3em;
margin-left:98px;
}
/* 200*40のバナーの場合 */
dd.site04{
height: 44px;
margin-top:-3.8em;
margin-left:210px;
}
/* Info */
.info {
overflow: auto;
width : 460px;
height : 100px;
margin: 20px 0;
}
/* ニューアイテム */
#new ul{
margin: 20px 0;
}
#new li{
display: inline;
margin: 0;
padding-left: 3px;
}
/* ダイアリー */
.diary {
background-color: #f7f6fb ;
padding: 10px ;
margin-bottom: 10px ;
}
.nikki {
overflow: auto;
width : 460px;
height : 380px;
margin: 20px 0;
}
/* ページトップ */
.pagetop {
text-align: right;
padding-top: 20px ;
}
/* フッター*/
#foot{
clear:both;
width:694px;
text-align: center;
margin: 3px 3px 0 3px;
background-color : #c5cfb8;
}
#foot li{
display: inline;
padding: 0 5px;
}