* {
  margin : 0;
  padding : 0;
  font-weight : normal;
  font-style:normal;
}
body {
  font-size : 80%;
  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 : 250%;
  text-align: right;
  font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
  padding : 20px ;
  letter-spacing : 3px;
}
h2 {
  font-size : 110%;
  color : #72aa8d;
  font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
  margin: 10px 0 20px ;
}
h3 {
  font-size : 105%;
  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 {
  font-size : 95%;
  margin-bottom: 20px ;
}
ul li{
  font-size : 90%;
  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;
  width : 200px;
  padding: 40px 10px 20px;
}
#menu {
  width : 200px;
}
#menu ul {
  padding-bottom: 20px ;
}
#menu li {
  background : #ffffff url(img/line.gif) repeat-x center bottom;
}
#menu li a{
  display:block;
  width : 200px;
}
#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 : 80px;
  margin: 10px 0 30px 0;
}
/* メイン */
#main{
  float : right;
  width:420px;
  padding: 40px 20px 20px;
}
#main ul {
  padding: 3px 0px;
}
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 : 430px;
  height : 120px;
  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 ;
}
/* ページトップ */
.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;
}
